Skip to Content
AuroraDesign System
Foundations
Color TokensTypographySpacing & RadiiBrand & MarkDirection
Controls
ButtonsButton GroupBadgesToggle SwitchToggleToggle GroupAvatarProgressSpinnerSeparatorToolbarKbd
Form Elements
Inputs & SelectsInputFieldLabelInput GroupInput OTPNative SelectSelectComboboxCheckbox & RadioRadio GroupSliderNumber InputTextareaCalendarDate PickerTabs & Pills
Feedback
AlertBannersCalloutToastsSonnerTooltipEmpty StatesSkeletonStatus IndicatorShimmerConfirmation
Navigation
BreadcrumbPaginationCommandNavigation MenuMenubar
Data
Stat CardsTablesData TableFilter BarsTimelineDescription ListSearch ResultsListboxMarketplace
Overlays
Modal & DialogAlert DialogAccordionCollapsibleDropdownsContext MenuPopoverHover CardSheetDrawerShare Dialog
Chat & AI
Prompt InputAI ElementsMessageConversationModel SelectorPersonaOpen in ChatReasoningTool CallsToolThinkingChain of ThoughtPlanTaskQueueSuggestionCode BlockArtifactTerminalPermission PromptAsk User QuestionPermissions ConfigCommand PaletteSidebar
Runtime & Execution
AgentCheckpointCommitContext PanelEnvironment VariablesPackage InfoSchema DisplaySandboxSnippetJSX PreviewStack TraceTest ResultsPanelControl StripCanvasConnectionEdgeNode
Media & Voice
Audio PlayerMic SelectorSpeech InputTranscriptionVoice Selector
Content
Attachment ChipAI AttachmentsSourcesInline CitationFile PickerFile TreeCode EditorCode WorkspaceWeb PreviewAspect RatioCardCarouselChartImageItemResizable PanelsScroll Area
Auth & Errors
LoginOAuth FlowError Pages
Themes
Light Mode
AI Elements (new)
ActionActionsAiImageGridBranchLoaderMessageAvatarMessageContentResponseSource
Aurora Extensions
ChatMessageChatSidebarColorPickerComponentCardCopyButtonMultiSelectOperationIconProgressRingRangeSliderRatingSegmentedSpotlightStatusDotStepperTagInput

Components

AI Elements

AI Elements

Agent transcript primitives for messages, citations, sources, task state, tests, errors, and runtime configuration.

Gateway policy was updated after validating the registry manifest 1 and the runtime logs 2.
Sources
registry.json1Published component manifestdocker compose logs2Container runtime output
Tasks
Inspect RegistryRead registry entries and generated outputCompleted
Run Gallery SmokeOpen every route with agent-browserRunning
Publish PackageWaiting for approvalQueued
Test Results
pnpm lint2.9s
Passed
pnpm build12.8s
Passed
visual sweep
Running
Capturing updated component screenshots
Build Failure
1registry/aurora/blocks/agent/agent.tsx:84:12Missing required registry dependency
2app/gallery/demos/ai-elements-demo.tsx:33:4Demo import failed
Environment
NEXT_PUBLIC_LAB_API_URLhttp://localhost:8…Required
LAB_MARKETPLACE_TOKENUnsetRequiredSecret
AURORA_DEBUG_OVERLAYfalse

Aurora-native AI Elements parity block covering chat, code, voice, workflow, media, and utility surfaces.

Install

npx shadcn@latest add https://aurora.tootie.tv/r/aurora-ai-elements.json
Requires@aurora/aurora-tokens@aurora/aurora-avatar@aurora/aurora-badge@aurora/aurora-button@aurora/aurora-select@aurora/aurora-separator@aurora/aurora-spinner@aurora/aurora-textarea@aurora/aurora-clipboard@aurora/aurora-safe-url
npmlucide-react