Orion

Orion Theme

Color palette, fonts, radius and shadow tokens shared by every Orion component.

theme

Utils

The cn() utility for merging Tailwind classes.

lib

Button

Displays a button or a component that looks like a button.

ui

useCopyToClipboard

A hook for copying text to the clipboard with a temporary copied state.

hook

Empty State

A simple empty state with an icon, message, and call to action.

block

Loading State

Pixel-grid loader with shimmer text and elapsed time.

ui

Thinking

Expandable agent trace with Steps, Reasoning, Search, and Coding variants.

ui

Streaming Text

Streamed answer with inline sources, actions, and follow-ups.

ui

useStagedSequence

Advances through a list of stage delays one at a time; returns the current stage index.

hook

useElapsed

Ticks up in deciseconds and formats as a human-readable elapsed time string.

hook

useDarkMode

Tracks whether the .dark class is present on the document root.

hook

Checkbox

A square checkbox control with checked, unchecked, and mixed states.

ui

Tag

A colored-dot label chip for categorizing table rows.

ui

Meter

A three-bar confidence/signal meter.

ui

SpinnerRing

A circular progress spinner with an optional center label.

ui

StatusBadge

A colored circular badge for success/failure states.

ui

Badge

A compact label chip for filters, statuses, and countable tags.

ui

Dot

A small colored indicator dot for status markers, filters, and embellishments.

ui

Shimmer

Animated gradient-sweep text for in-progress labels.

ui

SegmentedControl

A pill-style tab switcher with a sliding highlight that tracks the active segment.

ui

Search

Command search with live filtering and an empty state.

ui

Code Block

Code streaming in line by line, with a live copy button.

ui

Approval Card

Human-in-the-loop questions with radio/checkbox options and a paged footer.

block

Tool Chips

Agent tool calls as compact, expandable rows with file-diff chips.

block

Task Rows

Live agent task status rows — running, failed, completed.

block

Chat

Tabbed chat panel with reasoning replies and a composer.

block

Recommendation Card

Agent suggestion with a confidence meter, alternatives drawer, and accept action.

block

Context Cards

Retrieved knowledge chunks with source attribution chips.

block

Diff Table

Proposed row-level changes sweeping through a table once.

block

Records Table

A sortable data grid with row selection, tags, and a calculation footer.

block

Filter Table

Status chips that filter a task table in place.

block

Sidebar Nav

Workspace navigation with a gliding hover highlight and quick search.

block

Insight Cards

Paged agent insights with a scrub-ready line chart.

block

Fine-tune Card

An inspector panel with scrubbable number fields and a segmented control.

block

Selection Actions

A floating AI toolbar attached beneath selected text.

block

Prompt Bar

A composer with @ sources, / commands, a model picker, and dictation.

block