HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
OrbView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorSays what an agent is doing, as a shape rather than a word.ExperimentalSince 0.8.0FeedbackUsageimport'@fusion.dev/helix/orb'Preview
API ReferenceRoothelix-orbSays what an agent is doing, as a shape rather than a word.
PropTypeDefaultDescriptionlabelstring""Accessible name, where the state's own word is not the right one.size"lg"|"sm"Diameter relative to the surrounding text.stateOrbState"thinking"What the agent is doing.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
PartDescriptioncanvasThe surface the cloud is drawn into.
CSS PropertyDescription--orb-colorInk of the nearest dots. Defaults to `currentColor`.--orb-groundWhat the far dots are mixed toward. Defaults to the page's background.--orb-sizeDiameter. Overrides `size`.
ExamplesNameDescriptionOn The LineAn orb sized to the line of text it sits beside.PreviewAn agent at work, drawn as a shape rather than said in a word.SizesThe orb at each size it comes in.StatesThe four shapes, side by side.