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

package/dist/domains/chat/messages/renderers/reasoning-part-renderer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning-part-renderer.es.js","sources":["../../../../../src/domains/chat/messages/renderers/reasoning-part-renderer.tsx"],"sourcesContent":["import type { ReasoningPart } from '@mastra/react';\n\nimport { Reasoning } from '../reasoning';\nimport { ReasoningStreamingLine } from '../reasoning-streaming-line';\n\nexport interface ReasoningPartRendererProps {\n  part: ReasoningPart;\n}\n\n/**\n * Renders a `MessageFactory` `Reasoning` slot. Reasoning parts may carry the\n * text under `text` (streamed) or `reasoning` (persisted), so read whichever is\n * present before handing it to the plain `Reasoning` primitive.\n *\n * While a reasoning part is still streaming but has not produced any text yet\n * (e.g. a `reasoning-start` chunk with `reasoning: ''` and `state: 'streaming'`),\n * show a shimmering \"Reasoning...\" line so the user sees the model is thinking.\n * Once text arrives it switches to the collapsible panel. An empty, non-streaming\n * reasoning part renders nothing, so it does not leave a dangling \"Hide reasoning\"\n * toggle over an empty box.\n */\nexport const ReasoningPartRenderer = ({ part }: ReasoningPartRendererProps) => {\n  const reasoningText =\n    'text' in part && typeof part.text === 'string'\n      ? part.text\n      : 'reasoning' in part && typeof part.reasoning === 'string'\n        ? part.reasoning\n        : '';\n\n  const redacted = 'redacted' in part && part.redacted === true;\n  const isStreaming = 'state' in part && part.state === 'streaming';\n\n  if (!reasoningText && !redacted && isStreaming) {\n    return <ReasoningStreamingLine text=\"Reasoning...\" />;\n  }\n\n  return <Reasoning text={reasoningText} redacted={redacted} />;\n};\n"],"names":[],"mappings":";;;;AAqBO,MAAM,qBAAA,GAAwB,CAAC,EAAE,IAAA,EAAK,KAAkC;AAC7E,EAAA,MAAM,gBACJ,MAAA,IAAU,IAAA,IAAQ,OAAO,IAAA,CAAK,SAAS,QAAA,GACnC,IAAA,CAAK,IAAA,GACL,WAAA,IAAe,QAAQ,OAAO,IAAA,CAAK,SAAA,KAAc,QAAA,GAC/C,KAAK,SAAA,GACL,EAAA;AAER,EAAA,MAAM,QAAA,GAAW,UAAA,IAAc,IAAA,IAAQ,IAAA,CAAK,QAAA,KAAa,IAAA;AACzD,EAAA,MAAM,WAAA,GAAc,OAAA,IAAW,IAAA,IAAQ,IAAA,CAAK,KAAA,KAAU,WAAA;AAEtD,EAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,QAAA,IAAY,WAAA,EAAa;AAC9C,IAAA,uBAAO,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAK,cAAA,EAAe,CAAA;AAAA,EACrD;AAEA,EAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,aAAA,EAAe,QAAA,EAAoB,CAAA;AAC7D;;;;"}
+{"version":3,"file":"reasoning-part-renderer.es.js","sources":["../../../../../src/domains/chat/messages/renderers/reasoning-part-renderer.tsx"],"sourcesContent":["import type { ReasoningPart } from '@mastra/react/ui';\n\nimport { Reasoning } from '../reasoning';\nimport { getReasoningContent } from '../reasoning-content';\n\nexport interface ReasoningPartRendererProps {\n  part: ReasoningPart;\n}\n\nexport const ReasoningPartRenderer = ({ part }: ReasoningPartRendererProps) => {\n  const content = getReasoningContent(part);\n  return content ? <Reasoning {...content} /> : null;\n};\n"],"names":[],"mappings":";;;;AASO,MAAM,qBAAA,GAAwB,CAAC,EAAE,IAAA,EAAK,KAAkC;AAC7E,EAAA,MAAM,OAAA,GAAU,oBAAoB,IAAI,CAAA;AACxC,EAAA,OAAO,OAAA,mBAAU,GAAA,CAAC,SAAA,EAAA,EAAW,GAAG,SAAS,CAAA,GAAK,IAAA;AAChD;;;;"}

package/dist/domains/chat/messages/renderers/status-renderers.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_messages_tripwireNotice = require('../tripwire-notice.cjs.js');
-const Notice = require('../../../../Notice-D0Mvqvr0.cjs');
+const Notice = require('../../../../Notice-CoaE5a2D.cjs');
 
 const ErrorStatusRenderer = ({ text }) => /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "destructive", title: "Error", children: /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: text }) });
 const WarningStatusRenderer = ({ text }) => /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "warning", title: "Warning", children: /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: text }) });

package/dist/domains/chat/messages/renderers/status-renderers.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-renderers.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/status-renderers.tsx"],"sourcesContent":["import type {\n  ErrorRendererProps,\n  MessageStatusRenderers,\n  TripwireRendererProps,\n  WarningRendererProps,\n} from '@mastra/react';\n\nimport { TripwireNotice } from '../tripwire-notice';\nimport { Notice } from '@/ds/components/Notice';\n\nexport const ErrorStatusRenderer = ({ text }: ErrorRendererProps) => (\n  <Notice variant=\"destructive\" title=\"Error\">\n    <Notice.Message>{text}</Notice.Message>\n  </Notice>\n);\n\nexport const WarningStatusRenderer = ({ text }: WarningRendererProps) => (\n  <Notice variant=\"warning\" title=\"Warning\">\n    <Notice.Message>{text}</Notice.Message>\n  </Notice>\n);\n\nexport const TripwireStatusRenderer = ({ text, tripwire }: TripwireRendererProps) => (\n  <TripwireNotice reason={text} tripwire={tripwire} />\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- renderer map intentionally co-located with its renderers\nexport const messageStatusRenderers: MessageStatusRenderers = {\n  Error: ErrorStatusRenderer,\n  Warning: WarningStatusRenderer,\n  Tripwire: TripwireStatusRenderer,\n};\n"],"names":["Notice","jsx","TripwireNotice"],"mappings":";;;;;;;;AAUO,MAAM,sBAAsB,CAAC,EAAE,IAAA,EAAK,oCACxCA,aAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,KAAA,EAAM,SAClC,QAAA,kBAAAC,cAAA,CAACD,aAAA,CAAO,OAAA,EAAP,EAAgB,gBAAK,CAAA,EACxB;AAGK,MAAM,wBAAwB,CAAC,EAAE,IAAA,EAAK,oCAC1CA,aAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,WAC9B,QAAA,kBAAAC,cAAA,CAACD,aAAA,CAAO,OAAA,EAAP,EAAgB,gBAAK,CAAA,EACxB;AAGK,MAAM,sBAAA,GAAyB,CAAC,EAAE,IAAA,EAAM,QAAA,uBAC7CC,cAAA,CAACC,mDAAA,EAAA,EAAe,MAAA,EAAQ,IAAA,EAAM,QAAA,EAAoB;AAI7C,MAAM,sBAAA,GAAiD;AAAA,EAC5D,KAAA,EAAO,mBAAA;AAAA,EACP,OAAA,EAAS,qBAAA;AAAA,EACT,QAAA,EAAU;AACZ;;;;;;;"}
+{"version":3,"file":"status-renderers.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/status-renderers.tsx"],"sourcesContent":["import type {\n  ErrorRendererProps,\n  MessageStatusRenderers,\n  TripwireRendererProps,\n  WarningRendererProps,\n} from '@mastra/react/ui';\n\nimport { TripwireNotice } from '../tripwire-notice';\nimport { Notice } from '@/ds/components/Notice';\n\nexport const ErrorStatusRenderer = ({ text }: ErrorRendererProps) => (\n  <Notice variant=\"destructive\" title=\"Error\">\n    <Notice.Message>{text}</Notice.Message>\n  </Notice>\n);\n\nexport const WarningStatusRenderer = ({ text }: WarningRendererProps) => (\n  <Notice variant=\"warning\" title=\"Warning\">\n    <Notice.Message>{text}</Notice.Message>\n  </Notice>\n);\n\nexport const TripwireStatusRenderer = ({ text, tripwire }: TripwireRendererProps) => (\n  <TripwireNotice reason={text} tripwire={tripwire} />\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- renderer map intentionally co-located with its renderers\nexport const messageStatusRenderers: MessageStatusRenderers = {\n  Error: ErrorStatusRenderer,\n  Warning: WarningStatusRenderer,\n  Tripwire: TripwireStatusRenderer,\n};\n"],"names":["Notice","jsx","TripwireNotice"],"mappings":";;;;;;;;AAUO,MAAM,sBAAsB,CAAC,EAAE,IAAA,EAAK,oCACxCA,aAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,KAAA,EAAM,SAClC,QAAA,kBAAAC,cAAA,CAACD,aAAA,CAAO,OAAA,EAAP,EAAgB,gBAAK,CAAA,EACxB;AAGK,MAAM,wBAAwB,CAAC,EAAE,IAAA,EAAK,oCAC1CA,aAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,WAC9B,QAAA,kBAAAC,cAAA,CAACD,aAAA,CAAO,OAAA,EAAP,EAAgB,gBAAK,CAAA,EACxB;AAGK,MAAM,sBAAA,GAAyB,CAAC,EAAE,IAAA,EAAM,QAAA,uBAC7CC,cAAA,CAACC,mDAAA,EAAA,EAAe,MAAA,EAAQ,IAAA,EAAM,QAAA,EAAoB;AAI7C,MAAM,sBAAA,GAAiD;AAAA,EAC5D,KAAA,EAAO,mBAAA;AAAA,EACP,OAAA,EAAS,qBAAA;AAAA,EACT,QAAA,EAAU;AACZ;;;;;;;"}

package/dist/domains/chat/messages/renderers/status-renderers.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { TripwireNotice } from '../tripwire-notice.es.js';
-import { N as Notice } from '../../../../Notice-CMZ86f1g.js';
+import { N as Notice } from '../../../../Notice-BkL7EPmo.js';
 
 const ErrorStatusRenderer = ({ text }) => /* @__PURE__ */ jsx(Notice, { variant: "destructive", title: "Error", children: /* @__PURE__ */ jsx(Notice.Message, { children: text }) });
 const WarningStatusRenderer = ({ text }) => /* @__PURE__ */ jsx(Notice, { variant: "warning", title: "Warning", children: /* @__PURE__ */ jsx(Notice.Message, { children: text }) });

