Registry Preview Card

Use this when the user needs a quick in-thread selection surface before opening richer detail in a supporting rail.

Result Preview Card

The preview card is intentionally narrow. It should help the user choose, not recreate the whole destination surface.

What it is for

Provide a scan-friendly item preview with sparse metadata and no more than two actions.

Use when

Users need to compare a few candidates inline before expanding one into a supporting rail.

Do not use when

The content needs tabs, deep navigation, or long-form explanation.

Related patterns

Registry Items · Inspector Rail · App Surfaces · Inline Summary Card

Escalation path

Preview card → inspector rail → fullscreen workspace.

Developer details

Start from these files when you need to trace the live implementation.

shared/ui/chat/ResultPreviewCard.tsx

Installable KnearMe surface family

Surface preview

Trust-led portfolio treatment

Project page candidate

publish ready

Best when the business wants a trust-first hero, a short material story, and one clean CTA into the quote flow.

Surface preview

Comparison-oriented option

Project page candidate

needs input

Best for a comparison-heavy selection moment where the user needs to scan a few options before expanding the one that deserves deeper editing.

Surface preview

Commercial proof option

Project page candidate

in review

Best when the business needs a compact card in the thread but still wants a right-side reference surface with customer, scope, and proof context.