@actioneer/ads 0.2.4 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/components/ai-elements/chain-of-thought.d.ts +88 -6
  2. package/components/ai-elements/chain-of-thought.js +370 -107
  3. package/components/ai-elements/chart.d.ts +30 -0
  4. package/components/ai-elements/chart.js +303 -0
  5. package/components/ai-elements/index.d.ts +2 -0
  6. package/components/ai-elements/message.d.ts +12 -2
  7. package/components/ai-elements/message.js +133 -100
  8. package/components/ai-elements/research-activity.d.ts +62 -0
  9. package/components/ai-elements/research-activity.js +278 -0
  10. package/components/ai-elements/task.d.ts +7 -3
  11. package/components/ai-elements/task.js +84 -52
  12. package/components/ai-elements/tool.js +39 -35
  13. package/components/ai-elements/voice.d.ts +7 -1
  14. package/components/ai-elements/voice.js +234 -180
  15. package/components/alert.js +28 -16
  16. package/components/answer.d.ts +16 -0
  17. package/components/answer.js +273 -249
  18. package/components/assistant-ui/attachment.js +5 -1
  19. package/components/assistant-ui/composer-deep-research.js +44 -29
  20. package/components/assistant-ui/composer-harness.js +45 -27
  21. package/components/assistant-ui/composer.js +16 -16
  22. package/components/assistant-ui/index.d.ts +0 -1
  23. package/components/assistant-ui/message.d.ts +7 -0
  24. package/components/assistant-ui/message.js +36 -36
  25. package/components/assistant-ui/thread.js +1 -1
  26. package/components/brand-texture.d.ts +37 -0
  27. package/components/brand-texture.js +54 -0
  28. package/components/code-block.d.ts +42 -0
  29. package/components/code-block.js +235 -0
  30. package/components/drawer.d.ts +1 -1
  31. package/components/file-dropzone.d.ts +32 -0
  32. package/components/file-dropzone.js +134 -0
  33. package/components/index.d.ts +10 -0
  34. package/components/index.js +482 -433
  35. package/components/infinite-canvas.d.ts +50 -0
  36. package/components/infinite-canvas.js +215 -0
  37. package/components/page-header.d.ts +22 -0
  38. package/components/page-header.js +52 -0
  39. package/components/resizable-panel.d.ts +29 -0
  40. package/components/resizable-panel.js +102 -0
  41. package/components/reveal.d.ts +36 -0
  42. package/components/reveal.js +35 -0
  43. package/components/scroll-area.d.ts +19 -0
  44. package/components/scroll-area.js +57 -0
  45. package/components/setting-row.d.ts +35 -0
  46. package/components/setting-row.js +86 -0
  47. package/components/sidebar.js +131 -131
  48. package/components/stepper.d.ts +40 -0
  49. package/components/stepper.js +102 -0
  50. package/components/table.js +16 -15
  51. package/components/tabs.js +1 -1
  52. package/lib/icons.d.ts +12 -0
  53. package/lib/icons.js +98 -95
  54. package/lib/motion.d.ts +7 -3
  55. package/lib/motion.js +29 -27
  56. package/llms.txt +123 -28
  57. package/manifest.json +883 -68
  58. package/package.json +2 -2
  59. package/styles.css +179 -30
  60. package/theme.css +29 -17
  61. package/components/assistant-ui/smart-message-text.d.ts +0 -15
  62. package/components/assistant-ui/smart-message-text.js +0 -29
package/llms.txt CHANGED
@@ -137,6 +137,25 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
137
137
  - Don't: Use sm:/md: viewport variants inside src/components, or hardcode a pane width there.
138
138
  - Don't: Cap a grid at a hard column count so it stops growing on wide displays.
139
139
 