package/dist/domains/chat/messages/renderers/status-renderers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-renderers.es.js","sources":["../../../../../src/domains/chat/messages/renderers/status-renderers.tsx"],"sourcesContent":["import type {\n  ErrorRendererProps,\n  MessageStatusRenderers,\n  TripwireRendererProps,\n  WarningRendererProps,\n} from '@mastra/react';\n\nimport { TripwireNotice } from '../tripwire-notice';\nimport { Notice } from '@/ds/components/Notice';\n\nexport const ErrorStatusRenderer = ({ text }: ErrorRendererProps) => (\n  <Notice variant=\"destructive\" title=\"Error\">\n    <Notice.Message>{text}</Notice.Message>\n  </Notice>\n);\n\nexport const WarningStatusRenderer = ({ text }: WarningRendererProps) => (\n  <Notice variant=\"warning\" title=\"Warning\">\n    <Notice.Message>{text}</Notice.Message>\n  </Notice>\n);\n\nexport const TripwireStatusRenderer = ({ text, tripwire }: TripwireRendererProps) => (\n  <TripwireNotice reason={text} tripwire={tripwire} />\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- renderer map intentionally co-located with its renderers\nexport const messageStatusRenderers: MessageStatusRenderers = {\n  Error: ErrorStatusRenderer,\n  Warning: WarningStatusRenderer,\n  Tripwire: TripwireStatusRenderer,\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,sBAAsB,CAAC,EAAE,IAAA,EAAK,yBACxC,MAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,KAAA,EAAM,SAClC,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAgB,gBAAK,CAAA,EACxB;AAGK,MAAM,wBAAwB,CAAC,EAAE,IAAA,EAAK,yBAC1C,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,WAC9B,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAgB,gBAAK,CAAA,EACxB;AAGK,MAAM,sBAAA,GAAyB,CAAC,EAAE,IAAA,EAAM,QAAA,uBAC7C,GAAA,CAAC,cAAA,EAAA,EAAe,MAAA,EAAQ,IAAA,EAAM,QAAA,EAAoB;AAI7C,MAAM,sBAAA,GAAiD;AAAA,EAC5D,KAAA,EAAO,mBAAA;AAAA,EACP,OAAA,EAAS,qBAAA;AAAA,EACT,QAAA,EAAU;AACZ;;;;"}
+{"version":3,"file":"status-renderers.es.js","sources":["../../../../../src/domains/chat/messages/renderers/status-renderers.tsx"],"sourcesContent":["import type {\n  ErrorRendererProps,\n  MessageStatusRenderers,\n  TripwireRendererProps,\n  WarningRendererProps,\n} from '@mastra/react/ui';\n\nimport { TripwireNotice } from '../tripwire-notice';\nimport { Notice } from '@/ds/components/Notice';\n\nexport const ErrorStatusRenderer = ({ text }: ErrorRendererProps) => (\n  <Notice variant=\"destructive\" title=\"Error\">\n    <Notice.Message>{text}</Notice.Message>\n  </Notice>\n);\n\nexport const WarningStatusRenderer = ({ text }: WarningRendererProps) => (\n  <Notice variant=\"warning\" title=\"Warning\">\n    <Notice.Message>{text}</Notice.Message>\n  </Notice>\n);\n\nexport const TripwireStatusRenderer = ({ text, tripwire }: TripwireRendererProps) => (\n  <TripwireNotice reason={text} tripwire={tripwire} />\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- renderer map intentionally co-located with its renderers\nexport const messageStatusRenderers: MessageStatusRenderers = {\n  Error: ErrorStatusRenderer,\n  Warning: WarningStatusRenderer,\n  Tripwire: TripwireStatusRenderer,\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,sBAAsB,CAAC,EAAE,IAAA,EAAK,yBACxC,MAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,KAAA,EAAM,SAClC,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAgB,gBAAK,CAAA,EACxB;AAGK,MAAM,wBAAwB,CAAC,EAAE,IAAA,EAAK,yBAC1C,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,WAC9B,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAgB,gBAAK,CAAA,EACxB;AAGK,MAAM,sBAAA,GAAyB,CAAC,EAAE,IAAA,EAAM,QAAA,uBAC7C,GAAA,CAAC,cAAA,EAAA,EAAe,MAAA,EAAQ,IAAA,EAAM,QAAA,EAAoB;AAI7C,MAAM,sBAAA,GAAiD;AAAA,EAC5D,KAAA,EAAO,mBAAA;AAAA,EACP,OAAA,EAAS,qBAAA;AAAA,EACT,QAAA,EAAU;AACZ;;;;"}

package/dist/domains/chat/messages/renderers/tool-part.cjs.js

@@ -2,6 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const isRecord = (value) => typeof value === "object" && value !== null;
+const readField = (value, key) => isRecord(value) ? value[key] : void 0;
+const readModelOutput = (part) => {
+  const providerMetadata = readField(part, "resultProviderMetadata") ?? readField(part, "providerMetadata");
+  return readField(readField(providerMetadata, "mastra"), "modelOutput");
+};
 function isToolPart(part) {
   return part.type === "tool-invocation" || part.type === "dynamic-tool" || part.type.startsWith("tool-");
 }
@@ -13,7 +19,9 @@ function readToolPart(part) {
       toolCallId: invocation.toolCallId,
       input: "args" in invocation ? invocation.args : void 0,
       output: "result" in invocation ? invocation.result : void 0,
-      state: invocation.state === "result" && "isError" in invocation && invocation.isError === true ? "output-error" : invocation.state
+      modelOutput: readModelOutput(part),
+      state: invocation.state === "result" && "isError" in invocation && invocation.isError === true ? "output-error" : invocation.state,
+      errorText: "errorText" in invocation ? invocation.errorText : void 0
     };
   }
   return {
@@ -21,7 +29,9 @@ function readToolPart(part) {
     toolCallId: part.toolCallId ?? "",
     input: part.input,
     output: part.output,
-    state: part.state
+    modelOutput: readModelOutput(part),
+    state: part.state,
+    errorText: part.errorText
   };
 }
 

package/dist/domains/chat/messages/renderers/tool-part.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-part.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/tool-part.ts"],"sourcesContent":["import type { DynamicToolPart, MessageFactoryPart, ToolInvocationPart } from '@mastra/react';\n\nexport type ToolPart = ToolInvocationPart | DynamicToolPart;\n\n/** One shape for a call whether it was persisted as a v4 `toolInvocation` or streamed as a v5 dynamic part. */\nexport interface ToolPartFields {\n  toolName: string;\n  toolCallId: string;\n  input: unknown;\n  output: unknown;\n  state?: string;\n}\n\nexport function isToolPart(part: MessageFactoryPart): part is ToolPart {\n  return part.type === 'tool-invocation' || part.type === 'dynamic-tool' || part.type.startsWith('tool-');\n}\n\nexport function readToolPart(part: ToolPart): ToolPartFields {\n  if ('toolInvocation' in part) {\n    const invocation = part.toolInvocation;\n    return {\n      toolName: invocation.toolName,\n      toolCallId: invocation.toolCallId,\n      input: 'args' in invocation ? invocation.args : undefined,\n      output: 'result' in invocation ? invocation.result : undefined,\n      state:\n        invocation.state === 'result' && 'isError' in invocation && invocation.isError === true\n          ? 'output-error'\n          : invocation.state,\n    };\n  }\n  return {\n    toolName: part.toolName ?? part.type.replace(/^tool-/, ''),\n    toolCallId: part.toolCallId ?? '',\n    input: part.input,\n    output: part.output,\n    state: part.state,\n  };\n}\n"],"names":[],"mappings":";;;;AAaO,SAAS,WAAW,IAAA,EAA4C;AACrE,EAAA,OAAO,IAAA,CAAK,SAAS,iBAAA,IAAqB,IAAA,CAAK,SAAS,cAAA,IAAkB,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,OAAO,CAAA;AACxG;AAEO,SAAS,aAAa,IAAA,EAAgC;AAC3D,EAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,IAAA,MAAM,aAAa,IAAA,CAAK,cAAA;AACxB,IAAA,OAAO;AAAA,MACL,UAAU,UAAA,CAAW,QAAA;AAAA,MACrB,YAAY,UAAA,CAAW,UAAA;AAAA,MACvB,KAAA,EAAO,MAAA,IAAU,UAAA,GAAa,UAAA,CAAW,IAAA,GAAO,MAAA;AAAA,MAChD,MAAA,EAAQ,QAAA,IAAY,UAAA,GAAa,UAAA,CAAW,MAAA,GAAS,MAAA;AAAA,MACrD,KAAA,EACE,UAAA,CAAW,KAAA,KAAU,QAAA,IAAY,SAAA,IAAa,cAAc,UAAA,CAAW,OAAA,KAAY,IAAA,GAC/E,cAAA,GACA,UAAA,CAAW;AAAA,KACnB;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,UAAU,IAAA,CAAK,QAAA,IAAY,KAAK,IAAA,CAAK,OAAA,CAAQ,UAAU,EAAE,CAAA;AAAA,IACzD,UAAA,EAAY,KAAK,UAAA,IAAc,EAAA;AAAA,IAC/B,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,QAAQ,IAAA,CAAK,MAAA;AAAA,IACb,OAAO,IAAA,CAAK;AAAA,GACd;AACF;;;;;"}
+{"version":3,"file":"tool-part.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/tool-part.ts"],"sourcesContent":["import type { DynamicToolPart, MessageFactoryPart, ToolInvocationPart } from '@mastra/react/ui';\n\nexport type ToolPart = ToolInvocationPart | DynamicToolPart;\n\n/** One shape for a call whether it was persisted as a v4 `toolInvocation` or streamed as a v5 dynamic part. */\nexport interface ToolPartFields {\n  toolName: string;\n  toolCallId: string;\n  input: unknown;\n  output: unknown;\n  modelOutput?: unknown;\n  state?: string;\n  errorText?: string;\n}\n\nconst isRecord = (value: unknown): value is Record<string, unknown> => typeof value === 'object' && value !== null;\n\nconst readField = (value: unknown, key: string): unknown => (isRecord(value) ? value[key] : undefined);\n\nconst readModelOutput = (part: ToolPart): unknown => {\n  const providerMetadata = readField(part, 'resultProviderMetadata') ?? readField(part, 'providerMetadata');\n  return readField(readField(providerMetadata, 'mastra'), 'modelOutput');\n};\n\nexport function isToolPart(part: MessageFactoryPart): part is ToolPart {\n  return part.type === 'tool-invocation' || part.type === 'dynamic-tool' || part.type.startsWith('tool-');\n}\n\nexport function readToolPart(part: ToolPart): ToolPartFields {\n  if ('toolInvocation' in part) {\n    const invocation = part.toolInvocation;\n    return {\n      toolName: invocation.toolName,\n      toolCallId: invocation.toolCallId,\n      input: 'args' in invocation ? invocation.args : undefined,\n      output: 'result' in invocation ? invocation.result : undefined,\n      modelOutput: readModelOutput(part),\n      state:\n        invocation.state === 'result' && 'isError' in invocation && invocation.isError === true\n          ? 'output-error'\n          : invocation.state,\n      errorText: 'errorText' in invocation ? invocation.errorText : undefined,\n    };\n  }\n  return {\n    toolName: part.toolName ?? part.type.replace(/^tool-/, ''),\n    toolCallId: part.toolCallId ?? '',\n    input: part.input,\n    output: part.output,\n    modelOutput: readModelOutput(part),\n    state: part.state,\n    errorText: part.errorText,\n  };\n}\n"],"names":[],"mappings":";;;;AAeA,MAAM,WAAW,CAAC,KAAA,KAAqD,OAAO,KAAA,KAAU,YAAY,KAAA,KAAU,IAAA;AAE9G,MAAM,SAAA,GAAY,CAAC,KAAA,EAAgB,GAAA,KAA0B,SAAS,KAAK,CAAA,GAAI,KAAA,CAAM,GAAG,CAAA,GAAI,MAAA;AAE5F,MAAM,eAAA,GAAkB,CAAC,IAAA,KAA4B;AACnD,EAAA,MAAM,mBAAmB,SAAA,CAAU,IAAA,EAAM,wBAAwB,CAAA,IAAK,SAAA,CAAU,MAAM,kBAAkB,CAAA;AACxG,EAAA,OAAO,SAAA,CAAU,SAAA,CAAU,gBAAA,EAAkB,QAAQ,GAAG,aAAa,CAAA;AACvE,CAAA;AAEO,SAAS,WAAW,IAAA,EAA4C;AACrE,EAAA,OAAO,IAAA,CAAK,SAAS,iBAAA,IAAqB,IAAA,CAAK,SAAS,cAAA,IAAkB,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,OAAO,CAAA;AACxG;AAEO,SAAS,aAAa,IAAA,EAAgC;AAC3D,EAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,IAAA,MAAM,aAAa,IAAA,CAAK,cAAA;AACxB,IAAA,OAAO;AAAA,MACL,UAAU,UAAA,CAAW,QAAA;AAAA,MACrB,YAAY,UAAA,CAAW,UAAA;AAAA,MACvB,KAAA,EAAO,MAAA,IAAU,UAAA,GAAa,UAAA,CAAW,IAAA,GAAO,MAAA;AAAA,MAChD,MAAA,EAAQ,QAAA,IAAY,UAAA,GAAa,UAAA,CAAW,MAAA,GAAS,MAAA;AAAA,MACrD,WAAA,EAAa,gBAAgB,IAAI,CAAA;AAAA,MACjC,KAAA,EACE,UAAA,CAAW,KAAA,KAAU,QAAA,IAAY,SAAA,IAAa,cAAc,UAAA,CAAW,OAAA,KAAY,IAAA,GAC/E,cAAA,GACA,UAAA,CAAW,KAAA;AAAA,MACjB,SAAA,EAAW,WAAA,IAAe,UAAA,GAAa,UAAA,CAAW,SAAA,GAAY;AAAA,KAChE;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,UAAU,IAAA,CAAK,QAAA,IAAY,KAAK,IAAA,CAAK,OAAA,CAAQ,UAAU,EAAE,CAAA;AAAA,IACzD,UAAA,EAAY,KAAK,UAAA,IAAc,EAAA;AAAA,IAC/B,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,QAAQ,IAAA,CAAK,MAAA;AAAA,IACb,WAAA,EAAa,gBAAgB,IAAI,CAAA;AAAA,IACjC,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,WAAW,IAAA,CAAK;AAAA,GAClB;AACF;;;;;"}

