@mastra/playground-ui 55.0.0 → 56.0.0-alpha.5

package/dist/spacings-DJ7CTlfI.cjs

@@ -0,0 +1,179 @@
+'use strict';
+
+const BorderRadius = {
+  none: "0px",
+  sm: "2px",
+  md: "4px",
+  lg: "6px",
+  xl: "12px"
+};
+
+const Colors = {
+  surface1: "var(--surface1)",
+  surface2: "var(--surface2)",
+  surface3: "var(--surface3)",
+  surface4: "var(--surface4)",
+  surface5: "var(--surface5)",
+  surface6: "var(--surface6)",
+  accent1: "var(--accent1)",
+  accent2: "var(--accent2)",
+  accent3: "var(--accent3)",
+  accent5: "var(--accent5)",
+  accent6: "var(--accent6)",
+  accent1Dark: "var(--accent1Dark)",
+  accent2Dark: "var(--accent2Dark)",
+  accent3Dark: "var(--accent3Dark)",
+  accent5Dark: "var(--accent5Dark)",
+  accent6Dark: "var(--accent6Dark)",
+  accent1Darker: "var(--accent1Darker)",
+  accent2Darker: "var(--accent2Darker)",
+  accent3Darker: "var(--accent3Darker)",
+  accent5Darker: "var(--accent5Darker)",
+  accent6Darker: "var(--accent6Darker)",
+  neutral1: "var(--neutral1)",
+  neutral2: "var(--neutral2)",
+  neutral3: "var(--neutral3)",
+  neutral4: "var(--neutral4)",
+  neutral5: "var(--neutral5)",
+  neutral6: "var(--neutral6)",
+  background: "var(--background)",
+  sidebar: "var(--sidebar)",
+  card: "var(--card)",
+  popover: "var(--popover)",
+  muted: "var(--muted)",
+  foreground: "var(--foreground)",
+  "muted-foreground": "var(--muted-foreground)",
+  ring: "var(--ring)",
+  "sidebar-accent": "var(--sidebar-accent)",
+  selected: "var(--selected)",
+  error: "var(--error)",
+  overlay: "var(--overlay)"
+};
+const BorderColors = {
+  border1: "var(--border1)",
+  border2: "var(--border2)",
+  border: "var(--border)"
+};
+
+const Shadows = {
+  // Elevation shadows
+  sm: "0 1px 2px rgba(0, 0, 0, 0.3)",
+  md: "0 4px 6px rgba(0, 0, 0, 0.3)",
+  lg: "0 10px 15px rgba(0, 0, 0, 0.4)",
+  // Inner shadow for pressed states
+  inner: "inset 0 2px 4px rgba(0, 0, 0, 0.3)",
+  // Card/elevated surface shadows
+  card: "0 2px 8px rgba(0, 0, 0, 0.4)",
+  elevated: "0 8px 24px rgba(0, 0, 0, 0.5)",
+  // Dialog/modal shadows
+  dialog: "0 16px 48px rgba(0, 0, 0, 0.6)",
+  // Panel resting on the page, below dialog
+  panel: "0 1px 2px -1px oklch(0% 0 0deg / 8%), 0 10px 26px -18px oklch(0% 0 0deg / 16%)"
+};
+const Glows = {
+  accent1: "0 0 20px rgba(34, 197, 94, 0.25)",
+  accent2: "0 0 20px rgba(239, 68, 68, 0.25)",
+  // Subtle glow for focus rings
+  focusRing: "0 0 0 3px rgba(34, 197, 94, 0.12)"
+};
+
+const Sizes = {
+  "icon-default": "16px",
+  "icon-lg": "20px",
+  "icon-sm": "12px",
+  "form-xs": "1.25rem",
+  "form-sm": "1.5rem",
+  "form-md": "1.75rem",
+  "form-lg": "1.75rem",
+  "header-default": "40px",
+  "table-header": "28px",
+  "table-row": "40px",
+  "table-row-small": "32px",
+  "badge-default": "20px",
+  "avatar-sm": "24px",
+  "avatar-md": "32px",
+  "avatar-lg": "40px",
+  "dropdown-max-height": "300px"
+};
+
+const Spacings = {
+  // Base scale (REM-based, matching Tailwind convention)
+  "0": "0rem",
+  px: "0.0625rem",
+  // 1px
+  "0.5": "0.125rem",
+  // 2px
+  "1": "0.25rem",
+  // 4px
+  "1.5": "0.375rem",
+  // 6px
+  "2": "0.5rem",
+  // 8px
+  "2.5": "0.625rem",
+  // 10px
+  "3": "0.75rem",
+  // 12px
+  "3.5": "0.875rem",
+  // 14px
+  "4": "1rem",
+  // 16px
+  "5": "1.25rem",
+  // 20px
+  "6": "1.5rem",
+  // 24px
+  "7": "1.75rem",
+  // 28px
+  "8": "2rem",
+  // 32px
+  "9": "2.25rem",
+  // 36px
+  "10": "2.5rem",
+  // 40px
+  "11": "2.75rem",
+  // 44px
+  "12": "3rem",
+  // 48px
+  "14": "3.5rem",
+  // 56px
+  "16": "4rem",
+  // 64px
+  "20": "5rem",
+  // 80px
+  "24": "6rem",
+  // 96px
+  "28": "7rem",
+  // 112px
+  "32": "8rem",
+  // 128px
+  "36": "9rem",
+  // 144px
+  "40": "10rem",
+  // 160px
+  "44": "11rem",
+  // 176px
+  "48": "12rem",
+  // 192px
+  "52": "13rem",
+  // 208px
+  "56": "14rem",
+  // 224px
+  "60": "15rem",
+  // 240px
+  "64": "16rem",
+  // 256px
+  "72": "18rem",
+  // 288px
+  "80": "20rem",
+  // 320px
+  "96": "24rem"
+  // 384px
+};
+
+exports.BorderColors = BorderColors;
+exports.BorderRadius = BorderRadius;
+exports.Colors = Colors;
+exports.Glows = Glows;
+exports.Shadows = Shadows;
+exports.Sizes = Sizes;
+exports.Spacings = Spacings;
+//# sourceMappingURL=spacings-DJ7CTlfI.cjs.map

