Catalog / Shared
Component stories
Primitives
Colors
Brand blue ramp, cream ramp, semantic token pairs, surface tokens, and chart palette — all OKLCH.
Typography
Inter Variable type scale — display, title, body, and caption utilities with weight, size, line-height, and tracking.
Spacing & Radius
Tailwind spacing scale visualized as bars, and the shared radius token set.
Icons
Lucide icons actively used across the codebase, rendered at default and small sizes.
Foundations
Button
Shared button states, canonical variants, compatibility aliases, and link composition.
Alert
Shared grid-based alerts with default and destructive variants.
Card
Shared card primitives with description, action, and footer slots.
Badge
Shared badges for status, metadata, and light admin labeling.
Skeleton
Shared loading placeholders for admin and shared review surfaces.
Progress
Shared determinate and indeterminate progress bars backed by shared motion tokens.
Forms & Selection
Input
Shared text inputs using the shadcn-style baseline.
Floating Input
Shared floating-label input with hint, error, and disabled states.
Floating Select
Shared floating-label select with selected, error, and disabled states.
Password Input
Shared password field built on the shared input and button.
Textarea
Shared multiline inputs with the same focus and invalid states as Input.
Select
Shared composable select primitive for admin filters and future wrapper composition.
Select Card
Shared selection card for checkbox (multi-select) and radio (single-select) choices.
Admin Patterns
Admin Tool Rail
Admin navigation and tool-panel framing for utility surfaces like scenario runner and internal tools.
Admin Users List
Users-style filters, results count, and keyboard-focusable table rows for admin management screens.
Admin Credit Pulls
Split-pane admin pattern for list-plus-detail workflows like credit pulls and other operational review screens.
Admin Conversation List
Conversation rows, secondary actions, and empty/error shell states for high-frequency support surfaces.
Admin Conversation Detail
Loaded admin messaging surface with conversation actions, message metadata, composer controls, and inline error treatment.
Admin Detail Cards
Representative detail cards for user overview, CRS context, and operational recommendation review.