package/dist/domains/chat/messages/renderers/tool-part.es.js

@@ -1,3 +1,9 @@
+const isRecord = (value) => typeof value === "object" && value !== null;
+const readField = (value, key) => isRecord(value) ? value[key] : void 0;
+const readModelOutput = (part) => {
+  const providerMetadata = readField(part, "resultProviderMetadata") ?? readField(part, "providerMetadata");
+  return readField(readField(providerMetadata, "mastra"), "modelOutput");
+};
 function isToolPart(part) {
   return part.type === "tool-invocation" || part.type === "dynamic-tool" || part.type.startsWith("tool-");
 }
@@ -9,7 +15,9 @@ function readToolPart(part) {
       toolCallId: invocation.toolCallId,
       input: "args" in invocation ? invocation.args : void 0,
       output: "result" in invocation ? invocation.result : void 0,
-      state: invocation.state === "result" && "isError" in invocation && invocation.isError === true ? "output-error" : invocation.state
+      modelOutput: readModelOutput(part),
+      state: invocation.state === "result" && "isError" in invocation && invocation.isError === true ? "output-error" : invocation.state,
+      errorText: "errorText" in invocation ? invocation.errorText : void 0
     };
   }
   return {
@@ -17,7 +25,9 @@ function readToolPart(part) {
     toolCallId: part.toolCallId ?? "",
     input: part.input,
     output: part.output,
-    state: part.state
+    modelOutput: readModelOutput(part),
+    state: part.state,
+    errorText: part.errorText
   };
 }
 

package/dist/domains/chat/messages/renderers/tool-part.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-part.es.js","sources":["../../../../../src/domains/chat/messages/renderers/tool-part.ts"],"sourcesContent":["import type { DynamicToolPart, MessageFactoryPart, ToolInvocationPart } from '@mastra/react';\n\nexport type ToolPart = ToolInvocationPart | DynamicToolPart;\n\n/** One shape for a call whether it was persisted as a v4 `toolInvocation` or streamed as a v5 dynamic part. */\nexport interface ToolPartFields {\n  toolName: string;\n  toolCallId: string;\n  input: unknown;\n  output: unknown;\n  state?: string;\n}\n\nexport function isToolPart(part: MessageFactoryPart): part is ToolPart {\n  return part.type === 'tool-invocation' || part.type === 'dynamic-tool' || part.type.startsWith('tool-');\n}\n\nexport function readToolPart(part: ToolPart): ToolPartFields {\n  if ('toolInvocation' in part) {\n    const invocation = part.toolInvocation;\n    return {\n      toolName: invocation.toolName,\n      toolCallId: invocation.toolCallId,\n      input: 'args' in invocation ? invocation.args : undefined,\n      output: 'result' in invocation ? invocation.result : undefined,\n      state:\n        invocation.state === 'result' && 'isError' in invocation && invocation.isError === true\n          ? 'output-error'\n          : invocation.state,\n    };\n  }\n  return {\n    toolName: part.toolName ?? part.type.replace(/^tool-/, ''),\n    toolCallId: part.toolCallId ?? '',\n    input: part.input,\n    output: part.output,\n    state: part.state,\n  };\n}\n"],"names":[],"mappings":"AAaO,SAAS,WAAW,IAAA,EAA4C;AACrE,EAAA,OAAO,IAAA,CAAK,SAAS,iBAAA,IAAqB,IAAA,CAAK,SAAS,cAAA,IAAkB,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,OAAO,CAAA;AACxG;AAEO,SAAS,aAAa,IAAA,EAAgC;AAC3D,EAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,IAAA,MAAM,aAAa,IAAA,CAAK,cAAA;AACxB,IAAA,OAAO;AAAA,MACL,UAAU,UAAA,CAAW,QAAA;AAAA,MACrB,YAAY,UAAA,CAAW,UAAA;AAAA,MACvB,KAAA,EAAO,MAAA,IAAU,UAAA,GAAa,UAAA,CAAW,IAAA,GAAO,MAAA;AAAA,MAChD,MAAA,EAAQ,QAAA,IAAY,UAAA,GAAa,UAAA,CAAW,MAAA,GAAS,MAAA;AAAA,MACrD,KAAA,EACE,UAAA,CAAW,KAAA,KAAU,QAAA,IAAY,SAAA,IAAa,cAAc,UAAA,CAAW,OAAA,KAAY,IAAA,GAC/E,cAAA,GACA,UAAA,CAAW;AAAA,KACnB;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,UAAU,IAAA,CAAK,QAAA,IAAY,KAAK,IAAA,CAAK,OAAA,CAAQ,UAAU,EAAE,CAAA;AAAA,IACzD,UAAA,EAAY,KAAK,UAAA,IAAc,EAAA;AAAA,IAC/B,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,QAAQ,IAAA,CAAK,MAAA;AAAA,IACb,OAAO,IAAA,CAAK;AAAA,GACd;AACF;;;;"}
+{"version":3,"file":"tool-part.es.js","sources":["../../../../../src/domains/chat/messages/renderers/tool-part.ts"],"sourcesContent":["import type { DynamicToolPart, MessageFactoryPart, ToolInvocationPart } from '@mastra/react/ui';\n\nexport type ToolPart = ToolInvocationPart | DynamicToolPart;\n\n/** One shape for a call whether it was persisted as a v4 `toolInvocation` or streamed as a v5 dynamic part. */\nexport interface ToolPartFields {\n  toolName: string;\n  toolCallId: string;\n  input: unknown;\n  output: unknown;\n  modelOutput?: unknown;\n  state?: string;\n  errorText?: string;\n}\n\nconst isRecord = (value: unknown): value is Record<string, unknown> => typeof value === 'object' && value !== null;\n\nconst readField = (value: unknown, key: string): unknown => (isRecord(value) ? value[key] : undefined);\n\nconst readModelOutput = (part: ToolPart): unknown => {\n  const providerMetadata = readField(part, 'resultProviderMetadata') ?? readField(part, 'providerMetadata');\n  return readField(readField(providerMetadata, 'mastra'), 'modelOutput');\n};\n\nexport function isToolPart(part: MessageFactoryPart): part is ToolPart {\n  return part.type === 'tool-invocation' || part.type === 'dynamic-tool' || part.type.startsWith('tool-');\n}\n\nexport function readToolPart(part: ToolPart): ToolPartFields {\n  if ('toolInvocation' in part) {\n    const invocation = part.toolInvocation;\n    return {\n      toolName: invocation.toolName,\n      toolCallId: invocation.toolCallId,\n      input: 'args' in invocation ? invocation.args : undefined,\n      output: 'result' in invocation ? invocation.result : undefined,\n      modelOutput: readModelOutput(part),\n      state:\n        invocation.state === 'result' && 'isError' in invocation && invocation.isError === true\n          ? 'output-error'\n          : invocation.state,\n      errorText: 'errorText' in invocation ? invocation.errorText : undefined,\n    };\n  }\n  return {\n    toolName: part.toolName ?? part.type.replace(/^tool-/, ''),\n    toolCallId: part.toolCallId ?? '',\n    input: part.input,\n    output: part.output,\n    modelOutput: readModelOutput(part),\n    state: part.state,\n    errorText: part.errorText,\n  };\n}\n"],"names":[],"mappings":"AAeA,MAAM,WAAW,CAAC,KAAA,KAAqD,OAAO,KAAA,KAAU,YAAY,KAAA,KAAU,IAAA;AAE9G,MAAM,SAAA,GAAY,CAAC,KAAA,EAAgB,GAAA,KAA0B,SAAS,KAAK,CAAA,GAAI,KAAA,CAAM,GAAG,CAAA,GAAI,MAAA;AAE5F,MAAM,eAAA,GAAkB,CAAC,IAAA,KAA4B;AACnD,EAAA,MAAM,mBAAmB,SAAA,CAAU,IAAA,EAAM,wBAAwB,CAAA,IAAK,SAAA,CAAU,MAAM,kBAAkB,CAAA;AACxG,EAAA,OAAO,SAAA,CAAU,SAAA,CAAU,gBAAA,EAAkB,QAAQ,GAAG,aAAa,CAAA;AACvE,CAAA;AAEO,SAAS,WAAW,IAAA,EAA4C;AACrE,EAAA,OAAO,IAAA,CAAK,SAAS,iBAAA,IAAqB,IAAA,CAAK,SAAS,cAAA,IAAkB,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,OAAO,CAAA;AACxG;AAEO,SAAS,aAAa,IAAA,EAAgC;AAC3D,EAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,IAAA,MAAM,aAAa,IAAA,CAAK,cAAA;AACxB,IAAA,OAAO;AAAA,MACL,UAAU,UAAA,CAAW,QAAA;AAAA,MACrB,YAAY,UAAA,CAAW,UAAA;AAAA,MACvB,KAAA,EAAO,MAAA,IAAU,UAAA,GAAa,UAAA,CAAW,IAAA,GAAO,MAAA;AAAA,MAChD,MAAA,EAAQ,QAAA,IAAY,UAAA,GAAa,UAAA,CAAW,MAAA,GAAS,MAAA;AAAA,MACrD,WAAA,EAAa,gBAAgB,IAAI,CAAA;AAAA,MACjC,KAAA,EACE,UAAA,CAAW,KAAA,KAAU,QAAA,IAAY,SAAA,IAAa,cAAc,UAAA,CAAW,OAAA,KAAY,IAAA,GAC/E,cAAA,GACA,UAAA,CAAW,KAAA;AAAA,MACjB,SAAA,EAAW,WAAA,IAAe,UAAA,GAAa,UAAA,CAAW,SAAA,GAAY;AAAA,KAChE;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,UAAU,IAAA,CAAK,QAAA,IAAY,KAAK,IAAA,CAAK,OAAA,CAAQ,UAAU,EAAE,CAAA;AAAA,IACzD,UAAA,EAAY,KAAK,UAAA,IAAc,EAAA;AAAA,IAC/B,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,QAAQ,IAAA,CAAK,MAAA;AAAA,IACb,WAAA,EAAa,gBAAgB,IAAI,CAAA;AAAA,IACjC,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,WAAW,IAAA,CAAK;AAAA,GAClB;AACF;;;;"}

