@actioneer/ads 0.2.3 → 0.3.0

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 (70) hide show
  1. package/components/ai-elements/chain-of-thought.d.ts +88 -19
  2. package/components/ai-elements/chain-of-thought.js +358 -149
  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 -1
  6. package/components/ai-elements/message.d.ts +19 -4
  7. package/components/ai-elements/message.js +177 -130
  8. package/components/ai-elements/research-activity.d.ts +45 -0
  9. package/components/ai-elements/research-activity.js +260 -0
  10. package/components/ai-elements/task-progress.js +69 -66
  11. package/components/ai-elements/tool.js +42 -38
  12. package/components/answer.d.ts +19 -0
  13. package/components/answer.js +363 -300
  14. package/components/assistant-ui/attachment.js +5 -1
  15. package/components/assistant-ui/composer-deep-research.js +44 -29
  16. package/components/assistant-ui/composer-harness.js +55 -38
  17. package/components/assistant-ui/composer.js +16 -16
  18. package/components/assistant-ui/index.d.ts +0 -1
  19. package/components/assistant-ui/message.d.ts +7 -0
  20. package/components/assistant-ui/message.js +64 -51
  21. package/components/assistant-ui/primitives.d.ts +1 -1
  22. package/components/assistant-ui/thread-context.d.ts +2 -0
  23. package/components/assistant-ui/thread.js +34 -32
  24. package/components/brand-texture.d.ts +37 -0
  25. package/components/brand-texture.js +54 -0
  26. package/components/chart.d.ts +64 -2
  27. package/components/chart.js +717 -456
  28. package/components/code-block.d.ts +36 -0
  29. package/components/code-block.js +136 -0
  30. package/components/command-palette.d.ts +43 -0
  31. package/components/command-palette.js +146 -0
  32. package/components/drawer.d.ts +1 -1
  33. package/components/file-dropzone.d.ts +32 -0
  34. package/components/file-dropzone.js +134 -0
  35. package/components/index.d.ts +11 -0
  36. package/components/index.js +480 -430
  37. package/components/infinite-canvas.d.ts +50 -0
  38. package/components/infinite-canvas.js +215 -0
  39. package/components/page-header.d.ts +22 -0
  40. package/components/page-header.js +52 -0
  41. package/components/resizable-panel.d.ts +29 -0
  42. package/components/resizable-panel.js +102 -0
  43. package/components/reveal.d.ts +36 -0
  44. package/components/reveal.js +35 -0
  45. package/components/scroll-area.d.ts +19 -0
  46. package/components/scroll-area.js +57 -0
  47. package/components/setting-row.d.ts +35 -0
  48. package/components/setting-row.js +86 -0
  49. package/components/sidebar.d.ts +4 -1
  50. package/components/sidebar.js +134 -132
  51. package/components/stepper.d.ts +32 -0
  52. package/components/stepper.js +113 -0
  53. package/components/table.js +16 -15
  54. package/components/tabs.js +1 -1
  55. package/hooks/agents-ui/voice-visualizer-types.js +1 -0
  56. package/lib/icons.d.ts +24 -0
  57. package/lib/icons.js +100 -110
  58. package/lib/motion.d.ts +5 -3
  59. package/lib/motion.js +46 -20
  60. package/lib/router.js +19 -0
  61. package/lib/utils.js +5 -0
  62. package/llms.txt +143 -39
  63. package/manifest.json +1232 -100
  64. package/package.json +2 -2
  65. package/styles.css +71 -28
  66. package/theme.css +19 -15
  67. package/components/ai-elements/reasoning.d.ts +0 -26
  68. package/components/ai-elements/reasoning.js +0 -131
  69. package/components/assistant-ui/smart-message-text.d.ts +0 -15
  70. package/components/assistant-ui/smart-message-text.js +0 -29