package/dist/spacings-DJ7CTlfI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacings-DJ7CTlfI.cjs","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/shadows.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n  xl: '12px',\n};\n","export const Colors = {\n  surface1: 'var(--surface1)',\n  surface2: 'var(--surface2)',\n  surface3: 'var(--surface3)',\n  surface4: 'var(--surface4)',\n  surface5: 'var(--surface5)',\n  surface6: 'var(--surface6)',\n  accent1: 'var(--accent1)',\n  accent2: 'var(--accent2)',\n  accent3: 'var(--accent3)',\n  accent5: 'var(--accent5)',\n  accent6: 'var(--accent6)',\n  accent1Dark: 'var(--accent1Dark)',\n  accent2Dark: 'var(--accent2Dark)',\n  accent3Dark: 'var(--accent3Dark)',\n  accent5Dark: 'var(--accent5Dark)',\n  accent6Dark: 'var(--accent6Dark)',\n  accent1Darker: 'var(--accent1Darker)',\n  accent2Darker: 'var(--accent2Darker)',\n  accent3Darker: 'var(--accent3Darker)',\n  accent5Darker: 'var(--accent5Darker)',\n  accent6Darker: 'var(--accent6Darker)',\n  neutral1: 'var(--neutral1)',\n  neutral2: 'var(--neutral2)',\n  neutral3: 'var(--neutral3)',\n  neutral4: 'var(--neutral4)',\n  neutral5: 'var(--neutral5)',\n  neutral6: 'var(--neutral6)',\n  background: 'var(--background)',\n  sidebar: 'var(--sidebar)',\n  card: 'var(--card)',\n  popover: 'var(--popover)',\n  muted: 'var(--muted)',\n  foreground: 'var(--foreground)',\n  'muted-foreground': 'var(--muted-foreground)',\n  ring: 'var(--ring)',\n  'sidebar-accent': 'var(--sidebar-accent)',\n  selected: 'var(--selected)',\n\n  error: 'var(--error)',\n\n  overlay: 'var(--overlay)',\n};\n\nexport const BorderColors = {\n  border1: 'var(--border1)',\n  border2: 'var(--border2)',\n  border: 'var(--border)',\n};\n","export const Shadows = {\n  // Elevation shadows\n  sm: '0 1px 2px rgba(0, 0, 0, 0.3)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.3)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.4)',\n\n  // Inner shadow for pressed states\n  inner: 'inset 0 2px 4px rgba(0, 0, 0, 0.3)',\n\n  // Card/elevated surface shadows\n  card: '0 2px 8px rgba(0, 0, 0, 0.4)',\n  elevated: '0 8px 24px rgba(0, 0, 0, 0.5)',\n\n  // Dialog/modal shadows\n  dialog: '0 16px 48px rgba(0, 0, 0, 0.6)',\n\n  // Panel resting on the page, below dialog\n  panel: '0 1px 2px -1px oklch(0% 0 0deg / 8%), 0 10px 26px -18px oklch(0% 0 0deg / 16%)',\n};\n\n// Glow effects for interactive elements (focus states, etc.)\nexport const Glows = {\n  accent1: '0 0 20px rgba(34, 197, 94, 0.25)',\n  accent2: '0 0 20px rgba(239, 68, 68, 0.25)',\n\n  // Subtle glow for focus rings\n  focusRing: '0 0 0 3px rgba(34, 197, 94, 0.12)',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'form-xs': '1.25rem',\n  'form-sm': '1.5rem',\n  'form-md': '1.75rem',\n  'form-lg': '1.75rem',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '40px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  // Base scale (REM-based, matching Tailwind convention)\n  '0': '0rem',\n  px: '0.0625rem', // 1px\n  '0.5': '0.125rem', // 2px\n  '1': '0.25rem', // 4px\n  '1.5': '0.375rem', // 6px\n  '2': '0.5rem', // 8px\n  '2.5': '0.625rem', // 10px\n  '3': '0.75rem', // 12px\n  '3.5': '0.875rem', // 14px\n  '4': '1rem', // 16px\n  '5': '1.25rem', // 20px\n  '6': '1.5rem', // 24px\n  '7': '1.75rem', // 28px\n  '8': '2rem', // 32px\n  '9': '2.25rem', // 36px\n  '10': '2.5rem', // 40px\n  '11': '2.75rem', // 44px\n  '12': '3rem', // 48px\n  '14': '3.5rem', // 56px\n  '16': '4rem', // 64px\n  '20': '5rem', // 80px\n  '24': '6rem', // 96px\n  '28': '7rem', // 112px\n  '32': '8rem', // 128px\n  '36': '9rem', // 144px\n  '40': '10rem', // 160px\n  '44': '11rem', // 176px\n  '48': '12rem', // 192px\n  '52': '13rem', // 208px\n  '56': '14rem', // 224px\n  '60': '15rem', // 240px\n  '64': '16rem', // 256px\n  '72': '18rem', // 288px\n  '80': '20rem', // 320px\n  '96': '24rem', // 384px\n} as const;\n\nexport type Spacing = keyof typeof Spacings;\n"],"names":[],"mappings":";;AAAO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACNO,MAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,QAAA,EAAU,iBAAA;AAAA,EACV,UAAA,EAAY,mBAAA;AAAA,EACZ,OAAA,EAAS,gBAAA;AAAA,EACT,IAAA,EAAM,aAAA;AAAA,EACN,OAAA,EAAS,gBAAA;AAAA,EACT,KAAA,EAAO,cAAA;AAAA,EACP,UAAA,EAAY,mBAAA;AAAA,EACZ,kBAAA,EAAoB,yBAAA;AAAA,EACpB,IAAA,EAAM,aAAA;AAAA,EACN,gBAAA,EAAkB,uBAAA;AAAA,EAClB,QAAA,EAAU,iBAAA;AAAA,EAEV,KAAA,EAAO,cAAA;AAAA,EAEP,OAAA,EAAS;AACX;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,MAAA,EAAQ;AACV;;AChDO,MAAM,OAAA,GAAU;AAAA;AAAA,EAErB,EAAA,EAAI,8BAAA;AAAA,EACJ,EAAA,EAAI,8BAAA;AAAA,EACJ,EAAA,EAAI,gCAAA;AAAA;AAAA,EAGJ,KAAA,EAAO,oCAAA;AAAA;AAAA,EAGP,IAAA,EAAM,8BAAA;AAAA,EACN,QAAA,EAAU,+BAAA;AAAA;AAAA,EAGV,MAAA,EAAQ,gCAAA;AAAA;AAAA,EAGR,KAAA,EAAO;AACT;AAGO,MAAM,KAAA,GAAQ;AAAA,EACnB,OAAA,EAAS,kCAAA;AAAA,EACT,OAAA,EAAS,kCAAA;AAAA;AAAA,EAGT,SAAA,EAAW;AACb;;AC3BO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW,QAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,qBAAA,EAAuB;AACzB;;ACjBO,MAAM,QAAA,GAAW;AAAA;AAAA,EAEtB,GAAA,EAAK,MAAA;AAAA,EACL,EAAA,EAAI,WAAA;AAAA;AAAA,EACJ,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,QAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,MAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,GAAA,EAAK,QAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,IAAA,EAAM,QAAA;AAAA;AAAA,EACN,IAAA,EAAM,SAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM;AAAA;AACR;;;;;;;;;;"}

package/dist/span-payload-primitives-Bc21pM0m.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const domains_traces_components_spanPayload_spanPayloadJson = require('./domains/traces/components/span-payload/span-payload-json.cjs.js');
+const collapsible = require('./collapsible-T4jTNOOE.cjs');
+const markdownRenderer = require('./markdown-renderer-Dmz44_t7.cjs');
+const domains_chat_components_badgeWrapper = require('./domains/chat/components/badge-wrapper.cjs.js');
+const toolCall = require('./tool-call-DEtotEm0.cjs');
+const toolPresentation = require('./tool-presentation-BGWx2mEc.cjs');
+
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+function SpanPayloadTool({ value, showLabel = true }) {
+  if (!isRecord(value)) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
+  const call = value.type === "tool-invocation" ? value.toolInvocation : value;
+  if (!isRecord(call) || typeof call.toolName !== "string" || !call.toolName) {
+    return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
+  }
+  const input = "args" in call ? call.args : call.input;
+  const output = "result" in call ? call.result : call.output;
+  const error = call.isError === true || call.state === "output-error";
+  const errorText = typeof call.errorText === "string" ? call.errorText : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-payload-tool", className: "flex flex-col gap-2", children: [
+    showLabel && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadLabel, { children: value.type === "tool-result" ? "Tool result" : "Tool call" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      domains_chat_components_badgeWrapper.BadgeWrapper,
+      {
+        status: error ? "error" : "idle",
+        header: /* @__PURE__ */ jsxRuntime.jsx(toolCall.ToolCallPresentedHeader, { ...toolPresentation.presentTool(call.toolName, input) }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+          input !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadField, { label: "Arguments", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: input }) }),
+          output !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadField, { label: "Result", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: output }) }),
+          errorText !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadField, { label: "Error", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: errorText }) })
+        ] })
+      }
+    )
+  ] });
+}
+
+function SpanPayloadLabel({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-xs text-neutral2 tracking-widest uppercase", children });
+}
+function SpanPayloadField({ label, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-payload-field", className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadLabel, { children: label }),
+    children
+  ] });
+}
+function SpanPayloadMarkdown({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "span-payload-markdown", className: "text-ui-md leading-ui-md text-neutral5", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { children }) });
+}
+function SpanPayloadCollapsible({
+  label,
+  children,
+  defaultOpen = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { defaultOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(collapsible.CollapsibleTrigger, { className: "text-ui-xs text-neutral2 flex items-center gap-1 tracking-widest uppercase [&>svg]:size-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}),
+      label
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "pt-1.5", children })
+  ] });
+}
+function SpanPayloadToolCalls({ toolCalls }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "data-slot": "span-payload-tool-calls", className: "flex flex-col gap-2", children: toolCalls.map((call, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadTool, { value: call, showLabel: false }) }, index)) });
+}
+
+exports.SpanPayloadCollapsible = SpanPayloadCollapsible;
+exports.SpanPayloadField = SpanPayloadField;
+exports.SpanPayloadLabel = SpanPayloadLabel;
+exports.SpanPayloadMarkdown = SpanPayloadMarkdown;
+exports.SpanPayloadTool = SpanPayloadTool;
+exports.SpanPayloadToolCalls = SpanPayloadToolCalls;
+//# sourceMappingURL=span-payload-primitives-Bc21pM0m.cjs.map