package/dist/domains/chat/messages/renderers/user-file-part-renderer.cjs.js

@@ -36,7 +36,8 @@ const UserFilePartRenderer = ({ part }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_renderers_inMessageAttachment.InMessageAttachment, { type: "file", contentType: mimeType, name: fileLabel, src: isFetchableUrl ? src : void 0 });
   }
   if (isImage) {
-    return /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_renderers_inMessageAttachment.InMessageAttachment, { type: "image", src });
+    const imageSrc = isFetchableUrl || data.startsWith("data:") ? data : `data:${mimeType};base64,${data}`;
+    return /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_renderers_inMessageAttachment.InMessageAttachment, { type: "image", src: imageSrc, name: fileLabel });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     domains_chat_messages_renderers_inMessageAttachment.InMessageAttachment,

package/dist/domains/chat/messages/renderers/user-file-part-renderer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-file-part-renderer.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/user-file-part-renderer.tsx"],"sourcesContent":["import type { FilePart } from '@mastra/react';\n\nimport { isTextMimeType } from '../../attachments/attachment-kind';\nimport { InMessageAttachment } from './in-message-attachment';\nimport { isBrowserFetchableUrl, isNonFetchableRemoteUrl } from '@/lib/file';\n\nconst textPreview = (data: string) => {\n  if (!data.startsWith('data:')) return data;\n  try {\n    const base64 = data.match(/^data:[^,]*;base64,(.*)$/s)?.[1];\n    if (base64 === undefined) return undefined;\n    const bytes = Uint8Array.from(atob(base64), character => character.charCodeAt(0));\n    let encoding = 'utf-8';\n    if (bytes[0] === 0xff && bytes[1] === 0xfe) encoding = 'utf-16le';\n    if (bytes[0] === 0xfe && bytes[1] === 0xff) encoding = 'utf-16be';\n    return new TextDecoder(encoding, { fatal: true }).decode(bytes);\n  } catch {\n    return undefined;\n  }\n};\n\nexport interface UserFilePartRendererProps {\n  part: FilePart;\n}\n\n/**\n * Renders a user `MessageFactory` `File` slot. Image parts render an inline image\n * preview when the source is browser-fetchable; video, audio, and cloud-storage\n * URIs (gs://, s3://) render a placeholder chip; everything else renders a\n * document preview, using the URL when it is an http(s) link, otherwise the raw\n * data.\n */\nexport const UserFilePartRenderer = ({ part }: UserFilePartRendererProps) => {\n  // Both streamed (`@mastra/react` accumulator) and reloaded messages carry the\n  // canonical DB shape (`{ mimeType, data }`), so streamed and reloaded messages\n  // render identically.\n  const { data, mimeType } = part;\n  const src = typeof data === 'string' ? data : undefined;\n  const isFetchableUrl = typeof data === 'string' && isBrowserFetchableUrl(data);\n  const isNonFetchableUrl = typeof data === 'string' && isNonFetchableRemoteUrl(data);\n  // Only use the source as the chip label when it is a real URL. Local inlined\n  // media is a long `data:...;base64,...` payload that would bloat the chip\n  // title/tooltip and DOM attributes.\n  const filename = 'filename' in part && typeof part.filename === 'string' ? part.filename : undefined;\n  const fileLabel = filename ?? (isFetchableUrl || isNonFetchableUrl ? src : undefined);\n  const isImage = typeof mimeType === 'string' && mimeType.startsWith('image/');\n  const isText = typeof mimeType === 'string' && isTextMimeType(mimeType);\n  const preview = isText && src ? textPreview(src) : src;\n  const isDocument = mimeType === 'application/pdf' || (isText && preview !== undefined && !isFetchableUrl);\n\n  // Binary attachments and cloud-storage URIs stay as files, never garbled text previews.\n  if (isNonFetchableUrl || (!isImage && !isDocument)) {\n    return (\n      <InMessageAttachment type=\"file\" contentType={mimeType} name={fileLabel} src={isFetchableUrl ? src : undefined} />\n    );\n  }\n\n  if (isImage) {\n    return <InMessageAttachment type=\"image\" src={src} />;\n  }\n\n  return (\n    <InMessageAttachment\n      type=\"document\"\n      contentType={mimeType}\n      name={fileLabel}\n      src={isFetchableUrl ? src : undefined}\n      data={preview}\n    />\n  );\n};\n"],"names":["isBrowserFetchableUrl","isNonFetchableRemoteUrl","isTextMimeType","jsx","InMessageAttachment"],"mappings":"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"}
+{"version":3,"file":"user-file-part-renderer.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/user-file-part-renderer.tsx"],"sourcesContent":["import type { FilePart } from '@mastra/react/ui';\n\nimport { isTextMimeType } from '../../attachments/attachment-kind';\nimport { InMessageAttachment } from './in-message-attachment';\nimport { isBrowserFetchableUrl, isNonFetchableRemoteUrl } from '@/lib/file';\n\nconst textPreview = (data: string) => {\n  if (!data.startsWith('data:')) return data;\n  try {\n    const base64 = data.match(/^data:[^,]*;base64,(.*)$/s)?.[1];\n    if (base64 === undefined) return undefined;\n    const bytes = Uint8Array.from(atob(base64), character => character.charCodeAt(0));\n    let encoding = 'utf-8';\n    if (bytes[0] === 0xff && bytes[1] === 0xfe) encoding = 'utf-16le';\n    if (bytes[0] === 0xfe && bytes[1] === 0xff) encoding = 'utf-16be';\n    return new TextDecoder(encoding, { fatal: true }).decode(bytes);\n  } catch {\n    return undefined;\n  }\n};\n\nexport interface UserFilePartRendererProps {\n  part: FilePart;\n}\nexport const UserFilePartRenderer = ({ part }: UserFilePartRendererProps) => {\n  const { data, mimeType } = part;\n  const src = typeof data === 'string' ? data : undefined;\n  const isFetchableUrl = typeof data === 'string' && isBrowserFetchableUrl(data);\n  const isNonFetchableUrl = typeof data === 'string' && isNonFetchableRemoteUrl(data);\n  const filename = 'filename' in part && typeof part.filename === 'string' ? part.filename : undefined;\n  const fileLabel = filename ?? (isFetchableUrl || isNonFetchableUrl ? src : undefined);\n  const isImage = typeof mimeType === 'string' && mimeType.startsWith('image/');\n  const isText = typeof mimeType === 'string' && isTextMimeType(mimeType);\n  const preview = isText && src ? textPreview(src) : src;\n  const isDocument = mimeType === 'application/pdf' || (isText && preview !== undefined && !isFetchableUrl);\n\n  if (isNonFetchableUrl || (!isImage && !isDocument)) {\n    return (\n      <InMessageAttachment type=\"file\" contentType={mimeType} name={fileLabel} src={isFetchableUrl ? src : undefined} />\n    );\n  }\n\n  if (isImage) {\n    const imageSrc = isFetchableUrl || data.startsWith('data:') ? data : `data:${mimeType};base64,${data}`;\n    return <InMessageAttachment type=\"image\" src={imageSrc} name={fileLabel} />;\n  }\n\n  return (\n    <InMessageAttachment\n      type=\"document\"\n      contentType={mimeType}\n      name={fileLabel}\n      src={isFetchableUrl ? src : undefined}\n      data={preview}\n    />\n  );\n};\n"],"names":["isBrowserFetchableUrl","isNonFetchableRemoteUrl","isTextMimeType","jsx","InMessageAttachment"],"mappings":"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"}

package/dist/domains/chat/messages/renderers/user-file-part-renderer.es.js