140
+ ### 10. Back navigation is leading [judgment]
141
+
142
+ A page-level Back control sits immediately before the page title in the leading header cluster. It is icon-only with an accessible label and never appears on the right with forward/page actions.
143
+
144
+ - Do: Use PageHeader with onBack so the left arrow is anchored directly before the title.
145
+ - Do: Reserve the trailing header area for forward or page-level actions such as Add, Save, or Share.
146
+ - Don't: Place Back on the right side of a page header.
147
+ - Don't: Render a redundant visible Back label when the standard left arrow and accessible label are sufficient.
148
+
149
+ ### 11. Tabs lead; scoped search trails [judgment]
150
+
151
+ When tabs and a search field control the same content, they share one responsive control row: the tab track hugs its labels at the leading edge and search sits at the trailing edge. Stack only when the container cannot fit both.
152
+
153
+ - Do: Keep the horizontal TabList content-width, then place the scoped search field opposite it in the same toolbar.
154
+ - Do: On constrained containers, stack tabs first and search second while preserving their relationship.
155
+ - Don't: Stretch the tab track to fill the space between its labels and the search field.
156
+ - Don't: Put a scoped search field on a separate row above its tabs when both controls fit side by side.
157
+ - Don't: Place search before tabs in the reading or keyboard order.
158
+
140
159
  ## Components
141
160
 
142
161
  ### Primitives / utilities
@@ -150,26 +169,53 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
150
169
 