package/dist/span-payload-primitives-Bc21pM0m.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives-Bc21pM0m.cjs","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ToolCallPresentedHeader } from '@/ds/components/ai/tool-call';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={<ToolCallPresentedHeader {...presentTool(call.toolName, input)} />}\n      >\n        <div className=\"flex flex-col gap-3\">\n          {input !== undefined && (\n            <SpanPayloadField label=\"Arguments\">\n              <SpanPayloadJson value={input} />\n            </SpanPayloadField>\n          )}\n          {output !== undefined && (\n            <SpanPayloadField label=\"Result\">\n              <SpanPayloadJson value={output} />\n            </SpanPayloadField>\n          )}\n          {errorText !== undefined && (\n            <SpanPayloadField label=\"Error\">\n              <SpanPayloadJson value={errorText} />\n            </SpanPayloadField>\n          )}\n        </div>\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-ui-xs text-neutral2 tracking-widest uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-ui-md leading-ui-md text-neutral5\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"text-ui-xs text-neutral2 flex items-center gap-1 tracking-widest uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":["jsx","SpanPayloadJson","jsxs","BadgeWrapper","ToolCallPresentedHeader","presentTool","MarkdownRenderer","Collapsible","CollapsibleTrigger","ChevronRightIcon","CollapsibleContent"],"mappings":"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"}