@@ -32,7 +32,8 @@ const UserFilePartRenderer = ({ part }) => {
     return /* @__PURE__ */ jsx(InMessageAttachment, { type: "file", contentType: mimeType, name: fileLabel, src: isFetchableUrl ? src : void 0 });
   }
   if (isImage) {
-    return /* @__PURE__ */ jsx(InMessageAttachment, { type: "image", src });
+    const imageSrc = isFetchableUrl || data.startsWith("data:") ? data : `data:${mimeType};base64,${data}`;
+    return /* @__PURE__ */ jsx(InMessageAttachment, { type: "image", src: imageSrc, name: fileLabel });
   }
   return /* @__PURE__ */ jsx(
     InMessageAttachment,

package/dist/domains/chat/messages/renderers/user-file-part-renderer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-file-part-renderer.es.js","sources":["../../../../../src/domains/chat/messages/renderers/user-file-part-renderer.tsx"],"sourcesContent":["import type { FilePart } from '@mastra/react';\n\nimport { isTextMimeType } from '../../attachments/attachment-kind';\nimport { InMessageAttachment } from './in-message-attachment';\nimport { isBrowserFetchableUrl, isNonFetchableRemoteUrl } from '@/lib/file';\n\nconst textPreview = (data: string) => {\n  if (!data.startsWith('data:')) return data;\n  try {\n    const base64 = data.match(/^data:[^,]*;base64,(.*)$/s)?.[1];\n    if (base64 === undefined) return undefined;\n    const bytes = Uint8Array.from(atob(base64), character => character.charCodeAt(0));\n    let encoding = 'utf-8';\n    if (bytes[0] === 0xff && bytes[1] === 0xfe) encoding = 'utf-16le';\n    if (bytes[0] === 0xfe && bytes[1] === 0xff) encoding = 'utf-16be';\n    return new TextDecoder(encoding, { fatal: true }).decode(bytes);\n  } catch {\n    return undefined;\n  }\n};\n\nexport interface UserFilePartRendererProps {\n  part: FilePart;\n}\n\n/**\n * Renders a user `MessageFactory` `File` slot. Image parts render an inline image\n * preview when the source is browser-fetchable; video, audio, and cloud-storage\n * URIs (gs://, s3://) render a placeholder chip; everything else renders a\n * document preview, using the URL when it is an http(s) link, otherwise the raw\n * data.\n */\nexport const UserFilePartRenderer = ({ part }: UserFilePartRendererProps) => {\n  // Both streamed (`@mastra/react` accumulator) and reloaded messages carry the\n  // canonical DB shape (`{ mimeType, data }`), so streamed and reloaded messages\n  // render identically.\n  const { data, mimeType } = part;\n  const src = typeof data === 'string' ? data : undefined;\n  const isFetchableUrl = typeof data === 'string' && isBrowserFetchableUrl(data);\n  const isNonFetchableUrl = typeof data === 'string' && isNonFetchableRemoteUrl(data);\n  // Only use the source as the chip label when it is a real URL. Local inlined\n  // media is a long `data:...;base64,...` payload that would bloat the chip\n  // title/tooltip and DOM attributes.\n  const filename = 'filename' in part && typeof part.filename === 'string' ? part.filename : undefined;\n  const fileLabel = filename ?? (isFetchableUrl || isNonFetchableUrl ? src : undefined);\n  const isImage = typeof mimeType === 'string' && mimeType.startsWith('image/');\n  const isText = typeof mimeType === 'string' && isTextMimeType(mimeType);\n  const preview = isText && src ? textPreview(src) : src;\n  const isDocument = mimeType === 'application/pdf' || (isText && preview !== undefined && !isFetchableUrl);\n\n  // Binary attachments and cloud-storage URIs stay as files, never garbled text previews.\n  if (isNonFetchableUrl || (!isImage && !isDocument)) {\n    return (\n      <InMessageAttachment type=\"file\" contentType={mimeType} name={fileLabel} src={isFetchableUrl ? src : undefined} />\n    );\n  }\n\n  if (isImage) {\n    return <InMessageAttachment type=\"image\" src={src} />;\n  }\n\n  return (\n    <InMessageAttachment\n      type=\"document\"\n      contentType={mimeType}\n      name={fileLabel}\n      src={isFetchableUrl ? src : undefined}\n      data={preview}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"user-file-part-renderer.es.js","sources":["../../../../../src/domains/chat/messages/renderers/user-file-part-renderer.tsx"],"sourcesContent":["import type { FilePart } from '@mastra/react/ui';\n\nimport { isTextMimeType } from '../../attachments/attachment-kind';\nimport { InMessageAttachment } from './in-message-attachment';\nimport { isBrowserFetchableUrl, isNonFetchableRemoteUrl } from '@/lib/file';\n\nconst textPreview = (data: string) => {\n  if (!data.startsWith('data:')) return data;\n  try {\n    const base64 = data.match(/^data:[^,]*;base64,(.*)$/s)?.[1];\n    if (base64 === undefined) return undefined;\n    const bytes = Uint8Array.from(atob(base64), character => character.charCodeAt(0));\n    let encoding = 'utf-8';\n    if (bytes[0] === 0xff && bytes[1] === 0xfe) encoding = 'utf-16le';\n    if (bytes[0] === 0xfe && bytes[1] === 0xff) encoding = 'utf-16be';\n    return new TextDecoder(encoding, { fatal: true }).decode(bytes);\n  } catch {\n    return undefined;\n  }\n};\n\nexport interface UserFilePartRendererProps {\n  part: FilePart;\n}\nexport const UserFilePartRenderer = ({ part }: UserFilePartRendererProps) => {\n  const { data, mimeType } = part;\n  const src = typeof data === 'string' ? data : undefined;\n  const isFetchableUrl = typeof data === 'string' && isBrowserFetchableUrl(data);\n  const isNonFetchableUrl = typeof data === 'string' && isNonFetchableRemoteUrl(data);\n  const filename = 'filename' in part && typeof part.filename === 'string' ? part.filename : undefined;\n  const fileLabel = filename ?? (isFetchableUrl || isNonFetchableUrl ? src : undefined);\n  const isImage = typeof mimeType === 'string' && mimeType.startsWith('image/');\n  const isText = typeof mimeType === 'string' && isTextMimeType(mimeType);\n  const preview = isText && src ? textPreview(src) : src;\n  const isDocument = mimeType === 'application/pdf' || (isText && preview !== undefined && !isFetchableUrl);\n\n  if (isNonFetchableUrl || (!isImage && !isDocument)) {\n    return (\n      <InMessageAttachment type=\"file\" contentType={mimeType} name={fileLabel} src={isFetchableUrl ? src : undefined} />\n    );\n  }\n\n  if (isImage) {\n    const imageSrc = isFetchableUrl || data.startsWith('data:') ? data : `data:${mimeType};base64,${data}`;\n    return <InMessageAttachment type=\"image\" src={imageSrc} name={fileLabel} />;\n  }\n\n  return (\n    <InMessageAttachment\n      type=\"document\"\n      contentType={mimeType}\n      name={fileLabel}\n      src={isFetchableUrl ? src : undefined}\n      data={preview}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/domains/chat/messages/renderers/user-text-part-renderer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-text-part-renderer.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/user-text-part-renderer.tsx"],"sourcesContent":["import type { TextPart } from '@mastra/react';\n\nimport type { MessageMetadata } from '../message-metadata';\nimport { SystemReminderBadge } from '../system-reminder-badge';\nimport { InMessageAttachment } from './in-message-attachment';\nimport { MessageText } from './message-text';\n\nexport interface UserTextPartRendererProps {\n  part: TextPart;\n  metadata?: MessageMetadata;\n}\n\n/**\n * Renders a user `MessageFactory` `Text` slot. System-reminder text and inline\n * `<attachment name=...>` text get dedicated badges/previews; everything else\n * renders as markdown.\n */\nexport const UserTextPartRenderer = ({ part, metadata }: UserTextPartRendererProps) => {\n  const text = part.text ?? '';\n\n  if (text.trimStart().startsWith('<system-reminder')) {\n    return <SystemReminderBadge text={text} />;\n  }\n  if (text.includes('<attachment name=')) {\n    return <InMessageAttachment type=\"document\" contentType=\"text/plain\" data={text} />;\n  }\n\n  return <MessageText text={text} metadata={metadata} />;\n};\n"],"names":["jsx","SystemReminderBadge","InMessageAttachment","MessageText"],"mappings":";;;;;;;;;AAiBO,MAAM,oBAAA,GAAuB,CAAC,EAAE,IAAA,EAAM,UAAS,KAAiC;AACrF,EAAA,MAAM,IAAA,GAAO,KAAK,IAAA,IAAQ,EAAA;AAE1B,EAAA,IAAI,IAAA,CAAK,SAAA,EAAU,CAAE,UAAA,CAAW,kBAAkB,CAAA,EAAG;AACnD,IAAA,uBAAOA,cAAA,CAACC,iEAAoB,IAAA,EAAY,CAAA;AAAA,EAC1C;AACA,EAAA,IAAI,IAAA,CAAK,QAAA,CAAS,mBAAmB,CAAA,EAAG;AACtC,IAAA,sCAAQC,uEAAA,EAAA,EAAoB,IAAA,EAAK,YAAW,WAAA,EAAY,YAAA,EAAa,MAAM,IAAA,EAAM,CAAA;AAAA,EACnF;AAEA,EAAA,uBAAOF,cAAA,CAACG,uDAAA,EAAA,EAAY,IAAA,EAAY,QAAA,EAAoB,CAAA;AACtD;;;;"}
+{"version":3,"file":"user-text-part-renderer.cjs.js","sources":["../../../../../src/domains/chat/messages/renderers/user-text-part-renderer.tsx"],"sourcesContent":["import type { TextPart } from '@mastra/react/ui';\n\nimport type { MessageMetadata } from '../message-metadata';\nimport { SystemReminderBadge } from '../system-reminder-badge';\nimport { InMessageAttachment } from './in-message-attachment';\nimport { MessageText } from './message-text';\n\nexport interface UserTextPartRendererProps {\n  part: TextPart;\n  metadata?: MessageMetadata;\n}\n\n/**\n * Renders a user `MessageFactory` `Text` slot. System-reminder text and inline\n * `<attachment name=...>` text get dedicated badges/previews; everything else\n * renders as markdown.\n */\nexport const UserTextPartRenderer = ({ part, metadata }: UserTextPartRendererProps) => {\n  const text = part.text ?? '';\n\n  if (text.trimStart().startsWith('<system-reminder')) {\n    return <SystemReminderBadge text={text} />;\n  }\n  if (text.includes('<attachment name=')) {\n    return <InMessageAttachment type=\"document\" contentType=\"text/plain\" data={text} />;\n  }\n\n  return <MessageText text={text} metadata={metadata} />;\n};\n"],"names":["jsx","SystemReminderBadge","InMessageAttachment","MessageText"],"mappings":";;;;;;;;;AAiBO,MAAM,oBAAA,GAAuB,CAAC,EAAE,IAAA,EAAM,UAAS,KAAiC;AACrF,EAAA,MAAM,IAAA,GAAO,KAAK,IAAA,IAAQ,EAAA;AAE1B,EAAA,IAAI,IAAA,CAAK,SAAA,EAAU,CAAE,UAAA,CAAW,kBAAkB,CAAA,EAAG;AACnD,IAAA,uBAAOA,cAAA,CAACC,iEAAoB,IAAA,EAAY,CAAA;AAAA,EAC1C;AACA,EAAA,IAAI,IAAA,CAAK,QAAA,CAAS,mBAAmB,CAAA,EAAG;AACtC,IAAA,sCAAQC,uEAAA,EAAA,EAAoB,IAAA,EAAK,YAAW,WAAA,EAAY,YAAA,EAAa,MAAM,IAAA,EAAM,CAAA;AAAA,EACnF;AAEA,EAAA,uBAAOF,cAAA,CAACG,uDAAA,EAAA,EAAY,IAAA,EAAY,QAAA,EAAoB,CAAA;AACtD;;;;"}

package/dist/domains/chat/messages/renderers/user-text-part-renderer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-text-part-renderer.es.js","sources":["../../../../../src/domains/chat/messages/renderers/user-text-part-renderer.tsx"],"sourcesContent":["import type { TextPart } from '@mastra/react';\n\nimport type { MessageMetadata } from '../message-metadata';\nimport { SystemReminderBadge } from '../system-reminder-badge';\nimport { InMessageAttachment } from './in-message-attachment';\nimport { MessageText } from './message-text';\n\nexport interface UserTextPartRendererProps {\n  part: TextPart;\n  metadata?: MessageMetadata;\n}\n\n/**\n * Renders a user `MessageFactory` `Text` slot. System-reminder text and inline\n * `<attachment name=...>` text get dedicated badges/previews; everything else\n * renders as markdown.\n */\nexport const UserTextPartRenderer = ({ part, metadata }: UserTextPartRendererProps) => {\n  const text = part.text ?? '';\n\n  if (text.trimStart().startsWith('<system-reminder')) {\n    return <SystemReminderBadge text={text} />;\n  }\n  if (text.includes('<attachment name=')) {\n    return <InMessageAttachment type=\"document\" contentType=\"text/plain\" data={text} />;\n  }\n\n  return <MessageText text={text} metadata={metadata} />;\n};\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,oBAAA,GAAuB,CAAC,EAAE,IAAA,EAAM,UAAS,KAAiC;AACrF,EAAA,MAAM,IAAA,GAAO,KAAK,IAAA,IAAQ,EAAA;AAE1B,EAAA,IAAI,IAAA,CAAK,SAAA,EAAU,CAAE,UAAA,CAAW,kBAAkB,CAAA,EAAG;AACnD,IAAA,uBAAO,GAAA,CAAC,uBAAoB,IAAA,EAAY,CAAA;AAAA,EAC1C;AACA,EAAA,IAAI,IAAA,CAAK,QAAA,CAAS,mBAAmB,CAAA,EAAG;AACtC,IAAA,2BAAQ,mBAAA,EAAA,EAAoB,IAAA,EAAK,YAAW,WAAA,EAAY,YAAA,EAAa,MAAM,IAAA,EAAM,CAAA;AAAA,EACnF;AAEA,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAY,QAAA,EAAoB,CAAA;AACtD;;;;"}
+{"version":3,"file":"user-text-part-renderer.es.js","sources":["../../../../../src/domains/chat/messages/renderers/user-text-part-renderer.tsx"],"sourcesContent":["import type { TextPart } from '@mastra/react/ui';\n\nimport type { MessageMetadata } from '../message-metadata';\nimport { SystemReminderBadge } from '../system-reminder-badge';\nimport { InMessageAttachment } from './in-message-attachment';\nimport { MessageText } from './message-text';\n\nexport interface UserTextPartRendererProps {\n  part: TextPart;\n  metadata?: MessageMetadata;\n}\n\n/**\n * Renders a user `MessageFactory` `Text` slot. System-reminder text and inline\n * `<attachment name=...>` text get dedicated badges/previews; everything else\n * renders as markdown.\n */\nexport const UserTextPartRenderer = ({ part, metadata }: UserTextPartRendererProps) => {\n  const text = part.text ?? '';\n\n  if (text.trimStart().startsWith('<system-reminder')) {\n    return <SystemReminderBadge text={text} />;\n  }\n  if (text.includes('<attachment name=')) {\n    return <InMessageAttachment type=\"document\" contentType=\"text/plain\" data={text} />;\n  }\n\n  return <MessageText text={text} metadata={metadata} />;\n};\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,oBAAA,GAAuB,CAAC,EAAE,IAAA,EAAM,UAAS,KAAiC;AACrF,EAAA,MAAM,IAAA,GAAO,KAAK,IAAA,IAAQ,EAAA;AAE1B,EAAA,IAAI,IAAA,CAAK,SAAA,EAAU,CAAE,UAAA,CAAW,kBAAkB,CAAA,EAAG;AACnD,IAAA,uBAAO,GAAA,CAAC,uBAAoB,IAAA,EAAY,CAAA;AAAA,EAC1C;AACA,EAAA,IAAI,IAAA,CAAK,QAAA,CAAS,mBAAmB,CAAA,EAAG;AACtC,IAAA,2BAAQ,mBAAA,EAAA,EAAoB,IAAA,EAAK,YAAW,WAAA,EAAY,YAAA,EAAa,MAAM,IAAA,EAAM,CAAA;AAAA,EACnF;AAEA,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAY,QAAA,EAAoB,CAAA;AACtD;;;;"}

package/dist/domains/chat/messages/signal-badge.cjs.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
 const domains_chat_messages_notificationSignalNotice = require('./notification-signal-notice.cjs.js');
 const domains_chat_messages_signalData = require('./signal-data.cjs.js');
+const chatSignal = require('../../../chat-signal-BPlIIAtB.cjs');
 
 const getStateLabel = (signal) => {
   const state = domains_chat_messages_signalData.isRecord(signal.metadata?.state) ? signal.metadata.state : void 0;
@@ -14,7 +14,6 @@ const getStateLabel = (signal) => {
     mode: domains_chat_messages_signalData.formatSignalValue(state?.mode) ?? domains_chat_messages_signalData.formatSignalValue(signal.attributes?.mode)
   };
 };
-const Pill = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-border1 text-neutral4 text-ui-sm inline-flex items-center rounded-full border px-1.5 py-0.5 leading-none", children });
 function isTaskItemArray(value) {
   return Array.isArray(value) && value.every(
     (item) => domains_chat_messages_signalData.isRecord(item) && typeof item.id === "string" && typeof item.content === "string" && (item.status === "pending" || item.status === "in_progress" || item.status === "completed") && typeof item.activeForm === "string"
@@ -36,28 +35,13 @@ const SignalBadge = ({ signal: value }) => {
     const taskSignal = getTaskSignalData(value);
     if (taskSignal) return null;
     const state = getStateLabel(value);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "text-icon3 mt-0.5 size-4 shrink-0" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm leading-ui-sm text-neutral6 font-medium", children: state.id }),
-          state.mode ? /* @__PURE__ */ jsxRuntime.jsx(Pill, { children: state.mode }) : null
-        ] }),
-        text ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap", children: text }) : null
-      ] })
-    ] }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chatSignal.ChatSignal, { variant: "card", kind: "state", label: state.id, mode: state.mode, message: text });
   }
   if (value.type === "notification") {
     return /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_notificationSignalNotice.NotificationSignalNotice, { signal: value });
   }
   if (value.type === "reactive") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "text-icon3 mt-0.5 size-4 shrink-0" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm leading-ui-sm text-neutral6 font-medium", children: value.tagName ?? "Signal" }),
