@heroui/agent 0.2.0-beta.3 → 0.2.0-beta.4

package/dist/{component-renderer-EOOT6ONY.js → component-renderer-PTMCOJHE.js}

@@ -4,11 +4,12 @@ import {
   TrendChange,
   chartToDataTable,
   componentActionFromSpec,
+  copyComponent,
   createComponentSelection,
   formatCell,
   formatNumber,
   resolveGaugeBounds
-} from "./chunk-AEUPMIPT.js";
+} from "./chunk-FNGGMHVR.js";
 import {
   createMapLayout,
   getInitialMapLocationId
@@ -16,10 +17,9 @@ import {
 import {
   ActionButton,
   CodeBlock,
-  ComponentSkeleton,
   ScrollShadow,
   renderInlineMarkdown
-} from "./chunk-CU6MPKAJ.js";
+} from "./chunk-6O3SFXJK.js";
 import {
   Card,
   CardVariantProvider,
@@ -1728,16 +1728,49 @@ function FollowupView({ className, component, onAction, onSelect }) {
 // ../agent-ui/src/components/data-visualization/charts/chart-views.tsx
 import { Suspense, lazy, useState as useState2 } from "react";
 
+// ../agent-ui/src/components/component-renderer/component-skeleton.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function skeletonCategory(kind) {
+  if (kind === "dashboard" || kind === "product-signals" || kind === "card" || kind === "col" || kind === "grid" || kind === "item-card" || kind === "item-card-group" || kind === "row")
+    return "dashboard";
+  if (kind === "metric-grid" || kind === "kpi-grid") return "metrics";
+  if (kind === "map") return "map";
+  if (kind === "data-table") return "table";
+  if (kind === "record-card" || kind === "channel-message" || kind === "create-event" || kind === "enable-notification" || kind === "event-session" || kind === "flight-tracker" || kind === "player-card" || kind === "playlist" || kind === "purchase-complete" || kind === "purchase-items" || kind === "ride-status" || kind === "view-event" || kind === "weather-current" || kind === "weather-forecast")
+    return "record";
+  return "chart";
+}
+function ComponentSkeleton({ className, kind, title: title2 }) {
+  const category = skeletonCategory(kind);
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      "aria-busy": "true",
+      "aria-label": title2 ? `Loading ${title2}` : "Loading data view",
+      className: mergeClassNames("aui-skeleton", className),
+      "data-component-kind": kind,
+      "data-skeleton-category": category,
+      "data-slot": "agent-ui-skeleton",
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "aui-skeleton__header", "data-slot": "agent-ui-skeleton-header" }),
+        /* @__PURE__ */ jsx2("div", { className: "aui-skeleton__content", "data-slot": "agent-ui-skeleton-content", children: category === "metrics" || category === "dashboard" ? Array.from({ length: category === "dashboard" ? 2 : 4 }, (_, index) => /* @__PURE__ */ jsx2("span", { className: "aui-skeleton__panel" }, index)) : category === "table" || category === "record" ? Array.from({ length: category === "table" ? 5 : 4 }, (_, index) => /* @__PURE__ */ jsx2("span", { className: "aui-skeleton__row" }, index)) : /* @__PURE__ */ jsx2("span", { className: "aui-skeleton__chart" }) }),
+        /* @__PURE__ */ jsx2("span", { className: "aui-sr-only", "data-slot": "agent-ui-skeleton-label", children: "Loading data view\u2026" })
+      ]
+    }
+  );
+}
+
 // ../agent-ui/src/components/data-visualization/data-table/data-table.tsx
 import { ChevronUp } from "@gravity-ui/icons";
 import { SearchField } from "@heroui/react";
 import { useMemo, useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function DataTableCardVariantProvider({
   children,
   inherit
 }) {
-  return inherit ? children : /* @__PURE__ */ jsx2(CardVariantProvider, { variant: "plain", children });
+  return inherit ? children : /* @__PURE__ */ jsx3(CardVariantProvider, { variant: "plain", children });
 }
 function DataTableView({
   className,
@@ -1783,23 +1816,28 @@ function DataTableView({
   }, [activeSort, component.filterable, filter, keyedRows]);
   const select = (row) => onSelect?.(createComponentSelection(component, row));
   const tableExportFormats = exportFormats?.filter((format) => format === "csv") ?? [];
-  return /* @__PURE__ */ jsx2(DataTableCardVariantProvider, { inherit: inheritCardVariant, children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx3(DataTableCardVariantProvider, { inherit: inheritCardVariant, children: /* @__PURE__ */ jsxs3(
     Card,
     {
       className,
       description: component.description,
       title: component.title,
-      actions: tableExportFormats.length > 0 || viewAction ? /* @__PURE__ */ jsx2(
+      actions: /* @__PURE__ */ jsx3(
         ComponentExportActions,
         {
           component,
           formats: tableExportFormats,
           viewAction,
+          copyAction: () => {
+            void copyComponent({ ...component, rows: rows.map(({ row }) => row) }, "text").catch(
+              () => void 0
+            );
+          },
           onAction
         }
-      ) : null,
+      ),
       children: [
-        component.filterable ? /* @__PURE__ */ jsx2("div", { className: "aui-table__tools", "data-slot": "agent-ui-table-tools", children: /* @__PURE__ */ jsx2(
+        component.filterable ? /* @__PURE__ */ jsx3("div", { className: "aui-table__tools", "data-slot": "agent-ui-table-tools", children: /* @__PURE__ */ jsx3(
           SearchField,
           {
             fullWidth: true,
@@ -1808,26 +1846,26 @@ function DataTableView({
             value: filter,
             variant: "secondary",
             onChange: setFilter,
-            children: /* @__PURE__ */ jsxs2(SearchField.Group, { children: [
-              /* @__PURE__ */ jsx2(SearchField.SearchIcon, {}),
-              /* @__PURE__ */ jsx2(SearchField.Input, { "data-slot": "agent-ui-table-filter", placeholder: "Filter rows\u2026" }),
-              /* @__PURE__ */ jsx2(SearchField.ClearButton, {})
+            children: /* @__PURE__ */ jsxs3(SearchField.Group, { children: [
+              /* @__PURE__ */ jsx3(SearchField.SearchIcon, {}),
+              /* @__PURE__ */ jsx3(SearchField.Input, { "data-slot": "agent-ui-table-filter", placeholder: "Filter rows\u2026" }),
+              /* @__PURE__ */ jsx3(SearchField.ClearButton, {})
             ] })
           }
         ) }) : null,
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           "div",
           {
             className: "aui-table__scroll",
             "data-slot": "agent-ui-table-scroll",
             "data-variant": component.variant ?? "primary",
-            children: /* @__PURE__ */ jsxs2("table", { className: "aui-table", "data-slot": "agent-ui-data-table", children: [
-              /* @__PURE__ */ jsx2("thead", { "data-slot": "agent-ui-table-head", children: /* @__PURE__ */ jsx2("tr", { children: component.columns.map((column) => /* @__PURE__ */ jsx2(
+            children: /* @__PURE__ */ jsxs3("table", { className: "aui-table", "data-slot": "agent-ui-data-table", children: [
+              /* @__PURE__ */ jsx3("thead", { "data-slot": "agent-ui-table-head", children: /* @__PURE__ */ jsx3("tr", { children: component.columns.map((column) => /* @__PURE__ */ jsx3(
                 "th",
                 {
                   scope: "col",
                   "aria-sort": activeSort?.key === column.key ? activeSort.direction === "asc" ? "ascending" : "descending" : "none",
-                  children: /* @__PURE__ */ jsxs2(
+                  children: /* @__PURE__ */ jsxs3(
                     "button",
                     {
                       className: "aui-table__sort",
@@ -1839,7 +1877,7 @@ function DataTableView({
                       })),
                       children: [
                         column.label,
-                        activeSort?.key === column.key ? /* @__PURE__ */ jsx2(
+                        activeSort?.key === column.key ? /* @__PURE__ */ jsx3(
                           ChevronUp,
                           {
                             "aria-hidden": "true",
@@ -1854,7 +1892,7 @@ function DataTableView({
                 },
                 column.key
               )) }) }),
-              /* @__PURE__ */ jsx2("tbody", { "data-slot": "agent-ui-table-body", children: rows.length > 0 ? rows.map(({ key: key2, row }) => /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx3("tbody", { "data-slot": "agent-ui-table-body", children: rows.length > 0 ? rows.map(({ key: key2, row }) => /* @__PURE__ */ jsx3(
                 "tr",
                 {
                   className: "aui-table__row",
@@ -1869,10 +1907,10 @@ function DataTableView({
                       select(row);
                     }
                   },
-                  children: component.columns.map((column) => /* @__PURE__ */ jsx2("td", { "data-slot": "agent-ui-table-cell", children: formatCell(row[column.key], column.format) }, column.key))
+                  children: component.columns.map((column) => /* @__PURE__ */ jsx3("td", { "data-slot": "agent-ui-table-cell", children: formatCell(row[column.key], column.format) }, column.key))
                 },
                 key2
-              )) : /* @__PURE__ */ jsx2("tr", { children: /* @__PURE__ */ jsx2(
+              )) : /* @__PURE__ */ jsx3("tr", { children: /* @__PURE__ */ jsx3(
                 "td",
                 {
                   className: "aui-table__empty",
@@ -1890,186 +1928,186 @@ function DataTableView({
 }
 
 // ../agent-ui/src/components/data-visualization/charts/chart-views.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var LazyLineChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.LineChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.LineChartComponentContent }))
 );
 var LazyBarChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.BarChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.BarChartComponentContent }))
 );
 var LazyAreaChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.AreaChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.AreaChartComponentContent }))
 );
 var LazyComposedChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.ComposedChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.ComposedChartComponentContent }))
 );
 var LazyPieChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.PieChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.PieChartComponentContent }))
 );
 var LazyDonutChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.DonutChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.DonutChartComponentContent }))
 );
 var LazyRadarChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.RadarChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.RadarChartComponentContent }))
 );
 var LazyRadialChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.RadialChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.RadialChartComponentContent }))
 );
 var LazySankeyChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.SankeyChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.SankeyChartComponentContent }))
 );
 var LazyScatterChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.ScatterChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.ScatterChartComponentContent }))
 );
 var LazyHeatmap = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.HeatmapComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.HeatmapComponentContent }))
 );
 var LazyCandlestickChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({
     default: module.CandlestickChartComponentContent
   }))
 );
 var LazyFunnelChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.FunnelChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.FunnelChartComponentContent }))
 );
 var LazyGaugeChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.GaugeChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.GaugeChartComponentContent }))
 );
 var LazySunburstChart = lazy(
-  () => import("./chart-content-USUK4ZM5.js").then((module) => ({ default: module.SunburstChartComponentContent }))
+  () => import("./chart-content-7PZT4YWI.js").then((module) => ({ default: module.SunburstChartComponentContent }))
 );
 function LineChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyLineChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyLineChart, { ...viewProps })
     }
   );
 }
 function BarChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyBarChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyBarChart, { ...viewProps })
     }
   );
 }
 function AreaChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyAreaChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyAreaChart, { ...viewProps })
     }
   );
 }
 function ComposedChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyComposedChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyComposedChart, { ...viewProps })
     }
   );
 }
 function PieChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyPieChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyPieChart, { ...viewProps })
     }
   );
 }
 function DonutChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyDonutChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyDonutChart, { ...viewProps })
     }
   );
 }
 function RadarChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyRadarChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyRadarChart, { ...viewProps })
     }
   );
 }
 function RadialChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyRadialChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyRadialChart, { ...viewProps })
     }
   );
 }
 function SankeyChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazySankeyChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazySankeyChart, { ...viewProps })
     }
   );
 }
 function ScatterChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyScatterChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyScatterChart, { ...viewProps })
     }
   );
 }
 function HeatmapView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyHeatmap, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyHeatmap, { ...viewProps })
     }
   );
 }
 function CandlestickChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyCandlestickChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyCandlestickChart, { ...viewProps })
     }
   );
 }
 function FunnelChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyFunnelChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyFunnelChart, { ...viewProps })
     }
   );
 }
 function GaugeChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazyGaugeChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazyGaugeChart, { ...viewProps })
     }
   );
 }
 function SunburstChartView(props) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     ConvertibleChartView,
     {
       props,
-      renderChart: (viewProps) => /* @__PURE__ */ jsx3(LazySunburstChart, { ...viewProps })
+      renderChart: (viewProps) => /* @__PURE__ */ jsx4(LazySunburstChart, { ...viewProps })
     }
   );
 }