package/dist/span-payload-primitives-DXg3l6FW.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronRightIcon } from 'lucide-react';
+import { SpanPayloadJson } from './domains/traces/components/span-payload/span-payload-json.es.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from './collapsible-cOfcD1BM.js';
+import { M as MarkdownRenderer } from './markdown-renderer-BSdZmxVF.js';
+import { BadgeWrapper } from './domains/chat/components/badge-wrapper.es.js';
+import { j as ToolCallPresentedHeader } from './tool-call-B-OO_6DC.js';
+import { p as presentTool } from './tool-presentation-D-smNbXC.js';
+
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+function SpanPayloadTool({ value, showLabel = true }) {
+  if (!isRecord(value)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+  const call = value.type === "tool-invocation" ? value.toolInvocation : value;
+  if (!isRecord(call) || typeof call.toolName !== "string" || !call.toolName) {
+    return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+  }
+  const input = "args" in call ? call.args : call.input;
+  const output = "result" in call ? call.result : call.output;
+  const error = call.isError === true || call.state === "output-error";
+  const errorText = typeof call.errorText === "string" ? call.errorText : void 0;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "span-payload-tool", className: "flex flex-col gap-2", children: [
+    showLabel && /* @__PURE__ */ jsx(SpanPayloadLabel, { children: value.type === "tool-result" ? "Tool result" : "Tool call" }),
+    /* @__PURE__ */ jsx(
+      BadgeWrapper,
+      {
+        status: error ? "error" : "idle",
+        header: /* @__PURE__ */ jsx(ToolCallPresentedHeader, { ...presentTool(call.toolName, input) }),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          input !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Arguments", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: input }) }),
+          output !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Result", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: output }) }),
+          errorText !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Error", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: errorText }) })
+        ] })
+      }
+    )
+  ] });
+}
+
+function SpanPayloadLabel({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "text-ui-xs text-neutral2 tracking-widest uppercase", children });
+}
+function SpanPayloadField({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "span-payload-field", className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx(SpanPayloadLabel, { children: label }),
+    children
+  ] });
+}
+function SpanPayloadMarkdown({ children }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "span-payload-markdown", className: "text-ui-md leading-ui-md text-neutral5", children: /* @__PURE__ */ jsx(MarkdownRenderer, { children }) });
+}
+function SpanPayloadCollapsible({
+  label,
+  children,
+  defaultOpen = false
+}) {
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen, children: [
+    /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "text-ui-xs text-neutral2 flex items-center gap-1 tracking-widest uppercase [&>svg]:size-3", children: [
+      /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+      label
+    ] }),
+    /* @__PURE__ */ jsx(CollapsibleContent, { className: "pt-1.5", children })
+  ] });
+}
+function SpanPayloadToolCalls({ toolCalls }) {
+  return /* @__PURE__ */ jsx("ul", { "data-slot": "span-payload-tool-calls", className: "flex flex-col gap-2", children: toolCalls.map((call, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(SpanPayloadTool, { value: call, showLabel: false }) }, index)) });
+}
+
+export { SpanPayloadField as S, SpanPayloadMarkdown as a, SpanPayloadToolCalls as b, SpanPayloadCollapsible as c, SpanPayloadLabel as d, SpanPayloadTool as e };
+//# sourceMappingURL=span-payload-primitives-DXg3l6FW.js.map

