Design System

Overview

Overview
Review paths

Registry Inspector Rail

This installable rail is the expanded companion surface for a selected preview item, with built-in ready, loading, and empty states.

Review the conceptual usage rules on App Surfaces · Inspector Rail, then come back here for the installable component contract.

Inspector Detail Rail

This installable rail is the expanded supporting surface for the selected preview item. It is not a debug-only panel.

What it is for

Hold grouped metadata, longer rationale, and richer next-step actions without overloading the thread preview.

Use when

The user needs more context than a preview card can safely hold, but not a full screen change.

Do not use when

The content is the primary task itself or requires a true workspace.

Related patterns

Registry Items · List Detail Shell · App Surfaces · Inspector Rail

Escalation path

Supporting rail → fullscreen workspace only if editing or visual exploration grows.

Developer details

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

shared/ui/chat/InspectorDetailRail.tsx

Installable KnearMe surface family

Ready state

Expanded detail after the user selects a preview card.

Loading state

Use while the richer supporting detail is still being composed.

Empty state

Use before anything has been selected.