@elabs-ai/components-ai 5.3.1 → 5.5.0

package/dist/index.js

@@ -115,7 +115,7 @@ import {
   SandboxTabsBar,
   SandboxTabsList,
   SandboxTabsTrigger
-} from "./chunk-FERYDFZA.js";
+} from "./chunk-WXUXFDJQ.js";
 import {
   SchemaDisplay,
   SchemaDisplayBody,
@@ -150,7 +150,7 @@ import {
 } from "./chunk-EY7LVUKQ.js";
 import {
   Persona
-} from "./chunk-NCL2UZKI.js";
+} from "./chunk-FFA7OPEH.js";
 import {
   PERSONA_SOURCES
 } from "./chunk-YHUSW7D2.js";
@@ -184,12 +184,12 @@ import {
   QueueSectionContent,
   QueueSectionLabel,
   QueueSectionTrigger
-} from "./chunk-34CQ2VHM.js";
+} from "./chunk-FO44KY7Y.js";
 import {
   MODEL_PROVIDER_LOGO_BASE_URL,
   ModelProviderLogo,
   ModelProviderLogoGroup
-} from "./chunk-2XOIG5TG.js";
+} from "./chunk-JSEV46SH.js";
 import {
   BrandMotionConfig
 } from "./chunk-PQ5BPIWQ.js";
@@ -309,7 +309,7 @@ import {
   UserMessage,
   agentMessageVariants,
   messageActionsVariants
-} from "./chunk-ADOYAGGK.js";
+} from "./chunk-IFVO7LQJ.js";
 import {
   MicSelector,
   MicSelectorContent,
@@ -322,28 +322,18 @@ import {
   MicSelectorValue,
   useAudioDevices
 } from "./chunk-WYTZVSGK.js";
-import {
-  FileTree,
-  FileTreeActions,
-  FileTreeFile,
-  FileTreeFolder,
-  FileTreeIcon,
-  FileTreeName,
-  PRODUCED_ASSET_ICONS,
-  ProducedAssetTree
-} from "./chunk-UBLKJJ7K.js";
 import {
   Gallery
-} from "./chunk-3XNPMDZY.js";
+} from "./chunk-TBCMCF5O.js";
 import {
   GroupedParts
-} from "./chunk-WU5BLGTF.js";
+} from "./chunk-3KXIWGHW.js";
 import {
   Reasoning,
   ReasoningContent,
   ReasoningTrigger,
   useReasoning
-} from "./chunk-X47QMM6K.js";
+} from "./chunk-YLN7E4OV.js";
 import {
   Tool,
   ToolContent,
@@ -353,7 +343,7 @@ import {
   ToolOutput,
   getStatusBadge,
   statusFromToolState
-} from "./chunk-PTWCTSZL.js";
+} from "./chunk-OCZNA5SO.js";
 import {
   buildPartGroups,
   defaultPartStatus,
@@ -362,9 +352,10 @@ import {
   partsFingerprint,
   rollupStatus
 } from "./chunk-YSKD7UXX.js";
+import "./chunk-D7BZMRI3.js";
 import {
-  Image
-} from "./chunk-V6E5DYZD.js";
+  GeneratedImage
+} from "./chunk-RLV64EWK.js";
 import {
   EvidenceChip,
   InlineCitation,
@@ -394,31 +385,6 @@ import {
   MessageCompare,
   MessageCompareColumn
 } from "./chunk-5VGYZ62I.js";
-import {
-  ApprovalCard,
-  ApprovalCardAccepted,
-  ApprovalCardAction,
-  ApprovalCardActions,
-  ApprovalCardApprove,
-  ApprovalCardDeny,
-  ApprovalCardDescription,
-  ApprovalCardOptions,
-  ApprovalCardReason,
-  ApprovalCardRejected,
-  ApprovalCardRequest,
-  ApprovalCardTarget,
-  ApprovalCardTitle,
-  Confirmation,
-  ConfirmationAccepted,
-  ConfirmationAction,
-  ConfirmationActions,
-  ConfirmationApprove,
-  ConfirmationDeny,
-  ConfirmationDescription,
-  ConfirmationRejected,
-  ConfirmationRequest,
-  ConfirmationTitle
-} from "./chunk-ELGCZLZF.js";
 import {
   Connection
 } from "./chunk-MOK66734.js";
@@ -436,7 +402,7 @@ import {
 import {
   DiffView,
   diffRowVariants
-} from "./chunk-6PB2MXCI.js";
+} from "./chunk-HLODND65.js";
 import {
   Edge
 } from "./chunk-6IQPH2OS.js";
@@ -454,8 +420,15 @@ import {
   EnvironmentVariablesToggle
 } from "./chunk-MLFMYCPH.js";
 import {
-  Canvas
-} from "./chunk-BA3AEMOU.js";
+  FileTree,
+  FileTreeActions,
+  FileTreeFile,
+  FileTreeFolder,
+  FileTreeIcon,
+  FileTreeName,
+  PRODUCED_ASSET_ICONS,
+  ProducedAssetTree
+} from "./chunk-UBLKJJ7K.js";
 import {
   ChainOfThought,
   ChainOfThoughtContent,
@@ -563,12 +536,30 @@ import {
   useProviderAttachments
 } from "./chunk-SSGJ6MEM.js";
 import {
-  AgentEvent
-} from "./chunk-QJUNPVOS.js";
-import {
-  AgentStep,
-  AgentTimeline
-} from "./chunk-UCJ6IUFS.js";
+  ApprovalCard,
+  ApprovalCardAccepted,
+  ApprovalCardAction,
+  ApprovalCardActions,
+  ApprovalCardApprove,
+  ApprovalCardDeny,
+  ApprovalCardDescription,
+  ApprovalCardOptions,
+  ApprovalCardReason,
+  ApprovalCardRejected,
+  ApprovalCardRequest,
+  ApprovalCardTarget,
+  ApprovalCardTitle,
+  Confirmation,
+  ConfirmationAccepted,
+  ConfirmationAction,
+  ConfirmationActions,
+  ConfirmationApprove,
+  ConfirmationDeny,
+  ConfirmationDescription,
+  ConfirmationRejected,
+  ConfirmationRequest,
+  ConfirmationTitle
+} from "./chunk-ELGCZLZF.js";
 import {
   Agent,
   AgentContent,
@@ -577,13 +568,13 @@ import {
   AgentOutput,
   AgentTool,
   AgentTools
-} from "./chunk-CZP3RHC4.js";
+} from "./chunk-LY7O4BMP.js";
 import {
   AssetPreview
-} from "./chunk-RB7G65JC.js";
+} from "./chunk-GP7ZZCID.js";
 import {
   MarkdownView
-} from "./chunk-V4DORGWJ.js";
+} from "./chunk-5AMSNG2T.js";
 import {
   ContextPanel,
   ContextPanelBody,
@@ -610,7 +601,7 @@ import {
   CodeBlockLanguageSelectorValue,
   CodeBlockTitle,
   highlightCode
-} from "./chunk-TWPHAJNM.js";
+} from "./chunk-3UHR3RLZ.js";
 import {
   Shimmer
 } from "./chunk-3YPT3V7L.js";