package/dist/span-payload-primitives-DXg3l6FW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives-DXg3l6FW.js","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ToolCallPresentedHeader } from '@/ds/components/ai/tool-call';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={<ToolCallPresentedHeader {...presentTool(call.toolName, input)} />}\n      >\n        <div className=\"flex flex-col gap-3\">\n          {input !== undefined && (\n            <SpanPayloadField label=\"Arguments\">\n              <SpanPayloadJson value={input} />\n            </SpanPayloadField>\n          )}\n          {output !== undefined && (\n            <SpanPayloadField label=\"Result\">\n              <SpanPayloadJson value={output} />\n            </SpanPayloadField>\n          )}\n          {errorText !== undefined && (\n            <SpanPayloadField label=\"Error\">\n              <SpanPayloadJson value={errorText} />\n            </SpanPayloadField>\n          )}\n        </div>\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-ui-xs text-neutral2 tracking-widest uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-ui-md leading-ui-md text-neutral5\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"text-ui-xs text-neutral2 flex items-center gap-1 tracking-widest uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAMA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChB,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAE9D,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,GAAY,MAAK,EAA4C;AACpG,EAAA,IAAI,CAAC,QAAA,CAAS,KAAK,GAAG,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAC5D,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,KAAS,iBAAA,GAAoB,MAAM,cAAA,GAAiB,KAAA;AACvE,EAAA,IAAI,CAAC,QAAA,CAAS,IAAI,CAAA,IAAK,OAAO,KAAK,QAAA,KAAa,QAAA,IAAY,CAAC,IAAA,CAAK,QAAA,EAAU;AAC1E,IAAA,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAAA,EACxC;AACA,EAAA,MAAM,KAAA,GAAQ,MAAA,IAAU,IAAA,GAAO,IAAA,CAAK,OAAO,IAAA,CAAK,KAAA;AAChD,EAAA,MAAM,MAAA,GAAS,QAAA,IAAY,IAAA,GAAO,IAAA,CAAK,SAAS,IAAA,CAAK,MAAA;AACrD,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,OAAA,KAAY,IAAA,IAAQ,KAAK,KAAA,KAAU,cAAA;AACtD,EAAA,MAAM,YAAY,OAAO,IAAA,CAAK,SAAA,KAAc,QAAA,GAAW,KAAK,SAAA,GAAY,MAAA;AACxE,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,mBAAA,EAAoB,WAAU,qBAAA,EAC1C,QAAA,EAAA;AAAA,IAAA,SAAA,wBAAc,gBAAA,EAAA,EAAkB,QAAA,EAAA,KAAA,CAAM,IAAA,KAAS,aAAA,GAAgB,gBAAgB,WAAA,EAAY,CAAA;AAAA,oBAC5F,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,QAAQ,OAAA,GAAU,MAAA;AAAA,QAC1B,MAAA,sBAAS,uBAAA,EAAA,EAAyB,GAAG,YAAY,IAAA,CAAK,QAAA,EAAU,KAAK,CAAA,EAAG,CAAA;AAAA,QAExE,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,KAAU,MAAA,wBACR,gBAAA,EAAA,EAAiB,KAAA,EAAM,aACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,EAAO,CAAA,EACjC,CAAA;AAAA,UAED,MAAA,KAAW,MAAA,oBACV,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,UACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,MAAA,EAAQ,CAAA,EAClC,CAAA;AAAA,UAED,SAAA,KAAc,MAAA,oBACb,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,SACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,SAAA,EAAW,CAAA,EACrC;AAAA,SAAA,EAEJ;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;ACvCO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAS,EAA4B;AACtE,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EAAsD,QAAA,EAAS,CAAA;AACvF;AAEO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAS,EAA8C;AAC/F,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EAAqB,WAAU,uBAAA,EAC5C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAkB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACxB;AAAA,GAAA,EACH,CAAA;AAEJ;AAEO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAAyB;AACtE,EAAA,uBACE,GAAA,CAAC,SAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,wCAAA,EAC/C,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAkB,QAAA,EAAS,CAAA,EAC9B,CAAA;AAEJ;AAGO,SAAS,sBAAA,CAAuB;AAAA,EACrC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAIG;AACD,EAAA,uBACE,IAAA,CAAC,eAAY,WAAA,EACX,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,kBAAA,EAAA,EAAmB,WAAU,2FAAA,EAC5B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA;AAAA,MACjB;AAAA,KAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,QAAA,EAAU,QAAA,EAAS;AAAA,GAAA,EACnD,CAAA;AAEJ;AAGO,SAAS,oBAAA,CAAqB,EAAE,SAAA,EAAU,EAA6B;AAC5E,EAAA,uBACE,GAAA,CAAC,QAAG,WAAA,EAAU,yBAAA,EAA0B,WAAU,qBAAA,EAC/C,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,yBACnB,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,mBAAgB,KAAA,EAAO,IAAA,EAAM,WAAW,KAAA,EAAO,CAAA,EAAA,EADzC,KAET,CACD,CAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/spinner-DcDI1lhS.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+require('./spinner.css');const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index-Bk0d-AeX.cjs');
+const utils_cn = require('./cn-DPfV6E6L.cjs');
+
+const spinnerVariants = index.cva("spinner inline-block text-neutral6", {
+  variants: {
+    size: {
+      sm: "size-4",
+      md: "size-6"
+    },
+    variant: {
+      default: "",
+      pulse: ""
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+});
+function Spinner({
+  className,
+  size = "md",
+  variant = "default",
+  "aria-label": ariaLabel = "Loading",
+  role = "status",
+  ...props
+}) {
+  const resolvedSize = size ?? "md";
+  const resolvedVariant = variant ?? "default";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      ...props,
+      role,
+      "aria-label": ariaLabel,
+      "data-size": resolvedSize,
+      "data-variant": resolvedVariant,
+      className: utils_cn.cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className),
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      children: resolvedVariant === "pulse" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "spinner-pulse-ring", cx: "12", cy: "12", r: "7" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "spinner-pulse-core", cx: "12", cy: "12", r: "5" })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "spinner-ring", cx: "12", cy: "12", r: "8.5" })
+    }
+  );
+}
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=spinner-DcDI1lhS.cjs.map

