@assistant-ui/react-generative-ui 0.0.17 → 0.0.18

package/dist/vocabulary/data.js.map

@@ -1 +1 @@
-{"version":3,"file":"data.js","names":[],"sources":["../../src/vocabulary/data.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\n\nconst columnSchema = z.object({\n  label: z.string().describe(\"Column header label.\"),\n});\n\nconst cellSchema = z\n  .union([z.string(), z.number(), z.boolean()])\n  .describe(\"A cell value.\");\n\nconst CHART_HEIGHT = 40;\nconst CHART_WIDTH = 100;\n\nconst clampValue = (value: unknown): number =>\n  typeof value === \"number\" && Number.isFinite(value) ? Math.max(0, value) : 0;\n\nconst yFor = (value: number, max: number): number =>\n  max > 0 ? CHART_HEIGHT - (value / max) * CHART_HEIGHT : CHART_HEIGHT;\n\nconst pointSchema = z.object({\n  label: z.string().optional().describe(\"Point label.\"),\n  value: z.number().describe(\"Point value.\"),\n});\n\nconst seriesSchema = z.object({\n  label: z.string().optional().describe(\"Series label, shown in the legend.\"),\n  data: z.array(pointSchema).describe(\"Data points for this series.\"),\n});\n\ntype ChartPoint = { label?: string; value: number };\ntype ChartSeriesInput = { label?: string; data: ChartPoint[] };\ntype NormalizedChartSeries = {\n  label: string | undefined;\n  values: number[];\n  labels: (string | undefined)[];\n};\n\n/** Pads every series to the longest series' length, treating a shorter series' missing points as `{ value: 0 }` so mismatched series never misalign or throw. */\nfunction normalizeSeries(\n  seriesProp: unknown,\n  dataProp: unknown,\n): { count: number; series: NormalizedChartSeries[] } {\n  const rawSeries: ChartSeriesInput[] =\n    Array.isArray(seriesProp) && seriesProp.length > 0\n      ? (seriesProp as ChartSeriesInput[])\n      : [{ data: Array.isArray(dataProp) ? (dataProp as ChartPoint[]) : [] }];\n\n  const count = rawSeries.reduce((max, s) => {\n    const len = Array.isArray(s?.data) ? s.data.length : 0;\n    return Math.max(max, len);\n  }, 0);\n\n  const series = rawSeries.map((s) => {\n    const points = Array.isArray(s?.data) ? s.data : [];\n    const values: number[] = [];\n    const labels: (string | undefined)[] = [];\n    for (let i = 0; i < count; i++) {\n      const point = points[i];\n      values.push(clampValue(point?.value));\n      labels.push(typeof point?.label === \"string\" ? point.label : undefined);\n    }\n    return {\n      label: typeof s?.label === \"string\" ? s.label : undefined,\n      values,\n      labels,\n    };\n  });\n\n  return { count, series };\n}\n\nfunction computeMax(\n  series: NormalizedChartSeries[],\n  count: number,\n  stacked: boolean,\n): number {\n  if (stacked) {\n    let max = 0;\n    for (let i = 0; i < count; i++) {\n      let sum = 0;\n      for (const s of series) sum += s.values[i] ?? 0;\n      max = Math.max(max, sum);\n    }\n    return max;\n  }\n  let max = 0;\n  for (const s of series) for (const v of s.values) max = Math.max(max, v);\n  return max;\n}\n\nconst NICE_MULTIPLES = [1, 2, 5];\n\n/** The smallest of `{1, 2, 5} × 10^n` that is `>= max`, so axis ticks land on round numbers. */\nfunction niceMax(max: number): number {\n  if (max <= 0) return 0;\n  const exponent = Math.floor(Math.log10(max));\n  for (const multiple of NICE_MULTIPLES) {\n    const candidate = multiple * 10 ** exponent;\n    if (candidate >= max) return candidate;\n  }\n  return 10 ** (exponent + 1);\n}\n\nconst TICK_COUNT = 5;\n\n/** `TICK_COUNT` evenly spaced ticks from `max` down to `0`, for a top-to-bottom y-axis column. */\nfunction tickValues(max: number): number[] {\n  const ticks: number[] = [];\n  for (let i = 0; i < TICK_COUNT; i++) {\n    ticks.push((max * (TICK_COUNT - 1 - i)) / (TICK_COUNT - 1));\n  }\n  return ticks;\n}\n\nfunction formatTick(value: number): string {\n  return (Math.round(value * 100) / 100).toLocaleString(\"en-US\");\n}\n\ntype ChartVariant = \"bar\" | \"line\" | \"sparkline\" | \"area\";\n\nconst SERIES_PALETTE_SIZE = 5;\n\nfunction renderSeriesMarks(\n  variant: ChartVariant,\n  series: NormalizedChartSeries[],\n  count: number,\n  scaleMax: number,\n  stacked: boolean,\n) {\n  if (variant === \"bar\") {\n    const slot = count > 0 ? CHART_WIDTH / count : 0;\n    const gap = slot * 0.2;\n    const groupWidth = slot - gap;\n    const seriesCount = series.length;\n    const perSeriesWidth =\n      stacked || seriesCount <= 1 ? groupWidth : groupWidth / seriesCount;\n    const cumulative = new Array(count).fill(0) as number[];\n\n    return series.map((s, seriesIndex) => {\n      const marks = s.values.map((value, i) => {\n        const height = scaleMax > 0 ? (value / scaleMax) * CHART_HEIGHT : 0;\n        const belowHeight =\n          stacked && scaleMax > 0\n            ? ((cumulative[i] ?? 0) / scaleMax) * CHART_HEIGHT\n            : 0;\n        const x =\n          stacked || seriesCount <= 1\n            ? i * slot + gap / 2\n            : i * slot + gap / 2 + seriesIndex * perSeriesWidth;\n        return (\n          <rect\n            key={i}\n            x={x}\n            y={CHART_HEIGHT - belowHeight - height}\n            width={perSeriesWidth}\n            height={height}\n            fill=\"currentColor\"\n          />\n        );\n      });\n      if (stacked) {\n        for (let i = 0; i < count; i++) {\n          cumulative[i] = (cumulative[i] ?? 0) + (s.values[i] ?? 0);\n        }\n      }\n      return (\n        <g\n          key={seriesIndex}\n          data-aui=\"chart-series\"\n          data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n        >\n          {marks}\n        </g>\n      );\n    });\n  }\n\n  if (variant === \"area\") {\n    const cumulative = new Array(count).fill(0) as number[];\n\n    return series.map((s, seriesIndex) => {\n      const bottoms = stacked\n        ? cumulative.slice()\n        : (new Array(count).fill(0) as number[]);\n      if (stacked) {\n        for (let i = 0; i < count; i++) {\n          cumulative[i] = (cumulative[i] ?? 0) + (s.values[i] ?? 0);\n        }\n      }\n      const tops = stacked ? cumulative.slice() : s.values.slice();\n\n      if (count === 1) {\n        const y = yFor(tops[0] ?? 0, scaleMax);\n        return (\n          <g\n            key={seriesIndex}\n            data-aui=\"chart-series\"\n            data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n          >\n            <circle cx={CHART_WIDTH / 2} cy={y} r={2} fill=\"currentColor\" />\n          </g>\n        );\n      }\n      if (count === 0) {\n        return (\n          <g\n            key={seriesIndex}\n            data-aui=\"chart-series\"\n            data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n          />\n        );\n      }\n\n      const topPoints = tops.map(\n        (v, i) => `${(i / (count - 1)) * CHART_WIDTH},${yFor(v, scaleMax)}`,\n      );\n      const bottomPoints = bottoms\n        .map(\n          (v, i) => `${(i / (count - 1)) * CHART_WIDTH},${yFor(v, scaleMax)}`,\n        )\n        .reverse();\n\n      return (\n        <g\n          key={seriesIndex}\n          data-aui=\"chart-series\"\n          data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n        >\n          <polygon\n            points={[...topPoints, ...bottomPoints].join(\" \")}\n            fill=\"currentColor\"\n            fillOpacity=\"0.25\"\n          />\n          <polyline\n            points={topPoints.join(\" \")}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            vectorEffect=\"non-scaling-stroke\"\n          />\n        </g>\n      );\n    });\n  }\n\n  // line / sparkline: each series is always drawn independently. Stacking a line has no single standard meaning, so `stacked` is ignored (the caller never passes it for these variants).\n  return series.map((s, seriesIndex) => (\n    <g\n      key={seriesIndex}\n      data-aui=\"chart-series\"\n      data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n    >\n      {count === 1 ? (\n        <circle\n          cx={CHART_WIDTH / 2}\n          cy={yFor(s.values[0] ?? 0, scaleMax)}\n          r={2}\n          fill=\"currentColor\"\n        />\n      ) : count > 1 ? (\n        <polyline\n          points={s.values\n            .map(\n              (v, i) =>\n                `${(i / (count - 1)) * CHART_WIDTH},${yFor(v, scaleMax)}`,\n            )\n            .join(\" \")}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          vectorEffect=\"non-scaling-stroke\"\n        />\n      ) : null}\n    </g>\n  ));\n}\n\nexport const dataVocabulary = {\n  Table: {\n    description:\n      \"Tabular data. Provide `columns` and `rows`; each row is an array of cells matching the columns.\",\n    properties: z.object({\n      columns: z.array(columnSchema).optional().describe(\"Column definitions.\"),\n      rows: z.array(z.array(cellSchema)).optional().describe(\"Rows of cells.\"),\n    }),\n    render: ({ columns, rows, children }) => (\n      <table data-aui=\"table\">\n        {columns?.length ? (\n          <thead>\n            <tr>\n              {columns.map((c: { label: string }, i: number) => (\n                <th key={i} data-aui=\"table-col\">\n                  {c.label}\n                </th>\n              ))}\n            </tr>\n          </thead>\n        ) : null}\n        {rows?.length ? (\n          <tbody>\n            {rows.map((row: (string | number | boolean)[], r: number) => (\n              <tr key={r}>\n                {row.map((cell: string | number | boolean, c: number) => (\n                  <td key={c}>{String(cell)}</td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        ) : null}\n        {children}\n      </table>\n    ),\n  },\n  Markdown: {\n    description:\n      \"A markdown string. Rendered as-is by default; override this component for a full markdown renderer.\",\n    properties: z.object({\n      value: z.string().describe(\"Markdown source.\"),\n    }),\n    streamProperties: true,\n    render: ({ value, children }) => (\n      <div data-aui=\"markdown\">\n        {value}\n        {children}\n      </div>\n    ),\n  },\n  Chart: {\n    description:\n      \"A chart. `variant` selects bar, line, sparkline, or area rendering. Provide `data` for a single series, or `series` for multiple named series (`series` takes precedence over `data` when both are present). Set `stacked` to accumulate series values instead of overlaying them, and `showAxis`/`showLegend` to add y-axis ticks, x-axis point labels, and a legend.\",\n    properties: z.object({\n      variant: z\n        .enum([\"bar\", \"line\", \"sparkline\", \"area\"])\n        .describe(\"Chart variant.\"),\n      data: z\n        .array(pointSchema)\n        .optional()\n        .describe(\"Data points for a single series.\"),\n      series: z\n        .array(seriesSchema)\n        .optional()\n        .describe(\n          \"Multiple named series; takes precedence over `data` when present.\",\n        ),\n      stacked: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Accumulate series values instead of overlaying them (bar and area variants; ignored for line and sparkline).\",\n        ),\n      showAxis: z\n        .boolean()\n        .optional()\n        .describe(\"Show y-axis ticks and x-axis point labels.\"),\n      showLegend: z\n        .boolean()\n        .optional()\n        .describe(\"Show a legend mapping each series to its color.\"),\n      color: z\n        .string()\n        .optional()\n        .describe(\n          \"Series color (single-series mode only). One of `emphasis`, `secondary`, `alpha-70`, `white`, `white-70`, or `white-50`, matching Text's `color` tokens; other values have no visual effect.\",\n        ),\n    }),\n    render: ({\n      variant,\n      data,\n      series,\n      stacked,\n      showAxis,\n      showLegend,\n      color,\n    }) => {\n      const usesExtendedFeatures =\n        variant === \"area\" ||\n        !!stacked ||\n        !!showAxis ||\n        !!showLegend ||\n        (Array.isArray(series) && series.length > 0);\n\n      if (!usesExtendedFeatures) {\n        const points = Array.isArray(data) ? data : [];\n        const n = points.length;\n        const values = points.map((d) => clampValue(d?.value));\n        const max = values.reduce((m, v) => Math.max(m, v), 0);\n        const slot = n > 0 ? CHART_WIDTH / n : 0;\n        const gap = slot * 0.2;\n        const barWidth = slot - gap;\n\n        return (\n          <svg\n            data-aui=\"chart\"\n            data-aui-variant={variant}\n            data-aui-color={color}\n            role=\"img\"\n            aria-label={`${variant} chart with ${n} data points`}\n            viewBox={`0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`}\n            preserveAspectRatio=\"none\"\n          >\n            {variant === \"bar\" ? (\n              values.map((v, i) => {\n                const height = max > 0 ? (v / max) * CHART_HEIGHT : 0;\n                return (\n                  <rect\n                    key={i}\n                    x={i * slot + gap / 2}\n                    y={CHART_HEIGHT - height}\n                    width={barWidth}\n                    height={height}\n                    fill=\"currentColor\"\n                  />\n                );\n              })\n            ) : n === 1 ? (\n              <circle\n                cx={CHART_WIDTH / 2}\n                cy={yFor(values[0] ?? 0, max)}\n                r={2}\n                fill=\"currentColor\"\n              />\n            ) : n > 1 ? (\n              <polyline\n                points={values\n                  .map(\n                    (v, i) => `${(i / (n - 1)) * CHART_WIDTH},${yFor(v, max)}`,\n                  )\n                  .join(\" \")}\n                fill=\"none\"\n                stroke=\"currentColor\"\n              />\n            ) : null}\n          </svg>\n        );\n      }\n\n      const { count, series: normalized } = normalizeSeries(series, data);\n      const stackedScale =\n        !!stacked && (variant === \"bar\" || variant === \"area\");\n      const rawMax = computeMax(normalized, count, stackedScale);\n      const scaleMax = showAxis ? niceMax(rawMax) : rawMax;\n      const marks = renderSeriesMarks(\n        variant,\n        normalized,\n        count,\n        scaleMax,\n        stackedScale,\n      );\n\n      const svg = (\n        <svg\n          data-aui=\"chart\"\n          data-aui-variant={variant}\n          data-aui-color={color}\n          role=\"img\"\n          aria-label={`${variant} chart with ${count} data points`}\n          viewBox={`0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`}\n          preserveAspectRatio=\"none\"\n        >\n          {marks}\n        </svg>\n      );\n\n      if (!showAxis && !showLegend) return svg;\n\n      return (\n        <div data-aui=\"chart-frame\">\n          {showAxis ? (\n            <div data-aui=\"chart-ticks\">\n              {tickValues(scaleMax).map((tick, i) => (\n                <div key={i}>{formatTick(tick)}</div>\n              ))}\n            </div>\n          ) : null}\n          {svg}\n          {showAxis ? (\n            <div data-aui=\"chart-xlabels\">\n              {(normalized[0]?.labels ?? []).map((label, i) => (\n                <div key={i}>{label ?? \"\"}</div>\n              ))}\n            </div>\n          ) : null}\n          {showLegend ? (\n            <div data-aui=\"chart-legend\">\n              {normalized.map((s, i) => (\n                <span\n                  key={i}\n                  data-aui=\"chart-legend-item\"\n                  data-aui-series={i % SERIES_PALETTE_SIZE}\n                >\n                  <span data-aui=\"chart-legend-swatch\" />\n                  {s.label ?? `Series ${i + 1}`}\n                </span>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      );\n    },\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}
+{"version":3,"file":"data.js","names":[],"sources":["../../src/vocabulary/data.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { toTextContent } from \"./toTextContent\";\n\nconst columnSchema = z.object({\n  label: z.string().describe(\"Column header label.\"),\n});\n\nconst cellSchema = z\n  .union([z.string(), z.number(), z.boolean()])\n  .describe(\"A cell value.\");\n\ntype TableColumn = { label: string };\ntype TableCell = string | number | boolean;\n\nconst isTableColumn = (column: unknown): column is TableColumn =>\n  column !== null &&\n  typeof column === \"object\" &&\n  \"label\" in column &&\n  typeof column.label === \"string\";\n\nconst isTableCell = (cell: unknown): cell is TableCell =>\n  typeof cell === \"string\" ||\n  typeof cell === \"number\" ||\n  typeof cell === \"boolean\";\n\nconst CHART_HEIGHT = 40;\nconst CHART_WIDTH = 100;\n\nconst clampValue = (value: unknown): number =>\n  typeof value === \"number\" && Number.isFinite(value) ? Math.max(0, value) : 0;\n\nconst yFor = (value: number, max: number): number =>\n  max > 0 ? CHART_HEIGHT - (value / max) * CHART_HEIGHT : CHART_HEIGHT;\n\nconst pointSchema = z.object({\n  label: z.string().optional().describe(\"Point label.\"),\n  value: z.number().describe(\"Point value.\"),\n});\n\nconst seriesSchema = z.object({\n  label: z.string().optional().describe(\"Series label, shown in the legend.\"),\n  data: z.array(pointSchema).describe(\"Data points for this series.\"),\n});\n\ntype ChartPoint = { label?: string; value: number };\ntype ChartSeriesInput = { label?: string; data: ChartPoint[] };\ntype NormalizedChartSeries = {\n  label: string | undefined;\n  values: number[];\n  labels: (string | undefined)[];\n};\n\n/** Pads every series to the longest series' length, treating a shorter series' missing points as `{ value: 0 }` so mismatched series never misalign or throw. */\nfunction normalizeSeries(\n  seriesProp: unknown,\n  dataProp: unknown,\n): { count: number; series: NormalizedChartSeries[] } {\n  const rawSeries: ChartSeriesInput[] =\n    Array.isArray(seriesProp) && seriesProp.length > 0\n      ? (seriesProp as ChartSeriesInput[])\n      : [{ data: Array.isArray(dataProp) ? (dataProp as ChartPoint[]) : [] }];\n\n  const count = rawSeries.reduce((max, s) => {\n    const len = Array.isArray(s?.data) ? s.data.length : 0;\n    return Math.max(max, len);\n  }, 0);\n\n  const series = rawSeries.map((s) => {\n    const points = Array.isArray(s?.data) ? s.data : [];\n    const values: number[] = [];\n    const labels: (string | undefined)[] = [];\n    for (let i = 0; i < count; i++) {\n      const point = points[i];\n      values.push(clampValue(point?.value));\n      labels.push(typeof point?.label === \"string\" ? point.label : undefined);\n    }\n    return {\n      label: typeof s?.label === \"string\" ? s.label : undefined,\n      values,\n      labels,\n    };\n  });\n\n  return { count, series };\n}\n\nfunction computeMax(\n  series: NormalizedChartSeries[],\n  count: number,\n  stacked: boolean,\n): number {\n  if (stacked) {\n    let max = 0;\n    for (let i = 0; i < count; i++) {\n      let sum = 0;\n      for (const s of series) sum += s.values[i] ?? 0;\n      max = Math.max(max, sum);\n    }\n    return max;\n  }\n  let max = 0;\n  for (const s of series) for (const v of s.values) max = Math.max(max, v);\n  return max;\n}\n\nconst NICE_MULTIPLES = [1, 2, 5];\n\n/** The smallest of `{1, 2, 5} × 10^n` that is `>= max`, so axis ticks land on round numbers. */\nfunction niceMax(max: number): number {\n  if (max <= 0) return 0;\n  const exponent = Math.floor(Math.log10(max));\n  for (const multiple of NICE_MULTIPLES) {\n    const candidate = multiple * 10 ** exponent;\n    if (candidate >= max) return candidate;\n  }\n  return 10 ** (exponent + 1);\n}\n\nconst TICK_COUNT = 5;\n\n/** `TICK_COUNT` evenly spaced ticks from `max` down to `0`, for a top-to-bottom y-axis column. */\nfunction tickValues(max: number): number[] {\n  const ticks: number[] = [];\n  for (let i = 0; i < TICK_COUNT; i++) {\n    ticks.push((max * (TICK_COUNT - 1 - i)) / (TICK_COUNT - 1));\n  }\n  return ticks;\n}\n\nfunction formatTick(value: number): string {\n  return (Math.round(value * 100) / 100).toLocaleString(\"en-US\");\n}\n\ntype ChartVariant = \"bar\" | \"line\" | \"sparkline\" | \"area\";\n\nconst SERIES_PALETTE_SIZE = 5;\n\nfunction renderSeriesMarks(\n  variant: ChartVariant,\n  series: NormalizedChartSeries[],\n  count: number,\n  scaleMax: number,\n  stacked: boolean,\n) {\n  if (variant === \"bar\") {\n    const slot = count > 0 ? CHART_WIDTH / count : 0;\n    const gap = slot * 0.2;\n    const groupWidth = slot - gap;\n    const seriesCount = series.length;\n    const perSeriesWidth =\n      stacked || seriesCount <= 1 ? groupWidth : groupWidth / seriesCount;\n    const cumulative = new Array(count).fill(0) as number[];\n\n    return series.map((s, seriesIndex) => {\n      const marks = s.values.map((value, i) => {\n        const height = scaleMax > 0 ? (value / scaleMax) * CHART_HEIGHT : 0;\n        const belowHeight =\n          stacked && scaleMax > 0\n            ? ((cumulative[i] ?? 0) / scaleMax) * CHART_HEIGHT\n            : 0;\n        const x =\n          stacked || seriesCount <= 1\n            ? i * slot + gap / 2\n            : i * slot + gap / 2 + seriesIndex * perSeriesWidth;\n        return (\n          <rect\n            key={i}\n            x={x}\n            y={CHART_HEIGHT - belowHeight - height}\n            width={perSeriesWidth}\n            height={height}\n            fill=\"currentColor\"\n          />\n        );\n      });\n      if (stacked) {\n        for (let i = 0; i < count; i++) {\n          cumulative[i] = (cumulative[i] ?? 0) + (s.values[i] ?? 0);\n        }\n      }\n      return (\n        <g\n          key={seriesIndex}\n          data-aui=\"chart-series\"\n          data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n        >\n          {marks}\n        </g>\n      );\n    });\n  }\n\n  if (variant === \"area\") {\n    const cumulative = new Array(count).fill(0) as number[];\n\n    return series.map((s, seriesIndex) => {\n      const bottoms = stacked\n        ? cumulative.slice()\n        : (new Array(count).fill(0) as number[]);\n      if (stacked) {\n        for (let i = 0; i < count; i++) {\n          cumulative[i] = (cumulative[i] ?? 0) + (s.values[i] ?? 0);\n        }\n      }\n      const tops = stacked ? cumulative.slice() : s.values.slice();\n\n      if (count === 1) {\n        const y = yFor(tops[0] ?? 0, scaleMax);\n        return (\n          <g\n            key={seriesIndex}\n            data-aui=\"chart-series\"\n            data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n          >\n            <circle cx={CHART_WIDTH / 2} cy={y} r={2} fill=\"currentColor\" />\n          </g>\n        );\n      }\n      if (count === 0) {\n        return (\n          <g\n            key={seriesIndex}\n            data-aui=\"chart-series\"\n            data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n          />\n        );\n      }\n\n      const topPoints = tops.map(\n        (v, i) => `${(i / (count - 1)) * CHART_WIDTH},${yFor(v, scaleMax)}`,\n      );\n      const bottomPoints = bottoms\n        .map(\n          (v, i) => `${(i / (count - 1)) * CHART_WIDTH},${yFor(v, scaleMax)}`,\n        )\n        .reverse();\n\n      return (\n        <g\n          key={seriesIndex}\n          data-aui=\"chart-series\"\n          data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n        >\n          <polygon\n            points={[...topPoints, ...bottomPoints].join(\" \")}\n            fill=\"currentColor\"\n            fillOpacity=\"0.25\"\n          />\n          <polyline\n            points={topPoints.join(\" \")}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            vectorEffect=\"non-scaling-stroke\"\n          />\n        </g>\n      );\n    });\n  }\n\n  // line / sparkline: each series is always drawn independently. Stacking a line has no single standard meaning, so `stacked` is ignored (the caller never passes it for these variants).\n  return series.map((s, seriesIndex) => (\n    <g\n      key={seriesIndex}\n      data-aui=\"chart-series\"\n      data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n    >\n      {count === 1 ? (\n        <circle\n          cx={CHART_WIDTH / 2}\n          cy={yFor(s.values[0] ?? 0, scaleMax)}\n          r={2}\n          fill=\"currentColor\"\n        />\n      ) : count > 1 ? (\n        <polyline\n          points={s.values\n            .map(\n              (v, i) =>\n                `${(i / (count - 1)) * CHART_WIDTH},${yFor(v, scaleMax)}`,\n            )\n            .join(\" \")}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          vectorEffect=\"non-scaling-stroke\"\n        />\n      ) : null}\n    </g>\n  ));\n}\n\nexport const dataVocabulary = {\n  Table: {\n    description:\n      \"Tabular data. Provide `columns` and `rows`; each row is an array of cells matching the columns.\",\n    properties: z.object({\n      columns: z.array(columnSchema).optional().describe(\"Column definitions.\"),\n      rows: z.array(z.array(cellSchema)).optional().describe(\"Rows of cells.\"),\n    }),\n    render: ({ columns, rows, children }) => {\n      const safeColumns = Array.isArray(columns) ? columns : [];\n      const hasColumns = safeColumns.some(isTableColumn);\n      const safeRows = Array.isArray(rows) ? rows.filter(Array.isArray) : [];\n\n      return (\n        <table data-aui=\"table\">\n          {hasColumns ? (\n            <thead>\n              <tr>\n                {safeColumns.map((column, i) => (\n                  <th key={i} data-aui=\"table-col\">\n                    {isTableColumn(column) ? column.label : \"\"}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n          ) : null}\n          {safeRows.length ? (\n            <tbody>\n              {safeRows.map((row, r) => (\n                <tr key={r}>\n                  {row.map((cell, c) => (\n                    <td key={c}>{isTableCell(cell) ? String(cell) : \"\"}</td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          ) : null}\n          {children}\n        </table>\n      );\n    },\n  },\n  Markdown: {\n    description:\n      \"A markdown string. Rendered as-is by default; override this component for a full markdown renderer.\",\n    properties: z.object({\n      value: z.string().describe(\"Markdown source.\"),\n    }),\n    streamProperties: true,\n    render: ({ value, children }) => (\n      <div data-aui=\"markdown\">\n        {toTextContent(value)}\n        {children}\n      </div>\n    ),\n  },\n  Chart: {\n    description:\n      \"A chart. `variant` selects bar, line, sparkline, or area rendering. Provide `data` for a single series, or `series` for multiple named series (`series` takes precedence over `data` when both are present). Set `stacked` to accumulate series values instead of overlaying them, and `showAxis`/`showLegend` to add y-axis ticks, x-axis point labels, and a legend.\",\n    properties: z.object({\n      variant: z\n        .enum([\"bar\", \"line\", \"sparkline\", \"area\"])\n        .describe(\"Chart variant.\"),\n      data: z\n        .array(pointSchema)\n        .optional()\n        .describe(\"Data points for a single series.\"),\n      series: z\n        .array(seriesSchema)\n        .optional()\n        .describe(\n          \"Multiple named series; takes precedence over `data` when present.\",\n        ),\n      stacked: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Accumulate series values instead of overlaying them (bar and area variants; ignored for line and sparkline).\",\n        ),\n      showAxis: z\n        .boolean()\n        .optional()\n        .describe(\"Show y-axis ticks and x-axis point labels.\"),\n      showLegend: z\n        .boolean()\n        .optional()\n        .describe(\"Show a legend mapping each series to its color.\"),\n      color: z\n        .string()\n        .optional()\n        .describe(\n          \"Series color (single-series mode only). One of `emphasis`, `secondary`, `alpha-70`, `white`, `white-70`, or `white-50`, matching Text's `color` tokens; other values have no visual effect.\",\n        ),\n    }),\n    render: ({\n      variant,\n      data,\n      series,\n      stacked,\n      showAxis,\n      showLegend,\n      color,\n    }) => {\n      const usesExtendedFeatures =\n        variant === \"area\" ||\n        !!stacked ||\n        !!showAxis ||\n        !!showLegend ||\n        (Array.isArray(series) && series.length > 0);\n\n      if (!usesExtendedFeatures) {\n        const points = Array.isArray(data) ? data : [];\n        const n = points.length;\n        const values = points.map((d) => clampValue(d?.value));\n        const max = values.reduce((m, v) => Math.max(m, v), 0);\n        const slot = n > 0 ? CHART_WIDTH / n : 0;\n        const gap = slot * 0.2;\n        const barWidth = slot - gap;\n\n        return (\n          <svg\n            data-aui=\"chart\"\n            data-aui-variant={variant}\n            data-aui-color={color}\n            role=\"img\"\n            aria-label={`${variant} chart with ${n} data points`}\n            viewBox={`0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`}\n            preserveAspectRatio=\"none\"\n          >\n            {variant === \"bar\" ? (\n              values.map((v, i) => {\n                const height = max > 0 ? (v / max) * CHART_HEIGHT : 0;\n                return (\n                  <rect\n                    key={i}\n                    x={i * slot + gap / 2}\n                    y={CHART_HEIGHT - height}\n                    width={barWidth}\n                    height={height}\n                    fill=\"currentColor\"\n                  />\n                );\n              })\n            ) : n === 1 ? (\n              <circle\n                cx={CHART_WIDTH / 2}\n                cy={yFor(values[0] ?? 0, max)}\n                r={2}\n                fill=\"currentColor\"\n              />\n            ) : n > 1 ? (\n              <polyline\n                points={values\n                  .map(\n                    (v, i) => `${(i / (n - 1)) * CHART_WIDTH},${yFor(v, max)}`,\n                  )\n                  .join(\" \")}\n                fill=\"none\"\n                stroke=\"currentColor\"\n              />\n            ) : null}\n          </svg>\n        );\n      }\n\n      const { count, series: normalized } = normalizeSeries(series, data);\n      const stackedScale =\n        !!stacked && (variant === \"bar\" || variant === \"area\");\n      const rawMax = computeMax(normalized, count, stackedScale);\n      const scaleMax = showAxis ? niceMax(rawMax) : rawMax;\n      const marks = renderSeriesMarks(\n        variant,\n        normalized,\n        count,\n        scaleMax,\n        stackedScale,\n      );\n\n      const svg = (\n        <svg\n          data-aui=\"chart\"\n          data-aui-variant={variant}\n          data-aui-color={color}\n          role=\"img\"\n          aria-label={`${variant} chart with ${count} data points`}\n          viewBox={`0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`}\n          preserveAspectRatio=\"none\"\n        >\n          {marks}\n        </svg>\n      );\n\n      if (!showAxis && !showLegend) return svg;\n\n      return (\n        <div data-aui=\"chart-frame\">\n          {showAxis ? (\n            <div data-aui=\"chart-ticks\">\n              {tickValues(scaleMax).map((tick, i) => (\n                <div key={i}>{formatTick(tick)}</div>\n              ))}\n            </div>\n          ) : null}\n          {svg}\n          {showAxis ? (\n            <div data-aui=\"chart-xlabels\">\n              {(normalized[0]?.labels ?? []).map((label, i) => (\n                <div key={i}>{label ?? \"\"}</div>\n              ))}\n            </div>\n          ) : null}\n          {showLegend ? (\n            <div data-aui=\"chart-legend\">\n              {normalized.map((s, i) => (\n                <span\n                  key={i}\n                  data-aui=\"chart-legend-item\"\n                  data-aui-series={i % SERIES_PALETTE_SIZE}\n                >\n                  <span data-aui=\"chart-legend-swatch\" />\n                  {s.label ?? `Series ${i + 1}`}\n                </span>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      );\n    },\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}

package/dist/vocabulary/fact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fact.d.ts","names":[],"sources":["../../src/vocabulary/fact.tsx"],"mappings":";;cAGa"}
+{"version":3,"file":"fact.d.ts","names":[],"sources":["../../src/vocabulary/fact.tsx"],"mappings":";;cAIa"}

package/dist/vocabulary/fact.js

@@ -1,3 +1,4 @@
+import { toTextContent } from "./toTextContent.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { z } from "zod";
 //#region src/vocabulary/fact.tsx
@@ -11,10 +12,10 @@ const factVocabulary = { Fact: {
 		"data-aui": "fact",
 		children: [/* @__PURE__ */ jsx("dt", {
 			"data-aui": "fact-label",
-			children: label
+			children: toTextContent(label)
 		}), /* @__PURE__ */ jsxs("dd", {
 			"data-aui": "fact-value",
-			children: [value, children]
+			children: [toTextContent(value), children]
 		})]
 	})
 } };

package/dist/vocabulary/fact.js.map

@@ -1 +1 @@
-{"version":3,"file":"fact.js","names":[],"sources":["../../src/vocabulary/fact.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\n\nexport const factVocabulary = {\n  Fact: {\n    description:\n      \"A label/value pair, rendered as a key followed by its value. Use for compact metadata.\",\n    properties: z.object({\n      label: z.string().describe(\"The fact label (key).\"),\n      value: z.string().describe(\"The fact value.\"),\n    }),\n    render: ({ label, value, children }) => (\n      <dl data-aui=\"fact\">\n        <dt data-aui=\"fact-label\">{label}</dt>\n        <dd data-aui=\"fact-value\">\n          {value}\n          {children}\n        </dd>\n      </dl>\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;AAGA,MAAa,iBAAiB,EAC5B,MAAM;CACJ,aACE;CACF,YAAY,EAAE,OAAO;EACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,uBAAuB;EAClD,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,iBAAiB;CAC9C,CAAC;CACD,SAAS,EAAE,OAAO,OAAO,eACvB,qBAAC,MAAD;EAAI,YAAS;EAAb,UAAA,CACE,oBAAC,MAAD;GAAI,YAAS;GAAc,UAAA;EAAU,CAAA,GACrC,qBAAC,MAAD;GAAI,YAAS;GAAb,UAAA,CACG,OACA,QACC;EACF,CAAA,CAAA;;AAER,EACF"}
+{"version":3,"file":"fact.js","names":[],"sources":["../../src/vocabulary/fact.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { toTextContent } from \"./toTextContent\";\n\nexport const factVocabulary = {\n  Fact: {\n    description:\n      \"A label/value pair, rendered as a key followed by its value. Use for compact metadata.\",\n    properties: z.object({\n      label: z.string().describe(\"The fact label (key).\"),\n      value: z.string().describe(\"The fact value.\"),\n    }),\n    render: ({ label, value, children }) => (\n      <dl data-aui=\"fact\">\n        <dt data-aui=\"fact-label\">{toTextContent(label)}</dt>\n        <dd data-aui=\"fact-value\">\n          {toTextContent(value)}\n          {children}\n        </dd>\n      </dl>\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;;AAIA,MAAa,iBAAiB,EAC5B,MAAM;CACJ,aACE;CACF,YAAY,EAAE,OAAO;EACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,uBAAuB;EAClD,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,iBAAiB;CAC9C,CAAC;CACD,SAAS,EAAE,OAAO,OAAO,eACvB,qBAAC,MAAD;EAAI,YAAS;EAAb,UAAA,CACE,oBAAC,MAAD;GAAI,YAAS;GAAc,UAAA,cAAc,KAAK;EAAM,CAAA,GACpD,qBAAC,MAAD;GAAI,YAAS;GAAb,UAAA,CACG,cAAc,KAAK,GACnB,QACC;EACF,CAAA,CAAA;;AAER,EACF"}

package/dist/vocabulary/interactive.d.ts

@@ -2,11 +2,12 @@ import { Action } from "../ir.js";
 import { GenerativeUIDispatch } from "../types.js";
 import { z } from "zod";
 //#region src/vocabulary/interactive.d.ts
+type Option = {
+  label: string;
+  value: string;
+};
 type RadioGroupRenderProps = {
-  options: {
-    label: string;
-    value: string;
-  }[];
+  options: Option[];
   name?: string;
   label?: string;
   defaultValue?: string;
@@ -20,11 +21,11 @@ declare const interactiveVocabulary: {
     properties: z.ZodObject<{
       label: z.ZodString;
       buttonStyle: z.ZodOptional<z.ZodEnum<{
+        danger: "danger";
         secondary: "secondary";
         primary: "primary";
         outline: "outline";
         ghost: "ghost";
-        danger: "danger";
       }>>;
       block: z.ZodOptional<z.ZodBoolean>;
       submit: z.ZodOptional<z.ZodBoolean>;

package/dist/vocabulary/interactive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.d.ts","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"mappings":";;;;KAYK;EACH;IAAW;IAAe;;EAC1B;EACA;EACA;EACA,UAAU;EACV,YAAY;;iBAGL,mBACP,SACA,MACA,OACA,cACA,SACA,aACC,wCAAqB,IAAA;cA8BX"}
+{"version":3,"file":"interactive.d.ts","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"mappings":";;;;KAaK;EAAW;EAAe;;KAU1B;EACH,SAAS;EACT;EACA;EACA;EACA,UAAU;EACV,YAAY;;iBAGL,mBACP,SACA,MACA,OACA,cACA,SACA,aACC,wCAAqB,IAAA;cA4BX"}

package/dist/vocabulary/interactive.js

@@ -1,4 +1,5 @@
 import { BUTTON_STYLES } from "../ir.js";
+import { toTextContent } from "./toTextContent.js";
 import { actionAttr, fire } from "./dispatch.js";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -8,6 +9,7 @@ const optionSchema = z.object({
 	label: z.string(),
 	value: z.string()
 });
+const isOption = (option) => option !== null && typeof option === "object" && "label" in option && typeof option.label === "string" && "value" in option && typeof option.value === "string";
 function RadioGroupRender({ options, name, label, defaultValue, $action, $dispatch }) {
 	const generatedName = useId();
 	const fieldName = name ?? generatedName;
@@ -16,7 +18,7 @@ function RadioGroupRender({ options, name, label, defaultValue, $action, $dispat
 		"data-aui": "radiogroup",
 		"data-aui-action": actionAttr($action),
 		"aria-label": label,
-		children: safeOptions.map((option, i) => option && typeof option.label === "string" && typeof option.value === "string" ? /* @__PURE__ */ jsxs("label", {
+		children: safeOptions.map((option, i) => isOption(option) ? /* @__PURE__ */ jsxs("label", {
 			"data-aui": "radiogroup-option",
 			children: [/* @__PURE__ */ jsx("input", {
 				type: "radio",
@@ -45,7 +47,7 @@ const interactiveVocabulary = {
 			"data-aui-submit": submit || void 0,
 			"data-aui-action": actionAttr($action),
 			onClick: submit ? void 0 : () => fire($action, $dispatch),
-			children: [label, children]
+			children: [toTextContent(label), children]
 		})
 	},
 	Select: {
@@ -56,26 +58,29 @@ const interactiveVocabulary = {
 			label: z.string().optional().describe("Accessible label for the control."),
 			name: z.string().optional().describe("Field name used inside a Form.")
 		}),
-		render: ({ options, placeholder, label, name, $action, $dispatch, children }) => /* @__PURE__ */ jsxs("select", {
-			"data-aui": "select",
-			"data-aui-action": actionAttr($action),
-			name,
-			"aria-label": label,
-			defaultValue: "",
-			onChange: (e) => fire($action, $dispatch, e.currentTarget.value),
-			children: [
-				placeholder ? /* @__PURE__ */ jsx("option", {
-					value: "",
-					disabled: true,
-					children: placeholder
-				}) : null,
-				options.map((o, i) => /* @__PURE__ */ jsx("option", {
-					value: o.value,
-					children: o.label
-				}, i)),
-				children
-			]
-		})
+		render: ({ options, placeholder, label, name, $action, $dispatch, children }) => {
+			const placeholderText = toTextContent(placeholder);
+			return /* @__PURE__ */ jsxs("select", {
+				"data-aui": "select",
+				"data-aui-action": actionAttr($action),
+				name,
+				"aria-label": label,
+				defaultValue: "",
+				onChange: (e) => fire($action, $dispatch, e.currentTarget.value),
+				children: [
+					placeholderText ? /* @__PURE__ */ jsx("option", {
+						value: "",
+						disabled: true,
+						children: placeholderText
+					}) : null,
+					(Array.isArray(options) ? options : []).map((option, i) => isOption(option) ? /* @__PURE__ */ jsx("option", {
+						value: option.value,
+						children: option.label
+					}, i) : null),
+					children
+				]
+			});
+		}
 	},
 	Input: {
 		description: "A text input. Carries `$action` describing the on-submit behavior.",
@@ -151,7 +156,7 @@ const interactiveVocabulary = {
 				onChange: (e) => fire($action, $dispatch, e.currentTarget.checked)
 			}), /* @__PURE__ */ jsx("span", {
 				"data-aui": "checkbox-label",
-				children: label
+				children: toTextContent(label)
 			})]
 		})
 	},

package/dist/vocabulary/interactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.js","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { z } from \"zod\";\nimport type { Action } from \"../ir\";\nimport { BUTTON_STYLES } from \"../ir\";\nimport type { GenerativeUIDispatch, GenerativeUILibrary } from \"../types\";\nimport { actionAttr, fire } from \"./dispatch\";\n\nconst optionSchema = z.object({\n  label: z.string(),\n  value: z.string(),\n});\n\ntype RadioGroupRenderProps = {\n  options: { label: string; value: string }[];\n  name?: string;\n  label?: string;\n  defaultValue?: string;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction RadioGroupRender({\n  options,\n  name,\n  label,\n  defaultValue,\n  $action,\n  $dispatch,\n}: RadioGroupRenderProps) {\n  const generatedName = useId();\n  const fieldName = name ?? generatedName;\n  const safeOptions = Array.isArray(options) ? options : [];\n  return (\n    <fieldset\n      data-aui=\"radiogroup\"\n      data-aui-action={actionAttr($action)}\n      aria-label={label}\n    >\n      {safeOptions.map((option, i) =>\n        option &&\n        typeof option.label === \"string\" &&\n        typeof option.value === \"string\" ? (\n          <label key={i} data-aui=\"radiogroup-option\">\n            <input\n              type=\"radio\"\n              name={fieldName}\n              value={option.value}\n              defaultChecked={defaultValue === option.value}\n              onChange={() => fire($action, $dispatch, option.value)}\n            />\n            {option.label}\n          </label>\n        ) : null,\n      )}\n    </fieldset>\n  );\n}\n\nexport const interactiveVocabulary = {\n  Button: {\n    description:\n      \"A clickable button. Carries `$action` describing the side effect or resume value. Set `submit` to submit an ancestor Form/Card instead of firing `$action` on click.\",\n    properties: z.object({\n      label: z.string().describe(\"Button label.\"),\n      buttonStyle: z.enum(BUTTON_STYLES).optional().describe(\"Visual style.\"),\n      block: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the button spans the full width.\"),\n      submit: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Render as a submit button for an ancestor Form/Card instead of a click button.\",\n        ),\n    }),\n    render: ({\n      label,\n      buttonStyle,\n      block,\n      submit,\n      $action,\n      $dispatch,\n      children,\n    }) => (\n      <button\n        type={submit ? \"submit\" : \"button\"}\n        data-aui=\"button\"\n        data-aui-style={buttonStyle}\n        data-aui-block={block || undefined}\n        data-aui-submit={submit || undefined}\n        data-aui-action={actionAttr($action)}\n        onClick={submit ? undefined : () => fire($action, $dispatch)}\n      >\n        {label}\n        {children}\n      </button>\n    ),\n  },\n  Select: {\n    description:\n      \"A dropdown selector. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      placeholder: z\n        .string()\n        .optional()\n        .describe(\"Placeholder shown when nothing is selected.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({\n      options,\n      placeholder,\n      label,\n      name,\n      $action,\n      $dispatch,\n      children,\n    }) => (\n      <select\n        data-aui=\"select\"\n        data-aui-action={actionAttr($action)}\n        name={name}\n        aria-label={label}\n        defaultValue=\"\"\n        onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n      >\n        {placeholder ? (\n          <option value=\"\" disabled>\n            {placeholder}\n          </option>\n        ) : null}\n        {options.map((o: { label: string; value: string }, i: number) => (\n          <option key={i} value={o.value}>\n            {o.label}\n          </option>\n        ))}\n        {children}\n      </select>\n    ),\n  },\n  Input: {\n    description:\n      \"A text input. Carries `$action` describing the on-submit behavior.\",\n    properties: z.object({\n      placeholder: z.string().optional().describe(\"Placeholder text.\"),\n      multiline: z\n        .boolean()\n        .optional()\n        .describe(\"Render a textarea instead of a single-line input.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({ placeholder, multiline, label, name, $action, $dispatch }) => {\n      const submit = (v: string) => fire($action, $dispatch, v);\n      return multiline ? (\n        <textarea\n          data-aui=\"input\"\n          data-aui-multiline\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (\n              e.key !== \"Enter\" ||\n              !(e.ctrlKey || e.metaKey) ||\n              e.nativeEvent.isComposing\n            )\n              return;\n            if (e.currentTarget.form) {\n              e.preventDefault();\n              HTMLFormElement.prototype.requestSubmit.call(\n                e.currentTarget.form,\n              );\n            } else {\n              submit(e.currentTarget.value);\n            }\n          }}\n        />\n      ) : (\n        <input\n          data-aui=\"input\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (\n              e.key === \"Enter\" &&\n              !e.nativeEvent.isComposing &&\n              !e.currentTarget.form\n            )\n              submit(e.currentTarget.value);\n          }}\n        />\n      );\n    },\n  },\n  DatePicker: {\n    description:\n      \"A date input. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      value: z.string().optional().describe(\"Initial date (YYYY-MM-DD).\"),\n      min: z.string().optional().describe(\"Minimum date (YYYY-MM-DD).\"),\n      max: z.string().optional().describe(\"Maximum date (YYYY-MM-DD).\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({ value, min, max, label, name, $action, $dispatch }) => (\n      <input\n        type=\"date\"\n        data-aui=\"datepicker\"\n        data-aui-action={actionAttr($action)}\n        name={name}\n        aria-label={label}\n        defaultValue={value}\n        min={min}\n        max={max}\n        onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n      />\n    ),\n  },\n  Checkbox: {\n    description:\n      \"A checkbox with a label. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      label: z.string().describe(\"Label text next to the checkbox.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultChecked: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the checkbox starts checked.\"),\n    }),\n    render: ({ label, name, defaultChecked, $action, $dispatch }) => (\n      <label data-aui=\"checkbox\">\n        <input\n          type=\"checkbox\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          defaultChecked={defaultChecked}\n          onChange={(e) => fire($action, $dispatch, e.currentTarget.checked)}\n        />\n        <span data-aui=\"checkbox-label\">{label}</span>\n      </label>\n    ),\n  },\n  RadioGroup: {\n    description:\n      \"A group of mutually exclusive radio options. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z.string().optional().describe(\"Accessible name for the group.\"),\n      defaultValue: z.string().optional().describe(\"Initially selected value.\"),\n    }),\n    render: RadioGroupRender,\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}
+{"version":3,"file":"interactive.js","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { z } from \"zod\";\nimport type { Action } from \"../ir\";\nimport { BUTTON_STYLES } from \"../ir\";\nimport type { GenerativeUIDispatch, GenerativeUILibrary } from \"../types\";\nimport { actionAttr, fire } from \"./dispatch\";\nimport { toTextContent } from \"./toTextContent\";\n\nconst optionSchema = z.object({\n  label: z.string(),\n  value: z.string(),\n});\n\ntype Option = { label: string; value: string };\n\nconst isOption = (option: unknown): option is Option =>\n  option !== null &&\n  typeof option === \"object\" &&\n  \"label\" in option &&\n  typeof option.label === \"string\" &&\n  \"value\" in option &&\n  typeof option.value === \"string\";\n\ntype RadioGroupRenderProps = {\n  options: Option[];\n  name?: string;\n  label?: string;\n  defaultValue?: string;\n  $action?: Action;\n  $dispatch?: GenerativeUIDispatch;\n};\n\nfunction RadioGroupRender({\n  options,\n  name,\n  label,\n  defaultValue,\n  $action,\n  $dispatch,\n}: RadioGroupRenderProps) {\n  const generatedName = useId();\n  const fieldName = name ?? generatedName;\n  const safeOptions = Array.isArray(options) ? options : [];\n  return (\n    <fieldset\n      data-aui=\"radiogroup\"\n      data-aui-action={actionAttr($action)}\n      aria-label={label}\n    >\n      {safeOptions.map((option, i) =>\n        isOption(option) ? (\n          <label key={i} data-aui=\"radiogroup-option\">\n            <input\n              type=\"radio\"\n              name={fieldName}\n              value={option.value}\n              defaultChecked={defaultValue === option.value}\n              onChange={() => fire($action, $dispatch, option.value)}\n            />\n            {option.label}\n          </label>\n        ) : null,\n      )}\n    </fieldset>\n  );\n}\n\nexport const interactiveVocabulary = {\n  Button: {\n    description:\n      \"A clickable button. Carries `$action` describing the side effect or resume value. Set `submit` to submit an ancestor Form/Card instead of firing `$action` on click.\",\n    properties: z.object({\n      label: z.string().describe(\"Button label.\"),\n      buttonStyle: z.enum(BUTTON_STYLES).optional().describe(\"Visual style.\"),\n      block: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the button spans the full width.\"),\n      submit: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Render as a submit button for an ancestor Form/Card instead of a click button.\",\n        ),\n    }),\n    render: ({\n      label,\n      buttonStyle,\n      block,\n      submit,\n      $action,\n      $dispatch,\n      children,\n    }) => (\n      <button\n        type={submit ? \"submit\" : \"button\"}\n        data-aui=\"button\"\n        data-aui-style={buttonStyle}\n        data-aui-block={block || undefined}\n        data-aui-submit={submit || undefined}\n        data-aui-action={actionAttr($action)}\n        onClick={submit ? undefined : () => fire($action, $dispatch)}\n      >\n        {toTextContent(label)}\n        {children}\n      </button>\n    ),\n  },\n  Select: {\n    description:\n      \"A dropdown selector. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      placeholder: z\n        .string()\n        .optional()\n        .describe(\"Placeholder shown when nothing is selected.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({\n      options,\n      placeholder,\n      label,\n      name,\n      $action,\n      $dispatch,\n      children,\n    }) => {\n      const placeholderText = toTextContent(placeholder);\n      return (\n        <select\n          data-aui=\"select\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          defaultValue=\"\"\n          onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n        >\n          {placeholderText ? (\n            <option value=\"\" disabled>\n              {placeholderText}\n            </option>\n          ) : null}\n          {(Array.isArray(options) ? options : []).map((option, i) =>\n            isOption(option) ? (\n              <option key={i} value={option.value}>\n                {option.label}\n              </option>\n            ) : null,\n          )}\n          {children}\n        </select>\n      );\n    },\n  },\n  Input: {\n    description:\n      \"A text input. Carries `$action` describing the on-submit behavior.\",\n    properties: z.object({\n      placeholder: z.string().optional().describe(\"Placeholder text.\"),\n      multiline: z\n        .boolean()\n        .optional()\n        .describe(\"Render a textarea instead of a single-line input.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({ placeholder, multiline, label, name, $action, $dispatch }) => {\n      const submit = (v: string) => fire($action, $dispatch, v);\n      return multiline ? (\n        <textarea\n          data-aui=\"input\"\n          data-aui-multiline\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (\n              e.key !== \"Enter\" ||\n              !(e.ctrlKey || e.metaKey) ||\n              e.nativeEvent.isComposing\n            )\n              return;\n            if (e.currentTarget.form) {\n              e.preventDefault();\n              HTMLFormElement.prototype.requestSubmit.call(\n                e.currentTarget.form,\n              );\n            } else {\n              submit(e.currentTarget.value);\n            }\n          }}\n        />\n      ) : (\n        <input\n          data-aui=\"input\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (\n              e.key === \"Enter\" &&\n              !e.nativeEvent.isComposing &&\n              !e.currentTarget.form\n            )\n              submit(e.currentTarget.value);\n          }}\n        />\n      );\n    },\n  },\n  DatePicker: {\n    description:\n      \"A date input. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      value: z.string().optional().describe(\"Initial date (YYYY-MM-DD).\"),\n      min: z.string().optional().describe(\"Minimum date (YYYY-MM-DD).\"),\n      max: z.string().optional().describe(\"Maximum date (YYYY-MM-DD).\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n    }),\n    render: ({ value, min, max, label, name, $action, $dispatch }) => (\n      <input\n        type=\"date\"\n        data-aui=\"datepicker\"\n        data-aui-action={actionAttr($action)}\n        name={name}\n        aria-label={label}\n        defaultValue={value}\n        min={min}\n        max={max}\n        onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n      />\n    ),\n  },\n  Checkbox: {\n    description:\n      \"A checkbox with a label. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      label: z.string().describe(\"Label text next to the checkbox.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      defaultChecked: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the checkbox starts checked.\"),\n    }),\n    render: ({ label, name, defaultChecked, $action, $dispatch }) => (\n      <label data-aui=\"checkbox\">\n        <input\n          type=\"checkbox\"\n          data-aui-action={actionAttr($action)}\n          name={name}\n          defaultChecked={defaultChecked}\n          onChange={(e) => fire($action, $dispatch, e.currentTarget.checked)}\n        />\n        <span data-aui=\"checkbox-label\">{toTextContent(label)}</span>\n      </label>\n    ),\n  },\n  RadioGroup: {\n    description:\n      \"A group of mutually exclusive radio options. Carries `$action` describing the on-change behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      name: z.string().optional().describe(\"Field name used inside a Form.\"),\n      label: z.string().optional().describe(\"Accessible name for the group.\"),\n      defaultValue: z.string().optional().describe(\"Initially selected value.\"),\n    }),\n    render: RadioGroupRender,\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}

package/dist/vocabulary/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","names":[],"sources":["../../src/vocabulary/layout.tsx"],"mappings":";;cAuBa"}
+{"version":3,"file":"layout.d.ts","names":[],"sources":["../../src/vocabulary/layout.tsx"],"mappings":";;cAwBa"}

package/dist/vocabulary/layout.js

@@ -1,4 +1,5 @@
 import { ALIGNS, JUSTIFIES } from "../ir.js";
+import { toTextContent } from "./toTextContent.js";
 import { fire } from "./dispatch.js";
 import { collectFormValuesFromEvent } from "./collectFormValues.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -23,18 +24,19 @@ const layoutVocabulary = {
 		}),
 		render: ({ title, padding, background, asForm, confirm, cancel, $dispatch, children }) => {
 			const Root = asForm ? "form" : "section";
+			const cardTitle = toTextContent(title);
 			const footer = confirm || cancel ? /* @__PURE__ */ jsxs("footer", {
 				"data-aui": "card-footer",
 				children: [confirm ? /* @__PURE__ */ jsx("button", {
 					type: asForm ? "submit" : "button",
 					"data-aui": "card-confirm",
 					onClick: asForm ? void 0 : () => fire(confirm.$action, $dispatch),
-					children: confirm.label
+					children: toTextContent(confirm.label)
 				}) : null, cancel ? /* @__PURE__ */ jsx("button", {
 					type: "button",
 					"data-aui": "card-cancel",
 					onClick: () => fire(cancel.$action, $dispatch),
-					children: cancel.label
+					children: toTextContent(cancel.label)
 				}) : null]
 			}) : null;
 			return /* @__PURE__ */ jsxs(Root, {
@@ -52,9 +54,9 @@ const layoutVocabulary = {
 					fire(confirm?.$action, $dispatch, collectFormValuesFromEvent(event));
 				} : void 0,
 				children: [
-					title ? /* @__PURE__ */ jsx("header", {
+					cardTitle ? /* @__PURE__ */ jsx("header", {
 						"data-aui": "card-title",
-						children: title
+						children: cardTitle
 					}) : null,
 					children,
 					footer
@@ -104,7 +106,7 @@ const layoutVocabulary = {
 		render: ({ value, variant, children }) => /* @__PURE__ */ jsxs("span", {
 			"data-aui": "badge",
 			"data-aui-variant": variant,
-			children: [value, children]
+			children: [toTextContent(value), children]
 		})
 	},
 	Box: {

package/dist/vocabulary/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":[],"sources":["../../src/vocabulary/layout.tsx"],"sourcesContent":["import type { CSSProperties, FormEvent } from \"react\";\nimport { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { ALIGNS, JUSTIFIES } from \"../ir\";\nimport { fire } from \"./dispatch\";\nimport { collectFormValuesFromEvent } from \"./collectFormValues\";\n\nconst toCssLength = (value: string | number): string =>\n  typeof value === \"number\" ? `${value}px` : value;\n\nconst cardActionSchema = z.looseObject({\n  type: z\n    .string()\n    .describe(\"The action type, resolved by the host's action registry.\"),\n});\n\nconst cardFooterButtonSchema = z.object({\n  label: z.string().describe(\"Footer button label.\"),\n  $action: cardActionSchema\n    .optional()\n    .describe(\"Action fired when the button is activated.\"),\n});\n\nexport const layoutVocabulary = {\n  Card: {\n    description:\n      \"A titled section of related content, the default way to break a response into parts. It renders as plain content, so several in a row read as one answer rather than a stack of boxes; it takes on a framed surface only when `background` is set, when `confirm`/`cancel` add a footer, or when it is a slot in a `Carousel`. Set `asForm` to collect named child control values on submit.\",\n    properties: z.object({\n      title: z.string().optional().describe(\"Optional card title.\"),\n      padding: z\n        .number()\n        .min(0)\n        .max(8)\n        .optional()\n        .describe(\n          \"Padding in 4px units (e.g. 2 = 8px). 0 to 8 is the supported range.\",\n        ),\n      background: z\n        .string()\n        .optional()\n        .describe(\n          \"Background color or gradient (any CSS background value). Setting this also switches the card's own text to white, since a custom background makes the card a tinted surface; children can still opt into a different color explicitly.\",\n        ),\n      asForm: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Render as a form; submitting it fires `confirm.$action` with every named child control's value, keyed by `name`.\",\n        ),\n      confirm: cardFooterButtonSchema\n        .optional()\n        .describe(\"Confirm button shown in the footer.\"),\n      cancel: cardFooterButtonSchema\n        .optional()\n        .describe(\"Cancel button shown in the footer.\"),\n    }),\n    render: ({\n      title,\n      padding,\n      background,\n      asForm,\n      confirm,\n      cancel,\n      $dispatch,\n      children,\n    }) => {\n      const Root = asForm ? \"form\" : \"section\";\n      const footer =\n        confirm || cancel ? (\n          <footer data-aui=\"card-footer\">\n            {confirm ? (\n              <button\n                type={asForm ? \"submit\" : \"button\"}\n                data-aui=\"card-confirm\"\n                onClick={\n                  asForm ? undefined : () => fire(confirm.$action, $dispatch)\n                }\n              >\n                {confirm.label}\n              </button>\n            ) : null}\n            {cancel ? (\n              <button\n                type=\"button\"\n                data-aui=\"card-cancel\"\n                onClick={() => fire(cancel.$action, $dispatch)}\n              >\n                {cancel.label}\n              </button>\n            ) : null}\n          </footer>\n        ) : null;\n\n      return (\n        <Root\n          data-aui=\"card\"\n          data-aui-padding={padding}\n          data-aui-background={background}\n          data-aui-surface={\n            background !== undefined || footer !== null ? \"\" : undefined\n          }\n          style={\n            background !== undefined\n              ? { background, color: \"white\" }\n              : undefined\n          }\n          data-aui-asform={asForm || undefined}\n          onSubmit={\n            asForm\n              ? (event: FormEvent<HTMLFormElement>) => {\n                  event.preventDefault();\n                  fire(\n                    confirm?.$action,\n                    $dispatch,\n                    collectFormValuesFromEvent(event),\n                  );\n                }\n              : undefined\n          }\n        >\n          {title ? <header data-aui=\"card-title\">{title}</header> : null}\n          {children}\n          {footer}\n        </Root>\n      );\n    },\n  },\n  Col: {\n    description: \"A vertical stack; children laid out top to bottom.\",\n    properties: z.object({\n      gap: z\n        .number()\n        .min(0)\n        .max(8)\n        .optional()\n        .describe(\n          \"Gap between children in 4px units. 0 to 8 is the supported range.\",\n        ),\n      align: z.enum(ALIGNS).optional().describe(\"Cross-axis alignment.\"),\n    }),\n    render: ({ gap, align, children }) => (\n      <div data-aui=\"col\" data-aui-gap={gap} data-aui-align={align}>\n        {children}\n      </div>\n    ),\n  },\n  Row: {\n    description: \"A horizontal row; children laid out left to right.\",\n    properties: z.object({\n      gap: z\n        .number()\n        .min(0)\n        .max(8)\n        .optional()\n        .describe(\n          \"Gap between children in 4px units. 0 to 8 is the supported range.\",\n        ),\n      align: z.enum(ALIGNS).optional().describe(\"Cross-axis alignment.\"),\n      justify: z.enum(JUSTIFIES).optional().describe(\"Main-axis distribution.\"),\n    }),\n    render: ({ gap, align, justify, children }) => (\n      <div\n        data-aui=\"row\"\n        data-aui-gap={gap}\n        data-aui-align={align}\n        data-aui-justify={justify}\n      >\n        {children}\n      </div>\n    ),\n  },\n  Spacer: {\n    description: \"Empty space that pushes neighbors apart.\",\n    properties: z.object({}),\n    render: () => <div data-aui=\"spacer\" />,\n  },\n  Badge: {\n    description: \"A small labeled tag, e.g. for status or category.\",\n    properties: z.object({\n      value: z.string().describe(\"Badge text.\"),\n      variant: z.string().optional().describe(\"Visual variant token.\"),\n    }),\n    render: ({ value, variant, children }) => (\n      <span data-aui=\"badge\" data-aui-variant={variant}>\n        {value}\n        {children}\n      </span>\n    ),\n  },\n  Box: {\n    description:\n      \"A generic container for composition, e.g. a progress bar built from an outer track Box containing a partial-width fill Box. Size, radius, and background accept arbitrary values, so they render as inline styles rather than data-attribute hooks.\",\n    properties: z.object({\n      width: z\n        .union([z.string(), z.number()])\n        .optional()\n        .describe(\"Width; a number is pixels.\"),\n      height: z\n        .union([z.string(), z.number()])\n        .optional()\n        .describe(\"Height; a number is pixels.\"),\n      radius: z\n        .union([z.literal(\"full\"), z.number()])\n        .optional()\n        .describe(\n          'Corner radius; \"full\" is a pill/circle, a number is pixels.',\n        ),\n      background: z\n        .string()\n        .optional()\n        .describe(\"Background color or gradient (any CSS background value).\"),\n    }),\n    render: ({ width, height, radius, background, children }) => {\n      const style: CSSProperties = {};\n      if (width !== undefined) style.width = toCssLength(width);\n      if (height !== undefined) style.height = toCssLength(height);\n      if (background !== undefined) style.background = background;\n      if (radius === \"full\") style.borderRadius = \"9999px\";\n      else if (typeof radius === \"number\") style.borderRadius = `${radius}px`;\n\n      return (\n        <div\n          data-aui=\"box\"\n          data-aui-radius={radius === \"full\" ? \"full\" : undefined}\n          style={style}\n        >\n          {children}\n        </div>\n      );\n    },\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}
+{"version":3,"file":"layout.js","names":[],"sources":["../../src/vocabulary/layout.tsx"],"sourcesContent":["import type { CSSProperties, FormEvent } from \"react\";\nimport { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { ALIGNS, JUSTIFIES } from \"../ir\";\nimport { fire } from \"./dispatch\";\nimport { collectFormValuesFromEvent } from \"./collectFormValues\";\nimport { toTextContent } from \"./toTextContent\";\n\nconst toCssLength = (value: string | number): string =>\n  typeof value === \"number\" ? `${value}px` : value;\n\nconst cardActionSchema = z.looseObject({\n  type: z\n    .string()\n    .describe(\"The action type, resolved by the host's action registry.\"),\n});\n\nconst cardFooterButtonSchema = z.object({\n  label: z.string().describe(\"Footer button label.\"),\n  $action: cardActionSchema\n    .optional()\n    .describe(\"Action fired when the button is activated.\"),\n});\n\nexport const layoutVocabulary = {\n  Card: {\n    description:\n      \"A titled section of related content, the default way to break a response into parts. It renders as plain content, so several in a row read as one answer rather than a stack of boxes; it takes on a framed surface only when `background` is set, when `confirm`/`cancel` add a footer, or when it is a slot in a `Carousel`. Set `asForm` to collect named child control values on submit.\",\n    properties: z.object({\n      title: z.string().optional().describe(\"Optional card title.\"),\n      padding: z\n        .number()\n        .min(0)\n        .max(8)\n        .optional()\n        .describe(\n          \"Padding in 4px units (e.g. 2 = 8px). 0 to 8 is the supported range.\",\n        ),\n      background: z\n        .string()\n        .optional()\n        .describe(\n          \"Background color or gradient (any CSS background value). Setting this also switches the card's own text to white, since a custom background makes the card a tinted surface; children can still opt into a different color explicitly.\",\n        ),\n      asForm: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Render as a form; submitting it fires `confirm.$action` with every named child control's value, keyed by `name`.\",\n        ),\n      confirm: cardFooterButtonSchema\n        .optional()\n        .describe(\"Confirm button shown in the footer.\"),\n      cancel: cardFooterButtonSchema\n        .optional()\n        .describe(\"Cancel button shown in the footer.\"),\n    }),\n    render: ({\n      title,\n      padding,\n      background,\n      asForm,\n      confirm,\n      cancel,\n      $dispatch,\n      children,\n    }) => {\n      const Root = asForm ? \"form\" : \"section\";\n      const cardTitle = toTextContent(title);\n      const footer =\n        confirm || cancel ? (\n          <footer data-aui=\"card-footer\">\n            {confirm ? (\n              <button\n                type={asForm ? \"submit\" : \"button\"}\n                data-aui=\"card-confirm\"\n                onClick={\n                  asForm ? undefined : () => fire(confirm.$action, $dispatch)\n                }\n              >\n                {toTextContent(confirm.label)}\n              </button>\n            ) : null}\n            {cancel ? (\n              <button\n                type=\"button\"\n                data-aui=\"card-cancel\"\n                onClick={() => fire(cancel.$action, $dispatch)}\n              >\n                {toTextContent(cancel.label)}\n              </button>\n            ) : null}\n          </footer>\n        ) : null;\n\n      return (\n        <Root\n          data-aui=\"card\"\n          data-aui-padding={padding}\n          data-aui-background={background}\n          data-aui-surface={\n            background !== undefined || footer !== null ? \"\" : undefined\n          }\n          style={\n            background !== undefined\n              ? { background, color: \"white\" }\n              : undefined\n          }\n          data-aui-asform={asForm || undefined}\n          onSubmit={\n            asForm\n              ? (event: FormEvent<HTMLFormElement>) => {\n                  event.preventDefault();\n                  fire(\n                    confirm?.$action,\n                    $dispatch,\n                    collectFormValuesFromEvent(event),\n                  );\n                }\n              : undefined\n          }\n        >\n          {cardTitle ? (\n            <header data-aui=\"card-title\">{cardTitle}</header>\n          ) : null}\n          {children}\n          {footer}\n        </Root>\n      );\n    },\n  },\n  Col: {\n    description: \"A vertical stack; children laid out top to bottom.\",\n    properties: z.object({\n      gap: z\n        .number()\n        .min(0)\n        .max(8)\n        .optional()\n        .describe(\n          \"Gap between children in 4px units. 0 to 8 is the supported range.\",\n        ),\n      align: z.enum(ALIGNS).optional().describe(\"Cross-axis alignment.\"),\n    }),\n    render: ({ gap, align, children }) => (\n      <div data-aui=\"col\" data-aui-gap={gap} data-aui-align={align}>\n        {children}\n      </div>\n    ),\n  },\n  Row: {\n    description: \"A horizontal row; children laid out left to right.\",\n    properties: z.object({\n      gap: z\n        .number()\n        .min(0)\n        .max(8)\n        .optional()\n        .describe(\n          \"Gap between children in 4px units. 0 to 8 is the supported range.\",\n        ),\n      align: z.enum(ALIGNS).optional().describe(\"Cross-axis alignment.\"),\n      justify: z.enum(JUSTIFIES).optional().describe(\"Main-axis distribution.\"),\n    }),\n    render: ({ gap, align, justify, children }) => (\n      <div\n        data-aui=\"row\"\n        data-aui-gap={gap}\n        data-aui-align={align}\n        data-aui-justify={justify}\n      >\n        {children}\n      </div>\n    ),\n  },\n  Spacer: {\n    description: \"Empty space that pushes neighbors apart.\",\n    properties: z.object({}),\n    render: () => <div data-aui=\"spacer\" />,\n  },\n  Badge: {\n    description: \"A small labeled tag, e.g. for status or category.\",\n    properties: z.object({\n      value: z.string().describe(\"Badge text.\"),\n      variant: z.string().optional().describe(\"Visual variant token.\"),\n    }),\n    render: ({ value, variant, children }) => (\n      <span data-aui=\"badge\" data-aui-variant={variant}>\n        {toTextContent(value)}\n        {children}\n      </span>\n    ),\n  },\n  Box: {\n    description:\n      \"A generic container for composition, e.g. a progress bar built from an outer track Box containing a partial-width fill Box. Size, radius, and background accept arbitrary values, so they render as inline styles rather than data-attribute hooks.\",\n    properties: z.object({\n      width: z\n        .union([z.string(), z.number()])\n        .optional()\n        .describe(\"Width; a number is pixels.\"),\n      height: z\n        .union([z.string(), z.number()])\n        .optional()\n        .describe(\"Height; a number is pixels.\"),\n      radius: z\n        .union([z.literal(\"full\"), z.number()])\n        .optional()\n        .describe(\n          'Corner radius; \"full\" is a pill/circle, a number is pixels.',\n        ),\n      background: z\n        .string()\n        .optional()\n        .describe(\"Background color or gradient (any CSS background value).\"),\n    }),\n    render: ({ width, height, radius, background, children }) => {\n      const style: CSSProperties = {};\n      if (width !== undefined) style.width = toCssLength(width);\n      if (height !== undefined) style.height = toCssLength(height);\n      if (background !== undefined) style.background = background;\n      if (radius === \"full\") style.borderRadius = \"9999px\";\n      else if (typeof radius === \"number\") style.borderRadius = `${radius}px`;\n\n      return (\n        <div\n          data-aui=\"box\"\n          data-aui-radius={radius === \"full\" ? \"full\" : undefined}\n          style={style}\n        >\n          {children}\n        </div>\n      );\n    },\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}

package/dist/vocabulary/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","names":[],"sources":["../../src/vocabulary/text.tsx"],"mappings":";;cAIa"}
+{"version":3,"file":"text.d.ts","names":[],"sources":["../../src/vocabulary/text.tsx"],"mappings":";;cAKa"}

package/dist/vocabulary/text.js

@@ -1,4 +1,5 @@
 import { COLORS, TEXT_SIZES, WEIGHTS } from "../ir.js";
+import { toTextContent } from "./toTextContent.js";
 import { jsxs } from "react/jsx-runtime";
 import { z } from "zod";
 //#region src/vocabulary/text.tsx
@@ -12,7 +13,7 @@ const textVocabulary = {
 		render: ({ text, size, children }) => /* @__PURE__ */ jsxs("h2", {
 			"data-aui": "header",
 			"data-aui-size": size ?? "lg",
-			children: [text, children]
+			children: [toTextContent(text), children]
 		})
 	},
 	Text: {
@@ -29,7 +30,7 @@ const textVocabulary = {
 			"data-aui-size": size ?? "md",
 			"data-aui-weight": weight,
 			"data-aui-color": color,
-			children: [value, children]
+			children: [toTextContent(value), children]
 		})
 	},
 	Caption: {
@@ -38,7 +39,7 @@ const textVocabulary = {
 		streamProperties: true,
 		render: ({ value, children }) => /* @__PURE__ */ jsxs("p", {
 			"data-aui": "caption",
-			children: [value, children]
+			children: [toTextContent(value), children]
 		})
 	}
 };

package/dist/vocabulary/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../src/vocabulary/text.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { COLORS, TEXT_SIZES, WEIGHTS } from \"../ir\";\n\nexport const textVocabulary = {\n  Header: {\n    description: \"A section heading. Renders as a bold title.\",\n    properties: z.object({\n      text: z.string().describe(\"The heading text.\"),\n      size: z\n        .enum(TEXT_SIZES)\n        .optional()\n        .describe(\"Heading size; defaults to `lg`.\"),\n    }),\n    render: ({ text, size, children }) => (\n      <h2 data-aui=\"header\" data-aui-size={size ?? \"lg\"}>\n        {text}\n        {children}\n      </h2>\n    ),\n  },\n  Text: {\n    description: \"A run of text. Use for paragraphs, labels, or inline copy.\",\n    properties: z.object({\n      value: z.string().describe(\"The text content.\"),\n      size: z\n        .enum(TEXT_SIZES)\n        .optional()\n        .describe(\"Text size; defaults to `md`.\"),\n      weight: z.enum(WEIGHTS).optional().describe(\"Font weight.\"),\n      color: z.enum(COLORS).optional().describe(\"Foreground color token.\"),\n    }),\n    streamProperties: true,\n    render: ({ value, size, weight, color, children }) => (\n      <span\n        data-aui=\"text\"\n        data-aui-size={size ?? \"md\"}\n        data-aui-weight={weight}\n        data-aui-color={color}\n      >\n        {value}\n        {children}\n      </span>\n    ),\n  },\n  Caption: {\n    description: \"Secondary, de-emphasized text under a primary element.\",\n    properties: z.object({\n      value: z.string().describe(\"The caption text.\"),\n    }),\n    streamProperties: true,\n    render: ({ value, children }) => (\n      <p data-aui=\"caption\">\n        {value}\n        {children}\n      </p>\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;;AAIA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,aAAa;EACb,YAAY,EAAE,OAAO;GACnB,MAAM,EAAE,OAAO,CAAC,CAAC,SAAS,mBAAmB;GAC7C,MAAM,EACH,KAAK,UAAU,CAAC,CAChB,SAAS,CAAC,CACV,SAAS,iCAAiC;EAC/C,CAAC;EACD,SAAS,EAAE,MAAM,MAAM,eACrB,qBAAC,MAAD;GAAI,YAAS;GAAS,iBAAe,QAAQ;GAA7C,UAAA,CACG,MACA,QACC;;CAER;CACA,MAAM;EACJ,aAAa;EACb,YAAY,EAAE,OAAO;GACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,mBAAmB;GAC9C,MAAM,EACH,KAAK,UAAU,CAAC,CAChB,SAAS,CAAC,CACV,SAAS,8BAA8B;GAC1C,QAAQ,EAAE,KAAK,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,cAAc;GAC1D,OAAO,EAAE,KAAK,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,yBAAyB;EACrE,CAAC;EACD,kBAAkB;EAClB,SAAS,EAAE,OAAO,MAAM,QAAQ,OAAO,eACrC,qBAAC,QAAD;GACE,YAAS;GACT,iBAAe,QAAQ;GACvB,mBAAiB;GACjB,kBAAgB;GAJlB,UAAA,CAMG,OACA,QACG;;CAEV;CACA,SAAS;EACP,aAAa;EACb,YAAY,EAAE,OAAO,EACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,mBAAmB,EAChD,CAAC;EACD,kBAAkB;EAClB,SAAS,EAAE,OAAO,eAChB,qBAAC,KAAD;GAAG,YAAS;GAAZ,UAAA,CACG,OACA,QACA;;CAEP;AACF"}
+{"version":3,"file":"text.js","names":[],"sources":["../../src/vocabulary/text.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { COLORS, TEXT_SIZES, WEIGHTS } from \"../ir\";\nimport { toTextContent } from \"./toTextContent\";\n\nexport const textVocabulary = {\n  Header: {\n    description: \"A section heading. Renders as a bold title.\",\n    properties: z.object({\n      text: z.string().describe(\"The heading text.\"),\n      size: z\n        .enum(TEXT_SIZES)\n        .optional()\n        .describe(\"Heading size; defaults to `lg`.\"),\n    }),\n    render: ({ text, size, children }) => (\n      <h2 data-aui=\"header\" data-aui-size={size ?? \"lg\"}>\n        {toTextContent(text)}\n        {children}\n      </h2>\n    ),\n  },\n  Text: {\n    description: \"A run of text. Use for paragraphs, labels, or inline copy.\",\n    properties: z.object({\n      value: z.string().describe(\"The text content.\"),\n      size: z\n        .enum(TEXT_SIZES)\n        .optional()\n        .describe(\"Text size; defaults to `md`.\"),\n      weight: z.enum(WEIGHTS).optional().describe(\"Font weight.\"),\n      color: z.enum(COLORS).optional().describe(\"Foreground color token.\"),\n    }),\n    streamProperties: true,\n    render: ({ value, size, weight, color, children }) => (\n      <span\n        data-aui=\"text\"\n        data-aui-size={size ?? \"md\"}\n        data-aui-weight={weight}\n        data-aui-color={color}\n      >\n        {toTextContent(value)}\n        {children}\n      </span>\n    ),\n  },\n  Caption: {\n    description: \"Secondary, de-emphasized text under a primary element.\",\n    properties: z.object({\n      value: z.string().describe(\"The caption text.\"),\n    }),\n    streamProperties: true,\n    render: ({ value, children }) => (\n      <p data-aui=\"caption\">\n        {toTextContent(value)}\n        {children}\n      </p>\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;;;AAKA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,aAAa;EACb,YAAY,EAAE,OAAO;GACnB,MAAM,EAAE,OAAO,CAAC,CAAC,SAAS,mBAAmB;GAC7C,MAAM,EACH,KAAK,UAAU,CAAC,CAChB,SAAS,CAAC,CACV,SAAS,iCAAiC;EAC/C,CAAC;EACD,SAAS,EAAE,MAAM,MAAM,eACrB,qBAAC,MAAD;GAAI,YAAS;GAAS,iBAAe,QAAQ;GAA7C,UAAA,CACG,cAAc,IAAI,GAClB,QACC;;CAER;CACA,MAAM;EACJ,aAAa;EACb,YAAY,EAAE,OAAO;GACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,mBAAmB;GAC9C,MAAM,EACH,KAAK,UAAU,CAAC,CAChB,SAAS,CAAC,CACV,SAAS,8BAA8B;GAC1C,QAAQ,EAAE,KAAK,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,cAAc;GAC1D,OAAO,EAAE,KAAK,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,yBAAyB;EACrE,CAAC;EACD,kBAAkB;EAClB,SAAS,EAAE,OAAO,MAAM,QAAQ,OAAO,eACrC,qBAAC,QAAD;GACE,YAAS;GACT,iBAAe,QAAQ;GACvB,mBAAiB;GACjB,kBAAgB;GAJlB,UAAA,CAMG,cAAc,KAAK,GACnB,QACG;;CAEV;CACA,SAAS;EACP,aAAa;EACb,YAAY,EAAE,OAAO,EACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,mBAAmB,EAChD,CAAC;EACD,kBAAkB;EAClB,SAAS,EAAE,OAAO,eAChB,qBAAC,KAAD;GAAG,YAAS;GAAZ,UAAA,CACG,cAAc,KAAK,GACnB,QACA;;CAEP;AACF"}

package/dist/vocabulary/toTextContent.d.ts

@@ -0,0 +1,5 @@
+//#region src/vocabulary/toTextContent.d.ts
+declare const toTextContent: (value: unknown) => string | number | null;
+//#endregion
+export { toTextContent };
+//# sourceMappingURL=toTextContent.d.ts.map

package/dist/vocabulary/toTextContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toTextContent.d.ts","names":[],"sources":["../../src/vocabulary/toTextContent.ts"],"mappings":";cAAa,gBAAiB"}

package/dist/vocabulary/toTextContent.js

@@ -0,0 +1,6 @@
+//#region src/vocabulary/toTextContent.ts
+const toTextContent = (value) => typeof value === "string" || typeof value === "number" ? value : null;
+//#endregion
+export { toTextContent };
+
+//# sourceMappingURL=toTextContent.js.map

package/dist/vocabulary/toTextContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toTextContent.js","names":[],"sources":["../../src/vocabulary/toTextContent.ts"],"sourcesContent":["export const toTextContent = (value: unknown): string | number | null =>\n  typeof value === \"string\" || typeof value === \"number\" ? value : null;\n"],"mappings":";AAAA,MAAa,iBAAiB,UAC5B,OAAO,UAAU,YAAY,OAAO,UAAU,WAAW,QAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-generative-ui",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "Generative UI components for assistant-ui",
   "keywords": [
     "generative-ui",
@@ -50,7 +50,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "assistant-stream": "^0.3.41"
+    "assistant-stream": "^0.3.42"
   },
   "peerDependencies": {
     "@assistant-ui/react": "^0.15.0",
@@ -64,8 +64,8 @@
     }
   },
   "devDependencies": {
-    "@assistant-ui/react": "0.15.18",
-    "@assistant-ui/x-buildutils": "0.0.25",
+    "@assistant-ui/react": "0.15.19",
+    "@assistant-ui/x-buildutils": "0.0.26",
     "@types/json-schema": "^7.0.15",
     "@types/react": "^19.2.18",
     "react": "^19.2.8",

package/src/a2ui/convert.test.ts

@@ -201,6 +201,42 @@ describe("convertSurfaceToUISpec", () => {
     });
   });
 
+  it("preserves prototype-named action context fields", () => {
+    const context = JSON.parse(
+      '{"__proto__":{"admin":true},"literal":"kept"}',
+    ) as Record<string, unknown>;
+    const surface = surfaceFrom([
+      {
+        id: "root",
+        component: "Button",
+        label: "Run",
+        action: { name: "run", context },
+      },
+    ]);
+
+    const result = convertSurfaceToUISpec(surface);
+    const convertedContext = (result.spec as UIElement).$action
+      ?.context as Record<string, unknown>;
+
+    expect(Object.getPrototypeOf(convertedContext)).toBe(Object.prototype);
+    expect(Object.hasOwn(convertedContext, "__proto__")).toBe(true);
+    expect(convertedContext["__proto__"]).toEqual({ admin: true });
+    expect(JSON.stringify(convertedContext)).toBe(
+      '{"__proto__":{"admin":true},"literal":"kept"}',
+    );
+  });
+
+  it("does not read component fields through a prototype-named prop", () => {
+    const component = JSON.parse(
+      '{"id":"root","component":"Text","__proto__":{"text":"injected"}}',
+    ) as Record<string, unknown>;
+
+    expect(convertSurfaceToUISpec(surfaceFrom([component]))).toEqual({
+      spec: { $type: "Markdown" },
+      warnings: [],
+    });
+  });
+
   it("expands template children relative to each bound item", () => {
     const surface = surfaceFrom(
       [