@@ -638,7 +629,7 @@ import {
   getMediaCategory,
   useAttachmentContext,
   useAttachmentsContext
-} from "./chunk-7RL6KZDF.js";
+} from "./chunk-24M6XWVJ.js";
 import {
   AudioPlayer,
   AudioPlayerControlBar,
@@ -651,18 +642,27 @@ import {
   AudioPlayerTimeDisplay,
   AudioPlayerTimeRange,
   AudioPlayerVolumeRange
-} from "./chunk-NSCLRHES.js";
+} from "./chunk-SSES3F4Q.js";
 import {
   AudioVisualizer
 } from "./chunk-IQJG4IDX.js";
+import {
+  Canvas
+} from "./chunk-BA3AEMOU.js";
 import "./chunk-5NNWUKK5.js";
 import "./chunk-NP7VID4K.js";
 import {
   A2UI_SURFACE_SCHEMA_ID,
   buildA2uiSurfaceSchema
 } from "./chunk-BM2LWERA.js";
-import "./chunk-PQBF6ZIQ.js";
-import "./chunk-VLNBTOH6.js";
+import {
+  AgentEvent
+} from "./chunk-QJUNPVOS.js";
+import {
+  AgentStep,
+  AgentTimeline
+} from "./chunk-UCJ6IUFS.js";
+import "./chunk-DI645WR4.js";
 import {
   createLazyMermaidPlugin,
   lazyMermaid,
@@ -701,7 +701,8 @@ import {
 import "./chunk-SSKZ2AED.js";
 import "./chunk-NMVNNO3L.js";
 import "./chunk-QUDZOTRV.js";
-import "./chunk-S3ISPW3A.js";
+import "./chunk-PWQPVOZJ.js";
+import "./chunk-VLNBTOH6.js";
 export {
   A2UI_CATALOG_SCHEMA,
   A2UI_CATALOG_VERSION,
@@ -859,8 +860,9 @@ export {
   FileTreeIcon,
   FileTreeName,
   Gallery,
+  GeneratedImage,
   GroupedParts,
-  Image,
+  GeneratedImage as Image,
   InlineCitation,
   InlineCitationCard,
   InlineCitationCardBody,

package/dist/markdown-view.js

@@ -2,15 +2,15 @@
 "use client";
 import {
   MarkdownView
-} from "./chunk-V4DORGWJ.js";
-import "./chunk-PQBF6ZIQ.js";
-import "./chunk-VLNBTOH6.js";
+} from "./chunk-5AMSNG2T.js";
+import "./chunk-DI645WR4.js";
 import "./chunk-PG7ERDOD.js";
 import "./chunk-SEVN656N.js";
 import "./chunk-DZW6LM22.js";
 import "./chunk-3TDHPXZZ.js";
 import "./chunk-SSKZ2AED.js";
 import "./chunk-QUDZOTRV.js";
+import "./chunk-VLNBTOH6.js";
 export {
   MarkdownView
 };

package/dist/message.js

@@ -19,15 +19,15 @@ import {
   UserMessage,
   agentMessageVariants,
   messageActionsVariants
-} from "./chunk-ADOYAGGK.js";
-import "./chunk-PQBF6ZIQ.js";
-import "./chunk-VLNBTOH6.js";
+} from "./chunk-IFVO7LQJ.js";
+import "./chunk-DI645WR4.js";
 import "./chunk-PG7ERDOD.js";
 import "./chunk-SEVN656N.js";
 import "./chunk-DZW6LM22.js";
 import "./chunk-3TDHPXZZ.js";
 import "./chunk-SSKZ2AED.js";
 import "./chunk-QUDZOTRV.js";
+import "./chunk-VLNBTOH6.js";
 export {
   AgentMessage,
   Message,

package/dist/model-provider-logo.js

@@ -4,7 +4,7 @@ import {
   MODEL_PROVIDER_LOGO_BASE_URL,
   ModelProviderLogo,
   ModelProviderLogoGroup
-} from "./chunk-2XOIG5TG.js";
+} from "./chunk-JSEV46SH.js";
 export {
   MODEL_PROVIDER_LOGO_BASE_URL,
   ModelProviderLogo,

package/dist/persona.js

@@ -2,11 +2,11 @@
 "use client";
 import {
   Persona
-} from "./chunk-NCL2UZKI.js";
+} from "./chunk-FFA7OPEH.js";
 import {
   PERSONA_SOURCES
 } from "./chunk-YHUSW7D2.js";
-import "./chunk-S3ISPW3A.js";
+import "./chunk-PWQPVOZJ.js";
 export {
   PERSONA_SOURCES,
   Persona

package/dist/queue.js

@@ -16,7 +16,7 @@ import {
   QueueSectionContent,
   QueueSectionLabel,
   QueueSectionTrigger
-} from "./chunk-34CQ2VHM.js";
+} from "./chunk-FO44KY7Y.js";
 export {
   Queue,
   QueueItem,

package/dist/reasoning.js

@@ -5,15 +5,15 @@ import {
   ReasoningContent,
   ReasoningTrigger,
   useReasoning
-} from "./chunk-X47QMM6K.js";
+} from "./chunk-YLN7E4OV.js";
 import "./chunk-3YPT3V7L.js";
-import "./chunk-PQBF6ZIQ.js";
-import "./chunk-VLNBTOH6.js";
+import "./chunk-DI645WR4.js";
 import "./chunk-PG7ERDOD.js";
 import "./chunk-SEVN656N.js";
 import "./chunk-3TDHPXZZ.js";
 import "./chunk-SSKZ2AED.js";
 import "./chunk-QUDZOTRV.js";
+import "./chunk-VLNBTOH6.js";
 export {
   Reasoning,
   ReasoningContent,

package/dist/sandbox.js

@@ -9,9 +9,9 @@ import {
   SandboxTabsBar,
   SandboxTabsList,
   SandboxTabsTrigger
-} from "./chunk-FERYDFZA.js";
-import "./chunk-PTWCTSZL.js";
-import "./chunk-TWPHAJNM.js";
+} from "./chunk-WXUXFDJQ.js";
+import "./chunk-OCZNA5SO.js";
+import "./chunk-3UHR3RLZ.js";
 import "./chunk-3YPT3V7L.js";
 import "./chunk-3TDHPXZZ.js";
 import "./chunk-SSKZ2AED.js";

package/dist/tool.js

@@ -9,8 +9,8 @@ import {
   ToolOutput,
   getStatusBadge,
   statusFromToolState
-} from "./chunk-PTWCTSZL.js";
-import "./chunk-TWPHAJNM.js";
+} from "./chunk-OCZNA5SO.js";
+import "./chunk-3UHR3RLZ.js";
 import "./chunk-3YPT3V7L.js";
 import "./chunk-3TDHPXZZ.js";
 import "./chunk-SSKZ2AED.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elabs-ai/components-ai",
-  "version": "5.3.1",
+  "version": "5.5.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -46,13 +46,12 @@
     "@rive-app/react-webgl2": "^4.26.1",
     "@xyflow/react": "^12.11.1",
     "ai": "^6.0.0 || ^7.0.0",
-    "media-chrome": "^4.17.2",
     "mermaid": "^11.12.2",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
-    "@elabs-ai/components-icons": "^5.3.1",
-    "@elabs-ai/components-tokens": "^5.3.1",
-    "@elabs-ai/components-ui": "^5.3.1"
+    "@elabs-ai/components-icons": "^5.5.0",
+    "@elabs-ai/components-tokens": "^5.5.0",
+    "@elabs-ai/components-ui": "^5.5.0"
   },
   "peerDependenciesMeta": {
     "@rive-app/react-webgl2": {
@@ -61,9 +60,6 @@
     "ai": {
       "optional": true
     },
-    "media-chrome": {
-      "optional": true
-    },
     "mermaid": {
       "optional": true
     }
@@ -80,19 +76,18 @@
     "ai": "^7.0.0",
     "eslint": "^9.17.0",
     "jsdom": "^25.0.1",
-    "media-chrome": "^4.17.2",
     "mermaid": "^11.12.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tsup": "^8.3.5",
     "typescript": "^5.7.3",
     "vitest": "^3.0.2",
-    "@elabs-ai/components-charts": "5.3.1",
+    "@elabs-ai/components-charts": "5.5.0",
     "@elabs-ai/components-eslint-config": "0.1.0",
-    "@elabs-ai/components-icons": "5.3.1",
-    "@elabs-ai/components-tokens": "5.3.1",
+    "@elabs-ai/components-icons": "5.5.0",
+    "@elabs-ai/components-tokens": "5.5.0",
     "@elabs-ai/components-typescript-config": "0.1.0",
-    "@elabs-ai/components-ui": "5.3.1"
+    "@elabs-ai/components-ui": "5.5.0"
   },
   "scripts": {
     "build": "tsup",

package/schemas/a2ui-surface.v1.schema.json

@@ -762,7 +762,7 @@
               "type": "boolean"
             },
             "spec": {
-              "description": "{ data: row[], x: string, series: string[] | { key, label?, axis?: left|right, mark?: line|area|column }[] (type: \"dual-axis\" only: default axis left, mark line; needs ≥1 line series, no right-axis columns), type?: line|area|bar|pie|scatter|radar|funnel|candlestick|heatmap|calendar|waterfall|dumbbell|unit|treemap|histogram|box|strip|bump|stream|diverging-bar|dual-axis, xType?: time|category|number, y2?, axes?: { y2?: { align?: independent|ticks, proportional?: boolean, zero?: both|auto } } (type: \"dual-axis\" only, right axis vs left; default align ticks, zero auto), group?, title?, description?, stacked?: boolean|percent|diverging, orientation?: vertical|horizontal, donut?, legend?: boolean (an object form exists; AutoChart reads it as boolean truthy today), valueFormat?: number|compact|currency|percent, currency?, palette?: mono|sequential|categorical, emphasis?: analytical|editorial, kind?: steps|records|ranking|change (change: a two-measure spec reads as a before/after move, for dumbbell), nulls?: gap|zero|connect (line/area/stream non-numeric sample, default gap), curve?: linear|monotone|natural|step|step-before|step-after (line/area/stream, default monotone), symbols?: { placement?: all|ends|first|last, shape?: circle|square|triangle|diamond|cross|star|plus|hexagon, style?: filled|hollow, size? } (line/area/stream point markers), size?: { key, range?: [lo,hi] } (scatter bubble size), shapeBy?: { key, shapes?: marker-shape[] } (scatter shape by category), trend?: linear|log (scatter trend line), shapes?: [{ kind: line|path, … }] (scatter reference lines/areas), variant?: dumbbell|slope|arrow|dots (dumbbell only, default dumbbell), delta?: { show, mode: absolute|percent } (dumbbell delta label), groupSmall?: { threshold?, max?, label? } (pie: fold small slices into an Other slice), half?: boolean (pie half-donut, default false), labels?: { series?: end|key|none, values?: { placement: first|last|all|peaks, count?, minGap?, outline?, matchColor?, format? }, points?: { key, mode?: auto|all, priorityKey? }, slices?: { placement?: inside|outside|none, show: (label|value|percent)[], matchColor?, minAngle? }, comparison?: value|difference|none } (label engine), annotations?: [{ kind: text|range|line|row, … }] (notes, bands, reference lines, row notes in data units), divergingCenter?: string (neutral series when stacked is diverging), sort?: asc|desc|none|{by,dir} (bar) | start|end|delta|deltaPercent|data|label|none (dumbbell) | desc|none (pie) | data|increasesFirst|decreasesFirst (waterfall, default data), groupBy?: string (bar/dumbbell row grouping; waterfall: a subtotal after each group), colorBy?: { key, scale?: categorical|sequential|diverging, steps? } (bar per-bar / scatter per-point colour), overlays?: [{ kind: value|range, … }] (bar value markers, range spans), comparison?: { key, label? } (bar muted prior-period column), notes?: string (italic notes under an enclosing ChartFrame), byline?: { kind?: chart|map|table, author } (ChartFrame footer: kind + author), source?: string | { name, href? } (ChartFrame footer attribution), altText?: string (image text alternative, default: description), tooltip?: { variant?: rows|table|inline, focus?: boolean, pin?: boolean } (forwarded to ChartTooltip, default rows), facet?: { by: string | { series: true }, columns?, scales?: { y?: shared|independent, rangeRounding? }, sort?: start|end|delta|deltaPercent|range|title|data, baseline?: { key } | { series }, panelHeight? } (line/area/bar/pie small multiples), dataFormat?: differences|runningTotals (waterfall only, default differences), zoomToDifferences?: boolean (waterfall only, default false) }",
+              "description": "{ data: row[], x: string, series: string[] | { key, label?, axis?: left|right, mark?: line|area|column }[] (type: \"dual-axis\" only: default axis left, mark line; needs ≥1 line series, no right-axis columns), type?: line|area|bar|pie|scatter|radar|funnel|candlestick|heatmap|calendar|waterfall|dumbbell|unit|treemap|histogram|box|strip|bump|stream|diverging-bar|dual-axis, xType?: time|category|number, y2?, axes?: { y2?: { align?: independent|ticks, proportional?: boolean, zero?: both|auto } } (type: \"dual-axis\" only, right axis vs left; default align ticks, zero auto), group?, title?, description?, stacked?: boolean|percent|diverging, orientation?: vertical|horizontal, donut?, legend?: boolean (an object form exists; AutoChart reads it as boolean truthy today), valueFormat?: number|compact|currency|percent, currency?, palette?: mono|sequential|categorical, emphasis?: analytical|editorial, kind?: steps|records|ranking|change (change: a two-measure spec reads as a before/after move, for dumbbell), nulls?: gap|zero|connect (line/area/stream non-numeric sample, default gap), curve?: linear|monotone|natural|step|step-before|step-after (line/area/stream, default monotone), symbols?: { placement?: all|ends|first|last, shape?: circle|square|triangle|diamond|cross|star|plus|hexagon, style?: filled|hollow, size? } (line/area/stream point markers), size?: { key, range?: [lo,hi] } (scatter bubble size), shapeBy?: { key, shapes?: marker-shape[] } (scatter shape by category), trend?: linear|log (scatter trend line), shapes?: [{ kind: line|path, … }] (scatter reference lines/areas), variant?: dumbbell|slope|arrow|dots (dumbbell only, default dumbbell), valueKeys?: string[] (dumbbell variant dots only: one dot per key, in order, and one legend entry each; default the two measures), delta?: { show, mode: absolute|percent } (dumbbell delta label), groupSmall?: { threshold?, max?, label? } (pie: fold small slices into an Other slice), half?: boolean (pie half-donut, default false), labels?: { series?: end|key|none, values?: { placement: first|last|all|peaks, count?, minGap?, outline?, matchColor?, format? }, points?: { key, mode?: auto|all, priorityKey? }, slices?: { placement?: inside|outside|none, show: (label|value|percent)[], matchColor?, minAngle? }, comparison?: value|difference|none } (label engine), annotations?: [{ kind: text|range|line|row, … }] (notes, bands, reference lines, row notes in data units), analytics?: [{ kind: line|band|trend|window|forecast|errorBars, of?: series|all, … }] (computed overlays — line: { value: mean|median|min|max|sum|number|{ percentile }|{ stddev, around? }, axis?: x|y, label?: none|value|computation|text, ifOverflow?: clip|extend }; band: { from, to } | { spread: { percentiles: [lo,hi] }|{ stddev }|{ ci } }; trend: { model?: linear|log|exp|pow|{ poly: 2..6 }|{ loess }, ci?, extent?: data|domain }; window: { k, reduce?: mean|median|sum|min|max|ewm, replace? }; forecast: { horizon, season?, interval? }; errorBars: { low: field|{ percent }, high?, band? }), selection?: { gestures: (range|rect|lasso|radial)[], confirm?: immediate|explicit, field? } (bar/line/area/scatter/heatmap/histogram/box/strip selection gestures with a toolbar — a bar chart with range and lasso selection is { gestures: [range, lasso] }; explicit previews until the reader confirms; intents arrive as the selectionIntent event), divergingCenter?: string (neutral series when stacked is diverging), sort?: asc|desc|none|{by,dir} (bar) | start|end|delta|deltaPercent|data|label|none (dumbbell) | desc|none (pie) | data|increasesFirst|decreasesFirst (waterfall, default data), groupBy?: string (bar/dumbbell row grouping; waterfall: a subtotal after each group), colorBy?: { key, scale?: categorical|sequential|diverging, steps? } (bar per-bar / scatter per-point colour), overlays?: [{ kind: value|range, … }] (bar value markers, range spans), comparison?: { key, label? } (bar muted prior-period column), notes?: string (italic notes under an enclosing ChartFrame), byline?: { kind?: chart|map|table, author } (ChartFrame footer: kind + author), source?: string | { name, href? } (ChartFrame footer attribution), altText?: string (image text alternative, default: description), tooltip?: { variant?: rows|table|inline, focus?: boolean, pin?: boolean } (forwarded to ChartTooltip, default rows), facet?: { by: string | { series: true }, columns?, scales?: { y?: shared|independent, rangeRounding? }, sort?: start|end|delta|deltaPercent|range|title|data, baseline?: { key } | { series }, panelHeight? } (line/area/bar/pie small multiples), dataFormat?: differences|runningTotals (waterfall only, default differences), zoomToDifferences?: boolean (waterfall only, default false), scrollbar?: miniChart|bar|auto|none (bar/diverging-bar/heatmap/calendar and line/area on a category x: an overview strip that scrolls the categories; default none, or auto when maxVisibleItems is set), maxVisibleItems?: number (categories shown at once, the rest scroll behind the strip and the value axis keeps the full domain; for > 30 categories set maxVisibleItems) }",
               "type": "object"
             }
           },