-        text ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap", children: text }) : null
-      ] })
-    ] }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chatSignal.ChatSignal, { variant: "card", kind: "reactive", label: value.tagName ?? "Signal", message: text });
   }
   return null;
 };

package/dist/domains/chat/messages/signal-badge.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"signal-badge.cjs.js","sources":["../../../../src/domains/chat/messages/signal-badge.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\nimport { Database, Radio } from 'lucide-react';\n\nimport { NotificationSignalNotice } from './notification-signal-notice';\nimport { formatSignalValue, isRecord, isSignalData, signalContentsToText } from './signal-data';\nimport type { SignalData } from './signal-data';\n\nexport type SignalBadgeProps = {\n  signal: unknown;\n};\n\nconst getStateLabel = (signal: SignalData) => {\n  const state = isRecord(signal.metadata?.state) ? signal.metadata.state : undefined;\n  return {\n    id: formatSignalValue(state?.id) ?? formatSignalValue(signal.attributes?.id) ?? 'State signal',\n    mode: formatSignalValue(state?.mode) ?? formatSignalValue(signal.attributes?.mode),\n  };\n};\n\nconst Pill = ({ children }: { children: string }) => (\n  <span className=\"border-border1 text-neutral4 text-ui-sm inline-flex items-center rounded-full border px-1.5 py-0.5 leading-none\">\n    {children}\n  </span>\n);\n\nfunction isTaskItemArray(value: unknown): value is TaskItem[] {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      item =>\n        isRecord(item) &&\n        typeof item.id === 'string' &&\n        typeof item.content === 'string' &&\n        (item.status === 'pending' || item.status === 'in_progress' || item.status === 'completed') &&\n        typeof item.activeForm === 'string',\n    )\n  );\n}\n\nfunction getTaskSignalData(signal: SignalData): TaskItem[] | undefined {\n  const isTaskSignal =\n    signal.id === 'tasks' || signal.tagName === 'current-task-list' || signal.tagName === 'task-list-update';\n  if (!isTaskSignal) return undefined;\n\n  const metadata = signal.metadata;\n  const value = isRecord(metadata?.value) ? metadata.value : undefined;\n  const tasks = value?.tasks;\n  if (!isTaskItemArray(tasks)) return undefined;\n\n  return tasks;\n}\n\nexport const SignalBadge = ({ signal: value }: SignalBadgeProps) => {\n  if (!isSignalData(value)) return null;\n\n  const text = signalContentsToText(value.contents);\n\n  if (value.type === 'state') {\n    // Task signals are rendered in the docked TaskPanel (bottom of chat) instead\n    // of inline to avoid repetition. Hide them here.\n    const taskSignal = getTaskSignalData(value);\n    if (taskSignal) return null;\n\n    const state = getStateLabel(value);\n    return (\n      <div className=\"border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3\">\n        <div className=\"flex items-start gap-3\">\n          <Database className=\"text-icon3 mt-0.5 size-4 shrink-0\" />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <p className=\"text-ui-sm leading-ui-sm text-neutral6 font-medium\">{state.id}</p>\n              {state.mode ? <Pill>{state.mode}</Pill> : null}\n            </div>\n            {text ? <p className=\"text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap\">{text}</p> : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (value.type === 'notification') {\n    return <NotificationSignalNotice signal={value} />;\n  }\n\n  if (value.type === 'reactive') {\n    return (\n      <div className=\"border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3\">\n        <div className=\"flex items-start gap-3\">\n          <Radio className=\"text-icon3 mt-0.5 size-4 shrink-0\" />\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-ui-sm leading-ui-sm text-neutral6 font-medium\">{value.tagName ?? 'Signal'}</p>\n            {text ? <p className=\"text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap\">{text}</p> : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n};\n"],"names":["isRecord","formatSignalValue","jsx","isSignalData","signalContentsToText","jsxs","Database","NotificationSignalNotice","Radio"],"mappings":"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"}
+{"version":3,"file":"signal-badge.cjs.js","sources":["../../../../src/domains/chat/messages/signal-badge.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\n\nimport { NotificationSignalNotice } from './notification-signal-notice';\nimport { formatSignalValue, isRecord, isSignalData, signalContentsToText } from './signal-data';\nimport type { SignalData } from './signal-data';\nimport { ChatSignal } from '@/ds/components/ai/chat-event';\n\nexport type SignalBadgeProps = {\n  signal: unknown;\n};\n\nconst getStateLabel = (signal: SignalData) => {\n  const state = isRecord(signal.metadata?.state) ? signal.metadata.state : undefined;\n  return {\n    id: formatSignalValue(state?.id) ?? formatSignalValue(signal.attributes?.id) ?? 'State signal',\n    mode: formatSignalValue(state?.mode) ?? formatSignalValue(signal.attributes?.mode),\n  };\n};\n\nfunction isTaskItemArray(value: unknown): value is TaskItem[] {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      item =>\n        isRecord(item) &&\n        typeof item.id === 'string' &&\n        typeof item.content === 'string' &&\n        (item.status === 'pending' || item.status === 'in_progress' || item.status === 'completed') &&\n        typeof item.activeForm === 'string',\n    )\n  );\n}\n\nfunction getTaskSignalData(signal: SignalData): TaskItem[] | undefined {\n  const isTaskSignal =\n    signal.id === 'tasks' || signal.tagName === 'current-task-list' || signal.tagName === 'task-list-update';\n  if (!isTaskSignal) return undefined;\n\n  const metadata = signal.metadata;\n  const value = isRecord(metadata?.value) ? metadata.value : undefined;\n  const tasks = value?.tasks;\n  if (!isTaskItemArray(tasks)) return undefined;\n\n  return tasks;\n}\n\nexport const SignalBadge = ({ signal: value }: SignalBadgeProps) => {\n  if (!isSignalData(value)) return null;\n\n  const text = signalContentsToText(value.contents);\n\n  if (value.type === 'state') {\n    const taskSignal = getTaskSignalData(value);\n    if (taskSignal) return null;\n\n    const state = getStateLabel(value);\n    return <ChatSignal variant=\"card\" kind=\"state\" label={state.id} mode={state.mode} message={text} />;\n  }\n\n  if (value.type === 'notification') {\n    return <NotificationSignalNotice signal={value} />;\n  }\n\n  if (value.type === 'reactive') {\n    return <ChatSignal variant=\"card\" kind=\"reactive\" label={value.tagName ?? 'Signal'} message={text} />;\n  }\n\n  return null;\n};\n"],"names":["isRecord","formatSignalValue","isSignalData","signalContentsToText","jsx","ChatSignal","NotificationSignalNotice"],"mappings":";;;;;;;;;AAWA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAAuB;AAC5C,EAAA,MAAM,KAAA,GAAQA,0CAAS,MAAA,CAAO,QAAA,EAAU,KAAK,CAAA,GAAI,MAAA,CAAO,SAAS,KAAA,GAAQ,MAAA;AACzE,EAAA,OAAO;AAAA,IACL,EAAA,EAAIC,mDAAkB,KAAA,EAAO,EAAE,KAAKA,kDAAA,CAAkB,MAAA,CAAO,UAAA,EAAY,EAAE,CAAA,IAAK,cAAA;AAAA,IAChF,IAAA,EAAMA,mDAAkB,KAAA,EAAO,IAAI,KAAKA,kDAAA,CAAkB,MAAA,CAAO,YAAY,IAAI;AAAA,GACnF;AACF,CAAA;AAEA,SAAS,gBAAgB,KAAA,EAAqC;AAC5D,EAAA,OACE,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,IACnB,KAAA,CAAM,KAAA;AAAA,IACJ,CAAA,IAAA,KACED,0CAAS,IAAI,CAAA,IACb,OAAO,IAAA,CAAK,EAAA,KAAO,QAAA,IACnB,OAAO,IAAA,CAAK,OAAA,KAAY,aACvB,IAAA,CAAK,MAAA,KAAW,SAAA,IAAa,IAAA,CAAK,MAAA,KAAW,aAAA,IAAiB,KAAK,MAAA,KAAW,WAAA,CAAA,IAC/E,OAAO,IAAA,CAAK,UAAA,KAAe;AAAA,GAC/B;AAEJ;AAEA,SAAS,kBAAkB,MAAA,EAA4C;AACrE,EAAA,MAAM,YAAA,GACJ,OAAO,EAAA,KAAO,OAAA,IAAW,OAAO,OAAA,KAAY,mBAAA,IAAuB,OAAO,OAAA,KAAY,kBAAA;AACxF,EAAA,IAAI,CAAC,cAAc,OAAO,MAAA;AAE1B,EAAA,MAAM,WAAW,MAAA,CAAO,QAAA;AACxB,EAAA,MAAM,QAAQA,yCAAA,CAAS,QAAA,EAAU,KAAK,CAAA,GAAI,SAAS,KAAA,GAAQ,MAAA;AAC3D,EAAA,MAAM,QAAQ,KAAA,EAAO,KAAA;AACrB,EAAA,IAAI,CAAC,eAAA,CAAgB,KAAK,CAAA,EAAG,OAAO,MAAA;AAEpC,EAAA,OAAO,KAAA;AACT;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,MAAA,EAAQ,OAAM,KAAwB;AAClE,EAAA,IAAI,CAACE,6CAAA,CAAa,KAAK,CAAA,EAAG,OAAO,IAAA;AAEjC,EAAA,MAAM,IAAA,GAAOC,qDAAA,CAAqB,KAAA,CAAM,QAAQ,CAAA;AAEhD,EAAA,IAAI,KAAA,CAAM,SAAS,OAAA,EAAS;AAC1B,IAAA,MAAM,UAAA,GAAa,kBAAkB,KAAK,CAAA;AAC1C,IAAA,IAAI,YAAY,OAAO,IAAA;AAEvB,IAAA,MAAM,KAAA,GAAQ,cAAc,KAAK,CAAA;AACjC,IAAA,uBAAOC,cAAA,CAACC,qBAAA,EAAA,EAAW,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,KAAA,CAAM,EAAA,EAAI,IAAA,EAAM,KAAA,CAAM,IAAA,EAAM,SAAS,IAAA,EAAM,CAAA;AAAA,EACnG;AAEA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,uBAAOD,cAAA,CAACE,uEAAA,EAAA,EAAyB,MAAA,EAAQ,KAAA,EAAO,CAAA;AAAA,EAClD;AAEA,EAAA,IAAI,KAAA,CAAM,SAAS,UAAA,EAAY;AAC7B,IAAA,uBAAOF,cAAA,CAACC,qBAAA,EAAA,EAAW,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,UAAA,EAAW,KAAA,EAAO,KAAA,CAAM,OAAA,IAAW,QAAA,EAAU,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,EACrG;AAEA,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/domains/chat/messages/signal-badge.es.js

@@ -1,7 +1,7 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Database, Radio } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
 import { NotificationSignalNotice } from './notification-signal-notice.es.js';
 import { isSignalData, signalContentsToText, isRecord, formatSignalValue } from './signal-data.es.js';