package/lib/router.js ADDED
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ import * as n from "react";
3
+ function s() {
4
+ const e = () => {
5
+ const t = window.location.hash.replace(/^#/, "");
6
+ return t.startsWith("/") ? t : "/";
7
+ }, [a, o] = n.useState(e);
8
+ return n.useEffect(() => {
9
+ const t = () => o(e());
10
+ return window.addEventListener("hashchange", t), () => window.removeEventListener("hashchange", t);
11
+ }, []), a;
12
+ }
13
+ function h(e) {
14
+ window.location.hash.replace(/^#/, "") !== e && (window.location.hash = e);
15
+ }
16
+ export {
17
+ h as navigate,
18
+ s as useHashPath
19
+ };
package/lib/utils.js ADDED
@@ -0,0 +1,5 @@
1
+ "use client";
2
+ import { cn as n } from "./cn.js";
3
+ export {
4
+ n as cn
5
+ };
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) [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
 
@@ -205,6 +251,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
205
251
 
206
252
  ### Overlays
207
253
 
254
+ - [CommandPalette] — component [docs](https://ads.actioneer.dev/#/command-palette)
208
255
  - [Drawer] — Use the portaled Drawer for a focused, blocking task (form, details, settings) that slides in over the page with a backdrop and focus trap; use InlineDrawer instead for a contextual panel that must stay in-flow beside content the user still needs. (variants: side: right|left|bottom; size: sm|md|lg|xl) [docs](https://ads.actioneer.dev/#/drawer)
209
256
  - [DrawerBody] — component (variants: side: right|left|bottom; size: sm|md|lg|xl) [docs](https://ads.actioneer.dev/#/drawer)
210
257
  - [DrawerFooter] — component (variants: side: right|left|bottom; size: sm|md|lg|xl) [docs](https://ads.actioneer.dev/#/drawer)
@@ -229,6 +276,8 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
229
276
  - [PopoverTrigger] — component [docs](https://ads.actioneer.dev/#/popover)
230
277
  - [ToastProvider] — component [docs](https://ads.actioneer.dev/#/toast)
231
278
  - [Tooltip] — Use to label a single hover/focus-triggered element (icon-only buttons, avatars, truncated text) with a short informational hint — not for actions or content that needs to stay open. [docs](https://ads.actioneer.dev/#/tooltip)
279
+ - [CommandPaletteItem] — TypeScript type
280
+ - [CommandPaletteProps] — TypeScript type
232
281
  - [DrawerProps] — TypeScript type
233
282
  - [DropdownContentProps] — TypeScript type
234
283
  - [DropdownItemProps] — TypeScript type
@@ -254,11 +303,12 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
254
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)
255
304
  - [AccordionItem] — component [docs](https://ads.actioneer.dev/#/accordion)
256
305
  - [AnswerRenderer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
257
- - [AreaChart] — component [docs](https://ads.actioneer.dev/#/chart)
306
+ - [AreaChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
258
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)
259
308
  - [AvatarGroup] — component [docs](https://ads.actioneer.dev/#/avatar)
260
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)
261
- - [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)
262
312
  - [BreakdownAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
263
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)
264
314
  - [CardBody] — component [docs](https://ads.actioneer.dev/#/card)
@@ -273,18 +323,24 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
273
323
  - [CarouselNext] — component [docs](https://ads.actioneer.dev/#/carousel)
274
324
  - [CarouselPrevious] — component [docs](https://ads.actioneer.dev/#/carousel)
275
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)
276
- - [ComboChart] — component [docs](https://ads.actioneer.dev/#/chart)
326
+ - [ComboChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
277
327
  - [ComparisonAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
278
- - [ComposedChart] — component [docs](https://ads.actioneer.dev/#/chart)
328
+ - [ComposedChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
279
329
  - [ConnectionStatus] — component [docs](https://ads.actioneer.dev/#/connector-card)
280
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)
281
332
  - [ExplanationAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
282
- - [FunnelChart] — component [docs](https://ads.actioneer.dev/#/chart)
283
- - [LineChart] — component [docs](https://ads.actioneer.dev/#/chart)
284
- - [PieChart] — component [docs](https://ads.actioneer.dev/#/chart)
285
- - [RadarChart] — component [docs](https://ads.actioneer.dev/#/chart)
286
- - [RadialBarChart] — component [docs](https://ads.actioneer.dev/#/chart)
287
- - [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)
288
344
  - [StatusAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
289
345
  - [Tab] — component (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg; selected: true|false) [docs](https://ads.actioneer.dev/#/tabs)
290
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)
@@ -293,15 +349,15 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
293
349
  - [TableColumn] — component [docs](https://ads.actioneer.dev/#/table)
294
350
  - [TableHeader] — component [docs](https://ads.actioneer.dev/#/table)
295
351
  - [TableRow] — component [docs](https://ads.actioneer.dev/#/table)
296
- - [TabList] — component (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg; selected: true|false) [docs](https://ads.actioneer.dev/#/tabs)
352
+ - [TabList] — component (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg) [docs](https://ads.actioneer.dev/#/tabs)
297
353
  - [TabPanel] — component (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg; selected: true|false) [docs](https://ads.actioneer.dev/#/tabs)
298
- - [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)
299
355
  - [TabSeparator] — component (variants: variant: primary|secondary; orientation: horizontal|vertical; size: sm|md|lg; selected: true|false) [docs](https://ads.actioneer.dev/#/tabs)
300
356
  - [Timeline] — Use for a vertical rail of dated events — version history, audit trails, activity/status feeds. [docs](https://ads.actioneer.dev/#/timeline)
301
357
  - [TimelineItem] — component [docs](https://ads.actioneer.dev/#/timeline)
302
358
  - [Tree] — component [docs](https://ads.actioneer.dev/#/tree)
303
359
  - [TreeItem] — component [docs](https://ads.actioneer.dev/#/tree)
304
- - [TreemapChart] — component [docs](https://ads.actioneer.dev/#/chart)
360
+ - [TreemapChart] — component [docs](https://ads.actioneer.dev/#/ai/chart)
305
361
  - [TrendAnswer] — component (variants: tone: default|primary|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/ai/answer)
306
362
  - [AccordionItemProps] — TypeScript type
307
363
  - [AccordionProps] — TypeScript type
@@ -326,13 +382,20 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
326
382
  - [CarouselPreviousProps] — TypeScript type
327
383
  - [CarouselProps] — TypeScript type
328
384
  - [ChartAnnotation] — TypeScript type
385
+ - [ChartAxisDomain] — TypeScript type
329
386
  - [ChartColor] — TypeScript type
330
387
  - [ChartDatum] — TypeScript type
388
+ - [ChartTickFormatter] — TypeScript type
389
+ - [ChartTooltipContext] — TypeScript type
390
+ - [ChartTooltipItem] — TypeScript type
391
+ - [ChartTooltipRenderer] — TypeScript type
392
+ - [ChartXScale] — TypeScript type
331
393
  - [ChipProps] — TypeScript type
332
394
  - [ComboChartProps] — TypeScript type
333
395
  - [ComparisonAnswerProps] — TypeScript type
334
396
  - [ComparisonAnswerSpec] — TypeScript type
335
397
  - [ComposedChartProps] — TypeScript type
398
+ - [Connection] — TypeScript type
336
399
  - [ConnectionStatusProps] — TypeScript type
337
400
  - [ConnectorAction] — TypeScript type
338
401
  - [ConnectorCardData] — TypeScript type
@@ -340,13 +403,25 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
340
403
  - [ConnectorFooter] — TypeScript type
341
404
  - [ConnectorStrip] — TypeScript type
342
405
  - [ConnectorTint] — TypeScript type
406
+ - [Edge] — TypeScript type
407
+ - [EdgeProps] — TypeScript type
408
+ - [EdgeTypes] — TypeScript type
343
409
  - [ExplanationAnswerProps] — TypeScript type
344
410
  - [ExplanationAnswerSpec] — TypeScript type
345
411
  - [FunnelChartProps] — TypeScript type
412
+ - [FunnelLabelContext] — TypeScript type
413
+ - [FunnelLabelRenderer] — TypeScript type
414
+ - [InfiniteCanvasProps] — TypeScript type
346
415
  - [LineChartProps] — TypeScript type
416
+ - [Node] — TypeScript type
417
+ - [NodeProps] — TypeScript type
418
+ - [NodeTypes] — TypeScript type
419
+ - [OnEdgesChange] — TypeScript type
420
+ - [OnNodesChange] — TypeScript type
347
421
  - [PieChartProps] — TypeScript type
348
422
  - [RadarChartProps] — TypeScript type
349
423
  - [RadialBarChartProps] — TypeScript type
424
+ - [ReactFlowInstance] — TypeScript type
350
425
  - [ScatterChartProps] — TypeScript type
351
426
  - [Selection] — TypeScript type
352
427
  - [SelectionMode] — TypeScript type
@@ -369,6 +444,11 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
369
444
  - [TreemapDatum] — TypeScript type
370
445
  - [TrendAnswerProps] — TypeScript type
371
446
  - [TrendAnswerSpec] — TypeScript type
447
+ - [Viewport] — TypeScript type
448
+ - [useEdgesState] — React hook
449
+ - [useNodesState] — React hook
450
+ - [useReactFlow] — React hook
451
+ - [addEdge] — utility
372
452
  - [ANSWER_TOOL_DESCRIPTION] — utility
373
453
  - [ANSWER_TOOL_NAME] — utility
374
454
  - [AnswerFollowUpSchema] — utility
@@ -381,6 +461,9 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
381
461
  - [carouselVariants] — utility
382
462
  - [ComparisonAnswerSchema] — utility
383
463
  - [ExplanationAnswerSchema] — utility
464
+ - [getBezierPath] — utility
465
+ - [getSmoothStepPath] — utility
466
+ - [getStraightPath] — utility
384
467
  - [StatusAnswerSchema] — utility
385
468
  - [TrendAnswerSchema] — utility
386
469
 
@@ -391,6 +474,8 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
391
474
  - [AlertTitle] — component (variants: variant: default|success|warning|danger|info) [docs](https://ads.actioneer.dev/#/alert)
392
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)
393
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)
394
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)
395
480
  - [PixelBlastSVG] — component [docs](https://ads.actioneer.dev/#/pixel-blast-svg)
396
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)
@@ -399,6 +484,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
399
484
  - [AlertProps] — TypeScript type
400
485
  - [BrandLoaderProps] — TypeScript type
401
486
  - [BrandMarkProps] — TypeScript type
487
+ - [BrandTextureProps] — TypeScript type
402
488
  - [EmptyStateProps] — TypeScript type
403
489
  - [PixelBlastSVGProps] — TypeScript type
404
490
  - [ProgressCircleProps] — TypeScript type
@@ -413,6 +499,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
413
499
  - [NavbarBrand] — component (variants: justify: start|center|end) [docs](https://ads.actioneer.dev/#/navbar)
414
500
  - [NavbarContent] — component (variants: justify: start|center|end) [docs](https://ads.actioneer.dev/#/navbar)
415
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)
416
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)
417
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)
418
505
  - [SidebarAccount] — component [docs](https://ads.actioneer.dev/#/sidebar)
@@ -430,6 +517,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
430
517
  - [BreadcrumbsProps] — TypeScript type
431
518
  - [NavbarContentProps] — TypeScript type
432
519
  - [NavbarItemProps] — TypeScript type
520
+ - [PageHeaderProps] — TypeScript type
433
521
  - [PaginationProps] — TypeScript type
434
522
  - [SidebarAccountProps] — TypeScript type
435
523
  - [SidebarActionProps] — TypeScript type
@@ -458,13 +546,19 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
458
546
 
459
547
  ### AI Elements
460
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)
461
550
  - [ChainOfThought] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
462
551
  - [ChainOfThoughtContent] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
463
- - [ChainOfThoughtHeader] — 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)
464
554
  - [ChainOfThoughtImage] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
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)
465
558
  - [ChainOfThoughtSearchResult] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
466
559
  - [ChainOfThoughtSearchResults] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
467
560
  - [ChainOfThoughtStep] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
561
+ - [ChainOfThoughtTrigger] — component [docs](https://ads.actioneer.dev/#/ai/chain-of-thought)
468
562
  - [InlineCitation] — component [docs](https://ads.actioneer.dev/#/ai/inline-citation)
469
563
  - [InlineCitationCard] — component [docs](https://ads.actioneer.dev/#/ai/inline-citation)
470
564
  - [InlineCitationCardBody] — component [docs](https://ads.actioneer.dev/#/ai/inline-citation)
@@ -479,21 +573,22 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
479
573
  - [InlineCitationQuote] — component [docs](https://ads.actioneer.dev/#/ai/inline-citation)
480
574
  - [InlineCitationSource] — component [docs](https://ads.actioneer.dev/#/ai/inline-citation)
481
575
  - [InlineCitationText] — component [docs](https://ads.actioneer.dev/#/ai/inline-citation)
482
- - [Message] — component [docs](https://ads.actioneer.dev/#/ai/message)
483
- - [MessageAction] — component [docs](https://ads.actioneer.dev/#/ai/message)
484
- - [MessageActions] — component [docs](https://ads.actioneer.dev/#/ai/message)
485
- - [MessageAttachment] — component [docs](https://ads.actioneer.dev/#/ai/message)
486
- - [MessageAttachments] — component [docs](https://ads.actioneer.dev/#/ai/message)
487
- - [MessageAvatar] — component [docs](https://ads.actioneer.dev/#/ai/message)
488
- - [MessageBranch] — component [docs](https://ads.actioneer.dev/#/ai/message)
489
- - [MessageBranchContent] — component [docs](https://ads.actioneer.dev/#/ai/message)
490
- - [MessageBranchNext] — component [docs](https://ads.actioneer.dev/#/ai/message)
491
- - [MessageBranchPage] — component [docs](https://ads.actioneer.dev/#/ai/message)
492
- - [MessageBranchPrevious] — component [docs](https://ads.actioneer.dev/#/ai/message)
493
- - [MessageBranchSelector] — component [docs](https://ads.actioneer.dev/#/ai/message)
494
- - [MessageContent] — component [docs](https://ads.actioneer.dev/#/ai/message)
495
- - [MessageResponse] — component [docs](https://ads.actioneer.dev/#/ai/message)
496
- - [MessageToolbar] — component [docs](https://ads.actioneer.dev/#/ai/message)
576
+ - [Message] — component (variants: align: start|end) [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)
497
592
  - [Queue] — component [docs](https://ads.actioneer.dev/#/ai/queue)
498
593
  - [QueueItem] — component [docs](https://ads.actioneer.dev/#/ai/queue)
499
594
  - [QueueItemAction] — component [docs](https://ads.actioneer.dev/#/ai/queue)
@@ -509,9 +604,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
509
604
  - [QueueSectionContent] — component [docs](https://ads.actioneer.dev/#/ai/queue)
510
605
  - [QueueSectionLabel] — component [docs](https://ads.actioneer.dev/#/ai/queue)
511
606
  - [QueueSectionTrigger] — component [docs](https://ads.actioneer.dev/#/ai/queue)
512
- - [Reasoning] — component [docs](https://ads.actioneer.dev/#/ai/reasoning)
513
- - [ReasoningContent] — component [docs](https://ads.actioneer.dev/#/ai/reasoning)
514
- - [ReasoningTrigger] — component [docs](https://ads.actioneer.dev/#/ai/reasoning)
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)
515
608
  - [Shimmer] — component [docs](https://ads.actioneer.dev/#/ai/shimmer)
516
609
  - [SpeechInput] — component [docs](https://ads.actioneer.dev/#/ai/speech-input)
517
610
  - [Task] — component [docs](https://ads.actioneer.dev/#/ai/task)
@@ -531,13 +624,23 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
531
624
  - [VoiceDisconnectButton] — component [docs](https://ads.actioneer.dev/#/ai/voice)
532
625
  - [VoiceMuteButton] — component [docs](https://ads.actioneer.dev/#/ai/voice)
533
626
  - [VoiceStatusDot] — component [docs](https://ads.actioneer.dev/#/ai/voice)
627
+ - [AIChartProgress] — TypeScript type
628
+ - [AIChartProps] — TypeScript type
629
+ - [AIChartStatus] — TypeScript type
534
630
  - [ChainOfThoughtContentProps] — TypeScript type
535
- - [ChainOfThoughtHeaderProps] — TypeScript type
631
+ - [ChainOfThoughtEvidenceColumn] — TypeScript type
632
+ - [ChainOfThoughtEvidenceProps] — TypeScript type
633
+ - [ChainOfThoughtEvidenceTableProps] — TypeScript type
536
634
  - [ChainOfThoughtImageProps] — TypeScript type
635
+ - [ChainOfThoughtItemProps] — TypeScript type
636
+ - [ChainOfThoughtMetricProps] — TypeScript type
637
+ - [ChainOfThoughtMetricsProps] — TypeScript type
537
638
  - [ChainOfThoughtProps] — TypeScript type
538
639
  - [ChainOfThoughtSearchResultProps] — TypeScript type
539
640
  - [ChainOfThoughtSearchResultsProps] — TypeScript type
641
+ - [ChainOfThoughtStatus] — TypeScript type
540
642
  - [ChainOfThoughtStepProps] — TypeScript type
643
+ - [ChainOfThoughtTriggerProps] — TypeScript type
541
644
  - [InlineCitationCardBodyProps] — TypeScript type
542
645
  - [InlineCitationCardProps] — TypeScript type
543
646
  - [InlineCitationCardTriggerProps] — TypeScript type
@@ -565,6 +668,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
565
668
  - [MessageBranchSelectorProps] — TypeScript type
566
669
  - [MessageContentProps] — TypeScript type
567
670
  - [MessageFilePart] — TypeScript type
671
+ - [MessageMetaProps] — TypeScript type
568
672
  - [MessageProps] — TypeScript type
569
673
  - [MessageResponseProps] — TypeScript type
570
674
  - [MessageRole] — TypeScript type
@@ -587,9 +691,8 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
587
691
  - [QueueSectionProps] — TypeScript type
588
692
  - [QueueSectionTriggerProps] — TypeScript type
589
693
  - [QueueTodo] — TypeScript type
590
- - [ReasoningContentProps] — TypeScript type
591
- - [ReasoningProps] — TypeScript type
592
- - [ReasoningTriggerProps] — TypeScript type
694
+ - [ResearchActivityProps] — TypeScript type
695
+ - [ResearchActivityStatus] — TypeScript type
593
696
  - [SpeechInputProps] — TypeScript type
594
697
  - [TaskContentProps] — TypeScript type
595
698
  - [TaskItemFileProps] — TypeScript type
@@ -617,7 +720,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
617
720
  - [VoiceState] — TypeScript type
618
721
  - [VoiceStatusDotProps] — TypeScript type
619
722
  - [VoiceVariant] — TypeScript type
620
- - [useReasoning] — React hook
723
+ - [aiChartVariants] — utility
621
724
  - [Tool] — utility
622
725
  - [VOICE_PALETTES] — utility
623
726
  - [VOICE_STATES] — utility
@@ -670,7 +773,6 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
670
773
  - [MessageError] — component [docs](https://ads.actioneer.dev/#/demo/ask)
671
774
  - [MessagePrimitive] — component [docs](https://ads.actioneer.dev/#/demo/ask)
672
775
  - [MessageTiming] — component [docs](https://ads.actioneer.dev/#/demo/ask)
673
- - [OpenUiLibraryProvider] — component [docs](https://ads.actioneer.dev/#/demo/ask)
674
776
  - [QuoteBlock] — component [docs](https://ads.actioneer.dev/#/demo/ask)
675
777
  - [QuoteBlockIcon] — component [docs](https://ads.actioneer.dev/#/demo/ask)
676
778
  - [QuoteBlockRoot] — component [docs](https://ads.actioneer.dev/#/demo/ask)
@@ -681,7 +783,6 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
681
783
  - [SelectionToolbarPrimitive] — component [docs](https://ads.actioneer.dev/#/demo/ask)
682
784
  - [SelectionToolbarQuote] — component [docs](https://ads.actioneer.dev/#/demo/ask)
683
785
  - [SelectionToolbarRoot] — component [docs](https://ads.actioneer.dev/#/demo/ask)
684
- - [SmartMessageText] — component [docs](https://ads.actioneer.dev/#/demo/ask)
685
786
  - [Source] — component [docs](https://ads.actioneer.dev/#/demo/ask)
686
787
  - [SourceIcon] — component [docs](https://ads.actioneer.dev/#/demo/ask)
687
788
  - [Sources] — component [docs](https://ads.actioneer.dev/#/demo/ask)
@@ -729,6 +830,8 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
729
830
  - [TooltipIconButtonProps] — TypeScript type
730
831
  - [useAssistantRuntime] — React hook
731
832
  - [useAuiState] — React hook
833
+ - [useComposer] — React hook
834
+ - [useComposerRuntime] — React hook
732
835
  - [useLocalRuntime] — React hook
733
836
  - [ACTIONEER_FILE_ACCEPT] — utility
734
837
  - [ActioneerFileAttachmentAdapter] — utility
@@ -751,3 +854,4 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
751
854
  - [sourceVariants] — utility
752
855
  - [ThreadComponentsContext] — utility
753
856
  - [toolGroupVariants] — utility
857
+ - [unstable_useSlashCommandAdapter] — utility