Components

Iridescent conic with halo + core + gloss.

Hash → 12 brand-family hues. Stable per-agent.

Orb + name pill. The 'Scout just wrote' affordance.

Overlapping orbs. Live presence on any multiplayer surface.

'Argus just wrote' floating chip. Auto-clears.

Orb + 'wrote N rows' event log. Realtime-aware.

Resolve / react / reply. Survives AI rewrites.

Notification with severity dot.

Side rail with All / Mine / Resolved filters.

Two-pane inbox shell with kbd nav.

Click-to-approve flow for in-chat agents.

Single-use share-link affordance.

Primary / secondary / ghost / destructive / brand.

Text, search, password. Brand-color focus ring.

Dropdown with keyboard nav + type-ahead.

Searchable select. Multi-select variant.

Standard checkbox with brand tint.

Radio set with keyboard nav.

On/off toggle. Animated transition.

Range input with brand-color track.

Form-input pairing. Required-asterisk + error states.

Validation patterns + async submit.

Bordered surface container.

Themed horizontal or vertical divider.

Default / brand / success / warn / error / premium.

Human face. Initials, emoji, or upload.

Hover-triggered explanation. 200ms delay.

Click-triggered floating card. Portal-rendered.

Bottom-right notifications. Severity color.

32px close, single-at-a-time, portal-rendered.

Confirm-destructive variant of Modal.

Right or left drawer. Backdrop fade.

⌘K palette with multi-source search.

Collapsible nav rail with sections.

Drag-reorder tabs with overlay × on hover.

Standard horizontal tabs. ARIA-compliant.

Native <details> with stable Cmd+F.

Org / workspace / surface trail.

App header. Logo + nav + user-row pattern.

Sidebar + topbar + main wrapper.

Settings tab pattern with atomic load.

Virtualized typed-row table. 60fps past 100k rows.

Status / person / date / url / longtext renderers.

Typed-options pill with active pulse.

Cursor or offset. Keyboard arrows.

Shimmering placeholder rows.

Friendly zero-state with icon, copy, CTA.

TipTap shell with toolbar + remote-writer pill.

B / I / U + headings + lists + code + math.

@ autocomplete with members + agents.

NOTE / TIP / IMPORTANT / WARNING / CAUTION.

Fenced ```mermaid block render.

Inline + block math, KaTeX-powered.

Native <details> collapse. SEO-crawled.

Scale gold · Pro color · Free greyscale tokens.

Pill toggle for light / breeze / dark.

App-wide theme context with CSS variables.

Iridescent conic mark. Strict brand trio.