+import { C as ChatSignal } from '../../../chat-signal-evW1798B.js';
 
 const getStateLabel = (signal) => {
   const state = isRecord(signal.metadata?.state) ? signal.metadata.state : void 0;
@@ -10,7 +10,6 @@ const getStateLabel = (signal) => {
     mode: formatSignalValue(state?.mode) ?? formatSignalValue(signal.attributes?.mode)
   };
 };
-const Pill = ({ children }) => /* @__PURE__ */ jsx("span", { className: "border-border1 text-neutral4 text-ui-sm inline-flex items-center rounded-full border px-1.5 py-0.5 leading-none", children });
 function isTaskItemArray(value) {
   return Array.isArray(value) && value.every(
     (item) => isRecord(item) && typeof item.id === "string" && typeof item.content === "string" && (item.status === "pending" || item.status === "in_progress" || item.status === "completed") && typeof item.activeForm === "string"
@@ -32,28 +31,13 @@ const SignalBadge = ({ signal: value }) => {
     const taskSignal = getTaskSignalData(value);
     if (taskSignal) return null;
     const state = getStateLabel(value);
-    return /* @__PURE__ */ jsx("div", { className: "border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx(Database, { className: "text-icon3 mt-0.5 size-4 shrink-0" }),
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-ui-sm leading-ui-sm text-neutral6 font-medium", children: state.id }),
-          state.mode ? /* @__PURE__ */ jsx(Pill, { children: state.mode }) : null
-        ] }),
-        text ? /* @__PURE__ */ jsx("p", { className: "text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap", children: text }) : null
-      ] })
-    ] }) });
+    return /* @__PURE__ */ jsx(ChatSignal, { variant: "card", kind: "state", label: state.id, mode: state.mode, message: text });
   }
   if (value.type === "notification") {
     return /* @__PURE__ */ jsx(NotificationSignalNotice, { signal: value });
   }
   if (value.type === "reactive") {
-    return /* @__PURE__ */ jsx("div", { className: "border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx(Radio, { className: "text-icon3 mt-0.5 size-4 shrink-0" }),
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-ui-sm leading-ui-sm text-neutral6 font-medium", children: value.tagName ?? "Signal" }),
-        text ? /* @__PURE__ */ jsx("p", { className: "text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap", children: text }) : null
-      ] })
-    ] }) });
+    return /* @__PURE__ */ jsx(ChatSignal, { variant: "card", kind: "reactive", label: value.tagName ?? "Signal", message: text });
   }
   return null;
 };