package/dist/spinner-DcDI1lhS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-DcDI1lhS.cjs","sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-neutral6', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-6',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size'> & SpinnerVariantsProps;\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  return (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n}\n\nexport { Spinner };\n"],"names":["cva","jsx","cn","jsxs","Fragment"],"mappings":";;;;;;AAQA,MAAM,eAAA,GAAkBA,UAAI,oCAAA,EAAsC;AAAA,EAChE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAQD,SAAS,OAAA,CAAQ;AAAA,EACf,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,IAAA,GAAO,QAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,eAAe,IAAA,IAAQ,IAAA;AAC7B,EAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AAEnC,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAW,YAAA;AAAA,MACX,cAAA,EAAc,eAAA;AAAA,MACd,SAAA,EAAWC,WAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,cAAc,OAAA,EAAS,eAAA,EAAiB,CAAA,EAAG,SAAS,CAAA;AAAA,MAC1F,KAAA,EAAM,4BAAA;AAAA,MACN,OAAA,EAAQ,WAAA;AAAA,MAEP,QAAA,EAAA,eAAA,KAAoB,0BACnBC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAH,cAAA,CAAC,QAAA,EAAA,EAAO,WAAU,oBAAA,EAAqB,EAAA,EAAG,MAAK,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI,CAAA;AAAA,wBAC7DA,cAAA,CAAC,YAAO,SAAA,EAAU,oBAAA,EAAqB,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,GAAA,EAAI;AAAA,OAAA,EAC/D,CAAA,mBAEAA,cAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,cAAA,EAAe,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,KAAA,EAAM;AAAA;AAAA,GAE7D;AAEJ;;;;"}

