Training Status Popover

A token-driven loading panel with a dual-ring spinner, an indeterminate progress track, and a smooth transition to a success state — fully design-system agnostic.

A context-window usage popover: a segmented usage bar splitting system, history, tools, docs and prompt tokens across a vibrant multi-hue data palette, a color-coded legend with token counts and a remaining-capacity footer, revealed from a trigger with click-outside and Escape to close.

A deep-reasoning popover with a gradient border: a chain-of-thought stepper showing completed and active reasoning steps with a pulsing marker, plus a depth meter, revealed from a gradient trigger with click-outside and Escape to close.

A three-tier Atheros AI Builder pricing showcase with a highlighted "Most Popular" plan, monthly AI-credit badges, gradient gem icons, and a dark/light theme toggle — fully token-driven and design-system agnostic.