151
170
  - [Button] — Use Button for any pressable action — a primary CTA, secondary action, or icon-only control — choosing variant by emphasis and size by context. (variants: variant: solid|secondary|outline|ghost|soft|link|danger; size: xs|sm|md|lg|icon|icon-sm|icon-xs) [docs](https://ads.actioneer.dev/#/button)
152
171
  - [Code] — Use inline within a Text/paragraph to mark a literal token — a command, filename, variable, or short snippet — never as a block-level code display. [docs](https://ads.actioneer.dev/#/typography)
172
+ - [CodeBlock] — Show a snippet that owns its own line — a query, config, or tool payload — with an optional filename/language header and copy control; use the inline Code for a token inside a sentence. (variants: variant: soft|plain) [docs](https://ads.actioneer.dev/#/code-block)
153
173
  - [Divider] — Separate grouped content or inline clusters with a thin rule instead of adding a border to the container. [docs](https://ads.actioneer.dev/#/divider)
154
174
  - [Field] — Wrap any form control (Input, Select, NumberField, Textarea, etc.) with a label plus optional description or error footer. [docs](https://ads.actioneer.dev/#/field)
155
175
  - [FieldDescription] — component [docs](https://ads.actioneer.dev/#/field)
156
176
  - [FieldError] — component [docs](https://ads.actioneer.dev/#/field)
177
+ - [FileDropzone] — component (variants: isDragging: true|false; isDisabled: true|false) [docs](https://ads.actioneer.dev/#/review/file-dropzone)
157
178
  - [Heading] — Use Heading for semantic h1–h4 titles above a page, section, or card, sized by document level via `level` (never a `size` prop). [docs](https://ads.actioneer.dev/#/typography)
158
179
  - [Kbd] — Use to display a keyboard shortcut or key name, inline in text or trailing a label in a shortcut list. [docs](https://ads.actioneer.dev/#/kbd)
159
180
  - [Label] — component [docs](https://ads.actioneer.dev/#/field)
160
181
  - [Link] — Use Link for inline or standalone anchor navigation; add isExternal for links that leave the app. [docs](https://ads.actioneer.dev/#/link)
182
+ - [ResizablePanel] — component [docs](https://ads.actioneer.dev/#/review/resizable-panel)
183
+ - [Reveal] — Choreograph a data surface's entrance instead of a skeleton swap: wrap the shell, labels, values, and charts in ordered Reveals so the layout lands instantly and the content draws itself in. [docs](https://ads.actioneer.dev/#/reveal)
184
+ - [RevealGroup] — component [docs](https://ads.actioneer.dev/#/reveal)
185
+ - [ScrollArea] — component [docs](https://ads.actioneer.dev/#/review/scroll-area)
186
+ - [ScrollBar] — component [docs](https://ads.actioneer.dev/#/review/scroll-area)
187
+ - [SettingList] — component (variants: isPressable: true|false) [docs](https://ads.actioneer.dev/#/review/setting-row)
188
+ - [SettingRow] — component (variants: isPressable: true|false) [docs](https://ads.actioneer.dev/#/review/setting-row)
161
189
  - [Spinner] — Use for an indeterminate loading state (e.g. inside a Button's isLoading, or standalone while content is fetching) — not for measurable/determinate progress. (variants: size: sm|md|lg; color: current|primary|muted) [docs](https://ads.actioneer.dev/#/spinner)
190
+ - [Stepper] — component (variants: status: complete|current|upcoming|error; size: sm|md) [docs](https://ads.actioneer.dev/#/review/stepper)
162
191
  - [Text] — Use Text for any body copy, caption, or inline run of prose instead of a raw p/span tag. [docs](https://ads.actioneer.dev/#/typography)
163
192
  - [ButtonProps] — TypeScript type
193
+ - [CodeBlockProps] — TypeScript type
164
194
  - [DividerProps] — TypeScript type
165
195
  - [FieldProps] — TypeScript type
196
+ - [FileDropzoneProps] — TypeScript type
166
197
  - [HeadingProps] — TypeScript type
167
198
  - [KbdProps] — TypeScript type
168
199
  - [LinkProps] — TypeScript type
200
+ - [ResizablePanelProps] — TypeScript type
201
+ - [RevealGroupProps] — TypeScript type
202
+ - [RevealProps] — TypeScript type
203
+ - [RevealVariant] — TypeScript type
204
+ - [ScrollAreaProps] — TypeScript type
205
+ - [ScrollBarProps] — TypeScript type
206
+ - [SettingListProps] — TypeScript type
207
+ - [SettingRowProps] — TypeScript type
169
208
  - [SpinnerProps] — TypeScript type
209
+ - [StepperProps] — TypeScript type
210
+ - [StepperStatus] — TypeScript type
211
+ - [StepperStep] — TypeScript type
170
212
  - [TextProps] — TypeScript type
171
213
  - [buttonVariants] — utility
214
+ - [codeBlockVariants] — utility
215
+ - [fileDropzoneVariants] — utility
172
216
  - [inputBaseClass] — utility
217
+ - [settingRowVariants] — utility
218
+ - [stepperMarkerVariants] — utility
173
219
 
174
220
  ### Form controls
175
221
 
@@ -257,11 +303,12 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
257
303
  - [Accordion] — Use for FAQ-style or settings-style stacked content where headings should collapse to save space and only the relevant section needs to be visible at once. [docs](https://ads.actioneer.dev/#/accordion)
258
304
  - [AccordionItem] — component [docs](https://ads.actioneer.dev/#/accordion)
259
305
  - [AnswerRenderer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
260
- - [AreaChart] — component [docs](https://ads.actioneer.dev/#/chart)
306
+ - [AreaChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
261
307
  - [Avatar] — Use to represent a person or entity as a compact photo-or-initials glyph, standalone or stacked in an AvatarGroup. [docs](https://ads.actioneer.dev/#/avatar)
262
308
  - [AvatarGroup] — component [docs](https://ads.actioneer.dev/#/avatar)
263
309
  - [Badge] — Use Badge for a small inline label — status, counts, or tags — attached to text or a row. (variants: variant: solid|soft|outline|dot; color: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/badge)
264
- - [BarChart] — component [docs](https://ads.actioneer.dev/#/chart)
310
+ - [BarChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
311
+ - [BaseEdge] — component [docs](https://ads.actioneer.dev/#/infinite-canvas)
265
312
  - [BreakdownAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
266
313
  - [Card] — Use to group related content into a borderless surface; add `isHoverable` or `isPressable` only when the whole card is actionable. [docs](https://ads.actioneer.dev/#/card)
267
314
  - [CardBody] — component [docs](https://ads.actioneer.dev/#/card)
@@ -276,18 +323,24 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
276
323
  - [CarouselNext] — component [docs](https://ads.actioneer.dev/#/carousel)
277
324
  - [CarouselPrevious] — component [docs](https://ads.actioneer.dev/#/carousel)
278
325
  - [Chip] — A compact pill for statuses, tags, or metadata, with an optional leading icon/avatar or a dismiss control. (variants: variant: solid|soft|outline|dot; color: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/chip)
279
- - [ComboChart] — component [docs](https://ads.actioneer.dev/#/chart)
326
+ - [ComboChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
280
327
  - [ComparisonAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
281
- - [ComposedChart] — component [docs](https://ads.actioneer.dev/#/chart)
328
+ - [ComposedChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
282
329
  - [ConnectionStatus] — component [docs](https://ads.actioneer.dev/#/connector-card)
283
330
  - [ConnectorCard] — Use ConnectorCard to represent one data source/destination on an integrations screen — identity, connection status, health strip, and a usage/action footer. [docs](https://ads.actioneer.dev/#/connector-card)
331
+ - [EdgeLabelRenderer] — component [docs](https://ads.actioneer.dev/#/infinite-canvas)
284
332
  - [ExplanationAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
285
- - [FunnelChart] — component [docs](https://ads.actioneer.dev/#/chart)
286
- - [LineChart] — component [docs](https://ads.actioneer.dev/#/chart)
287
- - [PieChart] — component [docs](https://ads.actioneer.dev/#/chart)
288
- - [RadarChart] — component [docs](https://ads.actioneer.dev/#/chart)
289
- - [RadialBarChart] — component [docs](https://ads.actioneer.dev/#/chart)
290
- - [ScatterChart] — component [docs](https://ads.actioneer.dev/#/chart)
333
+ - [FunnelChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
334
+ - [Handle] — component [docs](https://ads.actioneer.dev/#/infinite-canvas)
335
+ - [InfiniteCanvas] — Lay out a node graph or workflow on a pan/zoom surface — pass nodes, edges, and your own nodeTypes; the canvas owns the grid, edges, zoom cluster, snap toggle, and toolbar slots. Use readOnly for a canvas that explains rather than edits. [docs](https://ads.actioneer.dev/#/infinite-canvas)
336
+ - [LineChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
337
+ - [MarkerType] — component [docs](https://ads.actioneer.dev/#/infinite-canvas)
338
+ - [PieChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
339
+ - [Position] — component [docs](https://ads.actioneer.dev/#/infinite-canvas)
340
+ - [RadarChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
341
+ - [RadialBarChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
342
+ - [ReactFlowProvider] — component [docs](https://ads.actioneer.dev/#/infinite-canvas)
343
+ - [ScatterChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
291
344
  - [StatusAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
292
345
  - [Tab] — component (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg; selected: true|false) [docs](https://ads.actioneer.dev/#/tabs)
293
346
  - [Table] — Use Table for structured tabular data that may need row selection, column sorting, sticky columns, or a paginated footer — not for simple key-value lists. [docs](https://ads.actioneer.dev/#/table)
@@ -298,13 +351,13 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
298
351
  - [TableRow] — component [docs](https://ads.actioneer.dev/#/table)
299
352
  - [TabList] — component (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg) [docs](https://ads.actioneer.dev/#/tabs)
300
353
  - [TabPanel] — component (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg; selected: true|false) [docs](https://ads.actioneer.dev/#/tabs)
301
- - [Tabs] — Use Tabs to switch between mutually exclusive views/sections that share the same page context, not for page-level navigation. (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg; selected: true|false) [docs](https://ads.actioneer.dev/#/tabs)
354
+ - [Tabs] — Use Tabs to switch between mutually exclusive views/sections that share the same page context, not for page-level navigation. Always reach for the primary (pill) variant — it is the default; use secondary only when explicitly asked for it. When Tabs and a scoped search field coexist, compose one responsive control row with tabs leading and search trailing; do not stack search above tabs at widths where both fit. (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg; selected: true|false) [docs](https://ads.actioneer.dev/#/tabs)
302
355
  - [TabSeparator] — component (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg; selected: true|false) [docs](https://ads.actioneer.dev/#/tabs)
303
356
  - [Timeline] — Use for a vertical rail of dated events — version history, audit trails, activity/status feeds. [docs](https://ads.actioneer.dev/#/timeline)
304
357
  - [TimelineItem] — component [docs](https://ads.actioneer.dev/#/timeline)
305
358
  - [Tree] — component [docs](https://ads.actioneer.dev/#/tree)
306
359
  - [TreeItem] — component [docs](https://ads.actioneer.dev/#/tree)
307
- - [TreemapChart] — component [docs](https://ads.actioneer.dev/#/chart)
360
+ - [TreemapChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
308
361
  - [TrendAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
309
362
  - [AccordionItemProps] — TypeScript type
310
363
  - [AccordionProps] — TypeScript type
@@ -342,6 +395,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
342
395
  - [ComparisonAnswerProps] — TypeScript type
343
396
  - [ComparisonAnswerSpec] — TypeScript type
344
397
  - [ComposedChartProps] — TypeScript type
398
+ - [Connection] — TypeScript type
345
399
  - [ConnectionStatusProps] — TypeScript type
346
400
  - [ConnectorAction] — TypeScript type
347
401
  - [ConnectorCardData] — TypeScript type
@@ -349,15 +403,25 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
349
403
  - [ConnectorFooter] — TypeScript type
350
404
  - [ConnectorStrip] — TypeScript type
351
405
  - [ConnectorTint] — TypeScript type
406
+ - [Edge] — TypeScript type
407
+ - [EdgeProps] — TypeScript type
408
+ - [EdgeTypes] — TypeScript type
352
409
  - [ExplanationAnswerProps] — TypeScript type
353
410
  - [ExplanationAnswerSpec] — TypeScript type
354
411
  - [FunnelChartProps] — TypeScript type
355
412
  - [FunnelLabelContext] — TypeScript type
356
413
  - [FunnelLabelRenderer] — TypeScript type
414
+ - [InfiniteCanvasProps] — TypeScript type
357
415
  - [LineChartProps] — TypeScript type
416
+ - [Node] — TypeScript type
417
+ - [NodeProps] — TypeScript type
418
+ - [NodeTypes] — TypeScript type
419
+ - [OnEdgesChange] — TypeScript type
420
+ - [OnNodesChange] — TypeScript type
358
421
  - [PieChartProps] — TypeScript type
359
422
  - [RadarChartProps] — TypeScript type
360
423
  - [RadialBarChartProps] — TypeScript type
424
+ - [ReactFlowInstance] — TypeScript type
361
425
  - [ScatterChartProps] — TypeScript type
362
426
  - [Selection] — TypeScript type
363
427
  - [SelectionMode] — TypeScript type
@@ -380,6 +444,11 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
380
444
  - [TreemapDatum] — TypeScript type
381
445
  - [TrendAnswerProps] — TypeScript type
382
446
  - [TrendAnswerSpec] — TypeScript type
447
+ - [Viewport] — TypeScript type
448
+ - [useEdgesState] — React hook
449
+ - [useNodesState] — React hook
450
+ - [useReactFlow] — React hook
451
+ - [addEdge] — utility
383
452
  - [ANSWER_TOOL_DESCRIPTION] — utility
384
453
  - [ANSWER_TOOL_NAME] — utility
385
454
  - [AnswerFollowUpSchema] — utility
@@ -392,6 +461,9 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
392
461
  - [carouselVariants] — utility
393
462
  - [ComparisonAnswerSchema] — utility
394
463
  - [ExplanationAnswerSchema] — utility
464
+ - [getBezierPath] — utility
465
+ - [getSmoothStepPath] — utility
466
+ - [getStraightPath] — utility
395
467
  - [StatusAnswerSchema] — utility
396
468
  - [TrendAnswerSchema] — utility
397
469
 
@@ -402,6 +474,8 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
402
474
  - [AlertTitle] — component (variants: variant: default|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/alert)
403
475
  - [BrandLoader] — Use for a branded loading/generating indicator (inline in a text row or as a standalone full-screen moment) instead of a generic spinner. [docs](https://ads.actioneer.dev/#/brand-loader)
404
476
  - [BrandMark] — component [docs](https://ads.actioneer.dev/#/brand-loader)
477
+ - [BrandTexture] — Place the ambient halftone wash behind a welcome or hero surface inside a relative container; set lifted when real content takes over so the field dissolves upward, and paused a beat later to stop the shader clock. [docs](https://ads.actioneer.dev/#/brand-texture)
478
+ - [BrandTextureField] — component [docs](https://ads.actioneer.dev/#/brand-texture)
405
479
  - [EmptyState] — Use as the centered placeholder inside a list, table, or panel that currently has nothing to show. [docs](https://ads.actioneer.dev/#/empty-state)
406
480
  - [PixelBlastSVG] — component [docs](https://ads.actioneer.dev/#/pixel-blast-svg)
407
481
  - [Progress] — Use for a determinate or indeterminate bar showing task completion, driven by a value/max (default 100). [docs](https://ads.actioneer.dev/#/progress)
@@ -410,6 +484,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
410
484
  - [AlertProps] — TypeScript type
411
485
  - [BrandLoaderProps] — TypeScript type
412
486
  - [BrandMarkProps] — TypeScript type
487
+ - [BrandTextureProps] — TypeScript type
413
488
  - [EmptyStateProps] — TypeScript type
414
489
  - [PixelBlastSVGProps] — TypeScript type
415
490
  - [ProgressCircleProps] — TypeScript type
@@ -424,6 +499,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
424
499
  - [NavbarBrand] — component (variants: justify: start|center|end) [docs](https://ads.actioneer.dev/#/navbar)
425
500
  - [NavbarContent] — component (variants: justify: start|center|end) [docs](https://ads.actioneer.dev/#/navbar)
426
501
  - [NavbarItem] — component (variants: justify: start|center|end) [docs](https://ads.actioneer.dev/#/navbar)
502
+ - [PageHeader] — Use for every page title row; supply onBack to anchor an icon-only back arrow immediately before the title, never in the trailing actions area. [docs](https://ads.actioneer.dev/#/page-header)
427
503
  - [Pagination] — Use for navigating multi-page numbered content — table footers, search results, or any list too long for one screen. [docs](https://ads.actioneer.dev/#/pagination)
428
504
  - [Sidebar] — Use as the app's left navigation rail — compose it from SidebarHeader/SidebarBrand, SidebarNav (sections of SidebarItems), optional SidebarHistory, and a SidebarFooter with SidebarAccount, with an opt-in collapsed icon-rail mode (⌘B/Ctrl-B) that every sub-part reads automatically. [docs](https://ads.actioneer.dev/#/sidebar)
429
505
  - [SidebarAccount] — component [docs](https://ads.actioneer.dev/#/sidebar)
@@ -441,6 +517,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
441
517
  - [BreadcrumbsProps] — TypeScript type
442
518
  - [NavbarContentProps] — TypeScript type
443
519
  - [NavbarItemProps] — TypeScript type
520
+ - [PageHeaderProps] — TypeScript type
444
521
  - [PaginationProps] — TypeScript type
445
522
  - [SidebarAccountProps] — TypeScript type
446
523
  - [SidebarActionProps] — TypeScript type
@@ -469,10 +546,15 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
469
546
 
470
547
  ### AI Elements
471
548
 
549
+ - [AIChart] — Wrap a source-backed chart produced during agent work so its query, partial-data, rendering, ready, error, and cancelled states stay distinct from the chart specification itself. (variants: status: pending|querying|partial|rendering|ready|error|cancelled) [docs](https://ads.actioneer.dev/#/ai/chart)
472
550
  - [ChainOfThought] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
473
551
  - [ChainOfThoughtContent] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
552
+ - [ChainOfThoughtEvidence] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
553
+ - [ChainOfThoughtEvidenceTable] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
474
554
  - [ChainOfThoughtImage] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
475
555
  - [ChainOfThoughtItem] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
556
+ - [ChainOfThoughtMetric] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
557
+ - [ChainOfThoughtMetrics] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
476
558
  - [ChainOfThoughtSearchResult] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
477
559
  - [ChainOfThoughtSearchResults] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
478
560
  - [ChainOfThoughtStep] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
@@ -492,20 +574,21 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
492
574
  - [InlineCitationSource] — component [docs](https://ads.actioneer.dev/#/ai/inline-citation)
493
575
  - [InlineCitationText] — component [docs](https://ads.actioneer.dev/#/ai/inline-citation)
494
576
  - [Message] — component (variants: align: start|end) [docs](https://ads.actioneer.dev/#/ai/message)
495
- - [MessageAction] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
496
- - [MessageActions] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
497
- - [MessageAttachment] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
498
- - [MessageAttachments] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
499
- - [MessageAvatar] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
500
- - [MessageBranch] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
501
- - [MessageBranchContent] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
502
- - [MessageBranchNext] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
503
- - [MessageBranchPage] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
504
- - [MessageBranchPrevious] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
505
- - [MessageBranchSelector] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
506
- - [MessageContent] — component (variants: variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
507
- - [MessageResponse] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
508
- - [MessageToolbar] — component (variants: align: start|end; variant: contained|flat|plain) [docs](https://ads.actioneer.dev/#/ai/message)
577
+ - [MessageAction] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
578
+ - [MessageActions] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
579
+ - [MessageAttachment] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
580
+ - [MessageAttachments] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
581
+ - [MessageAvatar] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
582
+ - [MessageBranch] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
583
+ - [MessageBranchContent] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
584
+ - [MessageBranchNext] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
585
+ - [MessageBranchPage] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
586
+ - [MessageBranchPrevious] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
587
+ - [MessageBranchSelector] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
588
+ - [MessageContent] — component (variants: variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
589
+ - [MessageMeta] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
590
+ - [MessageResponse] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
591
+ - [MessageToolbar] — component (variants: align: start|end; variant: contained|flat|plain|request) [docs](https://ads.actioneer.dev/#/ai/message)
509
592
  - [Queue] — component [docs](https://ads.actioneer.dev/#/ai/queue)
510
593
  - [QueueItem] — component [docs](https://ads.actioneer.dev/#/ai/queue)
511
594
  - [QueueItemAction] — component [docs](https://ads.actioneer.dev/#/ai/queue)
@@ -521,6 +604,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
521
604
  - [QueueSectionContent] — component [docs](https://ads.actioneer.dev/#/ai/queue)
522
605
  - [QueueSectionLabel] — component [docs](https://ads.actioneer.dev/#/ai/queue)
523
606
  - [QueueSectionTrigger] — component [docs](https://ads.actioneer.dev/#/ai/queue)
607
+ - [ResearchActivity] — Wrap a multi-step research trace that may run for minutes; pass activity so the run reads as one morphing live line with the full trace a click away, then settle into its source count, duration, and first-insight time. (variants: status: active|complete) [docs](https://ads.actioneer.dev/#/ai/research-activity)
524
608
  - [Shimmer] — component [docs](https://ads.actioneer.dev/#/ai/shimmer)
525
609
  - [SpeechInput] — component [docs](https://ads.actioneer.dev/#/ai/speech-input)
526
610
  - [Task] — component [docs](https://ads.actioneer.dev/#/ai/task)
@@ -540,9 +624,18 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
540
624
  - [VoiceDisconnectButton] — component [docs](https://ads.actioneer.dev/#/ai/voice)
541
625
  - [VoiceMuteButton] — component [docs](https://ads.actioneer.dev/#/ai/voice)
542
626
  - [VoiceStatusDot] — component [docs](https://ads.actioneer.dev/#/ai/voice)
627
+ - [AIChartProgress] — TypeScript type
628
+ - [AIChartProps] — TypeScript type
629
+ - [AIChartStatus] — TypeScript type
630
+ - [ChainOfThoughtConnector] — TypeScript type
543
631
  - [ChainOfThoughtContentProps] — TypeScript type
632
+ - [ChainOfThoughtEvidenceColumn] — TypeScript type
633
+ - [ChainOfThoughtEvidenceProps] — TypeScript type
634
+ - [ChainOfThoughtEvidenceTableProps] — TypeScript type
544
635
  - [ChainOfThoughtImageProps] — TypeScript type
545
636
  - [ChainOfThoughtItemProps] — TypeScript type
637
+ - [ChainOfThoughtMetricProps] — TypeScript type
638
+ - [ChainOfThoughtMetricsProps] — TypeScript type
546
639
  - [ChainOfThoughtProps] — TypeScript type
547
640
  - [ChainOfThoughtSearchResultProps] — TypeScript type
548
641
  - [ChainOfThoughtSearchResultsProps] — TypeScript type
@@ -576,6 +669,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
576
669
  - [MessageBranchSelectorProps] — TypeScript type
577
670
  - [MessageContentProps] — TypeScript type
578
671
  - [MessageFilePart] — TypeScript type
672
+ - [MessageMetaProps] — TypeScript type
579
673
  - [MessageProps] — TypeScript type
580
674
  - [MessageResponseProps] — TypeScript type
581
675
  - [MessageRole] — TypeScript type
@@ -598,6 +692,8 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
598
692
  - [QueueSectionProps] — TypeScript type
599
693
  - [QueueSectionTriggerProps] — TypeScript type
600
694
  - [QueueTodo] — TypeScript type
695
+ - [ResearchActivityProps] — TypeScript type
696
+ - [ResearchActivityStatus] — TypeScript type
601
697
  - [SpeechInputProps] — TypeScript type
602
698
  - [TaskContentProps] — TypeScript type
603
699
  - [TaskItemFileProps] — TypeScript type
@@ -625,6 +721,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
625
721
  - [VoiceState] — TypeScript type
626
722
  - [VoiceStatusDotProps] — TypeScript type
627
723
  - [VoiceVariant] — TypeScript type
724
+ - [aiChartVariants] — utility
628
725
  - [Tool] — utility
629
726
  - [VOICE_PALETTES] — utility
630
727
  - [VOICE_STATES] — utility
@@ -677,7 +774,6 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
677
774
  - [MessageError] — component [docs](https://ads.actioneer.dev/#/demo/ask)
678
775
  - [MessagePrimitive] — component [docs](https://ads.actioneer.dev/#/demo/ask)
679
776
  - [MessageTiming] — component [docs](https://ads.actioneer.dev/#/demo/ask)
680
- - [OpenUiLibraryProvider] — component [docs](https://ads.actioneer.dev/#/demo/ask)
681
777
  - [QuoteBlock] — component [docs](https://ads.actioneer.dev/#/demo/ask)
682
778
  - [QuoteBlockIcon] — component [docs](https://ads.actioneer.dev/#/demo/ask)
683
779
  - [QuoteBlockRoot] — component [docs](https://ads.actioneer.dev/#/demo/ask)
@@ -688,7 +784,6 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
688
784
  - [SelectionToolbarPrimitive] — component [docs](https://ads.actioneer.dev/#/demo/ask)
689
785
  - [SelectionToolbarQuote] — component [docs](https://ads.actioneer.dev/#/demo/ask)
690
786
  - [SelectionToolbarRoot] — component [docs](https://ads.actioneer.dev/#/demo/ask)
691
- - [SmartMessageText] — component [docs](https://ads.actioneer.dev/#/demo/ask)
692
787
  - [Source] — component [docs](https://ads.actioneer.dev/#/demo/ask)
693
788
  - [SourceIcon] — component [docs](https://ads.actioneer.dev/#/demo/ask)
694
789
  - [Sources] — component [docs](https://ads.actioneer.dev/#/demo/ask)