package/dist/spinner-RdQ_iJAG.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { c as cva } from './index-BXfwV6wk.js';
+import { c as cn } from './cn-Dxjsbr9n.js';
+
+import './spinner.css';const spinnerVariants = cva("spinner inline-block text-neutral6", {
+  variants: {
+    size: {
+      sm: "size-4",
+      md: "size-6"
+    },
+    variant: {
+      default: "",
+      pulse: ""
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+});
+function Spinner({
+  className,
+  size = "md",
+  variant = "default",
+  "aria-label": ariaLabel = "Loading",
+  role = "status",
+  ...props
+}) {
+  const resolvedSize = size ?? "md";
+  const resolvedVariant = variant ?? "default";
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ...props,
+      role,
+      "aria-label": ariaLabel,
+      "data-size": resolvedSize,
+      "data-variant": resolvedVariant,
+      className: cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className),
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      children: resolvedVariant === "pulse" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("circle", { className: "spinner-pulse-ring", cx: "12", cy: "12", r: "7" }),
+        /* @__PURE__ */ jsx("circle", { className: "spinner-pulse-core", cx: "12", cy: "12", r: "5" })
+      ] }) : /* @__PURE__ */ jsx("circle", { className: "spinner-ring", cx: "12", cy: "12", r: "8.5" })
+    }
+  );
+}
+
+export { Spinner as S };
+//# sourceMappingURL=spinner-RdQ_iJAG.js.map

package/dist/spinner-RdQ_iJAG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-RdQ_iJAG.js","sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-neutral6', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-6',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size'> & SpinnerVariantsProps;\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  return (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n}\n\nexport { Spinner };\n"],"names":[],"mappings":";;;;AAQA,MAAM,eAAA,GAAkB,IAAI,oCAAA,EAAsC;AAAA,EAChE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAQD,SAAS,OAAA,CAAQ;AAAA,EACf,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,IAAA,GAAO,QAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,eAAe,IAAA,IAAQ,IAAA;AAC7B,EAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAW,YAAA;AAAA,MACX,cAAA,EAAc,eAAA;AAAA,MACd,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,cAAc,OAAA,EAAS,eAAA,EAAiB,CAAA,EAAG,SAAS,CAAA;AAAA,MAC1F,KAAA,EAAM,4BAAA;AAAA,MACN,OAAA,EAAQ,WAAA;AAAA,MAEP,QAAA,EAAA,eAAA,KAAoB,0BACnB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,WAAU,oBAAA,EAAqB,EAAA,EAAG,MAAK,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI,CAAA;AAAA,wBAC7D,GAAA,CAAC,YAAO,SAAA,EAAU,oBAAA,EAAqB,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,GAAA,EAAI;AAAA,OAAA,EAC/D,CAAA,mBAEA,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,cAAA,EAAe,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,KAAA,EAAM;AAAA;AAAA,GAE7D;AAEJ;;;;"}

package/dist/src/domains/chat/attachments/attachment-preview-dialog.d.ts

@@ -10,24 +10,16 @@ interface PdfPreviewDialogProps {
 }
 export declare const PdfPreviewDialog: ({ data, open, onOpenChange }: PdfPreviewDialogProps) => import("react").JSX.Element;
 interface FileChipEntryProps {
-    /** Display label (usually the filename or URL). */
     name: string;
-    /** A browser-fetchable URL (http/https) to link out to, when available. */
     url?: string;
-    /** MIME type used to pick a representative icon. */
     contentType?: string;
 }
-/**
- * Placeholder chip for media the browser cannot preview inline — e.g. video, or
- * any cloud-storage URI (`gs://`, `s3://`) that only the model provider can fetch
- * server-side. The icon reflects the file's media type. Links out when the URL is
- * browser-fetchable (http/https).
- */
 export declare const FileChipEntry: ({ name, url, contentType }: FileChipEntryProps) => import("react").JSX.Element;
 interface ImageEntryProps {
     src: string;
+    name?: string;
 }
-export declare const ImageEntry: ({ src }: ImageEntryProps) => import("react").JSX.Element;
+export declare const ImageEntry: ({ src, name }: ImageEntryProps) => import("react").JSX.Element;
 interface ImagePreviewDialogProps {
     src: string;
     open: boolean;

package/dist/src/domains/chat/attachments/composer-attachment-list.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps } from 'react';
+import { ComposerAttachments } from '../../../ds/components/Composer';
+export declare function ComposerAttachmentList({ className, ...props }: ComponentProps<typeof ComposerAttachments>): import("react").JSX.Element;

