@actioneer/ads 0.2.4 → 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.
- package/components/ai-elements/chain-of-thought.d.ts +64 -2
- package/components/ai-elements/chain-of-thought.js +319 -100
- package/components/ai-elements/chart.d.ts +30 -0
- package/components/ai-elements/chart.js +303 -0
- package/components/ai-elements/index.d.ts +2 -0
- package/components/ai-elements/message.d.ts +12 -2
- package/components/ai-elements/message.js +133 -100
- package/components/ai-elements/research-activity.d.ts +45 -0
- package/components/ai-elements/research-activity.js +260 -0
- package/components/ai-elements/tool.js +42 -38
- package/components/answer.d.ts +16 -0
- package/components/answer.js +273 -249
- package/components/assistant-ui/attachment.js +5 -1
- package/components/assistant-ui/composer-deep-research.js +44 -29
- package/components/assistant-ui/composer-harness.js +45 -27
- package/components/assistant-ui/composer.js +16 -16
- package/components/assistant-ui/index.d.ts +0 -1
- package/components/assistant-ui/message.d.ts +7 -0
- package/components/assistant-ui/message.js +36 -36
- package/components/assistant-ui/thread.js +1 -1
- package/components/brand-texture.d.ts +37 -0
- package/components/brand-texture.js +54 -0
- package/components/code-block.d.ts +36 -0
- package/components/code-block.js +136 -0
- package/components/drawer.d.ts +1 -1
- package/components/file-dropzone.d.ts +32 -0
- package/components/file-dropzone.js +134 -0
- package/components/index.d.ts +10 -0
- package/components/index.js +482 -433
- package/components/infinite-canvas.d.ts +50 -0
- package/components/infinite-canvas.js +215 -0
- package/components/page-header.d.ts +22 -0
- package/components/page-header.js +52 -0
- package/components/resizable-panel.d.ts +29 -0
- package/components/resizable-panel.js +102 -0
- package/components/reveal.d.ts +36 -0
- package/components/reveal.js +35 -0
- package/components/scroll-area.d.ts +19 -0
- package/components/scroll-area.js +57 -0
- package/components/setting-row.d.ts +35 -0
- package/components/setting-row.js +86 -0
- package/components/sidebar.js +131 -131
- package/components/stepper.d.ts +32 -0
- package/components/stepper.js +113 -0
- package/components/table.js +16 -15
- package/components/tabs.js +1 -1
- package/lib/icons.d.ts +12 -0
- package/lib/icons.js +98 -95
- package/lib/motion.d.ts +5 -3
- package/lib/motion.js +28 -27
- package/llms.txt +122 -28
- package/manifest.json +871 -73
- package/package.json +2 -2
- package/styles.css +71 -28
- package/theme.css +19 -15
- package/components/assistant-ui/smart-message-text.d.ts +0 -15
- 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) [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
|
-
- [
|
|
287
|
-
- [
|
|
288
|
-
- [
|
|
289
|
-
- [
|
|
290
|
-
- [
|
|
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
|
-
- [
|
|
508
|
-
- [
|
|
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,17 @@ 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
|
|
543
630
|
- [ChainOfThoughtContentProps] — TypeScript type
|
|
631
|
+
- [ChainOfThoughtEvidenceColumn] — TypeScript type
|
|
632
|
+
- [ChainOfThoughtEvidenceProps] — TypeScript type
|
|
633
|
+
- [ChainOfThoughtEvidenceTableProps] — TypeScript type
|
|
544
634
|
- [ChainOfThoughtImageProps] — TypeScript type
|
|
545
635
|
- [ChainOfThoughtItemProps] — TypeScript type
|
|
636
|
+
- [ChainOfThoughtMetricProps] — TypeScript type
|
|
637
|
+
- [ChainOfThoughtMetricsProps] — TypeScript type
|
|
546
638
|
- [ChainOfThoughtProps] — TypeScript type
|
|
547
639
|
- [ChainOfThoughtSearchResultProps] — TypeScript type
|
|
548
640
|
- [ChainOfThoughtSearchResultsProps] — TypeScript type
|
|
@@ -576,6 +668,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
|
|
|
576
668
|
- [MessageBranchSelectorProps] — TypeScript type
|
|
577
669
|
- [MessageContentProps] — TypeScript type
|
|
578
670
|
- [MessageFilePart] — TypeScript type
|
|
671
|
+
- [MessageMetaProps] — TypeScript type
|
|
579
672
|
- [MessageProps] — TypeScript type
|
|
580
673
|
- [MessageResponseProps] — TypeScript type
|
|
581
674
|
- [MessageRole] — TypeScript type
|
|
@@ -598,6 +691,8 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
|
|
|
598
691
|
- [QueueSectionProps] — TypeScript type
|
|
599
692
|
- [QueueSectionTriggerProps] — TypeScript type
|
|
600
693
|
- [QueueTodo] — TypeScript type
|
|
694
|
+
- [ResearchActivityProps] — TypeScript type
|
|
695
|
+
- [ResearchActivityStatus] — TypeScript type
|
|
601
696
|
- [SpeechInputProps] — TypeScript type
|
|
602
697
|
- [TaskContentProps] — TypeScript type
|
|
603
698
|
- [TaskItemFileProps] — TypeScript type
|
|
@@ -625,6 +720,7 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
|
|
|
625
720
|
- [VoiceState] — TypeScript type
|
|
626
721
|
- [VoiceStatusDotProps] — TypeScript type
|
|
627
722
|
- [VoiceVariant] — TypeScript type
|
|
723
|
+
- [aiChartVariants] — utility
|
|
628
724
|
- [Tool] — utility
|
|
629
725
|
- [VOICE_PALETTES] — utility
|
|
630
726
|
- [VOICE_STATES] — utility
|
|
@@ -677,7 +773,6 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
|
|
|
677
773
|
- [MessageError] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
678
774
|
- [MessagePrimitive] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
679
775
|
- [MessageTiming] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
680
|
-
- [OpenUiLibraryProvider] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
681
776
|
- [QuoteBlock] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
682
777
|
- [QuoteBlockIcon] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
683
778
|
- [QuoteBlockRoot] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
@@ -688,7 +783,6 @@ ADS targets landscape tablet (1024) → laptop (1440) → wide display (1920+);
|
|
|
688
783
|
- [SelectionToolbarPrimitive] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
689
784
|
- [SelectionToolbarQuote] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
690
785
|
- [SelectionToolbarRoot] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
691
|
-
- [SmartMessageText] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
692
786
|
- [Source] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
693
787
|
- [SourceIcon] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|
|
694
788
|
- [Sources] — component [docs](https://ads.actioneer.dev/#/demo/ask)
|