package/dist/domains/chat/messages/signal-badge.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"signal-badge.es.js","sources":["../../../../src/domains/chat/messages/signal-badge.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\nimport { Database, Radio } from 'lucide-react';\n\nimport { NotificationSignalNotice } from './notification-signal-notice';\nimport { formatSignalValue, isRecord, isSignalData, signalContentsToText } from './signal-data';\nimport type { SignalData } from './signal-data';\n\nexport type SignalBadgeProps = {\n  signal: unknown;\n};\n\nconst getStateLabel = (signal: SignalData) => {\n  const state = isRecord(signal.metadata?.state) ? signal.metadata.state : undefined;\n  return {\n    id: formatSignalValue(state?.id) ?? formatSignalValue(signal.attributes?.id) ?? 'State signal',\n    mode: formatSignalValue(state?.mode) ?? formatSignalValue(signal.attributes?.mode),\n  };\n};\n\nconst Pill = ({ children }: { children: string }) => (\n  <span className=\"border-border1 text-neutral4 text-ui-sm inline-flex items-center rounded-full border px-1.5 py-0.5 leading-none\">\n    {children}\n  </span>\n);\n\nfunction isTaskItemArray(value: unknown): value is TaskItem[] {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      item =>\n        isRecord(item) &&\n        typeof item.id === 'string' &&\n        typeof item.content === 'string' &&\n        (item.status === 'pending' || item.status === 'in_progress' || item.status === 'completed') &&\n        typeof item.activeForm === 'string',\n    )\n  );\n}\n\nfunction getTaskSignalData(signal: SignalData): TaskItem[] | undefined {\n  const isTaskSignal =\n    signal.id === 'tasks' || signal.tagName === 'current-task-list' || signal.tagName === 'task-list-update';\n  if (!isTaskSignal) return undefined;\n\n  const metadata = signal.metadata;\n  const value = isRecord(metadata?.value) ? metadata.value : undefined;\n  const tasks = value?.tasks;\n  if (!isTaskItemArray(tasks)) return undefined;\n\n  return tasks;\n}\n\nexport const SignalBadge = ({ signal: value }: SignalBadgeProps) => {\n  if (!isSignalData(value)) return null;\n\n  const text = signalContentsToText(value.contents);\n\n  if (value.type === 'state') {\n    // Task signals are rendered in the docked TaskPanel (bottom of chat) instead\n    // of inline to avoid repetition. Hide them here.\n    const taskSignal = getTaskSignalData(value);\n    if (taskSignal) return null;\n\n    const state = getStateLabel(value);\n    return (\n      <div className=\"border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3\">\n        <div className=\"flex items-start gap-3\">\n          <Database className=\"text-icon3 mt-0.5 size-4 shrink-0\" />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <p className=\"text-ui-sm leading-ui-sm text-neutral6 font-medium\">{state.id}</p>\n              {state.mode ? <Pill>{state.mode}</Pill> : null}\n            </div>\n            {text ? <p className=\"text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap\">{text}</p> : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (value.type === 'notification') {\n    return <NotificationSignalNotice signal={value} />;\n  }\n\n  if (value.type === 'reactive') {\n    return (\n      <div className=\"border-border1 bg-surface2 text-neutral5 my-2 max-w-[80%] rounded-lg border px-4 py-3\">\n        <div className=\"flex items-start gap-3\">\n          <Radio className=\"text-icon3 mt-0.5 size-4 shrink-0\" />\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-ui-sm leading-ui-sm text-neutral6 font-medium\">{value.tagName ?? 'Signal'}</p>\n            {text ? <p className=\"text-ui-sm leading-ui-md mt-2 break-words whitespace-pre-wrap\">{text}</p> : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"signal-badge.es.js","sources":["../../../../src/domains/chat/messages/signal-badge.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\n\nimport { NotificationSignalNotice } from './notification-signal-notice';\nimport { formatSignalValue, isRecord, isSignalData, signalContentsToText } from './signal-data';\nimport type { SignalData } from './signal-data';\nimport { ChatSignal } from '@/ds/components/ai/chat-event';\n\nexport type SignalBadgeProps = {\n  signal: unknown;\n};\n\nconst getStateLabel = (signal: SignalData) => {\n  const state = isRecord(signal.metadata?.state) ? signal.metadata.state : undefined;\n  return {\n    id: formatSignalValue(state?.id) ?? formatSignalValue(signal.attributes?.id) ?? 'State signal',\n    mode: formatSignalValue(state?.mode) ?? formatSignalValue(signal.attributes?.mode),\n  };\n};\n\nfunction isTaskItemArray(value: unknown): value is TaskItem[] {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      item =>\n        isRecord(item) &&\n        typeof item.id === 'string' &&\n        typeof item.content === 'string' &&\n        (item.status === 'pending' || item.status === 'in_progress' || item.status === 'completed') &&\n        typeof item.activeForm === 'string',\n    )\n  );\n}\n\nfunction getTaskSignalData(signal: SignalData): TaskItem[] | undefined {\n  const isTaskSignal =\n    signal.id === 'tasks' || signal.tagName === 'current-task-list' || signal.tagName === 'task-list-update';\n  if (!isTaskSignal) return undefined;\n\n  const metadata = signal.metadata;\n  const value = isRecord(metadata?.value) ? metadata.value : undefined;\n  const tasks = value?.tasks;\n  if (!isTaskItemArray(tasks)) return undefined;\n\n  return tasks;\n}\n\nexport const SignalBadge = ({ signal: value }: SignalBadgeProps) => {\n  if (!isSignalData(value)) return null;\n\n  const text = signalContentsToText(value.contents);\n\n  if (value.type === 'state') {\n    const taskSignal = getTaskSignalData(value);\n    if (taskSignal) return null;\n\n    const state = getStateLabel(value);\n    return <ChatSignal variant=\"card\" kind=\"state\" label={state.id} mode={state.mode} message={text} />;\n  }\n\n  if (value.type === 'notification') {\n    return <NotificationSignalNotice signal={value} />;\n  }\n\n  if (value.type === 'reactive') {\n    return <ChatSignal variant=\"card\" kind=\"reactive\" label={value.tagName ?? 'Signal'} message={text} />;\n  }\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;AAWA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAAuB;AAC5C,EAAA,MAAM,KAAA,GAAQ,SAAS,MAAA,CAAO,QAAA,EAAU,KAAK,CAAA,GAAI,MAAA,CAAO,SAAS,KAAA,GAAQ,MAAA;AACzE,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,kBAAkB,KAAA,EAAO,EAAE,KAAK,iBAAA,CAAkB,MAAA,CAAO,UAAA,EAAY,EAAE,CAAA,IAAK,cAAA;AAAA,IAChF,IAAA,EAAM,kBAAkB,KAAA,EAAO,IAAI,KAAK,iBAAA,CAAkB,MAAA,CAAO,YAAY,IAAI;AAAA,GACnF;AACF,CAAA;AAEA,SAAS,gBAAgB,KAAA,EAAqC;AAC5D,EAAA,OACE,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,IACnB,KAAA,CAAM,KAAA;AAAA,IACJ,CAAA,IAAA,KACE,SAAS,IAAI,CAAA,IACb,OAAO,IAAA,CAAK,EAAA,KAAO,QAAA,IACnB,OAAO,IAAA,CAAK,OAAA,KAAY,aACvB,IAAA,CAAK,MAAA,KAAW,SAAA,IAAa,IAAA,CAAK,MAAA,KAAW,aAAA,IAAiB,KAAK,MAAA,KAAW,WAAA,CAAA,IAC/E,OAAO,IAAA,CAAK,UAAA,KAAe;AAAA,GAC/B;AAEJ;AAEA,SAAS,kBAAkB,MAAA,EAA4C;AACrE,EAAA,MAAM,YAAA,GACJ,OAAO,EAAA,KAAO,OAAA,IAAW,OAAO,OAAA,KAAY,mBAAA,IAAuB,OAAO,OAAA,KAAY,kBAAA;AACxF,EAAA,IAAI,CAAC,cAAc,OAAO,MAAA;AAE1B,EAAA,MAAM,WAAW,MAAA,CAAO,QAAA;AACxB,EAAA,MAAM,QAAQ,QAAA,CAAS,QAAA,EAAU,KAAK,CAAA,GAAI,SAAS,KAAA,GAAQ,MAAA;AAC3D,EAAA,MAAM,QAAQ,KAAA,EAAO,KAAA;AACrB,EAAA,IAAI,CAAC,eAAA,CAAgB,KAAK,CAAA,EAAG,OAAO,MAAA;AAEpC,EAAA,OAAO,KAAA;AACT;AAEO,MAAM,WAAA,GAAc,CAAC,EAAE,MAAA,EAAQ,OAAM,KAAwB;AAClE,EAAA,IAAI,CAAC,YAAA,CAAa,KAAK,CAAA,EAAG,OAAO,IAAA;AAEjC,EAAA,MAAM,IAAA,GAAO,oBAAA,CAAqB,KAAA,CAAM,QAAQ,CAAA;AAEhD,EAAA,IAAI,KAAA,CAAM,SAAS,OAAA,EAAS;AAC1B,IAAA,MAAM,UAAA,GAAa,kBAAkB,KAAK,CAAA;AAC1C,IAAA,IAAI,YAAY,OAAO,IAAA;AAEvB,IAAA,MAAM,KAAA,GAAQ,cAAc,KAAK,CAAA;AACjC,IAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,KAAA,CAAM,EAAA,EAAI,IAAA,EAAM,KAAA,CAAM,IAAA,EAAM,SAAS,IAAA,EAAM,CAAA;AAAA,EACnG;AAEA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,uBAAO,GAAA,CAAC,wBAAA,EAAA,EAAyB,MAAA,EAAQ,KAAA,EAAO,CAAA;AAAA,EAClD;AAEA,EAAA,IAAI,KAAA,CAAM,SAAS,UAAA,EAAY;AAC7B,IAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,UAAA,EAAW,KAAA,EAAO,KAAA,CAAM,OAAA,IAAW,QAAA,EAAU,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,EACrG;AAEA,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/domains/chat/messages/tripwire-notice.cjs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Badge = require('../../../Badge-B-LKnrNk.cjs');
-const Notice = require('../../../Notice-D0Mvqvr0.cjs');
+const Badge = require('../../../Badge-DUXOjcfL.cjs');
+const Notice = require('../../../Notice-CoaE5a2D.cjs');
 
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);

package/dist/domains/chat/messages/tripwire-notice.es.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronDown, ChevronRight, RefreshCw, Tag, ShieldAlert } from 'lucide-react';
 import { useState } from 'react';
-import { B as Badge } from '../../../Badge-BqVBVHGc.js';
-import { N as Notice } from '../../../Notice-CMZ86f1g.js';
+import { B as Badge } from '../../../Badge-5RAaa8U3.js';
+import { N as Notice } from '../../../Notice-BkL7EPmo.js';
 
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = useState(false);

package/dist/domains/chat/tools/badges/ask-user-badge.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_context_toolCallContext = require('../../context/tool-call-context.cjs.js');
-const askUser = require('../../../../ask-user-DQGe7ZTv.cjs');
+const askUser = require('../../../../ask-user-Bv1kGn_m.cjs');
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = domains_chat_context_toolCallContext.useToolCall();

package/dist/domains/chat/tools/badges/ask-user-badge.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useToolCall } from '../../context/tool-call-context.es.js';
-import { A as AskUser } from '../../../../ask-user-Dh9YowL4.js';
+import { A as AskUser } from '../../../../ask-user-PM_6vU2N.js';
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();

package/dist/domains/chat/tools/badges/code-mode-badge.cjs.js

@@ -7,8 +7,8 @@ const React = require('react');
 const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
-const codeBlock = require('../../../../code-block-D1RequlX.cjs');
-const codeEditor = require('../../../../code-editor-CopnXVKT.cjs');
+const codeBlock = require('../../../../code-block-C4soB6uN.cjs');
+const codeEditor = require('../../../../code-editor-JI0lkx_d.cjs');
 const icons_ToolCoinIcon = require('../../../../icons/ToolCoinIcon.cjs.js');
 const utils_formatting = require('../../../../utils/formatting.cjs.js');
 

package/dist/domains/chat/tools/badges/code-mode-badge.es.js

@@ -3,8 +3,8 @@ import { useState, useEffect } from 'react';
 import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { SectionLabel } from '../../components/section-label.es.js';
 import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
-import { C as CodeBlock } from '../../../../code-block-BdzrmA-p.js';
-import { C as CodeEditor } from '../../../../code-editor-D7BftGSx.js';
+import { C as CodeBlock } from '../../../../code-block-B7ySYtNZ.js';
+import { C as CodeEditor } from '../../../../code-editor-pVut50_I.js';
 import { ToolCoinIcon } from '../../../../icons/ToolCoinIcon.es.js';
 import { formatTypeScript } from '../../../../utils/formatting.es.js';
 

package/dist/domains/chat/tools/badges/observation-marker-badge.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_chat_tools_badges_observationRenderer = require('./observation-renderer.cjs.js');
-const Badge = require('../../../../Badge-B-LKnrNk.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-hBiN_N_-.cjs');
+const Badge = require('../../../../Badge-DUXOjcfL.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-Dmz44_t7.cjs');
 const icons_Icon = require('../../../../icons/Icon.cjs.js');
-const utils_cn = require('../../../../cn-DnbTIGXa.cjs');
+const utils_cn = require('../../../../cn-DPfV6E6L.cjs');
 
 const formatTokens = (tokens) => {
   if (tokens >= 1e3) {

package/dist/domains/chat/tools/badges/observation-marker-badge.es.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Loader2, Brain, ChevronDown, ChevronRight, Unplug, XCircle, Eye } from 'lucide-react';
 import { useState, useEffect } from 'react';
 import { ObservationRenderer } from './observation-renderer.es.js';
-import { B as Badge } from '../../../../Badge-BqVBVHGc.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-Dp1fJwUB.js';
+import { B as Badge } from '../../../../Badge-5RAaa8U3.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-BSdZmxVF.js';
 import { Icon } from '../../../../icons/Icon.es.js';
-import { c as cn } from '../../../../cn-ByEbywDh.js';
+import { c as cn } from '../../../../cn-Dxjsbr9n.js';
 
 const formatTokens = (tokens) => {
   if (tokens >= 1e3) {

package/dist/domains/chat/tools/badges/observation-renderer.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const markdownRenderer = require('../../../../markdown-renderer-hBiN_N_-.cjs');
-const utils_cn = require('../../../../cn-DnbTIGXa.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-Dmz44_t7.cjs');
+const utils_cn = require('../../../../cn-DPfV6E6L.cjs');
 
 const PRIORITY_COLORS = {
   "🔴": "text-foreground",

package/dist/domains/chat/tools/badges/observation-renderer.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-Dp1fJwUB.js';
-import { c as cn } from '../../../../cn-ByEbywDh.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-BSdZmxVF.js';
+import { c as cn } from '../../../../cn-Dxjsbr9n.js';
 
 const PRIORITY_COLORS = {
   "🔴": "text-foreground",