Inline Carousel

A horizontal comparison rail for compact candidate scanning inside the chat thread.

The carousel is for fast horizontal comparison inside the thread, not for browsing a mini application.

What it is for

Expose a short set of candidates without forcing a mode switch or vertical scroll stack.

Use when

You have 3-8 comparable items and each one can be summarized with image, title, and one CTA.

Do not use when

Each card needs multiple actions, long descriptions, or nested states.

Related patterns

App Surfaces · Inline Summary Card · Artifacts

Escalation path

Inline summary card → inline carousel → fullscreen detail.

Developer details

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

src/shared/ui/chat/InlineCarouselCard.tsx

Result rail

3 matches

Estimate preview

High fit

A quick cost comparison before opening the full estimate workspace.

Portfolio match

3 photos

The strongest candidate lead image stays visible before the user commits.

Map confirmation

0.8 mi

A location card should still give the user one clear next move.

Keep the rail to a handful of image-led options, then escalate to fullscreen when the user needs deeper inspection.