@@ -2083,7 +2121,7 @@ function ConvertibleChartView({
     onAction: () => setView((current) => current === "chart" ? "table" : "chart"),
     target: view === "chart" ? "table" : "chart"
   };
-  const content2 = view === "table" ? /* @__PURE__ */ jsx3(
+  const content2 = view === "table" ? /* @__PURE__ */ jsx4(
     DataTableView,
     {
       ...props,
@@ -2092,10 +2130,10 @@ function ConvertibleChartView({
       exportFormats: props.exportFormats?.filter((format) => format === "csv"),
       viewAction
     }
-  ) : /* @__PURE__ */ jsx3(
+  ) : /* @__PURE__ */ jsx4(
     Suspense,
     {
-      fallback: /* @__PURE__ */ jsx3(
+      fallback: /* @__PURE__ */ jsx4(
         ComponentSkeleton,
         {
           className: props.className,
@@ -2106,9 +2144,9 @@ function ConvertibleChartView({
       children: renderChart({ ...props, viewAction })
     }
   );
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
     content2,
-    /* @__PURE__ */ jsxs3("span", { "aria-live": "polite", className: "aui-sr-only", children: [
+    /* @__PURE__ */ jsxs4("span", { "aria-live": "polite", className: "aui-sr-only", children: [
       "Showing ",
       props.component.title,
       " as ",
@@ -2118,9 +2156,9 @@ function ConvertibleChartView({
 }
 
 // ../agent-ui/src/components/data-visualization/comparison-list/comparison-list.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function ComparisonListView({ className, component, onSelect }) {
-  return /* @__PURE__ */ jsx4(CardVariantProvider, { variant: "plain", children: /* @__PURE__ */ jsx4(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx4("div", { className: "aui-comparison", "data-slot": "agent-ui-comparison-list", children: component.items.map((item) => /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx5(CardVariantProvider, { variant: "plain", children: /* @__PURE__ */ jsx5(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx5("div", { className: "aui-comparison", "data-slot": "agent-ui-comparison-list", children: component.items.map((item) => /* @__PURE__ */ jsxs5(
     "button",
     {
       className: "aui-comparison__item",
@@ -2128,10 +2166,10 @@ function ComparisonListView({ className, component, onSelect }) {
       type: "button",
       onClick: () => onSelect?.(createComponentSelection(component, item)),
       children: [
-        /* @__PURE__ */ jsx4("span", { className: "aui-comparison__label", "data-slot": "agent-ui-comparison-label", children: item.label }),
-        /* @__PURE__ */ jsx4("span", { className: "aui-comparison__value", "data-slot": "agent-ui-comparison-value", children: formatNumber(item.value, item.format) }),
-        item.note ? /* @__PURE__ */ jsx4("span", { className: "aui-comparison__note", "data-slot": "agent-ui-comparison-note", children: item.note }) : /* @__PURE__ */ jsx4("span", {}),
-        item.change !== void 0 ? /* @__PURE__ */ jsx4(TrendChange, { slot: "agent-ui-comparison-change", value: item.change }) : null
+        /* @__PURE__ */ jsx5("span", { className: "aui-comparison__label", "data-slot": "agent-ui-comparison-label", children: item.label }),
+        /* @__PURE__ */ jsx5("span", { className: "aui-comparison__value", "data-slot": "agent-ui-comparison-value", children: formatNumber(item.value, item.format) }),
+        item.note ? /* @__PURE__ */ jsx5("span", { className: "aui-comparison__note", "data-slot": "agent-ui-comparison-note", children: item.note }) : /* @__PURE__ */ jsx5("span", {}),
+        item.change !== void 0 ? /* @__PURE__ */ jsx5(TrendChange, { slot: "agent-ui-comparison-change", value: item.change }) : null
       ]
     },
     item.label
@@ -2139,9 +2177,9 @@ function ComparisonListView({ className, component, onSelect }) {
 }
 
 // ../agent-ui/src/components/data-visualization/dashboard/dashboard.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function DashboardView({ children, className, component }) {
-  return /* @__PURE__ */ jsx5(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx5("div", { className: "aui-dashboard", "data-layout": component.layout, "data-slot": "agent-ui-dashboard", children }) });
+  return /* @__PURE__ */ jsx6(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx6("div", { className: "aui-dashboard", "data-layout": component.layout, "data-slot": "agent-ui-dashboard", children }) });
 }
 
 // ../agent-ui/src/components/agent-icon/agent-icon.tsx
@@ -2182,7 +2220,7 @@ import {
   Target,
   Thunderbolt
 } from "@gravity-ui/icons";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var icons = {
   activity: Pulse,
   alert: CircleExclamation,
@@ -2222,7 +2260,7 @@ var icons = {
 };
 function AgentIcon({ name, ...props }) {
   const Icon = icons[name];
-  return /* @__PURE__ */ jsx6(Icon, { ...props, "aria-hidden": "true", "data-icon": name, focusable: "false" });
+  return /* @__PURE__ */ jsx7(Icon, { ...props, "aria-hidden": "true", "data-icon": name, focusable: "false" });
 }
 
 // ../agent-ui/src/components/data-visualization/kpi-grid/sparkline.tsx
@@ -2290,12 +2328,12 @@ function round(value) {
 }
 
 // ../agent-ui/src/components/data-visualization/kpi-grid/sparkline.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function Sparkline({ color, values }) {
   const gradientId = useId();
   const geometry = sparklineGeometry(values);
   if (!geometry) return null;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "svg",
     {
       "aria-hidden": "true",
@@ -2304,12 +2342,12 @@ function Sparkline({ color, values }) {
       preserveAspectRatio: "none",
       viewBox: `0 0 ${SPARKLINE_VIEWBOX.width} ${SPARKLINE_VIEWBOX.height}`,
       children: [
-        /* @__PURE__ */ jsx7("defs", { children: /* @__PURE__ */ jsxs5("linearGradient", { id: gradientId, x1: "0", x2: "0", y1: "0", y2: "1", children: [
-          /* @__PURE__ */ jsx7("stop", { offset: "0%", stopColor: color, stopOpacity: 0.22 }),
-          /* @__PURE__ */ jsx7("stop", { offset: "100%", stopColor: color, stopOpacity: 0.02 })
+        /* @__PURE__ */ jsx8("defs", { children: /* @__PURE__ */ jsxs6("linearGradient", { id: gradientId, x1: "0", x2: "0", y1: "0", y2: "1", children: [
+          /* @__PURE__ */ jsx8("stop", { offset: "0%", stopColor: color, stopOpacity: 0.22 }),
+          /* @__PURE__ */ jsx8("stop", { offset: "100%", stopColor: color, stopOpacity: 0.02 })
         ] }) }),
-        /* @__PURE__ */ jsx7("path", { className: "aui-sparkline__area", d: geometry.area, fill: `url(#${gradientId})` }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8("path", { className: "aui-sparkline__area", d: geometry.area, fill: `url(#${gradientId})` }),
+        /* @__PURE__ */ jsx8(
           "path",
           {
             className: "aui-sparkline__line",
@@ -2327,26 +2365,26 @@ function Sparkline({ color, values }) {
 }
 
 // ../agent-ui/src/components/data-visualization/kpi-grid/kpi-grid.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function KpiGridView({ className, component }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Card,
     {
       className,
       description: component.description,
       title: component.title,
       variant: "outline",
-      children: /* @__PURE__ */ jsx8("div", { className: "aui-kpi-grid", "data-slot": "agent-ui-kpi-grid", children: component.metrics.map((metric) => /* @__PURE__ */ jsxs6("article", { className: "aui-kpi aui-kpi--chart", "data-slot": "agent-ui-kpi", children: [
-        /* @__PURE__ */ jsxs6("header", { className: "aui-kpi__header", "data-slot": "agent-ui-kpi-header", children: [
-          /* @__PURE__ */ jsx8("span", { className: "aui-kpi__title", "data-slot": "agent-ui-kpi-title", children: metric.label }),
-          metric.icon ? /* @__PURE__ */ jsx8("span", { className: "aui-kpi__icon", "data-slot": "agent-ui-kpi-icon", children: /* @__PURE__ */ jsx8(AgentIcon, { name: metric.icon }) }) : null
+      children: /* @__PURE__ */ jsx9("div", { className: "aui-kpi-grid", "data-slot": "agent-ui-kpi-grid", children: component.metrics.map((metric) => /* @__PURE__ */ jsxs7("article", { className: "aui-kpi aui-kpi--chart", "data-slot": "agent-ui-kpi", children: [
+        /* @__PURE__ */ jsxs7("header", { className: "aui-kpi__header", "data-slot": "agent-ui-kpi-header", children: [
+          /* @__PURE__ */ jsx9("span", { className: "aui-kpi__title", "data-slot": "agent-ui-kpi-title", children: metric.label }),
+          metric.icon ? /* @__PURE__ */ jsx9("span", { className: "aui-kpi__icon", "data-slot": "agent-ui-kpi-icon", children: /* @__PURE__ */ jsx9(AgentIcon, { name: metric.icon }) }) : null
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "aui-kpi__body", "data-slot": "agent-ui-kpi-body", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "aui-kpi__metric", "data-slot": "agent-ui-kpi-metric", children: [
-            /* @__PURE__ */ jsx8("p", { className: "aui-kpi__value", "data-slot": "agent-ui-kpi-value", children: formatNumber(metric.value, metric.format) }),
-            metric.change !== void 0 ? /* @__PURE__ */ jsx8(TrendChange, { slot: "agent-ui-kpi-change", value: metric.change }) : null
+        /* @__PURE__ */ jsxs7("div", { className: "aui-kpi__body", "data-slot": "agent-ui-kpi-body", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "aui-kpi__metric", "data-slot": "agent-ui-kpi-metric", children: [
+            /* @__PURE__ */ jsx9("p", { className: "aui-kpi__value", "data-slot": "agent-ui-kpi-value", children: formatNumber(metric.value, metric.format) }),
+            metric.change !== void 0 ? /* @__PURE__ */ jsx9(TrendChange, { slot: "agent-ui-kpi-change", value: metric.change }) : null
           ] }),
-          /* @__PURE__ */ jsx8("div", { className: "aui-kpi__chart", "data-slot": "agent-ui-kpi-chart", children: /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9("div", { className: "aui-kpi__chart", "data-slot": "agent-ui-kpi-chart", children: /* @__PURE__ */ jsx9(
             Sparkline,
             {
               color: CHART_COLOR_TOKENS[metric.color ?? "accent"],
@@ -2361,19 +2399,19 @@ function KpiGridView({ className, component }) {
 
 // ../agent-ui/src/components/data-visualization/meter-list/meter-list.tsx
 import { Description, Label, Meter } from "@heroui/react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function MeterListView({ className, component }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Card,
     {
       className,
       description: component.description,
       title: component.title,
       variant: "outline",
-      children: /* @__PURE__ */ jsx9("div", { className: "aui-meter-list", "data-slot": "agent-ui-meter-list", children: component.items.map((item) => {
+      children: /* @__PURE__ */ jsx10("div", { className: "aui-meter-list", "data-slot": "agent-ui-meter-list", children: component.items.map((item) => {
         const min = item.min ?? 0;
         const max = item.max ?? (item.format?.style === "percent" ? 1 : 100);
-        return /* @__PURE__ */ jsxs7(
+        return /* @__PURE__ */ jsxs8(
           Meter,
           {
             "aria-label": item.label,
@@ -2386,10 +2424,10 @@ function MeterListView({ className, component }) {
             value: item.value,
             valueLabel: formatNumber(item.value, item.format),
             children: [
-              /* @__PURE__ */ jsx9(Label, { "data-slot": "agent-ui-meter-label", children: item.label }),
-              /* @__PURE__ */ jsx9(Meter.Output, { "data-slot": "agent-ui-meter-output" }),
-              /* @__PURE__ */ jsx9(Meter.Track, { "data-slot": "agent-ui-meter-track", children: /* @__PURE__ */ jsx9(Meter.Fill, {}) }),
-              item.description ? /* @__PURE__ */ jsx9(Description, { "data-slot": "agent-ui-meter-description", children: item.description }) : null
+              /* @__PURE__ */ jsx10(Label, { "data-slot": "agent-ui-meter-label", children: item.label }),
+              /* @__PURE__ */ jsx10(Meter.Output, { "data-slot": "agent-ui-meter-output" }),
+              /* @__PURE__ */ jsx10(Meter.Track, { "data-slot": "agent-ui-meter-track", children: /* @__PURE__ */ jsx10(Meter.Fill, {}) }),
+              item.description ? /* @__PURE__ */ jsx10(Description, { "data-slot": "agent-ui-meter-description", children: item.description }) : null
             ]
           },
           item.id
@@ -2400,23 +2438,23 @@ function MeterListView({ className, component }) {
 }
 
 // ../agent-ui/src/components/data-visualization/metric-grid/metric-grid.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function MetricGridView({ className, component }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Card,
     {
       className,
       description: component.description,
       title: component.title,
       variant: "outline",
-      children: /* @__PURE__ */ jsx10("div", { className: "aui-metric-grid", "data-slot": "agent-ui-metric-grid", children: component.metrics.map((metric) => /* @__PURE__ */ jsxs8("article", { className: "aui-kpi", "data-slot": "agent-ui-kpi", children: [
-        /* @__PURE__ */ jsxs8("header", { className: "aui-kpi__header", "data-slot": "agent-ui-kpi-header", children: [
-          /* @__PURE__ */ jsx10("span", { className: "aui-kpi__title", "data-slot": "agent-ui-kpi-title", children: metric.label }),
-          metric.icon ? /* @__PURE__ */ jsx10("span", { className: "aui-kpi__icon", "data-slot": "agent-ui-kpi-icon", children: /* @__PURE__ */ jsx10(AgentIcon, { name: metric.icon }) }) : null
+      children: /* @__PURE__ */ jsx11("div", { className: "aui-metric-grid", "data-slot": "agent-ui-metric-grid", children: component.metrics.map((metric) => /* @__PURE__ */ jsxs9("article", { className: "aui-kpi", "data-slot": "agent-ui-kpi", children: [
+        /* @__PURE__ */ jsxs9("header", { className: "aui-kpi__header", "data-slot": "agent-ui-kpi-header", children: [
+          /* @__PURE__ */ jsx11("span", { className: "aui-kpi__title", "data-slot": "agent-ui-kpi-title", children: metric.label }),
+          metric.icon ? /* @__PURE__ */ jsx11("span", { className: "aui-kpi__icon", "data-slot": "agent-ui-kpi-icon", children: /* @__PURE__ */ jsx11(AgentIcon, { name: metric.icon }) }) : null
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "aui-kpi__content", "data-slot": "agent-ui-kpi-content", children: [
-          /* @__PURE__ */ jsx10("p", { className: "aui-kpi__value", "data-slot": "agent-ui-kpi-value", children: formatNumber(metric.value, metric.format) }),
-          metric.change !== void 0 ? /* @__PURE__ */ jsx10(TrendChange, { slot: "agent-ui-kpi-change", value: metric.change }) : null
+        /* @__PURE__ */ jsxs9("div", { className: "aui-kpi__content", "data-slot": "agent-ui-kpi-content", children: [
+          /* @__PURE__ */ jsx11("p", { className: "aui-kpi__value", "data-slot": "agent-ui-kpi-value", children: formatNumber(metric.value, metric.format) }),
+          metric.change !== void 0 ? /* @__PURE__ */ jsx11(TrendChange, { slot: "agent-ui-kpi-change", value: metric.change }) : null
         ] })
       ] }, metric.label)) })
     }
@@ -2483,12 +2521,12 @@ async function mermaidForElement(element) {
 }
 
 // ../agent-ui/src/components/display-information/diagram.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var MIN_SCALE = 0.5;
 var MAX_SCALE = 4;
 var SCALE_STEP = 0.25;
 function ExpandGlyph() {
-  return /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", fill: "none", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", fill: "none", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx12(
     "path",
     {
       d: "M9.5 2.5H13v3.5M6.5 13.5H3V10M13 2.5l-4 4M3 13.5l4-4",
@@ -2532,8 +2570,8 @@ function DiagramSurface({
   pendingRef,
   scale
 }) {
-  if (!markup) return /* @__PURE__ */ jsx11("div", { ref: pendingRef, className: "aui-diagram__surface", "data-pending": "true" });
-  return /* @__PURE__ */ jsx11(
+  if (!markup) return /* @__PURE__ */ jsx12("div", { ref: pendingRef, className: "aui-diagram__surface", "data-pending": "true" });
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       className: "aui-diagram__surface",
@@ -2557,10 +2595,10 @@ function Diagram({ chart, title: title2 }) {
     setPortalContainer(resolveOverlayPortalContainer(node));
   }, []);
   const zoom = (delta) => setScale((current) => Math.min(MAX_SCALE, Math.max(MIN_SCALE, current + delta)));
-  if (inline.failed) return /* @__PURE__ */ jsx11(CodeBlock, { code: chart, language: "mermaid" });
-  return /* @__PURE__ */ jsxs9("div", { ref: frameRef, className: "aui-diagram", "data-slot": "agent-ui-diagram", children: [
-    /* @__PURE__ */ jsx11(DiagramSurface, { markup: inline.markup, pendingRef: inline.container }),
-    inline.markup ? /* @__PURE__ */ jsxs9(
+  if (inline.failed) return /* @__PURE__ */ jsx12(CodeBlock, { code: chart, language: "mermaid" });
+  return /* @__PURE__ */ jsxs10("div", { ref: frameRef, className: "aui-diagram", "data-slot": "agent-ui-diagram", children: [
+    /* @__PURE__ */ jsx12(DiagramSurface, { markup: inline.markup, pendingRef: inline.container }),
+    inline.markup ? /* @__PURE__ */ jsxs10(
       Modal,
       {
         isOpen: isExpanded,
@@ -2569,7 +2607,7 @@ function Diagram({ chart, title: title2 }) {
           if (!open) setScale(1);
         },
         children: [
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             Button,
             {
               isIconOnly: true,
@@ -2579,31 +2617,31 @@ function Diagram({ chart, title: title2 }) {
               size: "sm",
               variant: "ghost",
               onPress: () => setIsExpanded(true),
-              children: /* @__PURE__ */ jsx11(ExpandGlyph, {})
+              children: /* @__PURE__ */ jsx12(ExpandGlyph, {})
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             Modal.Backdrop,
             {
               className: "aui-diagram-modal__backdrop",
               UNSTABLE_portalContainer: portalContainer,
               variant: "blur",
-              children: /* @__PURE__ */ jsx11(Modal.Container, { className: "aui-diagram-modal__container", placement: "center", children: /* @__PURE__ */ jsxs9(
+              children: /* @__PURE__ */ jsx12(Modal.Container, { className: "aui-diagram-modal__container", placement: "center", children: /* @__PURE__ */ jsxs10(
                 Modal.Dialog,
                 {
                   "aria-label": title2 ? `${title2} diagram` : "Diagram",
                   className: "aui-diagram-modal__dialog",
                   "data-slot": "agent-ui-diagram-modal",
                   children: [
-                    /* @__PURE__ */ jsx11("div", { className: "aui-diagram-modal__controls", children: /* @__PURE__ */ jsxs9(
+                    /* @__PURE__ */ jsx12("div", { className: "aui-diagram-modal__controls", children: /* @__PURE__ */ jsxs10(
                       "div",
                       {
                         "aria-label": "Diagram zoom controls",
                         className: "aui-diagram-modal__control-group",
                         role: "toolbar",
                         children: [
-                          /* @__PURE__ */ jsxs9(Tooltip, { delay: 0, children: [
-                            /* @__PURE__ */ jsx11(
+                          /* @__PURE__ */ jsxs10(Tooltip, { delay: 0, children: [
+                            /* @__PURE__ */ jsx12(
                               Button,
                               {
                                 isIconOnly: true,
@@ -2612,13 +2650,13 @@ function Diagram({ chart, title: title2 }) {
                                 size: "sm",
                                 variant: "ghost",
                                 onPress: () => zoom(-SCALE_STEP),
-                                children: /* @__PURE__ */ jsx11(Minus, {})
+                                children: /* @__PURE__ */ jsx12(Minus, {})
                               }
                             ),
-                            /* @__PURE__ */ jsx11(Tooltip.Content, { placement: "top", children: "Zoom out" })
+                            /* @__PURE__ */ jsx12(Tooltip.Content, { placement: "top", children: "Zoom out" })
                           ] }),
-                          /* @__PURE__ */ jsxs9(Tooltip, { delay: 0, children: [
-                            /* @__PURE__ */ jsx11(
+                          /* @__PURE__ */ jsxs10(Tooltip, { delay: 0, children: [
+                            /* @__PURE__ */ jsx12(
                               Button,
                               {
                                 isIconOnly: true,
@@ -2627,12 +2665,12 @@ function Diagram({ chart, title: title2 }) {
                                 size: "sm",
                                 variant: "ghost",
                                 onPress: () => zoom(SCALE_STEP),
-                                children: /* @__PURE__ */ jsx11(Plus, {})
+                                children: /* @__PURE__ */ jsx12(Plus, {})
                               }
                             ),
-                            /* @__PURE__ */ jsx11(Tooltip.Content, { placement: "top", children: "Zoom in" })
+                            /* @__PURE__ */ jsx12(Tooltip.Content, { placement: "top", children: "Zoom in" })
                           ] }),
-                          /* @__PURE__ */ jsxs9(
+                          /* @__PURE__ */ jsxs10(
                             "output",
                             {
                               "aria-label": `Zoom level: ${Math.round(scale * 100)}%`,
@@ -2643,9 +2681,9 @@ function Diagram({ chart, title: title2 }) {
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx11(Separator, { className: "aui-diagram-modal__separator", orientation: "vertical" }),
-                          /* @__PURE__ */ jsxs9(Tooltip, { delay: 0, children: [
-                            /* @__PURE__ */ jsx11(
+                          /* @__PURE__ */ jsx12(Separator, { className: "aui-diagram-modal__separator", orientation: "vertical" }),
+                          /* @__PURE__ */ jsxs10(Tooltip, { delay: 0, children: [
+                            /* @__PURE__ */ jsx12(
                               Button,
                               {
                                 isIconOnly: true,
@@ -2654,20 +2692,20 @@ function Diagram({ chart, title: title2 }) {
                                 size: "sm",
                                 variant: "ghost",
                                 onPress: () => setScale(1),
-                                children: /* @__PURE__ */ jsx11(ArrowRotateLeft, {})
+                                children: /* @__PURE__ */ jsx12(ArrowRotateLeft, {})
                               }
                             ),
-                            /* @__PURE__ */ jsx11(Tooltip.Content, { placement: "top", children: "Reset zoom" })
+                            /* @__PURE__ */ jsx12(Tooltip.Content, { placement: "top", children: "Reset zoom" })
                           ] }),
-                          /* @__PURE__ */ jsx11(Separator, { className: "aui-diagram-modal__separator", orientation: "vertical" }),
-                          /* @__PURE__ */ jsxs9(Tooltip, { delay: 0, children: [
-                            /* @__PURE__ */ jsx11(Modal.CloseTrigger, { className: "aui-diagram-modal__close" }),
-                            /* @__PURE__ */ jsx11(Tooltip.Content, { placement: "top", children: "Close" })
+                          /* @__PURE__ */ jsx12(Separator, { className: "aui-diagram-modal__separator", orientation: "vertical" }),
+                          /* @__PURE__ */ jsxs10(Tooltip, { delay: 0, children: [
+                            /* @__PURE__ */ jsx12(Modal.CloseTrigger, { className: "aui-diagram-modal__close" }),
+                            /* @__PURE__ */ jsx12(Tooltip.Content, { placement: "top", children: "Close" })
                           ] })
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ jsx11("div", { className: "aui-diagram-modal__viewport", children: /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx12("div", { className: "aui-diagram-modal__viewport", children: /* @__PURE__ */ jsx12(
                       DiagramSurface,
                       {
                         markup: expanded.markup,
@@ -2689,7 +2727,7 @@ function Diagram({ chart, title: title2 }) {
 // ../agent-ui/src/components/display-information/fallback-image.tsx
 import { Picture } from "@gravity-ui/icons";
 import { useState as useState4 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function FallbackImage({
   alt = "",
   className,
@@ -2705,7 +2743,7 @@ function FallbackImage({
 }) {
   const [failedSrc, setFailedSrc] = useState4();
   if (!src || failedSrc === src) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "span",
       {
         ...props,
@@ -2714,11 +2752,11 @@ function FallbackImage({
         className: mergeClassNames("aui-image-fallback", className),
         "data-slot": "agent-ui-image-fallback",
         role: alt ? "img" : void 0,
-        children: /* @__PURE__ */ jsx12(Picture, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsx13(Picture, { "aria-hidden": "true" })
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "img",
     {
       ...props,
@@ -2740,10 +2778,10 @@ function FallbackImage({
 }
 
 // ../agent-ui/src/components/display-information/display-views.tsx
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function TextView({ className, component }) {
   if (component.variant === "clear") {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "div",
       {
         "aria-label": component.title,
@@ -2754,10 +2792,10 @@ function TextView({ className, component }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx13("div", { className: "aui-prose", "data-slot": "agent-ui-text", "data-variant": "card", children: renderInlineMarkdown(component.content) }) });
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx14("div", { className: "aui-prose", "data-slot": "agent-ui-text", "data-variant": "card", children: renderInlineMarkdown(component.content) }) });
 }
 function CalloutView({ className, component }) {
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsxs11(
     "div",
     {
       className: "aui-callout",
@@ -2765,14 +2803,14 @@ function CalloutView({ className, component }) {
       "data-slot": "agent-ui-callout",
       "data-tone": component.tone ?? "neutral",
       children: [
-        component.icon ? /* @__PURE__ */ jsx13(
+        component.icon ? /* @__PURE__ */ jsx14(
           AgentIcon,
           {
             className: "aui-callout__icon",
             "data-slot": "agent-ui-callout-icon",
             name: component.icon
           }
-        ) : /* @__PURE__ */ jsx13(
+        ) : /* @__PURE__ */ jsx14(
           "span",
           {
             "aria-hidden": "true",
@@ -2780,7 +2818,7 @@ function CalloutView({ className, component }) {
             "data-slot": "agent-ui-callout-indicator"
           }
         ),
-        /* @__PURE__ */ jsx13("p", { "data-slot": "agent-ui-callout-content", children: renderInlineMarkdown(component.content) })
+        /* @__PURE__ */ jsx14("p", { "data-slot": "agent-ui-callout-content", children: renderInlineMarkdown(component.content) })
       ]
     }
   ) });
@@ -2802,8 +2840,8 @@ function ImageView({ className, component, onSelect }) {
   }, []);
   const galleryItems = component.images.map((item) => {
     const failed = failedSources.has(item.src);
-    const tile = /* @__PURE__ */ jsxs10(Fragment2, { children: [
-      /* @__PURE__ */ jsx13("span", { className: "aui-image__frame", "data-slot": "agent-ui-image-frame", children: /* @__PURE__ */ jsx13(
+    const tile = /* @__PURE__ */ jsxs11(Fragment2, { children: [
+      /* @__PURE__ */ jsx14("span", { className: "aui-image__frame", "data-slot": "agent-ui-image-frame", children: /* @__PURE__ */ jsx14(
         FallbackImage,
         {
           alt: item.alt,
@@ -2814,10 +2852,10 @@ function ImageView({ className, component, onSelect }) {
           onLoadFailure: markFailed
         }
       ) }),
-      item.caption ? /* @__PURE__ */ jsx13("span", { className: "aui-image__caption", "data-slot": "agent-ui-image-caption", children: item.caption }) : null
+      item.caption ? /* @__PURE__ */ jsx14("span", { className: "aui-image__caption", "data-slot": "agent-ui-image-caption", children: item.caption }) : null
     ] });
     if (failed) {
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx14(
         "span",
         {
           className: "aui-image",
@@ -2828,8 +2866,8 @@ function ImageView({ className, component, onSelect }) {
         item.src
       );
     }
-    return /* @__PURE__ */ jsxs10(Modal2, { children: [
-      /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsxs11(Modal2, { children: [
+      /* @__PURE__ */ jsx14(
         Modal2.Trigger,
         {
           "aria-label": `Open ${item.alt}`,
@@ -2839,21 +2877,21 @@ function ImageView({ className, component, onSelect }) {
           children: tile
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         Modal2.Backdrop,
         {
           className: "aui-image-modal__backdrop",
           UNSTABLE_portalContainer: portalContainer,
           variant: "blur",
-          children: /* @__PURE__ */ jsx13(Modal2.Container, { className: "aui-image-modal__container", placement: "center", children: /* @__PURE__ */ jsxs10(
+          children: /* @__PURE__ */ jsx14(Modal2.Container, { className: "aui-image-modal__container", placement: "center", children: /* @__PURE__ */ jsxs11(
             Modal2.Dialog,
             {
               "aria-label": item.alt,
               className: "aui-image-modal__dialog",
               "data-slot": "agent-ui-image-modal",
               children: [
-                /* @__PURE__ */ jsx13(Modal2.CloseTrigger, { className: "aui-image-modal__close" }),
-                /* @__PURE__ */ jsx13("img", { alt: item.alt, className: "aui-image-modal__image", src: item.src })
+                /* @__PURE__ */ jsx14(Modal2.CloseTrigger, { className: "aui-image-modal__close" }),
+                /* @__PURE__ */ jsx14("img", { alt: item.alt, className: "aui-image-modal__image", src: item.src })
               ]
             }
           ) })
@@ -2861,7 +2899,7 @@ function ImageView({ className, component, onSelect }) {
       )
     ] }, item.src);
   });
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx13("div", { ref: imagesRef, className: "aui-images-container", "data-layout": layout, children: layout === "horizontal" ? /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx14("div", { ref: imagesRef, className: "aui-images-container", "data-layout": layout, children: layout === "horizontal" ? /* @__PURE__ */ jsx14(
     ScrollShadow,
     {
       "aria-label": `${component.title} gallery`,
@@ -2873,7 +2911,7 @@ function ImageView({ className, component, onSelect }) {
       tabIndex: 0,
       children: galleryItems
     }
-  ) : /* @__PURE__ */ jsx13(
+  ) : /* @__PURE__ */ jsx14(
     "div",
     {
       className: "aui-images",
@@ -2885,7 +2923,7 @@ function ImageView({ className, component, onSelect }) {
   ) }) });
 }
 function TagListView({ className, component, onSelect }) {
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx14(
     TagGroup,
     {
       "aria-label": component.title,
@@ -2897,21 +2935,21 @@ function TagListView({ className, component, onSelect }) {
         const tag = [...keys][0];
         if (typeof tag === "string") onSelect?.(createComponentSelection(component, { tag }));
       },
-      children: /* @__PURE__ */ jsx13(TagGroup.List, { children: component.tags.map((tag) => /* @__PURE__ */ jsx13(Tag2, { className: "aui-tag", "data-slot": "agent-ui-tag", id: tag, children: tag }, tag)) })
+      children: /* @__PURE__ */ jsx14(TagGroup.List, { children: component.tags.map((tag) => /* @__PURE__ */ jsx14(Tag2, { className: "aui-tag", "data-slot": "agent-ui-tag", id: tag, children: tag }, tag)) })
     }
   ) });
 }
 function ListView({ className, component }) {
   const style = component.style ?? "bulleted";
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx14(
     "ul",
     {
       "aria-label": component.title,
       className: "aui-list",
       "data-slot": "agent-ui-list",
       "data-style": style,
-      children: component.items.map((item, index) => /* @__PURE__ */ jsxs10("li", { className: "aui-list__item", "data-slot": "agent-ui-list-item", children: [
-        style === "checklist" ? /* @__PURE__ */ jsx13(
+      children: component.items.map((item, index) => /* @__PURE__ */ jsxs11("li", { className: "aui-list__item", "data-slot": "agent-ui-list-item", children: [
+        style === "checklist" ? /* @__PURE__ */ jsx14(
           Checkbox,
           {
             isReadOnly: true,
@@ -2920,9 +2958,9 @@ function ListView({ className, component }) {
             "data-slot": "agent-ui-list-check",
             isSelected: item.checked ?? false,
             variant: "secondary",
-            children: /* @__PURE__ */ jsx13(Checkbox.Content, { children: /* @__PURE__ */ jsx13(Checkbox.Control, { children: /* @__PURE__ */ jsx13(Checkbox.Indicator, {}) }) })
+            children: /* @__PURE__ */ jsx14(Checkbox.Content, { children: /* @__PURE__ */ jsx14(Checkbox.Control, { children: /* @__PURE__ */ jsx14(Checkbox.Indicator, {}) }) })
           }
-        ) : /* @__PURE__ */ jsx13(
+        ) : /* @__PURE__ */ jsx14(
           "span",
           {
             "aria-hidden": "true",
@@ -2931,9 +2969,9 @@ function ListView({ className, component }) {
             children: style === "numbered" ? `${index + 1}.` : "\u2022"
           }
         ),
-        /* @__PURE__ */ jsxs10("span", { className: "aui-list__body", "data-slot": "agent-ui-list-content", children: [
-          /* @__PURE__ */ jsx13(Label2, { "data-slot": "agent-ui-list-label", children: item.text }),
-          item.children?.length ? /* @__PURE__ */ jsx13("span", { className: "aui-list__children", "data-slot": "agent-ui-list-children", children: item.children.map((child) => /* @__PURE__ */ jsx13(Description2, { "data-slot": "agent-ui-list-child", children: child }, child)) }) : null
+        /* @__PURE__ */ jsxs11("span", { className: "aui-list__body", "data-slot": "agent-ui-list-content", children: [
+          /* @__PURE__ */ jsx14(Label2, { "data-slot": "agent-ui-list-label", children: item.text }),
+          item.children?.length ? /* @__PURE__ */ jsx14("span", { className: "aui-list__children", "data-slot": "agent-ui-list-children", children: item.children.map((child) => /* @__PURE__ */ jsx14(Description2, { "data-slot": "agent-ui-list-child", children: child }, child)) }) : null
         ] })
       ] }, item.id))
     }
@@ -2945,15 +2983,15 @@ function listBlockMetaTone(meta) {
   return "neutral";
 }
 function ListBlockView({ className, component }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Card,
     {
       className,
       description: component.description,
       title: component.title,
       variant: "outline",
-      children: /* @__PURE__ */ jsx13("ul", { "aria-label": component.title, className: "aui-list-block", "data-slot": "agent-ui-list-block", children: component.items.map((item) => /* @__PURE__ */ jsxs10("li", { className: "aui-list-block__item", "data-slot": "agent-ui-list-block-item", children: [
-        item.imageUrl ? /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsx14("ul", { "aria-label": component.title, className: "aui-list-block", "data-slot": "agent-ui-list-block", children: component.items.map((item) => /* @__PURE__ */ jsxs11("li", { className: "aui-list-block__item", "data-slot": "agent-ui-list-block-item", children: [
+        item.imageUrl ? /* @__PURE__ */ jsx14(
           FallbackImage,
           {
             alt: item.imageAlt ?? "",
@@ -2962,18 +3000,18 @@ function ListBlockView({ className, component }) {
             loading: "lazy",
             src: item.imageUrl
           }
-        ) : /* @__PURE__ */ jsx13(
+        ) : /* @__PURE__ */ jsx14(
           "span",
           {
             "aria-hidden": "true",
             className: "aui-list-block__glyph",
             "data-slot": "agent-ui-list-block-glyph",
-            children: item.icon ? /* @__PURE__ */ jsx13(AgentIcon, { "data-slot": "agent-ui-list-block-icon", name: item.icon }) : item.title.trim().charAt(0).toUpperCase()
+            children: item.icon ? /* @__PURE__ */ jsx14(AgentIcon, { "data-slot": "agent-ui-list-block-icon", name: item.icon }) : item.title.trim().charAt(0).toUpperCase()
           }
         ),
-        /* @__PURE__ */ jsxs10("span", { className: "aui-list-block__body", "data-slot": "agent-ui-list-block-content", children: [
-          /* @__PURE__ */ jsx13(Label2, { className: "aui-list-block__title", "data-slot": "agent-ui-list-block-title", children: item.title }),
-          item.description ? /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs11("span", { className: "aui-list-block__body", "data-slot": "agent-ui-list-block-content", children: [
+          /* @__PURE__ */ jsx14(Label2, { className: "aui-list-block__title", "data-slot": "agent-ui-list-block-title", children: item.title }),
+          item.description ? /* @__PURE__ */ jsx14(
             Description2,
             {
               className: "aui-list-block__description",
@@ -2982,8 +3020,8 @@ function ListBlockView({ className, component }) {
             }
           ) : null
         ] }),
-        item.meta || item.rating !== void 0 ? /* @__PURE__ */ jsxs10("span", { className: "aui-list-block__footer", "data-slot": "agent-ui-list-block-footer", children: [
-          item.meta ? /* @__PURE__ */ jsx13(
+        item.meta || item.rating !== void 0 ? /* @__PURE__ */ jsxs11("span", { className: "aui-list-block__footer", "data-slot": "agent-ui-list-block-footer", children: [
+          item.meta ? /* @__PURE__ */ jsx14(
             "span",
             {
               className: "aui-list-block__meta",
@@ -2992,19 +3030,19 @@ function ListBlockView({ className, component }) {
               children: item.meta
             }
           ) : null,
-          item.meta && item.rating !== void 0 ? /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", className: "aui-list-block__meta-separator", children: "\xB7" }) : null,
-          item.rating !== void 0 ? /* @__PURE__ */ jsxs10(
+          item.meta && item.rating !== void 0 ? /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", className: "aui-list-block__meta-separator", children: "\xB7" }) : null,
+          item.rating !== void 0 ? /* @__PURE__ */ jsxs11(
             "span",
             {
               "aria-label": `${item.rating} out of 5 stars`,
               className: "aui-list-block__rating",
               "data-slot": "agent-ui-list-block-rating",
               children: [
-                /* @__PURE__ */ jsxs10("span", { "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsxs11("span", { "aria-hidden": "true", children: [
                   item.rating,
                   "/5"
                 ] }),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   AgentIcon,
                   {
                     "aria-hidden": "true",
@@ -3022,19 +3060,19 @@ function ListBlockView({ className, component }) {
   );
 }
 function AccordionView({ className, component }) {
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx14(
     Accordion,
     {
       allowsMultipleExpanded: true,
       className: "aui-accordion",
       "data-slot": "agent-ui-accordion",
       defaultExpandedKeys: component.sections.filter((section) => section.defaultOpen).map((section) => section.id),
-      children: component.sections.map((section) => /* @__PURE__ */ jsxs10(Accordion.Item, { "data-slot": "agent-ui-accordion-item", id: section.id, children: [
-        /* @__PURE__ */ jsx13(Accordion.Heading, { children: /* @__PURE__ */ jsxs10(Accordion.Trigger, { "data-slot": "agent-ui-accordion-trigger", children: [
+      children: component.sections.map((section) => /* @__PURE__ */ jsxs11(Accordion.Item, { "data-slot": "agent-ui-accordion-item", id: section.id, children: [
+        /* @__PURE__ */ jsx14(Accordion.Heading, { children: /* @__PURE__ */ jsxs11(Accordion.Trigger, { "data-slot": "agent-ui-accordion-trigger", children: [
           section.title,
-          /* @__PURE__ */ jsx13(Accordion.Indicator, { "data-slot": "agent-ui-accordion-indicator" })
+          /* @__PURE__ */ jsx14(Accordion.Indicator, { "data-slot": "agent-ui-accordion-indicator" })
         ] }) }),
-        /* @__PURE__ */ jsx13(Accordion.Panel, { "data-slot": "agent-ui-accordion-panel", children: /* @__PURE__ */ jsx13(Accordion.Body, { children: section.content }) })
+        /* @__PURE__ */ jsx14(Accordion.Panel, { "data-slot": "agent-ui-accordion-panel", children: /* @__PURE__ */ jsx14(Accordion.Body, { children: section.content }) })
       ] }, section.id))
     }
   ) });
@@ -3055,7 +3093,7 @@ function StepsView({ className, component, onSelect }) {
       return next;
     });
   }, []);
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx14(
     "ol",
     {
       ref: stepsRef,
@@ -3067,7 +3105,7 @@ function StepsView({ className, component, onSelect }) {
       children: component.steps.map((step, index) => {
         const status = step.status === "complete" ? "completed" : step.status === "current" ? "in-progress" : step.status === "upcoming" ? "pending" : step.status ?? "pending";
         const imageFailed = step.image ? failedSources.has(step.image.src) : false;
-        const marker = /* @__PURE__ */ jsx13("span", { className: "aui-steps__marker", "data-slot": "agent-ui-step-indicator", children: component.variant === "timeline" ? step.icon ? /* @__PURE__ */ jsx13(AgentIcon, { "aria-hidden": "true", "data-slot": "agent-ui-step-icon", name: step.icon }) : null : status === "completed" ? /* @__PURE__ */ jsx13(
+        const marker = /* @__PURE__ */ jsx14("span", { className: "aui-steps__marker", "data-slot": "agent-ui-step-indicator", children: component.variant === "timeline" ? step.icon ? /* @__PURE__ */ jsx14(AgentIcon, { "aria-hidden": "true", "data-slot": "agent-ui-step-icon", name: step.icon }) : null : status === "completed" ? /* @__PURE__ */ jsx14(
           "svg",
           {
             "aria-hidden": "true",
@@ -3078,23 +3116,23 @@ function StepsView({ className, component, onSelect }) {
             strokeLinejoin: "round",
             strokeWidth: "3",
             viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ jsx13("polyline", { points: "20 6 9 17 4 12" })
+            children: /* @__PURE__ */ jsx14("polyline", { points: "20 6 9 17 4 12" })
           }
-        ) : status === "failed" ? /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", children: "\xD7" }) : status === "blocked" ? /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", children: "!" }) : status === "cancelled" ? /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", children: "\u2013" }) : step.icon ? /* @__PURE__ */ jsx13(AgentIcon, { "aria-hidden": "true", "data-slot": "agent-ui-step-icon", name: step.icon }) : index + 1 });
-        return /* @__PURE__ */ jsx13(
+        ) : status === "failed" ? /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: "\xD7" }) : status === "blocked" ? /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: "!" }) : status === "cancelled" ? /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: "\u2013" }) : step.icon ? /* @__PURE__ */ jsx14(AgentIcon, { "aria-hidden": "true", "data-slot": "agent-ui-step-icon", name: step.icon }) : index + 1 });
+        return /* @__PURE__ */ jsx14(
           "li",
           {
             "data-has-image": step.image ? "true" : void 0,
             "data-slot": "agent-ui-step",
             "data-status": status,
-            children: /* @__PURE__ */ jsxs10("div", { className: "aui-steps__row", children: [
-              step.image ? imageFailed ? /* @__PURE__ */ jsx13(
+            children: /* @__PURE__ */ jsxs11("div", { className: "aui-steps__row", children: [
+              step.image ? imageFailed ? /* @__PURE__ */ jsx14(
                 "span",
                 {
                   className: "aui-steps__image-marker",
                   "data-failed": "true",
                   "data-slot": "agent-ui-step-image-marker",
-                  children: /* @__PURE__ */ jsx13(
+                  children: /* @__PURE__ */ jsx14(
                     FallbackImage,
                     {
                       alt: step.image.alt,
@@ -3103,15 +3141,15 @@ function StepsView({ className, component, onSelect }) {
                     }
                   )
                 }
-              ) : /* @__PURE__ */ jsxs10(Modal2, { children: [
-                /* @__PURE__ */ jsx13(
+              ) : /* @__PURE__ */ jsxs11(Modal2, { children: [
+                /* @__PURE__ */ jsx14(
                   Modal2.Trigger,
                   {
                     "aria-label": `Open ${step.image.alt}`,
                     className: "aui-steps__image-marker",
                     "data-slot": "agent-ui-step-image-trigger",
                     onClick: () => onSelect?.(createComponentSelection(component, step)),
-                    children: /* @__PURE__ */ jsx13(
+                    children: /* @__PURE__ */ jsx14(
                       FallbackImage,
                       {
                         alt: step.image.alt,
@@ -3124,21 +3162,21 @@ function StepsView({ className, component, onSelect }) {
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   Modal2.Backdrop,
                   {
                     className: "aui-image-modal__backdrop",
                     UNSTABLE_portalContainer: portalContainer,
                     variant: "blur",
-                    children: /* @__PURE__ */ jsx13(Modal2.Container, { className: "aui-image-modal__container", placement: "center", children: /* @__PURE__ */ jsxs10(
+                    children: /* @__PURE__ */ jsx14(Modal2.Container, { className: "aui-image-modal__container", placement: "center", children: /* @__PURE__ */ jsxs11(
                       Modal2.Dialog,
                       {
                         "aria-label": step.image.alt,
                         className: "aui-image-modal__dialog",
                         "data-slot": "agent-ui-image-modal",
                         children: [
-                          /* @__PURE__ */ jsx13(Modal2.CloseTrigger, { className: "aui-image-modal__close" }),
-                          /* @__PURE__ */ jsx13(
+                          /* @__PURE__ */ jsx14(Modal2.CloseTrigger, { className: "aui-image-modal__close" }),
+                          /* @__PURE__ */ jsx14(
                             FallbackImage,
                             {
                               alt: step.image.alt,
@@ -3152,18 +3190,18 @@ function StepsView({ className, component, onSelect }) {
                   }
                 )
               ] }) : marker,
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   className: "aui-steps__content-action",
                   "data-slot": "agent-ui-step-action",
                   type: "button",
                   onClick: () => onSelect?.(createComponentSelection(component, step)),
-                  children: /* @__PURE__ */ jsxs10("span", { "data-slot": "agent-ui-step-content", children: [
-                    step.timestamp || step.meta ? /* @__PURE__ */ jsx13("span", { className: "aui-steps__meta", "data-slot": "agent-ui-step-meta", children: [step.timestamp, step.meta].filter(Boolean).join(" \xB7 ") }) : null,
-                    /* @__PURE__ */ jsx13("strong", { "data-slot": "agent-ui-step-title", children: step.title }),
-                    step.content ? /* @__PURE__ */ jsx13("small", { "data-slot": "agent-ui-step-description", children: step.content }) : null,
-                    step.progress !== void 0 ? /* @__PURE__ */ jsxs10(
+                  children: /* @__PURE__ */ jsxs11("span", { "data-slot": "agent-ui-step-content", children: [
+                    step.timestamp || step.meta ? /* @__PURE__ */ jsx14("span", { className: "aui-steps__meta", "data-slot": "agent-ui-step-meta", children: [step.timestamp, step.meta].filter(Boolean).join(" \xB7 ") }) : null,
+                    /* @__PURE__ */ jsx14("strong", { "data-slot": "agent-ui-step-title", children: step.title }),
+                    step.content ? /* @__PURE__ */ jsx14("small", { "data-slot": "agent-ui-step-description", children: step.content }) : null,
+                    step.progress !== void 0 ? /* @__PURE__ */ jsxs11(
                       ProgressBar,
                       {
                         "aria-label": `${step.title} progress`,
@@ -3172,8 +3210,8 @@ function StepsView({ className, component, onSelect }) {
                         value: step.progress,
                         color: status === "failed" ? "danger" : status === "blocked" ? "warning" : "accent",
                         children: [
-                          /* @__PURE__ */ jsx13(ProgressBar.Output, {}),
-                          /* @__PURE__ */ jsx13(ProgressBar.Track, { children: /* @__PURE__ */ jsx13(ProgressBar.Fill, {}) })
+                          /* @__PURE__ */ jsx14(ProgressBar.Output, {}),
+                          /* @__PURE__ */ jsx14(ProgressBar.Track, { children: /* @__PURE__ */ jsx14(ProgressBar.Fill, {}) })
                         ]
                       }
                     ) : null
@@ -3189,16 +3227,16 @@ function StepsView({ className, component, onSelect }) {
   ) });
 }
 function CodeBlockView({ className, component }) {
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx13(CodeBlock, { code: component.code, language: component.language }) });
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx14(CodeBlock, { code: component.code, language: component.language }) });
 }
 function DiagramView({ className, component }) {
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx13(Diagram, { chart: component.chart, title: component.title }) });
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx14(Diagram, { chart: component.chart, title: component.title }) });
 }
 function TabsView({ className, component, onSelect, renderPanel }) {
   const tabIds = useMemo2(() => new Set(component.tabs.map((tab) => tab.id)), [component.tabs]);
   const [selected, setSelected] = useState5(component.defaultValue ?? component.tabs[0]?.id ?? "");
   const activeId = tabIds.has(selected) ? selected : component.defaultValue ?? component.tabs[0]?.id ?? "";
-  return /* @__PURE__ */ jsx13(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx13("div", { className: "aui-tabs", "data-slot": "agent-ui-tabs", children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx14(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx14("div", { className: "aui-tabs", "data-slot": "agent-ui-tabs", children: /* @__PURE__ */ jsxs11(
     Tabs,
     {
       selectedKey: activeId,
@@ -3210,17 +3248,17 @@ function TabsView({ className, component, onSelect, renderPanel }) {
         if (nextTab) onSelect?.(createComponentSelection(component, nextTab));
       },
       children: [
-        /* @__PURE__ */ jsx13(Tabs.ListContainer, { children: /* @__PURE__ */ jsx13(Tabs.List, { "aria-label": component.title, children: component.tabs.map((tab) => /* @__PURE__ */ jsxs10(Tabs.Tab, { id: tab.id, children: [
+        /* @__PURE__ */ jsx14(Tabs.ListContainer, { children: /* @__PURE__ */ jsx14(Tabs.List, { "aria-label": component.title, children: component.tabs.map((tab) => /* @__PURE__ */ jsxs11(Tabs.Tab, { id: tab.id, children: [
           tab.label,
-          /* @__PURE__ */ jsx13(Tabs.Indicator, {})
+          /* @__PURE__ */ jsx14(Tabs.Indicator, {})
         ] }, tab.id)) }) }),
-        component.tabs.map((tab) => /* @__PURE__ */ jsx13(
+        component.tabs.map((tab) => /* @__PURE__ */ jsx14(
           Tabs.Panel,
           {
             className: "aui-tabs__panel",
             "data-content": tab.children ? "rich" : "text",
             id: tab.id,
-            children: tab.children ? /* @__PURE__ */ jsx13("div", { className: "aui-tabs__panel-content", children: renderPanel?.(tab.children) ?? null }) : tab.content
+            children: tab.children ? /* @__PURE__ */ jsx14("div", { className: "aui-tabs__panel-content", children: renderPanel?.(tab.children) ?? null }) : tab.content
           },
           tab.id
         ))
@@ -6727,7 +6765,7 @@ var itemCardVariants = tv({
 });
 
 // ../react/src/components/item-card/item-card.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var ItemCardContext = createContext({});
 var ItemCardRoot = ({
   children,
@@ -6736,7 +6774,7 @@ var ItemCardRoot = ({
   ...props
 }) => {
   const slots = useMemo3(() => itemCardVariants({ variant }), [variant]);
-  return /* @__PURE__ */ jsx14(ItemCardContext, { value: { slots }, children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(ItemCardContext, { value: { slots }, children: /* @__PURE__ */ jsx15(
     dom.div,
     {
       className: composeSlotClassName(slots?.base, className),
@@ -6748,7 +6786,7 @@ var ItemCardRoot = ({
 };
 var ItemCardIcon = ({ children, className, ...props }) => {
   const { slots } = useContext(ItemCardContext);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       className: composeSlotClassName(slots?.icon, className),
@@ -6760,7 +6798,7 @@ var ItemCardIcon = ({ children, className, ...props }) => {
 };
 var ItemCardContent = ({ children, className, ...props }) => {
   const { slots } = useContext(ItemCardContext);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       className: composeSlotClassName(slots?.content, className),
@@ -6772,7 +6810,7 @@ var ItemCardContent = ({ children, className, ...props }) => {
 };
 var ItemCardTitle = ({ children, className, ...props }) => {
   const { slots } = useContext(ItemCardContext);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "span",
     {
       className: composeSlotClassName(slots?.title, className),
@@ -6784,7 +6822,7 @@ var ItemCardTitle = ({ children, className, ...props }) => {
 };
 var ItemCardDescription = ({ children, className, ...props }) => {
   const { slots } = useContext(ItemCardContext);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "span",
     {
       className: composeSlotClassName(slots?.description, className),
@@ -6796,7 +6834,7 @@ var ItemCardDescription = ({ children, className, ...props }) => {
 };
 var ItemCardAction = ({ children, className, ...props }) => {
   const { slots } = useContext(ItemCardContext);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       className: composeSlotClassName(slots?.action, className),
@@ -6862,7 +6900,7 @@ var itemCardGroupVariants = tv({
 });
 
 // ../react/src/components/item-card-group/item-card-group.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var ItemCardGroupContext = createContext2({});
 var ItemCardGroupRoot = ({
   children,
@@ -6875,7 +6913,7 @@ var ItemCardGroupRoot = ({
 }) => {
   const slots = useMemo4(() => itemCardGroupVariants({ layout, variant }), [layout, variant]);
   const gridStyle = layout === "grid" && columns ? { ...style, "--item-card-group-columns": columns } : style;
-  return /* @__PURE__ */ jsx15(ItemCardGroupContext, { value: { slots }, children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(ItemCardGroupContext, { value: { slots }, children: /* @__PURE__ */ jsx16(
     "div",
     {
       className: composeSlotClassName(slots?.base, className),
@@ -6889,7 +6927,7 @@ var ItemCardGroupRoot = ({
 };
 var ItemCardGroupHeader = ({ children, className, ...props }) => {
   const { slots } = useContext2(ItemCardGroupContext);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       className: composeSlotClassName(slots?.header, className),
@@ -6901,7 +6939,7 @@ var ItemCardGroupHeader = ({ children, className, ...props }) => {
 };
 var ItemCardGroupTitle = ({ children, className, ...props }) => {
   const { slots } = useContext2(ItemCardGroupContext);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "h3",
     {
       className: composeSlotClassName(slots?.title, className),
@@ -6917,7 +6955,7 @@ var ItemCardGroupDescription = ({
   ...props
 }) => {
   const { slots } = useContext2(ItemCardGroupContext);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "p",
     {
       className: composeSlotClassName(slots?.description, className),
@@ -6937,16 +6975,16 @@ var ItemCardGroup = Object.assign(ItemCardGroupRoot, {
 });
 
 // ../agent-ui/src/components/display-information/item-card/item-card.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function itemCardContent({
   left,
   middle,
   right
 }) {
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
-    left ? /* @__PURE__ */ jsx16(ItemCard.Icon, { children: left }) : null,
-    /* @__PURE__ */ jsx16(ItemCard.Content, { children: middle }),
-    right ? /* @__PURE__ */ jsx16(ItemCard.Action, { children: right }) : null
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    left ? /* @__PURE__ */ jsx17(ItemCard.Icon, { children: left }) : null,
+    /* @__PURE__ */ jsx17(ItemCard.Content, { children: middle }),
+    right ? /* @__PURE__ */ jsx17(ItemCard.Action, { children: right }) : null
   ] });
 }
 function ItemCardView({
@@ -6969,15 +7007,15 @@ function ItemCardView({
     variant: component.variant
   };
   if (!component.action) {
-    return /* @__PURE__ */ jsx16(ItemCard, { ...shared, children: content2 });
+    return /* @__PURE__ */ jsx17(ItemCard, { ...shared, children: content2 });
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     ItemCard,
     {
       ...shared,
       "aria-pressed": component.isSelected || void 0,
       disabled: component.isDisabled,
-      render: (props) => /* @__PURE__ */ jsx16("button", { type: "button", ...props }),
+      render: (props) => /* @__PURE__ */ jsx17("button", { type: "button", ...props }),
       onClick: () => {
         if (component.isDisabled) return;
         const action2 = componentActionFromSpec(component.id, component.action);
@@ -6997,7 +7035,7 @@ function ItemCardView({
   );
 }
 function ItemCardGroupView({ children, className, component }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     ItemCardGroup,
     {
       "aria-label": component.title,
@@ -7007,9 +7045,9 @@ function ItemCardGroupView({ children, className, component }) {
       layout: component.layout,
       variant: component.variant,
       children: [
-        component.showHeader ? /* @__PURE__ */ jsxs11(ItemCardGroup.Header, { children: [
-          /* @__PURE__ */ jsx16(ItemCardGroup.Title, { children: component.title }),
-          component.description ? /* @__PURE__ */ jsx16(ItemCardGroup.Description, { children: component.description }) : null
+        component.showHeader ? /* @__PURE__ */ jsxs12(ItemCardGroup.Header, { children: [
+          /* @__PURE__ */ jsx17(ItemCardGroup.Title, { children: component.title }),
+          component.description ? /* @__PURE__ */ jsx17(ItemCardGroup.Description, { children: component.description }) : null
         ] }) : null,
         children
       ]
@@ -7023,7 +7061,7 @@ import { Children } from "react";
 // ../agent-ui/src/components/display-information/widget/widget.tsx
 import { Picture as Picture2 } from "@gravity-ui/icons";
 import { useState as useState6 } from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var alignItems = { center: "center", end: "flex-end", start: "flex-start", stretch: "stretch" };
 var justifyContent = {
   between: "space-between",
@@ -7088,7 +7126,7 @@ function WidgetCard({
   theme = "light",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "section",
     {
       "data-size": cardSize,
@@ -7105,7 +7143,7 @@ function WidgetCard({
 }
 function WidgetRow({ className, radius, ...props }) {
   const { elementProps, style } = resolveLayoutProps(props);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: mergeClassNames("aui-widget-row", className),
@@ -7117,7 +7155,7 @@ function WidgetRow({ className, radius, ...props }) {
 }
 function WidgetCol({ className, radius, ...props }) {
   const { elementProps, style } = resolveLayoutProps(props);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: mergeClassNames("aui-widget-col", className),
@@ -7129,7 +7167,7 @@ function WidgetCol({ className, radius, ...props }) {
 }
 function WidgetBox({ className, radius, ...props }) {
   const { elementProps, style } = resolveLayoutProps(props);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: mergeClassNames("aui-widget-box", className),
@@ -7140,10 +7178,10 @@ function WidgetBox({ className, radius, ...props }) {
   );
 }
 function WidgetSpacer({ className }) {
-  return /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", className: mergeClassNames("aui-widget-spacer", className) });
+  return /* @__PURE__ */ jsx18("span", { "aria-hidden": "true", className: mergeClassNames("aui-widget-spacer", className) });
 }
 function WidgetDivider({ className, flush = false }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "hr",
     {
       className: mergeClassNames("aui-widget-divider", className),
@@ -7177,7 +7215,7 @@ function resolveTextProps({
 }
 function WidgetText({ children, className, value, ...props }) {
   const { elementProps, visualProps } = resolveTextProps(props);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "span",
     {
       className: mergeClassNames("aui-widget-text", className),
@@ -7189,7 +7227,7 @@ function WidgetText({ children, className, value, ...props }) {
 }
 function WidgetTitle({ children, className, value, ...props }) {
   const { elementProps, visualProps } = resolveTextProps(props);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "h3",
     {
       className: mergeClassNames("aui-widget-title", className),
@@ -7201,7 +7239,7 @@ function WidgetTitle({ children, className, value, ...props }) {
 }
 function WidgetCaption({ children, className, value, ...props }) {
   const { elementProps, visualProps } = resolveTextProps(props);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "span",
     {
       className: mergeClassNames("aui-widget-caption", className),
@@ -7239,7 +7277,7 @@ function WidgetImage({
     }
   };
   if (!src || failedSrc === src) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       "span",
       {
         "aria-hidden": alt ? void 0 : true,
@@ -7248,11 +7286,11 @@ function WidgetImage({
         "data-slot": "agent-ui-image-fallback",
         role: alt ? "img" : void 0,
         ...visualProps,
-        children: /* @__PURE__ */ jsx17(Picture2, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsx18(Picture2, { "aria-hidden": "true" })
       }
     );
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "img",
     {
       alt,
@@ -7272,7 +7310,7 @@ function WidgetIcon({
   className,
   size: iconSize
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "span",
     {
       className: mergeClassNames("aui-widget-icon", className),
@@ -7282,16 +7320,16 @@ function WidgetIcon({
   );
 }
 function WidgetActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx17("div", { className: mergeClassNames("aui-widget-actions", className), ...props });
+  return /* @__PURE__ */ jsx18("div", { className: mergeClassNames("aui-widget-actions", className), ...props });
 }
 function WidgetButton(props) {
-  return /* @__PURE__ */ jsx17(ActionButton, { ...props });
+  return /* @__PURE__ */ jsx18(ActionButton, { ...props });
 }
 
 // ../agent-ui/src/components/display-information/layout/layout-views.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function RowView({ children, className, component }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: mergeClassNames("aui-row", className),
@@ -7304,7 +7342,7 @@ function RowView({ children, className, component }) {
   );
 }
 function ColView({ children, className, component }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: mergeClassNames("aui-col", className),
@@ -7320,7 +7358,7 @@ function GridView({ children, className, component }) {
   const isRecordList = component.columns === 1 && component.children.length > 1 && component.children.every((child) => child.kind === "record-card");
   const renderedChildren = isRecordList ? Children.toArray(children).flatMap(
     (child, index) => index === 0 ? [child] : [
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         WidgetDivider,
         {
           className: "aui-record-list__divider"
@@ -7330,7 +7368,7 @@ function GridView({ children, className, component }) {
       child
     ]
   ) : children;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: mergeClassNames("aui-grid", className),
@@ -7343,19 +7381,19 @@ function GridView({ children, className, component }) {
   );
 }
 function CardContainerView({ children, className, component }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Card,
     {
       className,
       description: component.description,
       title: component.title,
       variant: component.variant,
-      children: /* @__PURE__ */ jsx18("div", { className: "aui-card-stack", "data-slot": "agent-ui-card-stack", children })
+      children: /* @__PURE__ */ jsx19("div", { className: "aui-card-stack", "data-slot": "agent-ui-card-stack", children })
     }
   );
 }
 function SpacerView({ className, component }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "span",
     {
       "aria-hidden": "true",
@@ -7366,7 +7404,7 @@ function SpacerView({ className, component }) {
   );
 }
 function DividerView({ className }) {
-  return /* @__PURE__ */ jsx18(WidgetDivider, { className });
+  return /* @__PURE__ */ jsx19(WidgetDivider, { className });
 }
 
 // ../agent-ui/src/components/display-information/map/map.tsx
@@ -7400,7 +7438,7 @@ function useAgentMapTileProvider() {
 }
 
 // ../agent-ui/src/components/display-information/map/map.tsx
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 var ratingFormatter = new Intl.NumberFormat(void 0, {
   maximumFractionDigits: 1,
   minimumFractionDigits: 1
@@ -7450,9 +7488,9 @@ function MapLocationImage({ className, location }) {
   const image = location.images?.[0];
   const [failedSource, setFailedSource] = useState7();
   if (!image || failedSource === image.src) {
-    return /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", className: mergeClassNames(className, "aui-map__image-fallback"), children: getInitials(location.title) });
+    return /* @__PURE__ */ jsx20("span", { "aria-hidden": "true", className: mergeClassNames(className, "aui-map__image-fallback"), children: getInitials(location.title) });
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     WidgetImage,
     {
       alt: image.alt,
@@ -7471,7 +7509,7 @@ function getLocationArea(address) {
 var MapDetailPresenceSlide = forwardRef(
   function MapDetailPresenceSlide2({ children, className, direction, transition, variants }, ref) {
     const isPresent = useIsPresent();
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       m.div,
       {
         ref,
@@ -7495,18 +7533,18 @@ function LocationMetadata({
   showCategory = true
 }) {
   const ratingLabel = location.rating === void 0 ? void 0 : `${formatRating(location.rating)} out of 5${location.reviewCount === void 0 ? "" : `, ${reviewCountFormatter.format(location.reviewCount)} reviews`}`;
-  return /* @__PURE__ */ jsxs12("span", { className: "aui-map__metadata", "data-slot": "agent-ui-map-location-metadata", children: [
-    location.rating !== void 0 ? /* @__PURE__ */ jsxs12("span", { "aria-label": ratingLabel, className: "aui-map__rating", children: [
-      /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", children: formatRating(location.rating) }),
-      /* @__PURE__ */ jsx19(StarFill, { "aria-hidden": "true" })
+  return /* @__PURE__ */ jsxs13("span", { className: "aui-map__metadata", "data-slot": "agent-ui-map-location-metadata", children: [
+    location.rating !== void 0 ? /* @__PURE__ */ jsxs13("span", { "aria-label": ratingLabel, className: "aui-map__rating", children: [
+      /* @__PURE__ */ jsx20("span", { "aria-hidden": "true", children: formatRating(location.rating) }),
+      /* @__PURE__ */ jsx20(StarFill, { "aria-hidden": "true" })
     ] }) : null,
-    location.reviewCount !== void 0 ? /* @__PURE__ */ jsxs12("span", { "aria-hidden": "true", children: [
+    location.reviewCount !== void 0 ? /* @__PURE__ */ jsxs13("span", { "aria-hidden": "true", children: [
       reviewCountFormatter.format(location.reviewCount),
       " reviews"
     ] }) : null,
-    showCategory && location.category ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
-      /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", className: "aui-map__metadata-separator", children: "\xB7" }),
-      /* @__PURE__ */ jsx19("span", { children: location.category })
+    showCategory && location.category ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+      /* @__PURE__ */ jsx20("span", { "aria-hidden": "true", className: "aui-map__metadata-separator", children: "\xB7" }),
+      /* @__PURE__ */ jsx20("span", { children: location.category })
     ] }) : null
   ] });
 }
@@ -7517,7 +7555,7 @@ function HostTileMapSurface({ component, onSelect, selectedLocationId }) {
     () => new Map(component.locations.map((location) => [location.id, location])),
     [component.locations]
   );
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       "aria-label": `${component.title} map with ${component.locations.length} locations`,
@@ -7526,7 +7564,7 @@ function HostTileMapSurface({ component, onSelect, selectedLocationId }) {
       "data-slot": "agent-ui-map-surface",
       role: "region",
       children: [
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13(
           "svg",
           {
             "aria-hidden": "true",
@@ -7534,14 +7572,14 @@ function HostTileMapSurface({ component, onSelect, selectedLocationId }) {
             preserveAspectRatio: "none",
             viewBox: "0 0 800 520",
             children: [
-              /* @__PURE__ */ jsx19("path", { d: "M-40 430C130 270 210 310 360 190S590 35 850 110" }),
-              /* @__PURE__ */ jsx19("path", { d: "M-20 120C180 210 255 150 405 265S650 470 830 390" }),
-              /* @__PURE__ */ jsx19("path", { d: "M80 -30C125 120 250 205 220 560" }),
-              /* @__PURE__ */ jsx19("path", { d: "M590 -30C520 120 530 290 690 560" })
+              /* @__PURE__ */ jsx20("path", { d: "M-40 430C130 270 210 310 360 190S590 35 850 110" }),
+              /* @__PURE__ */ jsx20("path", { d: "M-20 120C180 210 255 150 405 265S650 470 830 390" }),
+              /* @__PURE__ */ jsx20("path", { d: "M80 -30C125 120 250 205 220 560" }),
+              /* @__PURE__ */ jsx20("path", { d: "M590 -30C520 120 530 290 690 560" })
             ]
           }
         ),
-        tileProvider ? /* @__PURE__ */ jsx19("div", { "aria-hidden": "true", className: "aui-map__tiles", children: layout.tiles.map((tile) => {
+        tileProvider ? /* @__PURE__ */ jsx20("div", { "aria-hidden": "true", className: "aui-map__tiles", children: layout.tiles.map((tile) => {
           let source;
           try {
             source = tileProvider.getTileUrl({
@@ -7552,7 +7590,7 @@ function HostTileMapSurface({ component, onSelect, selectedLocationId }) {
           } catch {
             source = void 0;
           }
-          return source ? /* @__PURE__ */ jsx19(
+          return source ? /* @__PURE__ */ jsx20(
             "img",
             {
               alt: "",
@@ -7573,13 +7611,13 @@ function HostTileMapSurface({ component, onSelect, selectedLocationId }) {
             tile.key
           ) : null;
         }) }) : null,
-        /* @__PURE__ */ jsx19("div", { className: "aui-map__markers", "data-slot": "agent-ui-map-markers", children: layout.points.map((point, index) => {
+        /* @__PURE__ */ jsx20("div", { className: "aui-map__markers", "data-slot": "agent-ui-map-markers", children: layout.points.map((point, index) => {
           const location = locationsById.get(point.id);
           if (!location) return null;
           const selected = location.id === selectedLocationId;
           const markerLabel = location.rating !== void 0 ? formatRating(location.rating) : location.relevance !== void 0 ? `${Math.round(location.relevance * 100)}%` : String(index + 1);
           const accessibleLabel = `Select ${location.title} on map${location.rating === void 0 ? "" : `, rated ${formatRating(location.rating)} out of 5`}`;
-          return /* @__PURE__ */ jsxs12(
+          return /* @__PURE__ */ jsxs13(
             "button",
             {
               "aria-label": accessibleLabel,
@@ -7595,35 +7633,35 @@ function HostTileMapSurface({ component, onSelect, selectedLocationId }) {
               },
               onClick: () => onSelect(location),
               children: [
-                /* @__PURE__ */ jsx19(StarFill, { "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx19("span", { children: markerLabel })
+                /* @__PURE__ */ jsx20(StarFill, { "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx20("span", { children: markerLabel })
               ]
             },
             location.id
           );
         }) }),
-        /* @__PURE__ */ jsx19("span", { className: "aui-map__attribution", "data-slot": "agent-ui-map-attribution", children: tileProvider?.attribution ?? "Location preview" })
+        /* @__PURE__ */ jsx20("span", { className: "aui-map__attribution", "data-slot": "agent-ui-map-attribution", children: tileProvider?.attribution ?? "Location preview" })
       ]
     }
   );
 }
 function MapSurface(props) {
   const tileProvider = useAgentMapTileProvider();
-  if (tileProvider) return /* @__PURE__ */ jsx19(HostTileMapSurface, { ...props });
-  return /* @__PURE__ */ jsx19(
+  if (tileProvider) return /* @__PURE__ */ jsx20(HostTileMapSurface, { ...props });
+  return /* @__PURE__ */ jsx20(
     Suspense2,
     {
-      fallback: /* @__PURE__ */ jsx19(
+      fallback: /* @__PURE__ */ jsx20(
         "div",
         {
           "aria-label": "Loading interactive map",
           className: "aui-map__surface aui-map__surface--loading",
           "data-slot": "agent-ui-map-surface",
           role: "status",
-          children: /* @__PURE__ */ jsx19("span", {})
+          children: /* @__PURE__ */ jsx20("span", {})
         }
       ),
-      children: /* @__PURE__ */ jsx19(LazyInteractiveMapSurface, { ...props })
+      children: /* @__PURE__ */ jsx20(LazyInteractiveMapSurface, { ...props })
     }
   );
 }
@@ -7636,7 +7674,7 @@ function ResultCard({
 }) {
   const area = getLocationArea(location.address);
   const subtitle = [location.category, area].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "button",
     {
       ref: setRef,
@@ -7649,13 +7687,13 @@ function ResultCard({
       onClick: onOpen,
       onKeyDown,
       children: [
-        /* @__PURE__ */ jsx19(MapLocationImage, { className: "aui-map__result-image", location }),
-        /* @__PURE__ */ jsxs12("span", { className: "aui-map__result-content", children: [
-          /* @__PURE__ */ jsx19("span", { className: "aui-map__result-title", children: location.title }),
-          subtitle ? /* @__PURE__ */ jsx19("span", { className: "aui-map__result-subtitle", children: subtitle }) : null,
-          /* @__PURE__ */ jsx19(LocationMetadata, { location, showCategory: false })
+        /* @__PURE__ */ jsx20(MapLocationImage, { className: "aui-map__result-image", location }),
+        /* @__PURE__ */ jsxs13("span", { className: "aui-map__result-content", children: [
+          /* @__PURE__ */ jsx20("span", { className: "aui-map__result-title", children: location.title }),
+          subtitle ? /* @__PURE__ */ jsx20("span", { className: "aui-map__result-subtitle", children: subtitle }) : null,
+          /* @__PURE__ */ jsx20(LocationMetadata, { location, showCategory: false })
         ] }),
-        location.relevance !== void 0 ? /* @__PURE__ */ jsx19("span", { className: "aui-map__result-aside", children: /* @__PURE__ */ jsxs12("span", { className: "aui-map__relevance", "data-slot": "agent-ui-map-relevance", children: [
+        location.relevance !== void 0 ? /* @__PURE__ */ jsx20("span", { className: "aui-map__result-aside", children: /* @__PURE__ */ jsxs13("span", { className: "aui-map__relevance", "data-slot": "agent-ui-map-relevance", children: [
           Math.round(location.relevance * 100),
           "% match"
         ] }) }) : null
@@ -7678,8 +7716,8 @@ function MapDetails({
   const hasImage = primaryImage && primaryImage.src !== failedSource;
   const animationDirection = shouldReduceMotion ? 0 : direction;
   const transition = shouldReduceMotion ? reducedMotionTransition : detailTransition;
-  return /* @__PURE__ */ jsx19(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs12("div", { className: "aui-map-detail__content", children: [
-    /* @__PURE__ */ jsx19("div", { className: "aui-map-detail__hero", "data-has-image": Boolean(hasImage), children: /* @__PURE__ */ jsx19(AnimatePresence, { custom: animationDirection, initial: false, mode: "popLayout", children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx20(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs13("div", { className: "aui-map-detail__content", children: [
+    /* @__PURE__ */ jsx20("div", { className: "aui-map-detail__hero", "data-has-image": Boolean(hasImage), children: /* @__PURE__ */ jsx20(AnimatePresence, { custom: animationDirection, initial: false, mode: "popLayout", children: /* @__PURE__ */ jsxs13(
       MapDetailPresenceSlide,
       {
         className: "aui-map-detail__hero-slide",
@@ -7687,7 +7725,7 @@ function MapDetails({
         transition,
         variants: detailHeroVariants,
         children: [
-          hasImage ? /* @__PURE__ */ jsx19(
+          hasImage ? /* @__PURE__ */ jsx20(
             WidgetImage,
             {
               alt: primaryImage.alt,
@@ -7696,9 +7734,9 @@ function MapDetails({
               src: primaryImage.src,
               onError: () => setFailedSource(primaryImage.src)
             }
-          ) : /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", className: "aui-map-detail__hero-fallback", children: getInitials(location.title) }),
-          location.images && location.images.length > 1 ? /* @__PURE__ */ jsxs12("span", { className: "aui-map-detail__image-count", children: [
-            /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", children: "\u25A7" }),
+          ) : /* @__PURE__ */ jsx20("span", { "aria-hidden": "true", className: "aui-map-detail__hero-fallback", children: getInitials(location.title) }),
+          location.images && location.images.length > 1 ? /* @__PURE__ */ jsxs13("span", { className: "aui-map-detail__image-count", children: [
+            /* @__PURE__ */ jsx20("span", { "aria-hidden": "true", children: "\u25A7" }),
             " ",
             location.images.length
           ] }) : null
@@ -7706,8 +7744,8 @@ function MapDetails({
       },
       location.id
     ) }) }),
-    /* @__PURE__ */ jsx19(Modal3.CloseTrigger, { "aria-label": "Close location details", className: "aui-map-detail__close" }),
-    /* @__PURE__ */ jsx19(AnimatePresence, { custom: animationDirection, initial: false, mode: "popLayout", children: /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsx20(Modal3.CloseTrigger, { "aria-label": "Close location details", className: "aui-map-detail__close" }),
+    /* @__PURE__ */ jsx20(AnimatePresence, { custom: animationDirection, initial: false, mode: "popLayout", children: /* @__PURE__ */ jsxs13(
       MapDetailPresenceSlide,
       {
         className: "aui-map-detail__body",
@@ -7715,14 +7753,14 @@ function MapDetails({
         transition,
         variants: detailBodyVariants,
         children: [
-          /* @__PURE__ */ jsxs12("div", { className: "aui-map-detail__heading", children: [
-            /* @__PURE__ */ jsx19("h2", { id: headingId, children: location.title }),
-            /* @__PURE__ */ jsx19(LocationMetadata, { location }),
-            location.address ? /* @__PURE__ */ jsx19("p", { className: "aui-map-detail__address", children: location.address }) : null
+          /* @__PURE__ */ jsxs13("div", { className: "aui-map-detail__heading", children: [
+            /* @__PURE__ */ jsx20("h2", { id: headingId, children: location.title }),
+            /* @__PURE__ */ jsx20(LocationMetadata, { location }),
+            location.address ? /* @__PURE__ */ jsx20("p", { className: "aui-map-detail__address", children: location.address }) : null
           ] }),
-          location.actions?.length ? /* @__PURE__ */ jsx19("div", { className: "aui-map-detail__actions", "data-slot": "agent-ui-map-detail-actions", children: location.actions.map((action2, index) => {
+          location.actions?.length ? /* @__PURE__ */ jsx20("div", { className: "aui-map-detail__actions", "data-slot": "agent-ui-map-detail-actions", children: location.actions.map((action2, index) => {
             const external = action2.href.startsWith("http://") || action2.href.startsWith("https://");
-            return /* @__PURE__ */ jsx19(
+            return /* @__PURE__ */ jsx20(
               "a",
               {
                 className: "aui-button",
@@ -7737,40 +7775,40 @@ function MapDetails({
               action2.id
             );
           }) }) : null,
-          location.notes ? /* @__PURE__ */ jsxs12("section", { className: "aui-map-detail__notes", "data-slot": "agent-ui-map-detail-notes", children: [
-            /* @__PURE__ */ jsx19("span", { children: "Notes" }),
-            /* @__PURE__ */ jsx19("p", { children: renderInlineMarkdown(location.notes) })
+          location.notes ? /* @__PURE__ */ jsxs13("section", { className: "aui-map-detail__notes", "data-slot": "agent-ui-map-detail-notes", children: [
+            /* @__PURE__ */ jsx20("span", { children: "Notes" }),
+            /* @__PURE__ */ jsx20("p", { children: renderInlineMarkdown(location.notes) })
           ] }) : null
         ]
       },
       location.id
     ) }),
-    /* @__PURE__ */ jsxs12("footer", { className: "aui-map-detail__footer", children: [
-      /* @__PURE__ */ jsx19("span", { className: "aui-map-detail__provider", children: tileProvider?.attribution ?? "OpenStreetMap \xB7 CARTO" }),
-      /* @__PURE__ */ jsxs12("div", { className: "aui-map-detail__navigation", children: [
-        /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs13("footer", { className: "aui-map-detail__footer", children: [
+      /* @__PURE__ */ jsx20("span", { className: "aui-map-detail__provider", children: tileProvider?.attribution ?? "OpenStreetMap \xB7 CARTO" }),
+      /* @__PURE__ */ jsxs13("div", { className: "aui-map-detail__navigation", children: [
+        /* @__PURE__ */ jsx20(
           "button",
           {
             "aria-label": "Previous location",
             disabled: currentIndex === 0,
             type: "button",
             onClick: () => onNavigate(currentIndex - 1),
-            children: /* @__PURE__ */ jsx19(ChevronLeft, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx20(ChevronLeft, { "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ jsxs12("span", { "aria-live": "polite", children: [
+        /* @__PURE__ */ jsxs13("span", { "aria-live": "polite", children: [
           currentIndex + 1,
           " of ",
           component.locations.length
         ] }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "button",
           {
             "aria-label": "Next location",
             disabled: currentIndex === component.locations.length - 1,
             type: "button",
             onClick: () => onNavigate(currentIndex + 1),
-            children: /* @__PURE__ */ jsx19(ChevronRight, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx20(ChevronRight, { "aria-hidden": "true" })
           }
         )
       ] })
@@ -7907,18 +7945,18 @@ function MapView({ className, component, onSelect }) {
     },
     [activeIndex, component.locations, selectLocation]
   );
-  const title2 = /* @__PURE__ */ jsxs12("span", { className: "aui-map__card-title", children: [
-    /* @__PURE__ */ jsx19(MapPin2, { "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx19("span", { children: component.title })
+  const title2 = /* @__PURE__ */ jsxs13("span", { className: "aui-map__card-title", children: [
+    /* @__PURE__ */ jsx20(MapPin2, { "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx20("span", { children: component.title })
   ] });
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Card,
     {
       className: mergeClassNames("aui-map-card", className),
       description: component.description,
       title: title2,
-      children: /* @__PURE__ */ jsxs12("div", { ref: componentRef, className: "aui-map", "data-slot": "agent-ui-map", children: [
-        /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsxs13("div", { ref: componentRef, className: "aui-map", "data-slot": "agent-ui-map", children: [
+        /* @__PURE__ */ jsx20(
           MapSurface,
           {
             component,
@@ -7926,7 +7964,7 @@ function MapView({ className, component, onSelect }) {
             onSelect: (location) => selectLocation(location, { scroll: true })
           }
         ),
-        /* @__PURE__ */ jsx19("div", { className: "aui-map__rail", "data-slot": "agent-ui-map-results", onScroll: handleRailScroll, children: /* @__PURE__ */ jsx19("ul", { "aria-label": `${component.title} results`, children: component.locations.map((location, index) => /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("div", { className: "aui-map__rail", "data-slot": "agent-ui-map-results", onScroll: handleRailScroll, children: /* @__PURE__ */ jsx20("ul", { "aria-label": `${component.title} results`, children: component.locations.map((location, index) => /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(
           ResultCard,
           {
             location,
@@ -7939,7 +7977,7 @@ function MapView({ className, component, onSelect }) {
             onOpen: () => selectLocation(location, { openDetails: true, scroll: false })
           }
         ) }, location.id)) }) }),
-        /* @__PURE__ */ jsxs12("span", { "aria-live": "polite", className: "aui-map__live-region", children: [
+        /* @__PURE__ */ jsxs13("span", { "aria-live": "polite", className: "aui-map__live-region", children: [
           "Result ",
           activeIndex + 1,
           " of ",
@@ -7947,7 +7985,7 @@ function MapView({ className, component, onSelect }) {
           ", ",
           activeLocation.title
         ] }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           Modal3.Backdrop,
           {
             className: "aui-map-detail__backdrop",
@@ -7955,13 +7993,13 @@ function MapView({ className, component, onSelect }) {
             UNSTABLE_portalContainer: portalContainer,
             variant: "blur",
             onOpenChange: handleDetailsOpenChange,
-            children: /* @__PURE__ */ jsx19(Modal3.Container, { className: "aui-map-detail__container", placement: "center", size: "cover", children: /* @__PURE__ */ jsx19(
+            children: /* @__PURE__ */ jsx20(Modal3.Container, { className: "aui-map-detail__container", placement: "center", size: "cover", children: /* @__PURE__ */ jsx20(
               Modal3.Dialog,
               {
                 "aria-labelledby": activeDetailHeadingId,
                 className: "aui-map-detail__dialog",
                 "data-slot": "agent-ui-map-detail",
-                children: /* @__PURE__ */ jsx19(
+                children: /* @__PURE__ */ jsx20(
                   MapDetails,
                   {
                     component,
@@ -7987,7 +8025,7 @@ import { useCallback as useCallback4, useState as useState8 } from "react";
 
 // ../agent-ui/src/components/primitives/rating-stars.tsx
 import { StarFill as StarFill2 } from "@gravity-ui/icons";
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 var ratingFormatter2 = new Intl.NumberFormat(void 0, {
   maximumFractionDigits: 1
 });
@@ -7995,8 +8033,8 @@ var countFormatter = new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 })
 function RatingStars({ className, count, value }) {
   const clamped = Math.min(Math.max(value, 0), 5);
   const label = `Rated ${ratingFormatter2.format(clamped)} out of 5${count === void 0 ? "" : `, ${countFormatter.format(count)} reviews`}`;
-  const stars = Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx20(StarFill2, { "aria-hidden": "true" }, index));
-  return /* @__PURE__ */ jsxs13(
+  const stars = Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx21(StarFill2, { "aria-hidden": "true" }, index));
+  return /* @__PURE__ */ jsxs14(
     "span",
     {
       "aria-label": label,
@@ -8004,12 +8042,12 @@ function RatingStars({ className, count, value }) {
       "data-slot": "agent-ui-rating",
       role: "img",
       children: [
-        /* @__PURE__ */ jsxs13("span", { "aria-hidden": "true", className: "aui-rating__stars", children: [
-          /* @__PURE__ */ jsx20("span", { className: "aui-rating__track", children: stars }),
-          /* @__PURE__ */ jsx20("span", { className: "aui-rating__fill", style: { width: `${clamped / 5 * 100}%` }, children: /* @__PURE__ */ jsx20("span", { className: "aui-rating__track", children: stars }) })
+        /* @__PURE__ */ jsxs14("span", { "aria-hidden": "true", className: "aui-rating__stars", children: [
+          /* @__PURE__ */ jsx21("span", { className: "aui-rating__track", children: stars }),
+          /* @__PURE__ */ jsx21("span", { className: "aui-rating__fill", style: { width: `${clamped / 5 * 100}%` }, children: /* @__PURE__ */ jsx21("span", { className: "aui-rating__track", children: stars }) })
         ] }),
-        /* @__PURE__ */ jsx20("span", { "aria-hidden": "true", className: "aui-rating__value", children: ratingFormatter2.format(clamped) }),
-        count === void 0 ? null : /* @__PURE__ */ jsxs13("span", { "aria-hidden": "true", className: "aui-rating__count", children: [
+        /* @__PURE__ */ jsx21("span", { "aria-hidden": "true", className: "aui-rating__value", children: ratingFormatter2.format(clamped) }),
+        count === void 0 ? null : /* @__PURE__ */ jsxs14("span", { "aria-hidden": "true", className: "aui-rating__count", children: [
           "(",
           countFormatter.format(count),
           ")"
@@ -8020,7 +8058,7 @@ function RatingStars({ className, count, value }) {
 }
 
 // ../agent-ui/src/components/display-information/product-card/product-card.tsx
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 var priceFormatters = /* @__PURE__ */ new Map();
 function formatPrice(price) {
   const currency2 = price.currency ?? "USD";
@@ -8037,7 +8075,7 @@ function ProductActions({
   onAction,
   onSelect
 }) {
-  return /* @__PURE__ */ jsx21("span", { className: "aui-product__actions", "data-slot": "agent-ui-product-actions", children: actions.map((action2) => /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22("span", { className: "aui-product__actions", "data-slot": "agent-ui-product-actions", children: actions.map((action2) => /* @__PURE__ */ jsx22(
     ActionButton,
     {
       variant: action2.variant,
@@ -8066,7 +8104,7 @@ function ProductTile({
   const mediaRef = useCallback4((node) => {
     setPortalContainer(resolveOverlayPortalContainer(node));
   }, []);
-  const badge = product.badge ? /* @__PURE__ */ jsx21(
+  const badge = product.badge ? /* @__PURE__ */ jsx22(
     "span",
     {
       className: "aui-product__badge",
@@ -8075,12 +8113,12 @@ function ProductTile({
       children: product.badge.label
     }
   ) : null;
-  return /* @__PURE__ */ jsxs14("article", { className: "aui-product", "data-layout": layout, "data-slot": "agent-ui-product", children: [
-    imageFailed ? /* @__PURE__ */ jsxs14("span", { className: "aui-product__media", "data-slot": "agent-ui-product-media", children: [
-      /* @__PURE__ */ jsx21(FallbackImage, { alt: product.image.alt, className: "aui-product__image", src: void 0 }),
+  return /* @__PURE__ */ jsxs15("article", { className: "aui-product", "data-layout": layout, "data-slot": "agent-ui-product", children: [
+    imageFailed ? /* @__PURE__ */ jsxs15("span", { className: "aui-product__media", "data-slot": "agent-ui-product-media", children: [
+      /* @__PURE__ */ jsx22(FallbackImage, { alt: product.image.alt, className: "aui-product__image", src: void 0 }),
       badge
-    ] }) : /* @__PURE__ */ jsxs14(Modal4, { children: [
-      /* @__PURE__ */ jsxs14(
+    ] }) : /* @__PURE__ */ jsxs15(Modal4, { children: [
+      /* @__PURE__ */ jsxs15(
         Modal4.Trigger,
         {
           ref: mediaRef,
@@ -8088,7 +8126,7 @@ function ProductTile({
           className: "aui-product__media",
           "data-slot": "agent-ui-product-media",
           children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22(
               FallbackImage,
               {
                 alt: product.image.alt,
@@ -8102,21 +8140,21 @@ function ProductTile({
           ]
         }
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         Modal4.Backdrop,
         {
           className: "aui-image-modal__backdrop",
           UNSTABLE_portalContainer: portalContainer,
           variant: "blur",
-          children: /* @__PURE__ */ jsx21(Modal4.Container, { className: "aui-image-modal__container", placement: "center", children: /* @__PURE__ */ jsxs14(
+          children: /* @__PURE__ */ jsx22(Modal4.Container, { className: "aui-image-modal__container", placement: "center", children: /* @__PURE__ */ jsxs15(
             Modal4.Dialog,
             {
               "aria-label": product.image.alt,
               className: "aui-image-modal__dialog",
               "data-slot": "agent-ui-image-modal",
               children: [
-                /* @__PURE__ */ jsx21(Modal4.CloseTrigger, { className: "aui-image-modal__close" }),
-                /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx22(Modal4.CloseTrigger, { className: "aui-image-modal__close" }),
+                /* @__PURE__ */ jsx22(
                   "img",
                   {
                     alt: product.image.alt,
@@ -8130,12 +8168,12 @@ function ProductTile({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs14("span", { className: "aui-product__header", children: [
-      product.meta ? /* @__PURE__ */ jsx21("span", { className: "aui-product__meta", children: product.meta }) : null,
-      /* @__PURE__ */ jsx21("span", { className: "aui-product__price", "data-slot": "agent-ui-product-price", children: formatPrice(product.price) })
+    /* @__PURE__ */ jsxs15("span", { className: "aui-product__header", children: [
+      product.meta ? /* @__PURE__ */ jsx22("span", { className: "aui-product__meta", children: product.meta }) : null,
+      /* @__PURE__ */ jsx22("span", { className: "aui-product__price", "data-slot": "agent-ui-product-price", children: formatPrice(product.price) })
     ] }),
-    /* @__PURE__ */ jsx21("span", { className: "aui-product__name", "data-slot": "agent-ui-product-name", children: product.name }),
-    product.rating ? /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22("span", { className: "aui-product__name", "data-slot": "agent-ui-product-name", children: product.name }),
+    product.rating ? /* @__PURE__ */ jsx22(
       RatingStars,
       {
         className: "aui-product__rating",
@@ -8143,8 +8181,8 @@ function ProductTile({
         value: product.rating.value
       }
     ) : null,
-    product.description ? /* @__PURE__ */ jsx21("span", { className: "aui-product__description", children: product.description }) : null,
-    product.actions?.length ? /* @__PURE__ */ jsx21(
+    product.description ? /* @__PURE__ */ jsx22("span", { className: "aui-product__description", children: product.description }) : null,
+    product.actions?.length ? /* @__PURE__ */ jsx22(
       ProductActions,
       {
         actions: product.actions,
@@ -8157,7 +8195,7 @@ function ProductTile({
 }
 function ProductCardView({ className, component, onAction, onSelect }) {
   const layout = component.products.length === 1 ? "spotlight" : "grid";
-  const footer = component.actions?.length ? /* @__PURE__ */ jsx21("div", { className: "aui-product-card__footer", "data-slot": "agent-ui-product-card-footer", children: /* @__PURE__ */ jsx21(
+  const footer = component.actions?.length ? /* @__PURE__ */ jsx22("div", { className: "aui-product-card__footer", "data-slot": "agent-ui-product-card-footer", children: /* @__PURE__ */ jsx22(
     ProductActions,
     {
       actions: component.actions,
@@ -8166,7 +8204,7 @@ function ProductCardView({ className, component, onAction, onSelect }) {
       onSelect
     }
   ) }) : null;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Card,
     {
       className: mergeClassNames("aui-product-card", `aui-product-card--${layout}`, className),
@@ -8174,7 +8212,7 @@ function ProductCardView({ className, component, onAction, onSelect }) {
       footer,
       title: component.title,
       variant: component.variant,
-      children: layout === "spotlight" ? /* @__PURE__ */ jsx21(
+      children: layout === "spotlight" ? /* @__PURE__ */ jsx22(
         ProductTile,
         {
           component,
@@ -8183,7 +8221,7 @@ function ProductCardView({ className, component, onAction, onSelect }) {
           onAction,
           onSelect
         }
-      ) : /* @__PURE__ */ jsx21("div", { className: "aui-product-card__grid", "data-slot": "agent-ui-product-card-grid", children: component.products.map((product) => /* @__PURE__ */ jsx21(
+      ) : /* @__PURE__ */ jsx22("div", { className: "aui-product-card__grid", "data-slot": "agent-ui-product-card-grid", children: component.products.map((product) => /* @__PURE__ */ jsx22(
         ProductTile,
         {
           component,
@@ -8201,7 +8239,7 @@ function ProductCardView({ className, component, onAction, onSelect }) {
 // ../agent-ui/src/components/display-information/record-card/record-card.tsx
 import { Modal as Modal5 } from "@heroui/react";
 import { useCallback as useCallback5, useState as useState9 } from "react";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 function RecordCardView({ className, component, onAction, onSelect }) {
   const layout = component.layout ?? "details";
   const [portalContainer, setPortalContainer] = useState9();
@@ -8209,7 +8247,7 @@ function RecordCardView({ className, component, onAction, onSelect }) {
   const mediaRef = useCallback5((node) => {
     setPortalContainer(resolveOverlayPortalContainer(node));
   }, []);
-  const status = component.status ? /* @__PURE__ */ jsx22(
+  const status = component.status ? /* @__PURE__ */ jsx23(
     "span",
     {
       className: "aui-record__status",
@@ -8218,7 +8256,7 @@ function RecordCardView({ className, component, onAction, onSelect }) {
       children: component.status.label
     }
   ) : null;
-  const footer = component.actions?.length ? /* @__PURE__ */ jsx22("div", { className: "aui-record__actions", "data-slot": "agent-ui-record-actions", children: component.actions.map((action2) => /* @__PURE__ */ jsx22(
+  const footer = component.actions?.length ? /* @__PURE__ */ jsx23("div", { className: "aui-record__actions", "data-slot": "agent-ui-record-actions", children: component.actions.map((action2) => /* @__PURE__ */ jsx23(
     ActionButton,
     {
       variant: action2.variant,
@@ -8234,7 +8272,7 @@ function RecordCardView({ className, component, onAction, onSelect }) {
     },
     action2.id
   )) }) : null;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     Card,
     {
       actions: layout === "compact" ? status : void 0,
@@ -8243,8 +8281,8 @@ function RecordCardView({ className, component, onAction, onSelect }) {
       footer,
       title: component.title,
       variant: component.variant,
-      children: /* @__PURE__ */ jsxs15(WidgetCol, { className: "aui-record", gap: layout === "compact" ? 3 : 4, children: [
-        layout === "media" && component.image && mediaFailed ? /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsxs16(WidgetCol, { className: "aui-record", gap: layout === "compact" ? 3 : 4, children: [
+        layout === "media" && component.image && mediaFailed ? /* @__PURE__ */ jsx23(
           WidgetImage,
           {
             alt: component.image.alt,
@@ -8254,15 +8292,15 @@ function RecordCardView({ className, component, onAction, onSelect }) {
             width: "100%"
           }
         ) : null,
-        layout === "media" && component.image && !mediaFailed ? /* @__PURE__ */ jsxs15(Modal5, { children: [
-          /* @__PURE__ */ jsx22(
+        layout === "media" && component.image && !mediaFailed ? /* @__PURE__ */ jsxs16(Modal5, { children: [
+          /* @__PURE__ */ jsx23(
             Modal5.Trigger,
             {
               ref: mediaRef,
               "aria-label": `Open ${component.image.alt}`,
               className: "aui-record__media-trigger",
               "data-slot": "agent-ui-record-media-trigger",
-              children: /* @__PURE__ */ jsx22(
+              children: /* @__PURE__ */ jsx23(
                 WidgetImage,
                 {
                   alt: component.image.alt,
@@ -8276,21 +8314,21 @@ function RecordCardView({ className, component, onAction, onSelect }) {
               )
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             Modal5.Backdrop,
             {
               className: "aui-image-modal__backdrop",
               UNSTABLE_portalContainer: portalContainer,
               variant: "blur",
-              children: /* @__PURE__ */ jsx22(Modal5.Container, { className: "aui-image-modal__container", placement: "center", children: /* @__PURE__ */ jsxs15(
+              children: /* @__PURE__ */ jsx23(Modal5.Container, { className: "aui-image-modal__container", placement: "center", children: /* @__PURE__ */ jsxs16(
                 Modal5.Dialog,
                 {
                   "aria-label": component.image.alt,
                   className: "aui-image-modal__dialog",
                   "data-slot": "agent-ui-image-modal",
                   children: [
-                    /* @__PURE__ */ jsx22(Modal5.CloseTrigger, { className: "aui-image-modal__close" }),
-                    /* @__PURE__ */ jsx22(
+                    /* @__PURE__ */ jsx23(Modal5.CloseTrigger, { className: "aui-image-modal__close" }),
+                    /* @__PURE__ */ jsx23(
                       "img",
                       {
                         alt: component.image.alt,
@@ -8304,8 +8342,8 @@ function RecordCardView({ className, component, onAction, onSelect }) {
             }
           )
         ] }) : null,
-        component.image && layout !== "media" || component.eyebrow || status && layout !== "compact" ? /* @__PURE__ */ jsxs15(WidgetRow, { align: "center", gap: 3, children: [
-          component.image && layout !== "media" ? /* @__PURE__ */ jsx22(
+        component.image && layout !== "media" || component.eyebrow || status && layout !== "compact" ? /* @__PURE__ */ jsxs16(WidgetRow, { align: "center", gap: 3, children: [
+          component.image && layout !== "media" ? /* @__PURE__ */ jsx23(
             WidgetImage,
             {
               frame: true,
@@ -8315,18 +8353,18 @@ function RecordCardView({ className, component, onAction, onSelect }) {
               src: component.image.src
             }
           ) : null,
-          component.eyebrow ? /* @__PURE__ */ jsx22(WidgetCaption, { className: "aui-record__eyebrow", value: component.eyebrow }) : null,
-          status && layout !== "compact" ? /* @__PURE__ */ jsxs15(Fragment5, { children: [
-            /* @__PURE__ */ jsx22(WidgetSpacer, {}),
+          component.eyebrow ? /* @__PURE__ */ jsx23(WidgetCaption, { className: "aui-record__eyebrow", value: component.eyebrow }) : null,
+          status && layout !== "compact" ? /* @__PURE__ */ jsxs16(Fragment5, { children: [
+            /* @__PURE__ */ jsx23(WidgetSpacer, {}),
             status
           ] }) : null
         ] }) : null,
-        component.fields.length > 0 ? /* @__PURE__ */ jsx22("dl", { className: "aui-record__fields", "data-slot": "agent-ui-record-fields", children: component.fields.map((field) => /* @__PURE__ */ jsxs15("div", { "data-slot": "agent-ui-record-field", children: [
-          /* @__PURE__ */ jsxs15("dt", { children: [
-            field.icon ? /* @__PURE__ */ jsx22(AgentIcon, { "data-slot": "agent-ui-record-field-icon", name: field.icon }) : null,
+        component.fields.length > 0 ? /* @__PURE__ */ jsx23("dl", { className: "aui-record__fields", "data-slot": "agent-ui-record-fields", children: component.fields.map((field) => /* @__PURE__ */ jsxs16("div", { "data-slot": "agent-ui-record-field", children: [
+          /* @__PURE__ */ jsxs16("dt", { children: [
+            field.icon ? /* @__PURE__ */ jsx23(AgentIcon, { "data-slot": "agent-ui-record-field-icon", name: field.icon }) : null,
             field.label
           ] }),
-          /* @__PURE__ */ jsx22("dd", { "data-tone": field.tone ?? "default", children: field.value })
+          /* @__PURE__ */ jsx23("dd", { "data-tone": field.tone ?? "default", children: field.value })
         ] }, field.label)) }) : null
       ] })
     }
@@ -8363,14 +8401,14 @@ function formatMoney(amount2, currency2) {
 }
 
 // ../agent-ui/src/components/display-information/response-compositions/shared.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function CompositionAction({
   action: action2,
   component,
   onAction,
   onSelect
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     Widget.Button,
     {
       variant: action2.variant,
@@ -8387,7 +8425,7 @@ function CompositionAction({
   );
 }
 function InitialAvatar({ name, src }) {
-  return src ? /* @__PURE__ */ jsx23(Widget.Image, { frame: true, alt: name, radius: "full", size: 44, src }) : /* @__PURE__ */ jsx23(
+  return src ? /* @__PURE__ */ jsx24(Widget.Image, { frame: true, alt: name, radius: "full", size: 44, src }) : /* @__PURE__ */ jsx24(
     Widget.Box,
     {
       align: "center",
@@ -8396,18 +8434,18 @@ function InitialAvatar({ name, src }) {
       justify: "center",
       radius: "full",
       width: 44,
-      children: /* @__PURE__ */ jsx23(Widget.Text, { value: name.slice(0, 1).toUpperCase(), weight: "semibold" })
+      children: /* @__PURE__ */ jsx24(Widget.Text, { value: name.slice(0, 1).toUpperCase(), weight: "semibold" })
     }
   );
 }
 
 // ../agent-ui/src/components/display-information/response-compositions/commerce-views.tsx
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function SummaryRow({ emphasis, label, value }) {
-  return /* @__PURE__ */ jsxs16(Widget.Row, { children: [
-    /* @__PURE__ */ jsx24(Widget.Text, { value: label, weight: emphasis ? "semibold" : "normal" }),
-    /* @__PURE__ */ jsx24(Widget.Spacer, {}),
-    /* @__PURE__ */ jsx24(Widget.Text, { value, weight: emphasis ? "semibold" : "normal" })
+  return /* @__PURE__ */ jsxs17(Widget.Row, { children: [
+    /* @__PURE__ */ jsx25(Widget.Text, { value: label, weight: emphasis ? "semibold" : "normal" }),
+    /* @__PURE__ */ jsx25(Widget.Spacer, {}),
+    /* @__PURE__ */ jsx25(Widget.Text, { value, weight: emphasis ? "semibold" : "normal" })
   ] });
 }
 function PurchaseItemsView({
@@ -8416,24 +8454,24 @@ function PurchaseItemsView({
   onAction,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-purchase-items", className),
       "data-component-kind": component.kind,
       size: "sm",
       children: [
-        /* @__PURE__ */ jsx24(Widget.Col, { gap: 3, children: component.items.map((item) => /* @__PURE__ */ jsxs16(Widget.Row, { align: "center", gap: 3, children: [
-          item.image ? /* @__PURE__ */ jsx24(Widget.Image, { alt: item.image.alt, radius: "xl", size: 48, src: item.image.src }) : null,
-          /* @__PURE__ */ jsxs16(Widget.Col, { flex: 1, gap: 0, children: [
-            /* @__PURE__ */ jsx24(Widget.Text, { value: item.name, weight: "semibold" }),
-            item.description ? /* @__PURE__ */ jsx24(Widget.Caption, { value: item.description }) : null
+        /* @__PURE__ */ jsx25(Widget.Col, { gap: 3, children: component.items.map((item) => /* @__PURE__ */ jsxs17(Widget.Row, { align: "center", gap: 3, children: [
+          item.image ? /* @__PURE__ */ jsx25(Widget.Image, { alt: item.image.alt, radius: "xl", size: 48, src: item.image.src }) : null,
+          /* @__PURE__ */ jsxs17(Widget.Col, { flex: 1, gap: 0, children: [
+            /* @__PURE__ */ jsx25(Widget.Text, { value: item.name, weight: "semibold" }),
+            item.description ? /* @__PURE__ */ jsx25(Widget.Caption, { value: item.description }) : null
           ] }),
-          item.quantity && item.quantity > 1 ? /* @__PURE__ */ jsx24(Widget.Caption, { value: `\xD7${item.quantity}` }) : null,
-          item.price !== void 0 ? /* @__PURE__ */ jsx24(Widget.Text, { value: formatMoney(item.price, component.currency) }) : null
+          item.quantity && item.quantity > 1 ? /* @__PURE__ */ jsx25(Widget.Caption, { value: `\xD7${item.quantity}` }) : null,
+          item.price !== void 0 ? /* @__PURE__ */ jsx25(Widget.Text, { value: formatMoney(item.price, component.currency) }) : null
         ] }, item.id)) }),
-        /* @__PURE__ */ jsx24(Widget.Divider, { flush: true }),
-        /* @__PURE__ */ jsx24(Widget.Col, { gap: 1, children: component.totals.map((total) => /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(Widget.Divider, { flush: true }),
+        /* @__PURE__ */ jsx25(Widget.Col, { gap: 1, children: component.totals.map((total) => /* @__PURE__ */ jsx25(
           SummaryRow,
           {
             emphasis: total.emphasis,
@@ -8442,7 +8480,7 @@ function PurchaseItemsView({
           },
           total.label
         )) }),
-        component.actions?.length ? /* @__PURE__ */ jsx24(Widget.Actions, { children: component.actions.map((action2) => /* @__PURE__ */ jsx24(
+        component.actions?.length ? /* @__PURE__ */ jsx25(Widget.Actions, { children: component.actions.map((action2) => /* @__PURE__ */ jsx25(
           CompositionAction,
           {
             action: action2,
@@ -8462,20 +8500,20 @@ function PurchaseCompleteView({
   onAction,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-purchase-complete", className),
       "data-component-kind": component.kind,
       size: "sm",
       children: [
-        /* @__PURE__ */ jsxs16(Widget.Row, { align: "center", gap: 2, children: [
-          /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: "aui-purchase-complete__check", children: "\u2713" }),
-          /* @__PURE__ */ jsx24(Widget.Text, { color: "success", value: component.title, weight: "medium" })
+        /* @__PURE__ */ jsxs17(Widget.Row, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "aui-purchase-complete__check", children: "\u2713" }),
+          /* @__PURE__ */ jsx25(Widget.Text, { color: "success", value: component.title, weight: "medium" })
         ] }),
-        /* @__PURE__ */ jsx24(Widget.Divider, { flush: true }),
-        /* @__PURE__ */ jsxs16(Widget.Row, { gap: 3, children: [
-          component.product.image ? /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(Widget.Divider, { flush: true }),
+        /* @__PURE__ */ jsxs17(Widget.Row, { gap: 3, children: [
+          component.product.image ? /* @__PURE__ */ jsx25(
             Widget.Image,
             {
               alt: component.product.image.alt,
@@ -8485,14 +8523,14 @@ function PurchaseCompleteView({
               src: component.product.image.src
             }
           ) : null,
-          /* @__PURE__ */ jsxs16(Widget.Col, { gap: 1, children: [
-            /* @__PURE__ */ jsx24(Widget.Title, { value: component.product.name }),
-            component.product.description ? /* @__PURE__ */ jsx24(Widget.Caption, { value: component.product.description }) : null
+          /* @__PURE__ */ jsxs17(Widget.Col, { gap: 1, children: [
+            /* @__PURE__ */ jsx25(Widget.Title, { value: component.product.name }),
+            component.product.description ? /* @__PURE__ */ jsx25(Widget.Caption, { value: component.product.description }) : null
           ] })
         ] }),
-        /* @__PURE__ */ jsxs16(Widget.Col, { gap: 2, children: [
-          component.details.map((detail) => /* @__PURE__ */ jsx24(SummaryRow, { label: detail.label, value: detail.value }, detail.label)),
-          component.paid ? /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs17(Widget.Col, { gap: 2, children: [
+          component.details.map((detail) => /* @__PURE__ */ jsx25(SummaryRow, { label: detail.label, value: detail.value }, detail.label)),
+          component.paid ? /* @__PURE__ */ jsx25(
             SummaryRow,
             {
               emphasis: true,
@@ -8501,7 +8539,7 @@ function PurchaseCompleteView({
             }
           ) : null
         ] }),
-        component.action ? /* @__PURE__ */ jsx24(
+        component.action ? /* @__PURE__ */ jsx25(
           CompositionAction,
           {
             action: component.action,
@@ -8516,26 +8554,26 @@ function PurchaseCompleteView({
 }
 
 // ../agent-ui/src/components/display-information/response-compositions/event-views.tsx
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 function CreateEventView({
   className,
   component,
   onAction,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-create-event", className),
       "data-component-kind": component.kind,
       size: "md",
       children: [
-        /* @__PURE__ */ jsxs17(Widget.Row, { align: "start", gap: 4, children: [
-          /* @__PURE__ */ jsxs17(Widget.Col, { align: "center", gap: 0, width: 64, children: [
-            /* @__PURE__ */ jsx25(Widget.Caption, { value: component.date.weekday }),
-            /* @__PURE__ */ jsx25(Widget.Title, { size: "3xl", value: component.date.day, weight: "normal" })
+        /* @__PURE__ */ jsxs18(Widget.Row, { align: "start", gap: 4, children: [
+          /* @__PURE__ */ jsxs18(Widget.Col, { align: "center", gap: 0, width: 64, children: [
+            /* @__PURE__ */ jsx26(Widget.Caption, { value: component.date.weekday }),
+            /* @__PURE__ */ jsx26(Widget.Title, { size: "3xl", value: component.date.day, weight: "normal" })
           ] }),
-          /* @__PURE__ */ jsx25(Widget.Col, { flex: 1, gap: 2, children: component.events.map((event) => /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsx26(Widget.Col, { flex: 1, gap: 2, children: component.events.map((event) => /* @__PURE__ */ jsxs18(
             Widget.Row,
             {
               align: "center",
@@ -8546,17 +8584,17 @@ function CreateEventView({
               padding: { x: 3, y: 2.5 },
               radius: "xl",
               children: [
-                /* @__PURE__ */ jsx25("span", { className: "aui-create-event__marker" }),
-                /* @__PURE__ */ jsxs17(Widget.Col, { gap: 0, children: [
-                  /* @__PURE__ */ jsx25(Widget.Text, { value: event.title, weight: "semibold" }),
-                  /* @__PURE__ */ jsx25(Widget.Caption, { value: event.time })
+                /* @__PURE__ */ jsx26("span", { className: "aui-create-event__marker" }),
+                /* @__PURE__ */ jsxs18(Widget.Col, { gap: 0, children: [
+                  /* @__PURE__ */ jsx26(Widget.Text, { value: event.title, weight: "semibold" }),
+                  /* @__PURE__ */ jsx26(Widget.Caption, { value: event.time })
                 ] })
               ]
             },
             event.id
           )) })
         ] }),
-        component.actions?.length ? /* @__PURE__ */ jsx25(Widget.Actions, { children: component.actions.map((action2) => /* @__PURE__ */ jsx25(
+        component.actions?.length ? /* @__PURE__ */ jsx26(Widget.Actions, { children: component.actions.map((action2) => /* @__PURE__ */ jsx26(
           CompositionAction,
           {
             action: action2,
@@ -8571,21 +8609,21 @@ function CreateEventView({
   );
 }
 function ViewEventView({ className, component }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-view-event", className),
       "data-component-kind": component.kind,
       size: "sm",
-      children: /* @__PURE__ */ jsxs17(Widget.Row, { align: "stretch", gap: 3, children: [
-        /* @__PURE__ */ jsx25("span", { className: "aui-view-event__marker", "data-tone": component.tone ?? "accent" }),
-        /* @__PURE__ */ jsxs17(Widget.Col, { flex: 1, gap: 1, children: [
-          /* @__PURE__ */ jsxs17(Widget.Row, { children: [
-            /* @__PURE__ */ jsx25(Widget.Caption, { value: component.date }),
-            /* @__PURE__ */ jsx25(Widget.Spacer, {}),
-            /* @__PURE__ */ jsx25(Widget.Text, { color: "accent", size: "sm", value: component.time })
+      children: /* @__PURE__ */ jsxs18(Widget.Row, { align: "stretch", gap: 3, children: [
+        /* @__PURE__ */ jsx26("span", { className: "aui-view-event__marker", "data-tone": component.tone ?? "accent" }),
+        /* @__PURE__ */ jsxs18(Widget.Col, { flex: 1, gap: 1, children: [
+          /* @__PURE__ */ jsxs18(Widget.Row, { children: [
+            /* @__PURE__ */ jsx26(Widget.Caption, { value: component.date }),
+            /* @__PURE__ */ jsx26(Widget.Spacer, {}),
+            /* @__PURE__ */ jsx26(Widget.Text, { color: "accent", size: "sm", value: component.time })
           ] }),
-          /* @__PURE__ */ jsx25(Widget.Title, { value: component.title })
+          /* @__PURE__ */ jsx26(Widget.Title, { value: component.title })
         ] })
       ] })
     }
@@ -8597,27 +8635,27 @@ function EventSessionView({
   onAction,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-event-session", className),
       "data-component-kind": component.kind,
       size: "md",
       children: [
-        /* @__PURE__ */ jsxs17(Widget.Col, { gap: 1, children: [
-          component.eyebrow ? /* @__PURE__ */ jsx25(Widget.Caption, { color: "warning", value: component.eyebrow }) : null,
-          /* @__PURE__ */ jsx25(Widget.Title, { value: component.title }),
-          component.description ? /* @__PURE__ */ jsx25(Widget.Caption, { value: component.description }) : null
+        /* @__PURE__ */ jsxs18(Widget.Col, { gap: 1, children: [
+          component.eyebrow ? /* @__PURE__ */ jsx26(Widget.Caption, { color: "warning", value: component.eyebrow }) : null,
+          /* @__PURE__ */ jsx26(Widget.Title, { value: component.title }),
+          component.description ? /* @__PURE__ */ jsx26(Widget.Caption, { value: component.description }) : null
         ] }),
-        /* @__PURE__ */ jsx25(Widget.Divider, { flush: true }),
-        /* @__PURE__ */ jsxs17(Widget.Row, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "aui-event-session__pin", children: "\u25CF" }),
-          /* @__PURE__ */ jsxs17(Widget.Col, { gap: 0, children: [
-            /* @__PURE__ */ jsx25(Widget.Text, { value: component.location, weight: "semibold" }),
-            /* @__PURE__ */ jsx25(Widget.Caption, { value: component.time })
+        /* @__PURE__ */ jsx26(Widget.Divider, { flush: true }),
+        /* @__PURE__ */ jsxs18(Widget.Row, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", className: "aui-event-session__pin", children: "\u25CF" }),
+          /* @__PURE__ */ jsxs18(Widget.Col, { gap: 0, children: [
+            /* @__PURE__ */ jsx26(Widget.Text, { value: component.location, weight: "semibold" }),
+            /* @__PURE__ */ jsx26(Widget.Caption, { value: component.time })
           ] }),
-          /* @__PURE__ */ jsx25(Widget.Spacer, {}),
-          component.action ? /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(Widget.Spacer, {}),
+          component.action ? /* @__PURE__ */ jsx26(
             CompositionAction,
             {
               action: component.action,
@@ -8627,11 +8665,11 @@ function EventSessionView({
             }
           ) : null
         ] }),
-        component.speakers.map((speaker) => /* @__PURE__ */ jsxs17(Widget.Row, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ jsx25(InitialAvatar, { name: speaker.name, src: speaker.image?.src }),
-          /* @__PURE__ */ jsxs17(Widget.Col, { gap: 0, children: [
-            /* @__PURE__ */ jsx25(Widget.Text, { value: speaker.name, weight: "semibold" }),
-            /* @__PURE__ */ jsx25(Widget.Caption, { value: speaker.role })
+        component.speakers.map((speaker) => /* @__PURE__ */ jsxs18(Widget.Row, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ jsx26(InitialAvatar, { name: speaker.name, src: speaker.image?.src }),
+          /* @__PURE__ */ jsxs18(Widget.Col, { gap: 0, children: [
+            /* @__PURE__ */ jsx26(Widget.Text, { value: speaker.name, weight: "semibold" }),
+            /* @__PURE__ */ jsx26(Widget.Caption, { value: speaker.role })
           ] })
         ] }, `${speaker.name}-${speaker.role}`))
       ]
@@ -8640,21 +8678,21 @@ function EventSessionView({
 }
 
 // ../agent-ui/src/components/display-information/response-compositions/media-views.tsx
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 function PlaylistView({
   className,
   component,
   onAction,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-playlist", className),
       "data-component-kind": component.kind,
       size: "sm",
       children: [
-        component.cover ? /* @__PURE__ */ jsx26(
+        component.cover ? /* @__PURE__ */ jsx27(
           Widget.Image,
           {
             alt: component.cover.alt,
@@ -8664,14 +8702,14 @@ function PlaylistView({
             width: "100%"
           }
         ) : null,
-        /* @__PURE__ */ jsx26(Widget.Col, { gap: 3, children: component.tracks.map((track, index) => /* @__PURE__ */ jsxs18(Widget.Row, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ jsx26(Widget.Caption, { value: index + 1 }),
-          track.image ? /* @__PURE__ */ jsx26(Widget.Image, { alt: track.image.alt, radius: "xl", size: 44, src: track.image.src }) : null,
-          /* @__PURE__ */ jsxs18(Widget.Col, { flex: 1, gap: 0, children: [
-            /* @__PURE__ */ jsx26(Widget.Text, { value: track.title, weight: "semibold" }),
-            /* @__PURE__ */ jsx26(Widget.Caption, { value: track.artist })
+        /* @__PURE__ */ jsx27(Widget.Col, { gap: 3, children: component.tracks.map((track, index) => /* @__PURE__ */ jsxs19(Widget.Row, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ jsx27(Widget.Caption, { value: index + 1 }),
+          track.image ? /* @__PURE__ */ jsx27(Widget.Image, { alt: track.image.alt, radius: "xl", size: 44, src: track.image.src }) : null,
+          /* @__PURE__ */ jsxs19(Widget.Col, { flex: 1, gap: 0, children: [
+            /* @__PURE__ */ jsx27(Widget.Text, { value: track.title, weight: "semibold" }),
+            /* @__PURE__ */ jsx27(Widget.Caption, { value: track.artist })
           ] }),
-          track.action ? /* @__PURE__ */ jsx26(
+          track.action ? /* @__PURE__ */ jsx27(
             CompositionAction,
             {
               action: track.action,
@@ -8681,7 +8719,7 @@ function PlaylistView({
             }
           ) : null
         ] }, track.id)) }),
-        component.actions?.length ? /* @__PURE__ */ jsx26(Widget.Actions, { children: component.actions.map((action2) => /* @__PURE__ */ jsx26(
+        component.actions?.length ? /* @__PURE__ */ jsx27(Widget.Actions, { children: component.actions.map((action2) => /* @__PURE__ */ jsx27(
           CompositionAction,
           {
             action: action2,
@@ -8699,26 +8737,26 @@ function ChannelMessageView({
   className,
   component
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-channel-message", className),
       "data-component-kind": component.kind,
       size: "md",
       children: [
-        /* @__PURE__ */ jsxs18(Widget.Row, { children: [
-          /* @__PURE__ */ jsx26(Widget.Text, { value: component.channel, weight: "medium" }),
-          /* @__PURE__ */ jsx26(Widget.Spacer, {}),
-          /* @__PURE__ */ jsx26(Widget.Caption, { value: component.timestamp })
+        /* @__PURE__ */ jsxs19(Widget.Row, { children: [
+          /* @__PURE__ */ jsx27(Widget.Text, { value: component.channel, weight: "medium" }),
+          /* @__PURE__ */ jsx27(Widget.Spacer, {}),
+          /* @__PURE__ */ jsx27(Widget.Caption, { value: component.timestamp })
         ] }),
-        /* @__PURE__ */ jsx26(Widget.Divider, { flush: true }),
-        /* @__PURE__ */ jsxs18(Widget.Row, { align: "start", gap: 4, children: [
-          /* @__PURE__ */ jsx26(InitialAvatar, { name: component.author.name, src: component.author.image?.src }),
-          /* @__PURE__ */ jsxs18(Widget.Col, { flex: 1, gap: 2, children: [
-            /* @__PURE__ */ jsx26(Widget.Text, { value: component.author.name, weight: "semibold" }),
-            /* @__PURE__ */ jsx26("p", { className: "aui-channel-message__content", children: component.content }),
-            component.attachments?.length ? /* @__PURE__ */ jsx26(Widget.Row, { className: "aui-channel-message__attachments", gap: 2, children: component.attachments.map(
-              (attachment) => attachment.image ? /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(Widget.Divider, { flush: true }),
+        /* @__PURE__ */ jsxs19(Widget.Row, { align: "start", gap: 4, children: [
+          /* @__PURE__ */ jsx27(InitialAvatar, { name: component.author.name, src: component.author.image?.src }),
+          /* @__PURE__ */ jsxs19(Widget.Col, { flex: 1, gap: 2, children: [
+            /* @__PURE__ */ jsx27(Widget.Text, { value: component.author.name, weight: "semibold" }),
+            /* @__PURE__ */ jsx27("p", { className: "aui-channel-message__content", children: component.content }),
+            component.attachments?.length ? /* @__PURE__ */ jsx27(Widget.Row, { className: "aui-channel-message__attachments", gap: 2, children: component.attachments.map(
+              (attachment) => attachment.image ? /* @__PURE__ */ jsx27(
                 Widget.Image,
                 {
                   alt: attachment.image.alt,
@@ -8728,7 +8766,7 @@ function ChannelMessageView({
                   title: attachment.name
                 },
                 attachment.id
-              ) : /* @__PURE__ */ jsx26(
+              ) : /* @__PURE__ */ jsx27(
                 Widget.Image,
                 {
                   alt: attachment.name,
@@ -8747,7 +8785,7 @@ function ChannelMessageView({
   );
 }
 function PlayerCardView({ className, component }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-player-card", className),
@@ -8756,7 +8794,7 @@ function PlayerCardView({ className, component }) {
       size: "md",
       theme: "dark",
       children: [
-        component.backgroundImage ? /* @__PURE__ */ jsx26(
+        component.backgroundImage ? /* @__PURE__ */ jsx27(
           Widget.Image,
           {
             alt: component.backgroundImage.alt,
@@ -8764,10 +8802,10 @@ function PlayerCardView({ className, component }) {
             src: component.backgroundImage.src
           }
         ) : null,
-        /* @__PURE__ */ jsxs18(Widget.Row, { align: "center", className: "aui-player-card__content", children: [
-          /* @__PURE__ */ jsx26(Widget.Box, { minHeight: 160, width: "40%" }),
-          /* @__PURE__ */ jsxs18(Widget.Col, { flex: "auto", gap: 3, children: [
-            /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsxs19(Widget.Row, { align: "center", className: "aui-player-card__content", children: [
+          /* @__PURE__ */ jsx27(Widget.Box, { minHeight: 160, width: "40%" }),
+          /* @__PURE__ */ jsxs19(Widget.Col, { flex: "auto", gap: 3, children: [
+            /* @__PURE__ */ jsx27(
               Widget.Title,
               {
                 color: "white",
@@ -8776,9 +8814,9 @@ function PlayerCardView({ className, component }) {
                 weight: "normal"
               }
             ),
-            /* @__PURE__ */ jsx26(Widget.Row, { className: "aui-player-card__stats", children: component.stats.map((stat) => /* @__PURE__ */ jsxs18(Widget.Col, { flex: 1, gap: 0, children: [
-              /* @__PURE__ */ jsx26(Widget.Text, { value: stat.value, weight: "semibold" }),
-              /* @__PURE__ */ jsx26(Widget.Caption, { color: "white", value: stat.label })
+            /* @__PURE__ */ jsx27(Widget.Row, { className: "aui-player-card__stats", children: component.stats.map((stat) => /* @__PURE__ */ jsxs19(Widget.Col, { flex: 1, gap: 0, children: [
+              /* @__PURE__ */ jsx27(Widget.Text, { value: stat.value, weight: "semibold" }),
+              /* @__PURE__ */ jsx27(Widget.Caption, { color: "white", value: stat.label })
             ] }, stat.label)) })
           ] })
         ] })
@@ -8788,26 +8826,26 @@ function PlayerCardView({ className, component }) {
 }
 
 // ../agent-ui/src/components/display-information/response-compositions/notification-view.tsx
-import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 function EnableNotificationView({
   className,
   component,
   onAction,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-enable-notification", className),
       "data-component-kind": component.kind,
       size: "sm",
       children: [
-        /* @__PURE__ */ jsxs19(Widget.Col, { align: "center", gap: 3, padding: 3, children: [
-          /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", className: "aui-enable-notification__icon", children: "\u2713" }),
-          /* @__PURE__ */ jsx27(Widget.Title, { align: "center", value: component.title }),
-          component.description ? /* @__PURE__ */ jsx27(Widget.Caption, { value: component.description }) : null
+        /* @__PURE__ */ jsxs20(Widget.Col, { align: "center", gap: 3, padding: 3, children: [
+          /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", className: "aui-enable-notification__icon", children: "\u2713" }),
+          /* @__PURE__ */ jsx28(Widget.Title, { align: "center", value: component.title }),
+          component.description ? /* @__PURE__ */ jsx28(Widget.Caption, { value: component.description }) : null
         ] }),
-        /* @__PURE__ */ jsx27(Widget.Row, { className: "aui-enable-notification__actions", children: component.actions.map((action2) => /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(Widget.Row, { className: "aui-enable-notification__actions", children: component.actions.map((action2) => /* @__PURE__ */ jsx28(
           CompositionAction,
           {
             action: action2,
@@ -8824,30 +8862,30 @@ function EnableNotificationView({
 
 // ../agent-ui/src/components/display-information/response-compositions/product-signals-view.tsx
 import { Tabs as Tabs2 } from "@heroui/react";
-import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 function ProductSignalsView({
   className,
   component,
   renderPanel
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     Card,
     {
       className: mergeClassNames("aui-product-signals", className),
       "data-component-kind": component.kind,
       description: component.description,
       title: component.title,
-      children: /* @__PURE__ */ jsxs20(
+      children: /* @__PURE__ */ jsxs21(
         Tabs2,
         {
           defaultSelectedKey: component.defaultValue ?? component.tabs[0]?.id,
           variant: "secondary",
           children: [
-            /* @__PURE__ */ jsx28(Tabs2.ListContainer, { children: /* @__PURE__ */ jsx28(Tabs2.List, { "aria-label": `${component.title} views`, children: component.tabs.map((tab) => /* @__PURE__ */ jsxs20(Tabs2.Tab, { id: tab.id, children: [
+            /* @__PURE__ */ jsx29(Tabs2.ListContainer, { children: /* @__PURE__ */ jsx29(Tabs2.List, { "aria-label": `${component.title} views`, children: component.tabs.map((tab) => /* @__PURE__ */ jsxs21(Tabs2.Tab, { id: tab.id, children: [
               tab.label,
-              /* @__PURE__ */ jsx28(Tabs2.Indicator, {})
+              /* @__PURE__ */ jsx29(Tabs2.Indicator, {})
             ] }, tab.id)) }) }),
-            component.tabs.map((tab) => /* @__PURE__ */ jsx28(Tabs2.Panel, { className: "aui-product-signals__panel", id: tab.id, children: renderPanel(tab.component) }, tab.id))
+            component.tabs.map((tab) => /* @__PURE__ */ jsx29(Tabs2.Panel, { className: "aui-product-signals__panel", id: tab.id, children: renderPanel(tab.component) }, tab.id))
           ]
         }
       )
@@ -8856,12 +8894,12 @@ function ProductSignalsView({
 }
 
 // ../agent-ui/src/components/display-information/response-compositions/transport-views.tsx
-import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 function FlightTrackerView({
   className,
   component
 }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-flight-tracker", className),
@@ -8869,8 +8907,8 @@ function FlightTrackerView({
       size: "md",
       theme: "dark",
       children: [
-        /* @__PURE__ */ jsxs21(Widget.Row, { align: "center", gap: 2, children: [
-          component.airline.logo ? /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsxs22(Widget.Row, { align: "center", gap: 2, children: [
+          component.airline.logo ? /* @__PURE__ */ jsx30(
             Widget.Box,
             {
               align: "center",
@@ -8879,7 +8917,7 @@ function FlightTrackerView({
               justify: "center",
               radius: "full",
               width: 28,
-              children: /* @__PURE__ */ jsx29(
+              children: /* @__PURE__ */ jsx30(
                 Widget.Image,
                 {
                   alt: component.airline.logo.alt,
@@ -8890,18 +8928,18 @@ function FlightTrackerView({
               )
             }
           ) : null,
-          /* @__PURE__ */ jsx29(Widget.Text, { value: component.flightNumber, weight: "semibold" }),
-          /* @__PURE__ */ jsx29(Widget.Spacer, {}),
-          /* @__PURE__ */ jsx29(Widget.Caption, { color: "white", value: component.date })
+          /* @__PURE__ */ jsx30(Widget.Text, { value: component.flightNumber, weight: "semibold" }),
+          /* @__PURE__ */ jsx30(Widget.Spacer, {}),
+          /* @__PURE__ */ jsx30(Widget.Caption, { color: "white", value: component.date })
         ] }),
-        /* @__PURE__ */ jsx29(Widget.Divider, { flush: true }),
-        /* @__PURE__ */ jsxs21(Widget.Col, { gap: 3, children: [
-          /* @__PURE__ */ jsxs21(Widget.Row, { align: "center", children: [
-            /* @__PURE__ */ jsx29(Widget.Text, { size: "lg", value: component.origin.label }),
-            /* @__PURE__ */ jsx29(Widget.Spacer, {}),
-            /* @__PURE__ */ jsx29(Widget.Text, { size: "lg", value: component.destination.label })
+        /* @__PURE__ */ jsx30(Widget.Divider, { flush: true }),
+        /* @__PURE__ */ jsxs22(Widget.Col, { gap: 3, children: [
+          /* @__PURE__ */ jsxs22(Widget.Row, { align: "center", children: [
+            /* @__PURE__ */ jsx30(Widget.Text, { size: "lg", value: component.origin.label }),
+            /* @__PURE__ */ jsx30(Widget.Spacer, {}),
+            /* @__PURE__ */ jsx30(Widget.Text, { size: "lg", value: component.destination.label })
           ] }),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(
             "div",
             {
               "aria-label": `${component.progress ?? 0}% complete`,
@@ -8910,18 +8948,18 @@ function FlightTrackerView({
               "aria-valuenow": component.progress ?? 0,
               className: "aui-flight-tracker__progress",
               role: "progressbar",
-              children: /* @__PURE__ */ jsx29("span", { style: { width: `${component.progress ?? 0}%` } })
+              children: /* @__PURE__ */ jsx30("span", { style: { width: `${component.progress ?? 0}%` } })
             }
           ),
-          /* @__PURE__ */ jsxs21(Widget.Row, { align: "center", children: [
-            /* @__PURE__ */ jsxs21(Widget.Col, { gap: 0, children: [
-              /* @__PURE__ */ jsx29(Widget.Text, { value: component.origin.time }),
-              component.origin.status ? /* @__PURE__ */ jsx29(Widget.Caption, { color: "white", value: component.origin.status }) : null
+          /* @__PURE__ */ jsxs22(Widget.Row, { align: "center", children: [
+            /* @__PURE__ */ jsxs22(Widget.Col, { gap: 0, children: [
+              /* @__PURE__ */ jsx30(Widget.Text, { value: component.origin.time }),
+              component.origin.status ? /* @__PURE__ */ jsx30(Widget.Caption, { color: "white", value: component.origin.status }) : null
             ] }),
-            /* @__PURE__ */ jsx29(Widget.Spacer, {}),
-            /* @__PURE__ */ jsxs21(Widget.Col, { align: "end", gap: 0, children: [
-              /* @__PURE__ */ jsx29(Widget.Text, { value: component.destination.time }),
-              component.destination.status ? /* @__PURE__ */ jsx29(Widget.Caption, { color: "white", value: component.destination.status }) : null
+            /* @__PURE__ */ jsx30(Widget.Spacer, {}),
+            /* @__PURE__ */ jsxs22(Widget.Col, { align: "end", gap: 0, children: [
+              /* @__PURE__ */ jsx30(Widget.Text, { value: component.destination.time }),
+              component.destination.status ? /* @__PURE__ */ jsx30(Widget.Caption, { color: "white", value: component.destination.status }) : null
             ] })
           ] })
         ] })
@@ -8930,25 +8968,25 @@ function FlightTrackerView({
   );
 }
 function RideStatusView({ className, component }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     Widget.Card,
     {
       className: mergeClassNames("aui-composition-card aui-ride-status", className),
       "data-component-kind": component.kind,
       size: "sm",
       children: [
-        /* @__PURE__ */ jsx29(Widget.Title, { size: "xl", value: component.eta }),
-        /* @__PURE__ */ jsxs21(Widget.Row, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ jsxs21(Widget.Col, { gap: 0, children: [
-            /* @__PURE__ */ jsx29(Widget.Caption, { value: "Pick up" }),
-            /* @__PURE__ */ jsx29(Widget.Text, { truncate: true, value: component.pickup })
+        /* @__PURE__ */ jsx30(Widget.Title, { size: "xl", value: component.eta }),
+        /* @__PURE__ */ jsxs22(Widget.Row, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ jsxs22(Widget.Col, { gap: 0, children: [
+            /* @__PURE__ */ jsx30(Widget.Caption, { value: "Pick up" }),
+            /* @__PURE__ */ jsx30(Widget.Text, { truncate: true, value: component.pickup })
           ] }),
-          /* @__PURE__ */ jsx29(Widget.Spacer, {}),
-          /* @__PURE__ */ jsxs21(Widget.Col, { align: "end", gap: 0, children: [
-            /* @__PURE__ */ jsx29(Widget.Caption, { value: "Driver" }),
-            /* @__PURE__ */ jsx29(Widget.Text, { value: component.driver.name })
+          /* @__PURE__ */ jsx30(Widget.Spacer, {}),
+          /* @__PURE__ */ jsxs22(Widget.Col, { align: "end", gap: 0, children: [
+            /* @__PURE__ */ jsx30(Widget.Caption, { value: "Driver" }),
+            /* @__PURE__ */ jsx30(Widget.Text, { value: component.driver.name })
           ] }),
-          /* @__PURE__ */ jsx29(InitialAvatar, { name: component.driver.name, src: component.driver.image?.src })
+          /* @__PURE__ */ jsx30(InitialAvatar, { name: component.driver.name, src: component.driver.image?.src })
         ] })
       ]
     }
@@ -8957,9 +8995,9 @@ function RideStatusView({ className, component }) {
 
 // ../agent-ui/src/components/display-information/response-compositions/weather-views.tsx
 import { useState as useState10 } from "react";
-import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 function Cloud() {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "path",
     {
       d: "M13.2 25.5h20.6a6.7 6.7 0 0 0 .2-13.4 10.2 10.2 0 0 0-19.2-2.4 8 8 0 0 0-1.6 15.8Z",
@@ -8969,9 +9007,9 @@ function Cloud() {
   );
 }
 function Sun({ small = false }) {
-  return /* @__PURE__ */ jsxs22("g", { transform: small ? "translate(-5 -5) scale(.72)" : void 0, children: [
-    /* @__PURE__ */ jsx30("circle", { cx: "24", cy: "20", fill: "currentColor", r: "7" }),
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs23("g", { transform: small ? "translate(-5 -5) scale(.72)" : void 0, children: [
+    /* @__PURE__ */ jsx31("circle", { cx: "24", cy: "20", fill: "currentColor", r: "7" }),
+    /* @__PURE__ */ jsx31(
       "path",
       {
         d: "M24 5v5m0 20v5M9 20h5m20 0h5M13.4 9.4l3.5 3.5m14.2 14.2 3.5 3.5m0-21.2-3.5 3.5M16.9 27.1l-3.5 3.5",
@@ -8984,23 +9022,23 @@ function Sun({ small = false }) {
   ] });
 }
 var weatherContent = {
-  clear: /* @__PURE__ */ jsx30(Sun, {}),
-  cloudy: /* @__PURE__ */ jsx30(Cloud, {}),
-  drizzle: /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsx30(Cloud, {}),
-    /* @__PURE__ */ jsx30("path", { d: "m17 30-2 4m9-4-2 4m9-4-2 4", stroke: "currentColor", strokeLinecap: "round" })
+  clear: /* @__PURE__ */ jsx31(Sun, {}),
+  cloudy: /* @__PURE__ */ jsx31(Cloud, {}),
+  drizzle: /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsx31(Cloud, {}),
+    /* @__PURE__ */ jsx31("path", { d: "m17 30-2 4m9-4-2 4m9-4-2 4", stroke: "currentColor", strokeLinecap: "round" })
   ] }),
-  fog: /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsx30(Cloud, {}),
-    /* @__PURE__ */ jsx30("path", { d: "M10 31h27M13 36h21", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" })
+  fog: /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsx31(Cloud, {}),
+    /* @__PURE__ */ jsx31("path", { d: "M10 31h27M13 36h21", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" })
   ] }),
-  "partly-cloudy": /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsx30(Sun, { small: true }),
-    /* @__PURE__ */ jsx30(Cloud, {})
+  "partly-cloudy": /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsx31(Sun, { small: true }),
+    /* @__PURE__ */ jsx31(Cloud, {})
   ] }),
-  rain: /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsx30(Cloud, {}),
-    /* @__PURE__ */ jsx30(
+  rain: /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsx31(Cloud, {}),
+    /* @__PURE__ */ jsx31(
       "path",
       {
         d: "m16 30-3 6m11-6-3 6m11-6-3 6",
@@ -9010,9 +9048,9 @@ var weatherContent = {
       }
     )
   ] }),
-  snow: /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsx30(Cloud, {}),
-    /* @__PURE__ */ jsx30(
+  snow: /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsx31(Cloud, {}),
+    /* @__PURE__ */ jsx31(
       "path",
       {
         d: "M16 32h.1m8-.1h.1m8 .1h.1",
@@ -9022,13 +9060,13 @@ var weatherContent = {
       }
     )
   ] }),
-  thunderstorm: /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsx30(Cloud, {}),
-    /* @__PURE__ */ jsx30("path", { d: "m25 28-5 8h5l-2 6 8-10h-5l3-4Z", fill: "currentColor" })
+  thunderstorm: /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsx31(Cloud, {}),
+    /* @__PURE__ */ jsx31("path", { d: "m25 28-5 8h5l-2 6 8-10h-5l3-4Z", fill: "currentColor" })
   ] }),
-  unknown: /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsx30("circle", { cx: "24", cy: "24", fill: "none", r: "15", stroke: "currentColor", strokeWidth: "2" }),
-    /* @__PURE__ */ jsx30(
+  unknown: /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsx31("circle", { cx: "24", cy: "24", fill: "none", r: "15", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ jsx31(
       "path",
       {
         d: "M20 19a4 4 0 1 1 5 3.9c-1.6.5-2 1.4-2 3.1m0 5h.1",
@@ -9039,7 +9077,7 @@ var weatherContent = {
       }
     )
   ] }),
-  windy: /* @__PURE__ */ jsx30(
+  windy: /* @__PURE__ */ jsx31(
     "path",
     {
       d: "M7 17h24a4 4 0 1 0-4-4m-20 9h31a4 4 0 1 1-4 4M7 28h17",
@@ -9065,7 +9103,7 @@ function WeatherIcon({ condition, size: size2 = 48 }) {
   const [failedSource, setFailedSource] = useState10();
   const label = condition.replaceAll("-", " ");
   if (source && source !== failedSource) {
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       FallbackImage,
       {
         alt: label,
@@ -9079,7 +9117,7 @@ function WeatherIcon({ condition, size: size2 = 48 }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "svg",
     {
       "aria-label": label,
@@ -9099,7 +9137,7 @@ function WeatherCurrentView({
   className,
   component
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Widget.Card,
     {
       "data-component-kind": component.kind,
@@ -9110,10 +9148,10 @@ function WeatherCurrentView({
         "aui-composition-card aui-weather-card aui-weather-current",
         className
       ),
-      children: /* @__PURE__ */ jsxs22(Widget.Col, { align: "center", gap: 4, children: [
-        /* @__PURE__ */ jsxs22(Widget.Row, { align: "center", gap: 3, children: [
-          /* @__PURE__ */ jsx30(WeatherIcon, { condition: component.condition, size: 58 }),
-          /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsxs23(Widget.Col, { align: "center", gap: 4, children: [
+        /* @__PURE__ */ jsxs23(Widget.Row, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ jsx31(WeatherIcon, { condition: component.condition, size: 58 }),
+          /* @__PURE__ */ jsx31(
             Widget.Title,
             {
               color: "white",
@@ -9123,11 +9161,11 @@ function WeatherCurrentView({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx30(Widget.Caption, { color: "white", size: "lg", value: component.location }),
-        component.description ? /* @__PURE__ */ jsx30(Widget.Text, { align: "center", color: "white", value: component.description }) : null,
-        component.details?.length ? /* @__PURE__ */ jsx30(Widget.Row, { className: "aui-weather-current__details", gap: 3, children: component.details.map((detail) => /* @__PURE__ */ jsxs22(Widget.Col, { align: "center", gap: 0, children: [
-          /* @__PURE__ */ jsx30(Widget.Caption, { color: "white", value: detail.label }),
-          /* @__PURE__ */ jsx30(Widget.Text, { color: "white", value: detail.value, weight: "semibold" })
+        /* @__PURE__ */ jsx31(Widget.Caption, { color: "white", size: "lg", value: component.location }),
+        component.description ? /* @__PURE__ */ jsx31(Widget.Text, { align: "center", color: "white", value: component.description }) : null,
+        component.details?.length ? /* @__PURE__ */ jsx31(Widget.Row, { className: "aui-weather-current__details", gap: 3, children: component.details.map((detail) => /* @__PURE__ */ jsxs23(Widget.Col, { align: "center", gap: 0, children: [
+          /* @__PURE__ */ jsx31(Widget.Caption, { color: "white", value: detail.label }),
+          /* @__PURE__ */ jsx31(Widget.Text, { color: "white", value: detail.value, weight: "semibold" })
         ] }, detail.label)) }) : null
       ] })
     }
@@ -9137,7 +9175,7 @@ function WeatherForecastView({
   className,
   component
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Widget.Card,
     {
       "data-component-kind": component.kind,
@@ -9148,10 +9186,10 @@ function WeatherForecastView({
         "aui-composition-card aui-weather-card aui-weather-forecast",
         className
       ),
-      children: /* @__PURE__ */ jsxs22(Widget.Col, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx30(WeatherIcon, { condition: component.condition, size: 60 }),
-        /* @__PURE__ */ jsxs22(Widget.Row, { align: "center", gap: 2, children: [
-          /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsxs23(Widget.Col, { align: "center", gap: 3, children: [
+        /* @__PURE__ */ jsx31(WeatherIcon, { condition: component.condition, size: 60 }),
+        /* @__PURE__ */ jsxs23(Widget.Row, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx31(
             Widget.Title,
             {
               color: "white",
@@ -9160,7 +9198,7 @@ function WeatherForecastView({
               weight: "normal"
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             Widget.Title,
             {
               color: "white",
@@ -9170,10 +9208,10 @@ function WeatherForecastView({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx30(Widget.Caption, { color: "white", value: component.location }),
-        component.description ? /* @__PURE__ */ jsx30(Widget.Text, { align: "center", color: "white", value: component.description }) : null,
-        /* @__PURE__ */ jsx30(Widget.Row, { className: "aui-weather-forecast__days", gap: 4, children: component.forecast.map((day) => /* @__PURE__ */ jsxs22(Widget.Col, { align: "center", gap: 1, children: [
-          /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(Widget.Caption, { color: "white", value: component.location }),
+        component.description ? /* @__PURE__ */ jsx31(Widget.Text, { align: "center", color: "white", value: component.description }) : null,
+        /* @__PURE__ */ jsx31(Widget.Row, { className: "aui-weather-forecast__days", gap: 4, children: component.forecast.map((day) => /* @__PURE__ */ jsxs23(Widget.Col, { align: "center", gap: 1, children: [
+          /* @__PURE__ */ jsx31(
             Widget.Caption,
             {
               truncate: true,
@@ -9183,8 +9221,8 @@ function WeatherForecastView({
               value: day.label
             }
           ),
-          /* @__PURE__ */ jsx30(WeatherIcon, { condition: day.condition, size: 40 }),
-          /* @__PURE__ */ jsx30(Widget.Text, { color: "white", value: temperature(day.temperature, component.unit) })
+          /* @__PURE__ */ jsx31(WeatherIcon, { condition: day.condition, size: 40 }),
+          /* @__PURE__ */ jsx31(Widget.Text, { color: "white", value: temperature(day.temperature, component.unit) })
         ] }, day.label)) })
       ] })
     }
@@ -9221,7 +9259,7 @@ import {
 } from "@heroui/react";
 import { parseDate, parseTime } from "@internationalized/date";
 import { useCallback as useCallback6, useRef as useRef3, useState as useState11 } from "react";
-import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 function defaultValue(field) {
   if (field.kind === "checkbox-group" || field.kind === "combobox") return field.defaultValue ?? [];
   if (field.kind === "slider") return field.defaultValue ?? field.min;
@@ -9267,37 +9305,37 @@ function toNumberFormatOptions(format) {
   return { notation: format.compact ? "compact" : "standard", style: "decimal" };
 }
 function DatePickerCalendar() {
-  return /* @__PURE__ */ jsxs23(Calendar2, { "aria-label": "Choose date", children: [
-    /* @__PURE__ */ jsxs23(Calendar2.Header, { children: [
-      /* @__PURE__ */ jsxs23(Calendar2.YearPickerTrigger, { children: [
-        /* @__PURE__ */ jsx31(Calendar2.YearPickerTriggerHeading, {}),
-        /* @__PURE__ */ jsx31(Calendar2.YearPickerTriggerIndicator, {})
+  return /* @__PURE__ */ jsxs24(Calendar2, { "aria-label": "Choose date", children: [
+    /* @__PURE__ */ jsxs24(Calendar2.Header, { children: [
+      /* @__PURE__ */ jsxs24(Calendar2.YearPickerTrigger, { children: [
+        /* @__PURE__ */ jsx32(Calendar2.YearPickerTriggerHeading, {}),
+        /* @__PURE__ */ jsx32(Calendar2.YearPickerTriggerIndicator, {})
       ] }),
-      /* @__PURE__ */ jsx31(Calendar2.NavButton, { slot: "previous" }),
-      /* @__PURE__ */ jsx31(Calendar2.NavButton, { slot: "next" })
+      /* @__PURE__ */ jsx32(Calendar2.NavButton, { slot: "previous" }),
+      /* @__PURE__ */ jsx32(Calendar2.NavButton, { slot: "next" })
     ] }),
-    /* @__PURE__ */ jsxs23(Calendar2.Grid, { children: [
-      /* @__PURE__ */ jsx31(Calendar2.GridHeader, { children: (day) => /* @__PURE__ */ jsx31(Calendar2.HeaderCell, { children: day }) }),
-      /* @__PURE__ */ jsx31(Calendar2.GridBody, { children: (date2) => /* @__PURE__ */ jsx31(Calendar2.Cell, { date: date2 }) })
+    /* @__PURE__ */ jsxs24(Calendar2.Grid, { children: [
+      /* @__PURE__ */ jsx32(Calendar2.GridHeader, { children: (day) => /* @__PURE__ */ jsx32(Calendar2.HeaderCell, { children: day }) }),
+      /* @__PURE__ */ jsx32(Calendar2.GridBody, { children: (date2) => /* @__PURE__ */ jsx32(Calendar2.Cell, { date: date2 }) })
     ] }),
-    /* @__PURE__ */ jsx31(Calendar2.YearPickerGrid, { children: /* @__PURE__ */ jsx31(Calendar2.YearPickerGridBody, { children: ({ year }) => /* @__PURE__ */ jsx31(Calendar2.YearPickerCell, { year }) }) })
+    /* @__PURE__ */ jsx32(Calendar2.YearPickerGrid, { children: /* @__PURE__ */ jsx32(Calendar2.YearPickerGridBody, { children: ({ year }) => /* @__PURE__ */ jsx32(Calendar2.YearPickerCell, { year }) }) })
   ] });
 }
 function DateRangePickerCalendar({ label }) {
-  return /* @__PURE__ */ jsxs23(RangeCalendar, { "aria-label": label, children: [
-    /* @__PURE__ */ jsxs23(RangeCalendar.Header, { children: [
-      /* @__PURE__ */ jsxs23(RangeCalendar.YearPickerTrigger, { children: [
-        /* @__PURE__ */ jsx31(RangeCalendar.YearPickerTriggerHeading, {}),
-        /* @__PURE__ */ jsx31(RangeCalendar.YearPickerTriggerIndicator, {})
+  return /* @__PURE__ */ jsxs24(RangeCalendar, { "aria-label": label, children: [
+    /* @__PURE__ */ jsxs24(RangeCalendar.Header, { children: [
+      /* @__PURE__ */ jsxs24(RangeCalendar.YearPickerTrigger, { children: [
+        /* @__PURE__ */ jsx32(RangeCalendar.YearPickerTriggerHeading, {}),
+        /* @__PURE__ */ jsx32(RangeCalendar.YearPickerTriggerIndicator, {})
       ] }),
-      /* @__PURE__ */ jsx31(RangeCalendar.NavButton, { slot: "previous" }),
-      /* @__PURE__ */ jsx31(RangeCalendar.NavButton, { slot: "next" })
+      /* @__PURE__ */ jsx32(RangeCalendar.NavButton, { slot: "previous" }),
+      /* @__PURE__ */ jsx32(RangeCalendar.NavButton, { slot: "next" })
     ] }),
-    /* @__PURE__ */ jsxs23(RangeCalendar.Grid, { children: [
-      /* @__PURE__ */ jsx31(RangeCalendar.GridHeader, { children: (day) => /* @__PURE__ */ jsx31(RangeCalendar.HeaderCell, { children: day }) }),
-      /* @__PURE__ */ jsx31(RangeCalendar.GridBody, { children: (dateValue) => /* @__PURE__ */ jsx31(RangeCalendar.Cell, { date: dateValue }) })
+    /* @__PURE__ */ jsxs24(RangeCalendar.Grid, { children: [
+      /* @__PURE__ */ jsx32(RangeCalendar.GridHeader, { children: (day) => /* @__PURE__ */ jsx32(RangeCalendar.HeaderCell, { children: day }) }),
+      /* @__PURE__ */ jsx32(RangeCalendar.GridBody, { children: (dateValue) => /* @__PURE__ */ jsx32(RangeCalendar.Cell, { date: dateValue }) })
     ] }),
-    /* @__PURE__ */ jsx31(RangeCalendar.YearPickerGrid, { children: /* @__PURE__ */ jsx31(RangeCalendar.YearPickerGridBody, { children: ({ year }) => /* @__PURE__ */ jsx31(RangeCalendar.YearPickerCell, { year }) }) })
+    /* @__PURE__ */ jsx32(RangeCalendar.YearPickerGrid, { children: /* @__PURE__ */ jsx32(RangeCalendar.YearPickerGridBody, { children: ({ year }) => /* @__PURE__ */ jsx32(RangeCalendar.YearPickerCell, { year }) }) })
   ] });
 }
 function FormView({ className, component, onAction, onSelect }) {
@@ -9311,7 +9349,7 @@ function FormView({ className, component, onAction, onSelect }) {
     setValues((current) => ({ ...current, [field.name]: value }));
   };
   const effectiveValues = () => Object.fromEntries(component.fields.map((field) => [field.name, valueFor(field)]));
-  return /* @__PURE__ */ jsx31(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx32(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsxs24(
     Form,
     {
       ref: formRef,
@@ -9339,7 +9377,7 @@ function FormView({ className, component, onAction, onSelect }) {
         }
       },
       children: [
-        component.fields.map((field) => /* @__PURE__ */ jsx31(
+        component.fields.map((field) => /* @__PURE__ */ jsx32(
           FormControl,
           {
             field,
@@ -9349,7 +9387,7 @@ function FormView({ className, component, onAction, onSelect }) {
           },
           field.name
         )),
-        /* @__PURE__ */ jsx31("div", { className: "aui-actions", "data-slot": "agent-ui-form-actions", children: component.actions.map((action2) => /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32("div", { className: "aui-actions", "data-slot": "agent-ui-form-actions", children: component.actions.map((action2) => /* @__PURE__ */ jsx32(
           Button2,
           {
             className: "aui-form-action",
@@ -9367,7 +9405,7 @@ function FormView({ className, component, onAction, onSelect }) {
   ) });
 }
 function FieldDescription({ children }) {
-  return children ? /* @__PURE__ */ jsx31(Description3, { "data-slot": "agent-ui-field-description", children }) : null;
+  return children ? /* @__PURE__ */ jsx32(Description3, { "data-slot": "agent-ui-field-description", children }) : null;
 }
 function FormControl({
   field,
@@ -9376,7 +9414,7 @@ function FormControl({
   value
 }) {
   if (field.kind === "select")
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       SelectFormControl,
       {
         field,
@@ -9386,7 +9424,7 @@ function FormControl({
       }
     );
   if (field.kind === "radio-group")
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       RadioGroup,
       {
         isRequired: field.required,
@@ -9395,17 +9433,17 @@ function FormControl({
         variant: "secondary",
         onChange,
         children: [
-          /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-          /* @__PURE__ */ jsx31(FieldDescription, { children: field.description }),
-          field.options.map((option2) => /* @__PURE__ */ jsx31(Radio, { value: option2.value, children: /* @__PURE__ */ jsxs23(Radio.Content, { children: [
-            /* @__PURE__ */ jsx31(Radio.Control, { children: /* @__PURE__ */ jsx31(Radio.Indicator, {}) }),
+          /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+          /* @__PURE__ */ jsx32(FieldDescription, { children: field.description }),
+          field.options.map((option2) => /* @__PURE__ */ jsx32(Radio, { value: option2.value, children: /* @__PURE__ */ jsxs24(Radio.Content, { children: [
+            /* @__PURE__ */ jsx32(Radio.Control, { children: /* @__PURE__ */ jsx32(Radio.Indicator, {}) }),
             option2.label
           ] }) }, option2.value))
         ]
       }
     );
   if (field.kind === "combobox")
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       ComboboxFormControl,
       {
         field,
@@ -9416,7 +9454,7 @@ function FormControl({
     );
   if (field.kind === "checkbox-group") {
     const selected = Array.isArray(value) ? value : [];
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       CheckboxGroup,
       {
         isRequired: field.required,
@@ -9425,10 +9463,10 @@ function FormControl({
         variant: "secondary",
         onChange,
         children: [
-          /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-          /* @__PURE__ */ jsx31(FieldDescription, { children: field.description }),
-          field.options.map((option2) => /* @__PURE__ */ jsx31(Checkbox2, { value: option2.value, children: /* @__PURE__ */ jsxs23(Checkbox2.Content, { children: [
-            /* @__PURE__ */ jsx31(Checkbox2.Control, { children: /* @__PURE__ */ jsx31(Checkbox2.Indicator, {}) }),
+          /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+          /* @__PURE__ */ jsx32(FieldDescription, { children: field.description }),
+          field.options.map((option2) => /* @__PURE__ */ jsx32(Checkbox2, { value: option2.value, children: /* @__PURE__ */ jsxs24(Checkbox2.Content, { children: [
+            /* @__PURE__ */ jsx32(Checkbox2.Control, { children: /* @__PURE__ */ jsx32(Checkbox2.Indicator, {}) }),
             option2.label
           ] }) }, option2.value))
         ]
@@ -9436,7 +9474,7 @@ function FormControl({
     );
   }
   if (field.kind === "slider")
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       Slider,
       {
         maxValue: field.max,
@@ -9445,18 +9483,18 @@ function FormControl({
         value: Number(value),
         onChange: (nextValue) => onChange(Array.isArray(nextValue) ? nextValue[0] ?? field.min : nextValue),
         children: [
-          /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-          /* @__PURE__ */ jsx31(Slider.Output, {}),
-          /* @__PURE__ */ jsxs23(Slider.Track, { children: [
-            /* @__PURE__ */ jsx31(Slider.Fill, {}),
-            /* @__PURE__ */ jsx31(Slider.Thumb, {})
+          /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+          /* @__PURE__ */ jsx32(Slider.Output, {}),
+          /* @__PURE__ */ jsxs24(Slider.Track, { children: [
+            /* @__PURE__ */ jsx32(Slider.Fill, {}),
+            /* @__PURE__ */ jsx32(Slider.Thumb, {})
           ] }),
-          /* @__PURE__ */ jsx31(FieldDescription, { children: field.description })
+          /* @__PURE__ */ jsx32(FieldDescription, { children: field.description })
         ]
       }
     );
   if (field.kind === "number")
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       NumberField,
       {
         fullWidth: true,
@@ -9470,18 +9508,18 @@ function FormControl({
         variant: "secondary",
         onChange: (nextValue) => onChange(nextValue ?? field.min ?? 0),
         children: [
-          /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-          /* @__PURE__ */ jsxs23(NumberField.Group, { children: [
-            /* @__PURE__ */ jsx31(NumberField.DecrementButton, {}),
-            /* @__PURE__ */ jsx31(NumberField.Input, { placeholder: field.placeholder }),
-            /* @__PURE__ */ jsx31(NumberField.IncrementButton, {})
+          /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+          /* @__PURE__ */ jsxs24(NumberField.Group, { children: [
+            /* @__PURE__ */ jsx32(NumberField.DecrementButton, {}),
+            /* @__PURE__ */ jsx32(NumberField.Input, { placeholder: field.placeholder }),
+            /* @__PURE__ */ jsx32(NumberField.IncrementButton, {})
           ] }),
-          /* @__PURE__ */ jsx31(FieldDescription, { children: field.description })
+          /* @__PURE__ */ jsx32(FieldDescription, { children: field.description })
         ]
       }
     );
   if (field.kind === "switch")
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       Switch,
       {
         isRequired: field.required,
@@ -9489,16 +9527,16 @@ function FormControl({
         name: field.name,
         onChange,
         children: [
-          /* @__PURE__ */ jsxs23(Switch.Content, { children: [
-            /* @__PURE__ */ jsx31(Switch.Control, { children: /* @__PURE__ */ jsx31(Switch.Thumb, {}) }),
+          /* @__PURE__ */ jsxs24(Switch.Content, { children: [
+            /* @__PURE__ */ jsx32(Switch.Control, { children: /* @__PURE__ */ jsx32(Switch.Thumb, {}) }),
             field.label
           ] }),
-          /* @__PURE__ */ jsx31(FieldDescription, { children: field.description })
+          /* @__PURE__ */ jsx32(FieldDescription, { children: field.description })
         ]
       }
     );
   if (field.kind === "date-picker")
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       DatePickerFormControl,
       {
         field,
@@ -9508,7 +9546,7 @@ function FormControl({
       }
     );
   if (field.kind === "date-range-picker")
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       DateRangePickerFormControl,
       {
         field,
@@ -9518,7 +9556,7 @@ function FormControl({
       }
     );
   if (field.kind === "time-field")
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       TimeField,
       {
         hourCycle: field.hourCycle,
@@ -9529,13 +9567,13 @@ function FormControl({
         value: toTimeValue(String(value)),
         onChange: (nextValue) => onChange(nextValue?.toString() ?? ""),
         children: [
-          /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-          /* @__PURE__ */ jsx31(TimeField.Group, { fullWidth: true, variant: "secondary", children: /* @__PURE__ */ jsx31(TimeField.Input, { children: (segment) => /* @__PURE__ */ jsx31(TimeField.Segment, { segment }) }) }),
-          /* @__PURE__ */ jsx31(FieldDescription, { children: field.description })
+          /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+          /* @__PURE__ */ jsx32(TimeField.Group, { fullWidth: true, variant: "secondary", children: /* @__PURE__ */ jsx32(TimeField.Input, { children: (segment) => /* @__PURE__ */ jsx32(TimeField.Segment, { segment }) }) }),
+          /* @__PURE__ */ jsx32(FieldDescription, { children: field.description })
         ]
       }
     );
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     TextField,
     {
       fullWidth: true,
@@ -9546,9 +9584,9 @@ function FormControl({
       variant: "secondary",
       onChange,
       children: [
-        /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-        field.kind === "textarea" ? /* @__PURE__ */ jsx31(TextArea, { placeholder: field.placeholder, rows: field.rows ?? 4 }) : /* @__PURE__ */ jsx31(Input, { placeholder: field.placeholder }),
-        /* @__PURE__ */ jsx31(FieldDescription, { children: field.description })
+        /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+        field.kind === "textarea" ? /* @__PURE__ */ jsx32(TextArea, { placeholder: field.placeholder, rows: field.rows ?? 4 }) : /* @__PURE__ */ jsx32(Input, { placeholder: field.placeholder }),
+        /* @__PURE__ */ jsx32(FieldDescription, { children: field.description })
       ]
     }
   );
@@ -9578,8 +9616,8 @@ function ComboboxFormControl({
     setInputValue(labels.get(key2) ?? "");
     onChange([key2]);
   };
-  return /* @__PURE__ */ jsxs23("div", { className: "aui-combobox", children: [
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24("div", { className: "aui-combobox", children: [
+    /* @__PURE__ */ jsxs24(
       ComboBox,
       {
         allowsEmptyCollection: true,
@@ -9591,32 +9629,32 @@ function ComboboxFormControl({
         onInputChange: setInputValue,
         onSelectionChange: (key2) => select(key2 === null ? null : String(key2)),
         children: [
-          /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-          /* @__PURE__ */ jsxs23(ComboBox.InputGroup, { children: [
-            /* @__PURE__ */ jsx31(Input, { placeholder: field.placeholder ?? "Search options\u2026" }),
-            /* @__PURE__ */ jsx31(ComboBox.Trigger, {})
+          /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+          /* @__PURE__ */ jsxs24(ComboBox.InputGroup, { children: [
+            /* @__PURE__ */ jsx32(Input, { placeholder: field.placeholder ?? "Search options\u2026" }),
+            /* @__PURE__ */ jsx32(ComboBox.Trigger, {})
           ] }),
-          /* @__PURE__ */ jsx31(ComboBox.Popover, { UNSTABLE_portalContainer: portalContainer, children: /* @__PURE__ */ jsx31(ListBox, { renderEmptyState: () => /* @__PURE__ */ jsx31("span", { className: "aui-combobox__empty", children: "No matches" }), children: available.map((option2) => /* @__PURE__ */ jsxs23(ListBox.Item, { id: option2.value, textValue: option2.label, children: [
+          /* @__PURE__ */ jsx32(ComboBox.Popover, { UNSTABLE_portalContainer: portalContainer, children: /* @__PURE__ */ jsx32(ListBox, { renderEmptyState: () => /* @__PURE__ */ jsx32("span", { className: "aui-combobox__empty", children: "No matches" }), children: available.map((option2) => /* @__PURE__ */ jsxs24(ListBox.Item, { id: option2.value, textValue: option2.label, children: [
             option2.label,
-            /* @__PURE__ */ jsx31(ListBox.ItemIndicator, {})
+            /* @__PURE__ */ jsx32(ListBox.ItemIndicator, {})
           ] }, option2.value)) }) }),
-          /* @__PURE__ */ jsx31(FieldDescription, { children: field.description })
+          /* @__PURE__ */ jsx32(FieldDescription, { children: field.description })
         ]
       }
     ),
-    isMultiple && value.length > 0 ? /* @__PURE__ */ jsx31(
+    isMultiple && value.length > 0 ? /* @__PURE__ */ jsx32(
       TagGroup2,
       {
         "aria-label": `${field.label} selection`,
         className: "aui-combobox__selection",
         onRemove: (keys) => onChange(value.filter((entry) => !keys.has(entry))),
-        children: /* @__PURE__ */ jsx31(TagGroup2.List, { children: value.map((entry) => /* @__PURE__ */ jsxs23(Tag3, { id: entry, textValue: labels.get(entry) ?? entry, children: [
+        children: /* @__PURE__ */ jsx32(TagGroup2.List, { children: value.map((entry) => /* @__PURE__ */ jsxs24(Tag3, { id: entry, textValue: labels.get(entry) ?? entry, children: [
           labels.get(entry) ?? entry,
-          /* @__PURE__ */ jsx31(Tag3.RemoveButton, {})
+          /* @__PURE__ */ jsx32(Tag3.RemoveButton, {})
         ] }, entry)) })
       }
     ) : null,
-    value.map((entry) => /* @__PURE__ */ jsx31("input", { name: field.name, type: "hidden", value: entry }, entry))
+    value.map((entry) => /* @__PURE__ */ jsx32("input", { name: field.name, type: "hidden", value: entry }, entry))
   ] });
 }
 function SelectFormControl({
@@ -9631,7 +9669,7 @@ function SelectFormControl({
     if (!nextOpen && Date.now() - pointerOpenAt.current < 350) return;
     setIsOpen(nextOpen);
   };
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     Select,
     {
       fullWidth: true,
@@ -9647,24 +9685,24 @@ function SelectFormControl({
         setIsOpen(false);
       },
       children: [
-        /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+        /* @__PURE__ */ jsxs24(
           Select.Trigger,
           {
             onPointerDown: () => {
               pointerOpenAt.current = Date.now();
             },
             children: [
-              /* @__PURE__ */ jsx31(Select.Value, {}),
-              /* @__PURE__ */ jsx31(Select.Indicator, {})
+              /* @__PURE__ */ jsx32(Select.Value, {}),
+              /* @__PURE__ */ jsx32(Select.Indicator, {})
             ]
           }
         ),
-        /* @__PURE__ */ jsx31(Select.Popover, { UNSTABLE_portalContainer: portalContainer, children: /* @__PURE__ */ jsx31(ListBox, { children: field.options.map((option2) => /* @__PURE__ */ jsxs23(ListBox.Item, { id: option2.value, textValue: option2.label, children: [
+        /* @__PURE__ */ jsx32(Select.Popover, { UNSTABLE_portalContainer: portalContainer, children: /* @__PURE__ */ jsx32(ListBox, { children: field.options.map((option2) => /* @__PURE__ */ jsxs24(ListBox.Item, { id: option2.value, textValue: option2.label, children: [
           option2.label,
-          /* @__PURE__ */ jsx31(ListBox.ItemIndicator, {})
+          /* @__PURE__ */ jsx32(ListBox.ItemIndicator, {})
         ] }, option2.value)) }) }),
-        /* @__PURE__ */ jsx31(FieldDescription, { children: field.description })
+        /* @__PURE__ */ jsx32(FieldDescription, { children: field.description })
       ]
     }
   );
@@ -9681,7 +9719,7 @@ function DatePickerFormControl({
     if (!nextOpen && Date.now() - pointerOpenAt.current < 350) return;
     setIsOpen(nextOpen);
   };
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     DatePicker,
     {
       isOpen,
@@ -9696,21 +9734,21 @@ function DatePickerFormControl({
         setIsOpen(false);
       },
       children: [
-        /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-        /* @__PURE__ */ jsxs23(DateField.Group, { fullWidth: true, variant: "secondary", children: [
-          /* @__PURE__ */ jsx31(DateField.Input, { children: (segment) => /* @__PURE__ */ jsx31(DateField.Segment, { segment }) }),
-          /* @__PURE__ */ jsx31(DateField.Suffix, { children: /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+        /* @__PURE__ */ jsxs24(DateField.Group, { fullWidth: true, variant: "secondary", children: [
+          /* @__PURE__ */ jsx32(DateField.Input, { children: (segment) => /* @__PURE__ */ jsx32(DateField.Segment, { segment }) }),
+          /* @__PURE__ */ jsx32(DateField.Suffix, { children: /* @__PURE__ */ jsx32(
             DatePicker.Trigger,
             {
               onPointerDown: () => {
                 pointerOpenAt.current = Date.now();
               },
-              children: /* @__PURE__ */ jsx31(DatePicker.TriggerIndicator, {})
+              children: /* @__PURE__ */ jsx32(DatePicker.TriggerIndicator, {})
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx31(FieldDescription, { children: field.description }),
-        /* @__PURE__ */ jsx31(DatePicker.Popover, { UNSTABLE_portalContainer: portalContainer, children: /* @__PURE__ */ jsx31(DatePickerCalendar, {}) })
+        /* @__PURE__ */ jsx32(FieldDescription, { children: field.description }),
+        /* @__PURE__ */ jsx32(DatePicker.Popover, { UNSTABLE_portalContainer: portalContainer, children: /* @__PURE__ */ jsx32(DatePickerCalendar, {}) })
       ]
     }
   );
@@ -9727,7 +9765,7 @@ function DateRangePickerFormControl({
     if (!nextOpen && Date.now() - pointerOpenAt.current < 350) return;
     setIsOpen(nextOpen);
   };
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     DateRangePicker,
     {
       endName: `${field.name}.end`,
@@ -9746,23 +9784,23 @@ function DateRangePickerFormControl({
         setIsOpen(false);
       },
       children: [
-        /* @__PURE__ */ jsx31(Label3, { children: field.label }),
-        /* @__PURE__ */ jsxs23(DateField.Group, { fullWidth: true, variant: "secondary", children: [
-          /* @__PURE__ */ jsx31(DateField.Input, { slot: "start", children: (segment) => /* @__PURE__ */ jsx31(DateField.Segment, { segment }) }),
-          /* @__PURE__ */ jsx31(DateRangePicker.RangeSeparator, {}),
-          /* @__PURE__ */ jsx31(DateField.Input, { slot: "end", children: (segment) => /* @__PURE__ */ jsx31(DateField.Segment, { segment }) }),
-          /* @__PURE__ */ jsx31(DateField.Suffix, { children: /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(Label3, { children: field.label }),
+        /* @__PURE__ */ jsxs24(DateField.Group, { fullWidth: true, variant: "secondary", children: [
+          /* @__PURE__ */ jsx32(DateField.Input, { slot: "start", children: (segment) => /* @__PURE__ */ jsx32(DateField.Segment, { segment }) }),
+          /* @__PURE__ */ jsx32(DateRangePicker.RangeSeparator, {}),
+          /* @__PURE__ */ jsx32(DateField.Input, { slot: "end", children: (segment) => /* @__PURE__ */ jsx32(DateField.Segment, { segment }) }),
+          /* @__PURE__ */ jsx32(DateField.Suffix, { children: /* @__PURE__ */ jsx32(
             DateRangePicker.Trigger,
             {
               onPointerDown: () => {
                 pointerOpenAt.current = Date.now();
               },
-              children: /* @__PURE__ */ jsx31(DateRangePicker.TriggerIndicator, {})
+              children: /* @__PURE__ */ jsx32(DateRangePicker.TriggerIndicator, {})
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx31(FieldDescription, { children: field.description }),
-        /* @__PURE__ */ jsx31(DateRangePicker.Popover, { UNSTABLE_portalContainer: portalContainer, children: /* @__PURE__ */ jsx31(DateRangePickerCalendar, { label: `Choose ${field.label.toLowerCase()}` }) })
+        /* @__PURE__ */ jsx32(FieldDescription, { children: field.description }),
+        /* @__PURE__ */ jsx32(DateRangePicker.Popover, { UNSTABLE_portalContainer: portalContainer, children: /* @__PURE__ */ jsx32(DateRangePickerCalendar, { label: `Choose ${field.label.toLowerCase()}` }) })
       ]
     }
   );
@@ -9770,17 +9808,17 @@ function DateRangePickerFormControl({
 
 // ../agent-ui/src/components/form-elements/switch-group-view.tsx
 import { useMemo as useMemo6, useState as useState12 } from "react";
-import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 function SwitchGroupView({ className, component, onSelect }) {
   const defaults = useMemo6(
     () => Object.fromEntries(component.items.map((item) => [item.id, item.defaultSelected ?? false])),
     [component.items]
   );
   const [values, setValues] = useState12({});
-  return /* @__PURE__ */ jsx32(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx32("div", { className: "aui-switch-group", "data-slot": "agent-ui-switch-group", children: component.items.map((item) => {
+  return /* @__PURE__ */ jsx33(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx33("div", { className: "aui-switch-group", "data-slot": "agent-ui-switch-group", children: component.items.map((item) => {
     const selected = values[item.id] ?? defaults[item.id] ?? false;
-    return /* @__PURE__ */ jsxs24("label", { "data-slot": "agent-ui-switch-item", children: [
-      /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsxs25("label", { "data-slot": "agent-ui-switch-item", children: [
+      /* @__PURE__ */ jsx33(
         "input",
         {
           checked: selected,
@@ -9794,9 +9832,9 @@ function SwitchGroupView({ className, component, onSelect }) {
           }
         }
       ),
-      /* @__PURE__ */ jsxs24("span", { "data-slot": "agent-ui-switch-content", children: [
-        /* @__PURE__ */ jsx32("strong", { "data-slot": "agent-ui-switch-label", children: item.label }),
-        item.description ? /* @__PURE__ */ jsx32("small", { "data-slot": "agent-ui-switch-description", children: item.description }) : null
+      /* @__PURE__ */ jsxs25("span", { "data-slot": "agent-ui-switch-content", children: [
+        /* @__PURE__ */ jsx33("strong", { "data-slot": "agent-ui-switch-label", children: item.label }),
+        item.description ? /* @__PURE__ */ jsx33("small", { "data-slot": "agent-ui-switch-description", children: item.description }) : null
       ] })
     ] }, item.id);
   }) }) });
@@ -9804,7 +9842,7 @@ function SwitchGroupView({ className, component, onSelect }) {
 
 // ../agent-ui/src/components/form-elements/toggle-group-view.tsx
 import { useMemo as useMemo7, useState as useState13 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function ToggleGroupView({ className, component, onSelect }) {
   const validIds = useMemo7(
     () => new Set(component.items.map((item) => item.id)),
@@ -9812,7 +9850,7 @@ function ToggleGroupView({ className, component, onSelect }) {
   );
   const [selected, setSelected] = useState13(() => new Set(component.defaultValue ?? []));
   const active = new Set([...selected].filter((id2) => validIds.has(id2)));
-  return /* @__PURE__ */ jsx33(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx33("div", { className: "aui-toggle-group", "data-slot": "agent-ui-toggle-group", children: component.items.map((item) => /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(Card, { className, description: component.description, title: component.title, children: /* @__PURE__ */ jsx34("div", { className: "aui-toggle-group", "data-slot": "agent-ui-toggle-group", children: component.items.map((item) => /* @__PURE__ */ jsx34(
     "button",
     {
       "aria-pressed": active.has(item.id),
@@ -9838,7 +9876,7 @@ function ToggleGroupView({ className, component, onSelect }) {
 
 // ../agent-ui/src/components/primitives/primitive-views.tsx
 import { createElement } from "react";
-import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
 var progressFormatter = new Intl.NumberFormat(void 0, { maximumFractionDigits: 0 });
 function HeadingView({ className, component }) {
   const level = component.level ?? 2;
@@ -9849,7 +9887,7 @@ function HeadingView({ className, component }) {
       "data-level": level,
       "data-slot": "agent-ui-heading"
     },
-    component.icon ? /* @__PURE__ */ jsx34(
+    component.icon ? /* @__PURE__ */ jsx35(
       AgentIcon,
       {
         "aria-hidden": "true",
@@ -9862,7 +9900,7 @@ function HeadingView({ className, component }) {
   );
 }
 function ButtonView({ className, component, onAction, onSelect }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     ActionButton,
     {
       className: mergeClassNames("aui-button-primitive", className),
@@ -9885,14 +9923,14 @@ function ButtonView({ className, component, onAction, onSelect }) {
         }
       },
       children: [
-        component.icon ? /* @__PURE__ */ jsx34(AgentIcon, { "aria-hidden": "true", name: component.icon }) : null,
+        component.icon ? /* @__PURE__ */ jsx35(AgentIcon, { "aria-hidden": "true", name: component.icon }) : null,
         component.label
       ]
     }
   );
 }
 function BadgeView({ className, component }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "span",
     {
       className: mergeClassNames("aui-badge", className),
@@ -9904,23 +9942,23 @@ function BadgeView({ className, component }) {
   );
 }
 function IconView({ className, component }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "span",
     {
       className: mergeClassNames("aui-icon", className),
       "data-size": component.size ?? "md",
       "data-slot": "agent-ui-icon",
       "data-tone": component.tone ?? "default",
-      children: /* @__PURE__ */ jsx34(AgentIcon, { "aria-hidden": "true", name: component.name })
+      children: /* @__PURE__ */ jsx35(AgentIcon, { "aria-hidden": "true", name: component.name })
     }
   );
 }
 function RatingView({ className, component }) {
-  return /* @__PURE__ */ jsx34(RatingStars, { className, count: component.count, value: component.value });
+  return /* @__PURE__ */ jsx35(RatingStars, { className, count: component.count, value: component.value });
 }
 function ProgressView({ className, component }) {
   const value = Math.min(Math.max(component.value, 0), 100);
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "span",
     {
       "aria-valuemax": 100,
@@ -9931,21 +9969,21 @@ function ProgressView({ className, component }) {
       role: "progressbar",
       ...component.label ? { "aria-label": component.label } : {},
       children: [
-        component.label ? /* @__PURE__ */ jsxs25("span", { className: "aui-progress__header", children: [
-          /* @__PURE__ */ jsx34("span", { className: "aui-progress__label", children: component.label }),
-          /* @__PURE__ */ jsxs25("span", { className: "aui-progress__value", children: [
+        component.label ? /* @__PURE__ */ jsxs26("span", { className: "aui-progress__header", children: [
+          /* @__PURE__ */ jsx35("span", { className: "aui-progress__label", children: component.label }),
+          /* @__PURE__ */ jsxs26("span", { className: "aui-progress__value", children: [
             progressFormatter.format(value),
             "%"
           ] })
         ] }) : null,
-        /* @__PURE__ */ jsx34("span", { className: "aui-progress__track", children: /* @__PURE__ */ jsx34("span", { className: "aui-progress__fill", style: { width: `${value}%` } }) })
+        /* @__PURE__ */ jsx35("span", { className: "aui-progress__track", children: /* @__PURE__ */ jsx35("span", { className: "aui-progress__fill", style: { width: `${value}%` } }) })
       ]
     }
   );
 }
 
 // ../agent-ui/src/components/component-renderer/component-renderer.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function ComponentRenderer({
   cardVariant,
   className,
@@ -9956,7 +9994,7 @@ function ComponentRenderer({
 }) {
   const parsed = agentUIRenderableSchema.safeParse(component);
   if (!parsed.success) return null;
-  const content2 = /* @__PURE__ */ jsx35(
+  const content2 = /* @__PURE__ */ jsx36(
     NodeRenderer,
     {
       className: mergeClassNames("aui-component", className),
@@ -9966,7 +10004,7 @@ function ComponentRenderer({
       onSelect
     }
   );
-  return cardVariant ? /* @__PURE__ */ jsx35(CardVariantProvider, { variant: cardVariant, children: content2 }) : content2;
+  return cardVariant ? /* @__PURE__ */ jsx36(CardVariantProvider, { variant: cardVariant, children: content2 }) : content2;
 }
 var leafViews = {
   accordion: AccordionView,
@@ -10023,10 +10061,10 @@ var leafViews = {
 };
 function NodeRenderer({ className, exportFormats, node, onAction, onSelect }) {
   const shared = { exportFormats, onAction, onSelect };
-  const renderChildren = (children) => children.map((child) => /* @__PURE__ */ jsx35(NodeRenderer, { ...shared, node: child }, child.id));
+  const renderChildren = (children) => children.map((child) => /* @__PURE__ */ jsx36(NodeRenderer, { ...shared, node: child }, child.id));
   switch (node.kind) {
     case "item-card":
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         ItemCardView,
         {
           className,
@@ -10039,44 +10077,44 @@ function NodeRenderer({ className, exportFormats, node, onAction, onSelect }) {
         }
       );
     case "item-card-group":
-      return /* @__PURE__ */ jsx35(ItemCardGroupView, { className, component: node, children: renderChildren(node.children) });
+      return /* @__PURE__ */ jsx36(ItemCardGroupView, { className, component: node, children: renderChildren(node.children) });
     case "product-signals":
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         ProductSignalsView,
         {
           className,
           component: node,
-          renderPanel: (component) => /* @__PURE__ */ jsx35(CardVariantProvider, { variant: "plain", children: /* @__PURE__ */ jsx35(NodeRenderer, { ...shared, node: component }) })
+          renderPanel: (component) => /* @__PURE__ */ jsx36(CardVariantProvider, { variant: "plain", children: /* @__PURE__ */ jsx36(NodeRenderer, { ...shared, node: component }) })
         }
       );
     case "tabs":
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         TabsView,
         {
           className,
           component: node,
-          renderPanel: (children) => /* @__PURE__ */ jsx35(CardVariantProvider, { variant: "plain", children: renderChildren(children) }),
+          renderPanel: (children) => /* @__PURE__ */ jsx36(CardVariantProvider, { variant: "plain", children: renderChildren(children) }),
           onSelect
         }
       );
     case "dashboard":
-      return /* @__PURE__ */ jsx35(DashboardView, { className, component: node, children: /* @__PURE__ */ jsx35(CardVariantProvider, { variant: "plain", children: renderChildren(node.children) }) });
+      return /* @__PURE__ */ jsx36(DashboardView, { className, component: node, children: /* @__PURE__ */ jsx36(CardVariantProvider, { variant: "plain", children: renderChildren(node.children) }) });
     case "card":
-      return /* @__PURE__ */ jsx35(CardContainerView, { className, component: node, children: /* @__PURE__ */ jsx35(CardVariantProvider, { variant: "plain", children: renderChildren(node.children) }) });
+      return /* @__PURE__ */ jsx36(CardContainerView, { className, component: node, children: /* @__PURE__ */ jsx36(CardVariantProvider, { variant: "plain", children: renderChildren(node.children) }) });
     case "row":
-      return /* @__PURE__ */ jsx35(RowView, { className, component: node, children: renderChildren(node.children) });
+      return /* @__PURE__ */ jsx36(RowView, { className, component: node, children: renderChildren(node.children) });
     case "col":
-      return /* @__PURE__ */ jsx35(ColView, { className, component: node, children: renderChildren(node.children) });
+      return /* @__PURE__ */ jsx36(ColView, { className, component: node, children: renderChildren(node.children) });
     case "grid":
-      return /* @__PURE__ */ jsx35(GridView, { className, component: node, children: renderChildren(node.children) });
+      return /* @__PURE__ */ jsx36(GridView, { className, component: node, children: renderChildren(node.children) });
     case "spacer":
-      return /* @__PURE__ */ jsx35(SpacerView, { className, component: node });
+      return /* @__PURE__ */ jsx36(SpacerView, { className, component: node });
     case "divider":
-      return /* @__PURE__ */ jsx35(DividerView, { className, component: node });
+      return /* @__PURE__ */ jsx36(DividerView, { className, component: node });
     case "heading":
-      return /* @__PURE__ */ jsx35(HeadingView, { className, component: node });
+      return /* @__PURE__ */ jsx36(HeadingView, { className, component: node });
     case "button":
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         ButtonView,
         {
           className,
@@ -10086,16 +10124,16 @@ function NodeRenderer({ className, exportFormats, node, onAction, onSelect }) {
         }
       );
     case "badge":
-      return /* @__PURE__ */ jsx35(BadgeView, { className, component: node });
+      return /* @__PURE__ */ jsx36(BadgeView, { className, component: node });
     case "icon":
-      return /* @__PURE__ */ jsx35(IconView, { className, component: node });
+      return /* @__PURE__ */ jsx36(IconView, { className, component: node });
     case "rating":
-      return /* @__PURE__ */ jsx35(RatingView, { className, component: node });
+      return /* @__PURE__ */ jsx36(RatingView, { className, component: node });
     case "progress":
-      return /* @__PURE__ */ jsx35(ProgressView, { className, component: node });
+      return /* @__PURE__ */ jsx36(ProgressView, { className, component: node });
     default: {
       const View = leafViews[node.kind];
-      return /* @__PURE__ */ jsx35(View, { ...shared, className, component: node });
+      return /* @__PURE__ */ jsx36(View, { ...shared, className, component: node });
     }
   }
 }