package/dist/src/domains/chat/attachments/composer-attachment.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface ComposerAttachmentProps {
+    name: string;
+    children: ReactNode;
+    onRemove: () => void;
+    variant?: 'thumbnail' | 'inline';
+}
+export declare function ComposerAttachment({ name, children, onRemove, variant }: ComposerAttachmentProps): import("react").JSX.Element;

package/dist/src/domains/chat/messages/notification-signal-notice-variant.d.ts

@@ -1,2 +1 @@
-import { NoticeVariant } from '../../../ds/components/Notice';
-export declare const getNotificationNoticeVariant: (priority: string | undefined) => NoticeVariant;
+export { getNotificationNoticeVariant } from '../../../ds/components/ai/chat-event/notification-variant';

package/dist/src/domains/chat/messages/reasoning-content.d.ts

@@ -0,0 +1,3 @@
+import { ReasoningPart } from '@mastra/react/ui';
+import { ReasoningProps } from './reasoning';
+export declare function getReasoningContent(part: ReasoningPart): ReasoningProps | undefined;

package/dist/src/domains/chat/messages/reasoning-streaming-line.d.ts

@@ -1,9 +1,4 @@
 export interface ReasoningStreamingLineProps {
     text: string;
 }
-/**
- * One-line streaming reasoning indicator: a spinner plus the shared `Shimmer`
- * leaf. Kept as its own composable primitive instead of adding a `streaming`
- * flag to the collapsible `Reasoning` panel.
- */
 export declare const ReasoningStreamingLine: ({ text }: ReasoningStreamingLineProps) => import("react").JSX.Element;

package/dist/src/domains/chat/messages/reasoning.d.ts

@@ -1,5 +1,6 @@
 export interface ReasoningProps {
     text: string;
     redacted?: boolean;
+    streaming?: boolean;
 }
-export declare const Reasoning: ({ text, redacted }: ReasoningProps) => import("react").JSX.Element | null;
+export declare const Reasoning: ({ text, redacted, streaming }: ReasoningProps) => import("react").JSX.Element | null;

package/dist/src/domains/chat/messages/renderers/assistant-text-part-renderer.d.ts

@@ -1,4 +1,4 @@
-import { TextPart } from '@mastra/react';
+import { TextPart } from '@mastra/react/ui';
 import { MessageMetadata } from '../message-metadata';
 export interface AssistantTextPartRendererProps {
     part: TextPart;

package/dist/src/domains/chat/messages/renderers/data-part-renderer.d.ts

@@ -1,4 +1,4 @@
-import { DataPart } from '@mastra/react';
+import { DataPart } from '@mastra/react/ui';
 export interface DataPartRendererProps {
     part: DataPart;
 }

package/dist/src/domains/chat/messages/renderers/in-message-attachment.d.ts

@@ -3,11 +3,6 @@ export interface InMessageAttachmentProps {
     contentType?: string;
     src?: string;
     data?: string;
-    /** Display label for `file` chips (filename or URI). */
     name?: string;
 }
-/**
- * Renders an attachment preview inline in a message: image, PDF, plain text, or a
- * placeholder chip for media the browser cannot preview (video, gs://, s3://).
- */
 export declare const InMessageAttachment: ({ type, contentType, src, data, name }: InMessageAttachmentProps) => import("react").JSX.Element;

package/dist/src/domains/chat/messages/renderers/reasoning-part-renderer.d.ts

@@ -1,17 +1,5 @@
-import { ReasoningPart } from '@mastra/react';
+import { ReasoningPart } from '@mastra/react/ui';
 export interface ReasoningPartRendererProps {
     part: ReasoningPart;
 }
-/**
- * Renders a `MessageFactory` `Reasoning` slot. Reasoning parts may carry the
- * text under `text` (streamed) or `reasoning` (persisted), so read whichever is
- * present before handing it to the plain `Reasoning` primitive.
- *
- * While a reasoning part is still streaming but has not produced any text yet
- * (e.g. a `reasoning-start` chunk with `reasoning: ''` and `state: 'streaming'`),
- * show a shimmering "Reasoning..." line so the user sees the model is thinking.
- * Once text arrives it switches to the collapsible panel. An empty, non-streaming
- * reasoning part renders nothing, so it does not leave a dangling "Hide reasoning"
- * toggle over an empty box.
- */
-export declare const ReasoningPartRenderer: ({ part }: ReasoningPartRendererProps) => import("react").JSX.Element;
+export declare const ReasoningPartRenderer: ({ part }: ReasoningPartRendererProps) => import("react").JSX.Element | null;