@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.
- package/components/ai-elements/chain-of-thought.d.ts +88 -19
- package/components/ai-elements/chain-of-thought.js +358 -149
- 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 -1
- package/components/ai-elements/message.d.ts +19 -4
- package/components/ai-elements/message.js +177 -130
- package/components/ai-elements/research-activity.d.ts +45 -0
- package/components/ai-elements/research-activity.js +260 -0
- package/components/ai-elements/task-progress.js +69 -66
- package/components/ai-elements/tool.js +42 -38
- package/components/answer.d.ts +19 -0
- package/components/answer.js +363 -300
- 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 +55 -38
- 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 +64 -51
- package/components/assistant-ui/primitives.d.ts +1 -1
- package/components/assistant-ui/thread-context.d.ts +2 -0
- package/components/assistant-ui/thread.js +34 -32
- package/components/brand-texture.d.ts +37 -0
- package/components/brand-texture.js +54 -0
- package/components/chart.d.ts +64 -2
- package/components/chart.js +717 -456
- package/components/code-block.d.ts +36 -0
- package/components/code-block.js +136 -0
- package/components/command-palette.d.ts +43 -0
- package/components/command-palette.js +146 -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 +11 -0
- package/components/index.js +480 -430
- 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.d.ts +4 -1
- package/components/sidebar.js +134 -132
- 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/hooks/agents-ui/voice-visualizer-types.js +1 -0
- package/lib/icons.d.ts +24 -0
- package/lib/icons.js +100 -110
- package/lib/motion.d.ts +5 -3
- package/lib/motion.js +46 -20
- package/lib/router.js +19 -0
- package/lib/utils.js +5 -0
- package/llms.txt +143 -39
- package/manifest.json +1232 -100
- package/package.json +2 -2
- package/styles.css +71 -28
- package/theme.css +19 -15
- package/components/ai-elements/reasoning.d.ts +0 -26
- package/components/ai-elements/reasoning.js +0 -131
- package/components/assistant-ui/smart-message-text.d.ts +0 -15
- 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
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
|
-
- [
|
|
284
|
-
- [
|
|
285
|
-
- [
|
|
286
|
-
- [
|
|
287
|
-
- [
|
|
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
|
|
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
|
-
- [
|
|
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
|
-
- [
|
|
496
|
-
- [
|
|
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
|
-
- [
|
|
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
|
-
- [
|
|
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
|
-
- [
|
|
591
|
-
- [
|
|
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
|
-
- [
|
|
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
|