@@ -774,6 +774,9 @@
           "properties": {
             "datapointClick": {
               "$ref": "#/$defs/action"
+            },
+            "selectionIntent": {
+              "$ref": "#/$defs/action"
             }
           },
           "additionalProperties": false
@@ -3195,7 +3198,7 @@
               "type": "boolean"
             },
             "columns": {
-              "description": "Target columns at the largest breakpoint. Defaults to 4.",
+              "description": "Target columns once the grid's own container is wide enough (container queries, not the viewport — see `colsMap`). Defaults to 4.",
               "enum": [2, 3, 4]
             },
             "featured": {

package/src/__contract__/{image.contract.test.tsx → attachments.contract.test.tsx}

@@ -1,12 +1,12 @@
 // GENERATED by scripts/gen-contract-tests.mjs — do not edit; re-run the generator instead.
 /**
- * Contract probe for Image (`packages/ai/src/image.tsx`), derived from its
- * `Default` story (packages/ai/src/image.stories.tsx). See scripts/gen-contract-tests.mjs.
+ * Contract probe for Attachments (`packages/ai/src/attachments.tsx`), derived from its
+ * `Default` story (packages/ai/src/attachments.stories.tsx). See scripts/gen-contract-tests.mjs.
  */
 import { describe, it, expect, afterEach } from "vitest";
 import { render, cleanup } from "@testing-library/react";
 import { createRef } from "react";
-import * as stories from "../image.stories";
+import * as stories from "../attachments.stories";
 import knownFailuresJson from "../../../../scripts/check/contract-known-failures.json";
 
 afterEach(cleanup);
@@ -24,13 +24,13 @@ const isForwardRefComponent = Component?.["$$typeof"] === Symbol.for("react.forw
 
 /** Wrap a known, tracked failure in `it.fails` so fixing it forces the key's removal. */
 function contractIt(assertion: string, name: string, fn: () => void) {
-  const key = `ai-image--default|jsdom|jsdom|${assertion}`;
+  const key = `revenue-recognition-policy--default|jsdom|jsdom|${assertion}`;
   const reason = KNOWN_FAILURES[key];
   if (reason) return it.fails(`${name} (known failure: ${reason})`, fn);
   return it(name, fn);
 }
 
-describe("Image contract", () => {
+describe("Attachments contract", () => {
   it.skipIf(!isForwardRefComponent)("forwards a ref to a DOM element", () => {
     const ref = createRef<Element>();
     render(<Component {...args} ref={ref} />);
@@ -42,8 +42,8 @@ describe("Image contract", () => {
     expect(container.querySelector(".contract-probe")).not.toBeNull();
   });
 
-  contractIt("data-slot", 'exposes data-slot="image" on its root', () => {
+  contractIt("data-slot", 'exposes data-slot="attachments" on its root', () => {
     const { container } = render(<Component {...args} />);
-    expect(container.querySelector('[data-slot="image"]')).not.toBeNull();
+    expect(container.querySelector('[data-slot="attachments"]')).not.toBeNull();
   });
 });

package/src/__contract__/generated-image.contract.test.tsx

@@ -0,0 +1,49 @@
+// GENERATED by scripts/gen-contract-tests.mjs — do not edit; re-run the generator instead.
+/**
+ * Contract probe for GeneratedImage (`packages/ai/src/generated-image.tsx`), derived from its
+ * `Default` story (packages/ai/src/generated-image.stories.tsx). See scripts/gen-contract-tests.mjs.
+ */
+import { describe, it, expect, afterEach } from "vitest";
+import { render, cleanup } from "@testing-library/react";
+import { createRef } from "react";
+import * as stories from "../generated-image.stories";
+import knownFailuresJson from "../../../../scripts/check/contract-known-failures.json";
+
+afterEach(cleanup);
+
+// Every component here has its own prop/ref/element shape; a generated probe
+// stays generic on purpose (loosely typed, not untyped — see
+// scripts/gen-contract-tests.mjs) rather than re-deriving each one.
+const KNOWN_FAILURES: Record<string, string> = knownFailuresJson;
+const meta = stories.default as { component?: unknown; args?: Record<string, unknown> };
+const Default = (stories as { Default?: { args?: Record<string, unknown> } }).Default;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- probe target; see comment above
+const Component = meta.component as any;
+const args = { ...(meta.args ?? {}), ...(Default?.args ?? {}) };
+const isForwardRefComponent = Component?.["$$typeof"] === Symbol.for("react.forward_ref");
+
+/** Wrap a known, tracked failure in `it.fails` so fixing it forces the key's removal. */
+function contractIt(assertion: string, name: string, fn: () => void) {
+  const key = `ai-generatedimage--default|jsdom|jsdom|${assertion}`;
+  const reason = KNOWN_FAILURES[key];
+  if (reason) return it.fails(`${name} (known failure: ${reason})`, fn);
+  return it(name, fn);
+}
+
+describe("GeneratedImage contract", () => {
+  it.skipIf(!isForwardRefComponent)("forwards a ref to a DOM element", () => {
+    const ref = createRef<Element>();
+    render(<Component {...args} ref={ref} />);
+    expect(ref.current).toBeInstanceOf(Element);
+  });
+
+  contractIt("className", "merges a caller className onto the root", () => {
+    const { container } = render(<Component {...args} className="contract-probe" />);
+    expect(container.querySelector(".contract-probe")).not.toBeNull();
+  });
+
+  contractIt("data-slot", 'exposes data-slot="generated-image" on its root', () => {
+    const { container } = render(<Component {...args} />);
+    expect(container.querySelector('[data-slot="generated-image"]')).not.toBeNull();
+  });
+});

package/src/_lazy-boundary-conformance.ts

@@ -1,15 +1,11 @@
 /**
  * `AssertAssignable` — the shared compile-time conformance-check helper for
- * issue #101's "own the type locally" pattern (see `persona.tsx`,
- * `audio-player.tsx`, and the ADR 0019 amendment). Every `@lazy-boundary`
- * sibling module that owns a structurally-compatible mirror of an optional
- * peer's type (`_persona-rive.tsx`, `_audio-player-media-chrome.tsx`) uses
- * THIS declaration rather than redeclaring it locally — previously the same
- * three-line type was declared verbatim in both files (round-1 validator
- * finding F5), which is exactly the kind of drift this repo's "a convention
- * ships with its teeth" rule (@.claude/rules/quality-gates.md) exists to
- * avoid: a future edit to one copy (e.g. relaxing the constraint) could
- * silently diverge from the other with no gate to catch it.
+ * issue #101's "own the type locally" pattern (see `persona.tsx` and the
+ * ADR 0019 amendment). A `@lazy-boundary` sibling module that owns a
+ * structurally-compatible mirror of an optional peer's type
+ * (`_persona-rive.tsx`, the Rive runtime) uses THIS declaration rather than
+ * redeclaring it locally, so a future edit (e.g. relaxing the constraint)
+ * cannot silently diverge between copies.
  *
  * Purely a type-level helper — no runtime value, no import of anything heavy
  * or peer-owned — so it is safe for a `@lazy-boundary` module to import it
@@ -24,14 +20,12 @@
  * produce is accepted by the owned type), never the reverse. That is
  * sufficient to prove the mirror is SAFE to use in place of the real type
  * wherever the real type is only ever produced (an event object Rive hands
- * back, a prop object media-chrome reads) — but it is a ONE-DIRECTIONAL
- * check, so it cannot detect the owned type merely being NARROWER than the
- * real one. `PersonaRiveEvent["data"]` (`unknown`) and the `AudioPlayer*`
- * part-prop types (ordinary HTML attributes only, no per-element instance
- * members, no `ref`) are both real, deliberate narrowings versus their real
- * peer counterparts — see the CHANGELOG's "Breaking (types)" entry — and this
- * assertion passes for both, exactly as designed: a narrower type is still a
- * valid supertype-direction match. Don't read a green
+ * back) — but it is a ONE-DIRECTIONAL check, so it cannot detect the owned
+ * type merely being NARROWER than the real one. `PersonaRiveEvent["data"]`
+ * (`unknown`) is a real, deliberate narrowing versus its Rive counterpart —
+ * see the CHANGELOG's "Breaking (types)" entry — and this assertion passes
+ * for it, exactly as designed: a narrower type is still a valid
+ * supertype-direction match. Don't read a green
  * `_*Conformance` type as "identical shape to the peer"; read it as "safe to
  * substitute here", which is the property issue #101 actually needed.
  */

package/src/_lazy-engine-boundary.tsx

@@ -8,8 +8,7 @@ export interface LazyEngineBoundaryProps {
    * Called once a wrapped `lazy()` import rejects (an optional peer that is
    * not installed, or any other load-time failure). Return what to render in
    * its place — the boundary owns no default visual, since the right
-   * stand-in differs by surface (an orb placeholder for `Persona`, `null`
-   * for an `AudioPlayer` sub-control).
+   * stand-in differs by surface (an orb placeholder for `Persona`).
    */
   renderMissing: (error: unknown) => ReactNode;
 }

package/src/_lazy-mermaid-absent.test.ts

@@ -28,8 +28,8 @@ import { describe, expect, it, vi } from "vitest";
  * ERROR PATH — what happens when `import("mermaid")` resolves to an empty
  * stub — and nothing more. It does NOT prove mermaid is absent from an
  * installed consumer tree, and must never be read as though it did. For the
- * other four lazy-loaded optional peers (Rive, xterm, `@xterm/addon-fit`,
- * media-chrome), `fixtures/consumer-smoke` + `pnpm consumer:check` give an
+ * other lazy-loaded optional peers (Rive, xterm, `@xterm/addon-fit`),
+ * `fixtures/consumer-smoke` + `pnpm consumer:check` give an
  * end-to-end proof of genuine absence from the installed tarball. That proof
  * is currently UNWRITABLE for mermaid: two of `@elabs-ai/components-ai`'s own
  * plain dependencies (`streamdown`, `@streamdown/mermaid`) each depend on