@mastra/playground-ui 58.1.0-alpha.0 → 59.0.0

package/dist/domains/chat/components/section-label.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../../../Txt-B4-2nLaI.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
 
 const SectionLabel = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "meta", tone: "muted", className: "pb-1 select-none", children });
 

package/dist/domains/chat/components/section-label.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../../../Txt-DTh3Pa_a.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
 const SectionLabel = ({ children }) => /* @__PURE__ */ jsx(Txt, { as: "p", variant: "meta", tone: "muted", className: "pb-1 select-none", children });
 

package/dist/domains/chat/messages/notification-signal-notice.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_messages_signalData = require('./signal-data.cjs.js');
-const chatNotification = require('../../../chat-notification-HP18KxlS.cjs');
+const chatNotification = require('../../../chat-notification-Dc7jwULm.cjs');
 
 const getNotificationTitle = (signal) => {
   const notification = domains_chat_messages_signalData.getNotificationMetadata(signal);

package/dist/domains/chat/messages/notification-signal-notice.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { getNotificationMetadata, formatSignalValue, signalContentsToText } from './signal-data.es.js';
-import { C as ChatNotification } from '../../../chat-notification-C4P2InUX.js';
+import { C as ChatNotification } from '../../../chat-notification-BI_WRUvG.js';
 
 const getNotificationTitle = (signal) => {
   const notification = getNotificationMetadata(signal);

package/dist/domains/chat/messages/reasoning-streaming-line.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const shimmer = require('../../../shimmer-DbSkqomT.cjs');
-const Txt = require('../../../Txt-B4-2nLaI.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
 
 const ReasoningStreamingLine = ({ text }) => /* @__PURE__ */ jsxRuntime.jsxs(
   Txt.Txt,

package/dist/domains/chat/messages/reasoning-streaming-line.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Loader2 } from 'lucide-react';
 import { S as Shimmer } from '../../../shimmer-BN7Dzm37.js';
-import { T as Txt } from '../../../Txt-DTh3Pa_a.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
 const ReasoningStreamingLine = ({ text }) => /* @__PURE__ */ jsxs(
   Txt,

package/dist/domains/chat/messages/reasoning.cjs.js

@@ -7,16 +7,17 @@ const lucideReact = require('lucide-react');
 const domains_chat_messages_reasoningStreamingLine = require('./reasoning-streaming-line.cjs.js');
 const collapsible = require('../../../collapsible-BFSJouuI.cjs');
 const markdownRenderer = require('../../../markdown-renderer-DtH58325.cjs');
+const shimmer = require('../../../shimmer-DbSkqomT.cjs');
 
-const Reasoning = ({ text, redacted, streaming }) => {
+const Reasoning = ({ text, redacted, streaming, defaultOpen = true }) => {
   const body = redacted ? "Reasoning was redacted by the provider." : text;
   if (!body.trim()) {
     return streaming ? /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_reasoningStreamingLine.ReasoningStreamingLine, { text: "Reasoning..." }) : null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { defaultOpen: true, className: "my-1.5 min-w-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { defaultOpen, className: "my-1.5 min-w-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(collapsible.CollapsibleTrigger, { className: "flex cursor-pointer items-center gap-1.5 text-caption text-muted-foreground pointer-coarse:min-h-11", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "size-3.5 shrink-0" }),
-      "Reasoning"
+      /* @__PURE__ */ jsxRuntime.jsx(shimmer.Shimmer, { active: !!streaming, children: "Reasoning" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "mt-1.5 min-w-0 border-l-2 border-border pl-2.5 italic [&_p]:my-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: "text-caption text-muted-foreground", streaming: streaming && !redacted, children: body }) })
   ] });

package/dist/domains/chat/messages/reasoning.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning.cjs.js","sources":["../../../../src/domains/chat/messages/reasoning.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport { ReasoningStreamingLine } from './reasoning-streaming-line';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\nexport interface ReasoningProps {\n  text: string;\n  redacted?: boolean;\n  streaming?: boolean;\n}\n\nexport const Reasoning = ({ text, redacted, streaming }: ReasoningProps) => {\n  const body = redacted ? 'Reasoning was redacted by the provider.' : text;\n\n  if (!body.trim()) {\n    return streaming ? <ReasoningStreamingLine text=\"Reasoning...\" /> : null;\n  }\n\n  return (\n    <Collapsible defaultOpen className=\"my-1.5 min-w-0\">\n      <CollapsibleTrigger className=\"flex cursor-pointer items-center gap-1.5 text-caption text-muted-foreground pointer-coarse:min-h-11\">\n        <ChevronRightIcon className=\"size-3.5 shrink-0\" />\n        Reasoning\n      </CollapsibleTrigger>\n\n      <CollapsibleContent className=\"mt-1.5 min-w-0 border-l-2 border-border pl-2.5 italic [&_p]:my-0.5\">\n        <MarkdownRenderer className=\"text-caption text-muted-foreground\" streaming={streaming && !redacted}>\n          {body}\n        </MarkdownRenderer>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n"],"names":["jsx","ReasoningStreamingLine","jsxs","Collapsible","CollapsibleTrigger","ChevronRightIcon","CollapsibleContent","MarkdownRenderer"],"mappings":";;;;;;;;;;AAWO,MAAM,YAAY,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,WAAU,KAAsB;AAC1E,EAAA,MAAM,IAAA,GAAO,WAAW,yCAAA,GAA4C,IAAA;AAEpE,EAAA,IAAI,CAAC,IAAA,CAAK,IAAA,EAAK,EAAG;AAChB,IAAA,OAAO,SAAA,mBAAYA,cAAA,CAACC,mEAAA,EAAA,EAAuB,IAAA,EAAK,gBAAe,CAAA,GAAK,IAAA;AAAA,EACtE;AAEA,EAAA,uBACEC,eAAA,CAACC,uBAAA,EAAA,EAAY,WAAA,EAAW,IAAA,EAAC,WAAU,gBAAA,EACjC,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACE,8BAAA,EAAA,EAAmB,WAAU,qGAAA,EAC5B,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAACK,4BAAA,EAAA,EAAiB,WAAU,mBAAA,EAAoB,CAAA;AAAA,MAAE;AAAA,KAAA,EAEpD,CAAA;AAAA,oBAEAL,cAAA,CAACM,8BAAA,EAAA,EAAmB,SAAA,EAAU,oEAAA,EAC5B,QAAA,kBAAAN,cAAA,CAACO,iCAAA,EAAA,EAAiB,SAAA,EAAU,oCAAA,EAAqC,SAAA,EAAW,SAAA,IAAa,CAAC,QAAA,EACvF,gBACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"reasoning.cjs.js","sources":["../../../../src/domains/chat/messages/reasoning.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport { ReasoningStreamingLine } from './reasoning-streaming-line';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Shimmer } from '@/ds/components/Shimmer';\n\nexport interface ReasoningProps {\n  text: string;\n  redacted?: boolean;\n  streaming?: boolean;\n  /** Whether the passage starts expanded. Defaults to `true`. */\n  defaultOpen?: boolean;\n}\n\nexport const Reasoning = ({ text, redacted, streaming, defaultOpen = true }: ReasoningProps) => {\n  const body = redacted ? 'Reasoning was redacted by the provider.' : text;\n\n  if (!body.trim()) {\n    return streaming ? <ReasoningStreamingLine text=\"Reasoning...\" /> : null;\n  }\n\n  return (\n    <Collapsible defaultOpen={defaultOpen} className=\"my-1.5 min-w-0\">\n      <CollapsibleTrigger className=\"flex cursor-pointer items-center gap-1.5 text-caption text-muted-foreground pointer-coarse:min-h-11\">\n        <ChevronRightIcon className=\"size-3.5 shrink-0\" />\n        {/* Shows the model is still thinking even while the passage is collapsed. */}\n        <Shimmer active={!!streaming}>Reasoning</Shimmer>\n      </CollapsibleTrigger>\n\n      <CollapsibleContent className=\"mt-1.5 min-w-0 border-l-2 border-border pl-2.5 italic [&_p]:my-0.5\">\n        <MarkdownRenderer className=\"text-caption text-muted-foreground\" streaming={streaming && !redacted}>\n          {body}\n        </MarkdownRenderer>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n"],"names":["jsx","ReasoningStreamingLine","jsxs","Collapsible","CollapsibleTrigger","ChevronRightIcon","Shimmer","CollapsibleContent","MarkdownRenderer"],"mappings":";;;;;;;;;;;AAcO,MAAM,SAAA,GAAY,CAAC,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,WAAA,GAAc,MAAK,KAAsB;AAC9F,EAAA,MAAM,IAAA,GAAO,WAAW,yCAAA,GAA4C,IAAA;AAEpE,EAAA,IAAI,CAAC,IAAA,CAAK,IAAA,EAAK,EAAG;AAChB,IAAA,OAAO,SAAA,mBAAYA,cAAA,CAACC,mEAAA,EAAA,EAAuB,IAAA,EAAK,gBAAe,CAAA,GAAK,IAAA;AAAA,EACtE;AAEA,EAAA,uBACEC,eAAA,CAACC,uBAAA,EAAA,EAAY,WAAA,EAA0B,SAAA,EAAU,gBAAA,EAC/C,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACE,8BAAA,EAAA,EAAmB,WAAU,qGAAA,EAC5B,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAACK,4BAAA,EAAA,EAAiB,WAAU,mBAAA,EAAoB,CAAA;AAAA,qCAE/CC,eAAA,EAAA,EAAQ,MAAA,EAAQ,CAAC,CAAC,WAAW,QAAA,EAAA,WAAA,EAAS;AAAA,KAAA,EACzC,CAAA;AAAA,oBAEAN,cAAA,CAACO,8BAAA,EAAA,EAAmB,SAAA,EAAU,oEAAA,EAC5B,QAAA,kBAAAP,cAAA,CAACQ,iCAAA,EAAA,EAAiB,SAAA,EAAU,oCAAA,EAAqC,SAAA,EAAW,SAAA,IAAa,CAAC,QAAA,EACvF,gBACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/chat/messages/reasoning.es.js

@@ -3,16 +3,17 @@ import { ChevronRightIcon } from 'lucide-react';
 import { ReasoningStreamingLine } from './reasoning-streaming-line.es.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.js';
 import { M as MarkdownRenderer } from '../../../markdown-renderer-Ces7VyRK.js';
+import { S as Shimmer } from '../../../shimmer-BN7Dzm37.js';
 
-const Reasoning = ({ text, redacted, streaming }) => {
+const Reasoning = ({ text, redacted, streaming, defaultOpen = true }) => {
   const body = redacted ? "Reasoning was redacted by the provider." : text;
   if (!body.trim()) {
     return streaming ? /* @__PURE__ */ jsx(ReasoningStreamingLine, { text: "Reasoning..." }) : null;
   }
-  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: true, className: "my-1.5 min-w-0", children: [
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen, className: "my-1.5 min-w-0", children: [
     /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "flex cursor-pointer items-center gap-1.5 text-caption text-muted-foreground pointer-coarse:min-h-11", children: [
       /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5 shrink-0" }),
-      "Reasoning"
+      /* @__PURE__ */ jsx(Shimmer, { active: !!streaming, children: "Reasoning" })
     ] }),
     /* @__PURE__ */ jsx(CollapsibleContent, { className: "mt-1.5 min-w-0 border-l-2 border-border pl-2.5 italic [&_p]:my-0.5", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: "text-caption text-muted-foreground", streaming: streaming && !redacted, children: body }) })
   ] });

package/dist/domains/chat/messages/reasoning.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning.es.js","sources":["../../../../src/domains/chat/messages/reasoning.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport { ReasoningStreamingLine } from './reasoning-streaming-line';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\nexport interface ReasoningProps {\n  text: string;\n  redacted?: boolean;\n  streaming?: boolean;\n}\n\nexport const Reasoning = ({ text, redacted, streaming }: ReasoningProps) => {\n  const body = redacted ? 'Reasoning was redacted by the provider.' : text;\n\n  if (!body.trim()) {\n    return streaming ? <ReasoningStreamingLine text=\"Reasoning...\" /> : null;\n  }\n\n  return (\n    <Collapsible defaultOpen className=\"my-1.5 min-w-0\">\n      <CollapsibleTrigger className=\"flex cursor-pointer items-center gap-1.5 text-caption text-muted-foreground pointer-coarse:min-h-11\">\n        <ChevronRightIcon className=\"size-3.5 shrink-0\" />\n        Reasoning\n      </CollapsibleTrigger>\n\n      <CollapsibleContent className=\"mt-1.5 min-w-0 border-l-2 border-border pl-2.5 italic [&_p]:my-0.5\">\n        <MarkdownRenderer className=\"text-caption text-muted-foreground\" streaming={streaming && !redacted}>\n          {body}\n        </MarkdownRenderer>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,YAAY,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,WAAU,KAAsB;AAC1E,EAAA,MAAM,IAAA,GAAO,WAAW,yCAAA,GAA4C,IAAA;AAEpE,EAAA,IAAI,CAAC,IAAA,CAAK,IAAA,EAAK,EAAG;AAChB,IAAA,OAAO,SAAA,mBAAY,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAK,gBAAe,CAAA,GAAK,IAAA;AAAA,EACtE;AAEA,EAAA,uBACE,IAAA,CAAC,WAAA,EAAA,EAAY,WAAA,EAAW,IAAA,EAAC,WAAU,gBAAA,EACjC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,kBAAA,EAAA,EAAmB,WAAU,qGAAA,EAC5B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,WAAU,mBAAA,EAAoB,CAAA;AAAA,MAAE;AAAA,KAAA,EAEpD,CAAA;AAAA,oBAEA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,oEAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAU,oCAAA,EAAqC,SAAA,EAAW,SAAA,IAAa,CAAC,QAAA,EACvF,gBACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"reasoning.es.js","sources":["../../../../src/domains/chat/messages/reasoning.tsx"],"sourcesContent":["import { ChevronRightIcon } from 'lucide-react';\nimport { ReasoningStreamingLine } from './reasoning-streaming-line';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Shimmer } from '@/ds/components/Shimmer';\n\nexport interface ReasoningProps {\n  text: string;\n  redacted?: boolean;\n  streaming?: boolean;\n  /** Whether the passage starts expanded. Defaults to `true`. */\n  defaultOpen?: boolean;\n}\n\nexport const Reasoning = ({ text, redacted, streaming, defaultOpen = true }: ReasoningProps) => {\n  const body = redacted ? 'Reasoning was redacted by the provider.' : text;\n\n  if (!body.trim()) {\n    return streaming ? <ReasoningStreamingLine text=\"Reasoning...\" /> : null;\n  }\n\n  return (\n    <Collapsible defaultOpen={defaultOpen} className=\"my-1.5 min-w-0\">\n      <CollapsibleTrigger className=\"flex cursor-pointer items-center gap-1.5 text-caption text-muted-foreground pointer-coarse:min-h-11\">\n        <ChevronRightIcon className=\"size-3.5 shrink-0\" />\n        {/* Shows the model is still thinking even while the passage is collapsed. */}\n        <Shimmer active={!!streaming}>Reasoning</Shimmer>\n      </CollapsibleTrigger>\n\n      <CollapsibleContent className=\"mt-1.5 min-w-0 border-l-2 border-border pl-2.5 italic [&_p]:my-0.5\">\n        <MarkdownRenderer className=\"text-caption text-muted-foreground\" streaming={streaming && !redacted}>\n          {body}\n        </MarkdownRenderer>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAcO,MAAM,SAAA,GAAY,CAAC,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,WAAA,GAAc,MAAK,KAAsB;AAC9F,EAAA,MAAM,IAAA,GAAO,WAAW,yCAAA,GAA4C,IAAA;AAEpE,EAAA,IAAI,CAAC,IAAA,CAAK,IAAA,EAAK,EAAG;AAChB,IAAA,OAAO,SAAA,mBAAY,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAK,gBAAe,CAAA,GAAK,IAAA;AAAA,EACtE;AAEA,EAAA,uBACE,IAAA,CAAC,WAAA,EAAA,EAAY,WAAA,EAA0B,SAAA,EAAU,gBAAA,EAC/C,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,kBAAA,EAAA,EAAmB,WAAU,qGAAA,EAC5B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,WAAU,mBAAA,EAAoB,CAAA;AAAA,0BAE/C,OAAA,EAAA,EAAQ,MAAA,EAAQ,CAAC,CAAC,WAAW,QAAA,EAAA,WAAA,EAAS;AAAA,KAAA,EACzC,CAAA;AAAA,oBAEA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,oEAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAU,oCAAA,EAAqC,SAAA,EAAW,SAAA,IAAa,CAAC,QAAA,EACvF,gBACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_messages_reasoning = require('../reasoning.cjs.js');
 const domains_chat_messages_reasoningContent = require('../reasoning-content.cjs.js');
 
-const ReasoningPartRenderer = ({ part }) => {
+const ReasoningPartRenderer = ({ part, defaultOpen }) => {
   const content = domains_chat_messages_reasoningContent.getReasoningContent(part);
-  return content ? /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_reasoning.Reasoning, { ...content }) : null;
+  return content ? /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_reasoning.Reasoning, { ...content, defaultOpen }) : null;
 };
 
 exports.ReasoningPartRenderer = ReasoningPartRenderer;

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

@@ -1 +1 @@
-{"version":3,"file":"reasoning-part-renderer.cjs.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":["getReasoningContent","jsx","Reasoning"],"mappings":";;;;;;;;AASO,MAAM,qBAAA,GAAwB,CAAC,EAAE,IAAA,EAAK,KAAkC;AAC7E,EAAA,MAAM,OAAA,GAAUA,2DAAoB,IAAI,CAAA;AACxC,EAAA,OAAO,OAAA,mBAAUC,cAAA,CAACC,yCAAA,EAAA,EAAW,GAAG,SAAS,CAAA,GAAK,IAAA;AAChD;;;;"}
+{"version":3,"file":"reasoning-part-renderer.cjs.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  /** Whether the passage starts expanded. Defaults to `true`. */\n  defaultOpen?: boolean;\n}\n\nexport const ReasoningPartRenderer = ({ part, defaultOpen }: ReasoningPartRendererProps) => {\n  const content = getReasoningContent(part);\n  return content ? <Reasoning {...content} defaultOpen={defaultOpen} /> : null;\n};\n"],"names":["getReasoningContent","jsx","Reasoning"],"mappings":";;;;;;;;AAWO,MAAM,qBAAA,GAAwB,CAAC,EAAE,IAAA,EAAM,aAAY,KAAkC;AAC1F,EAAA,MAAM,OAAA,GAAUA,2DAAoB,IAAI,CAAA;AACxC,EAAA,OAAO,0BAAUC,cAAA,CAACC,yCAAA,EAAA,EAAW,GAAG,OAAA,EAAS,aAA0B,CAAA,GAAK,IAAA;AAC1E;;;;"}

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

@@ -2,9 +2,9 @@ import { jsx } from 'react/jsx-runtime';
 import { Reasoning } from '../reasoning.es.js';
 import { getReasoningContent } from '../reasoning-content.es.js';
 
-const ReasoningPartRenderer = ({ part }) => {
+const ReasoningPartRenderer = ({ part, defaultOpen }) => {
   const content = getReasoningContent(part);
-  return content ? /* @__PURE__ */ jsx(Reasoning, { ...content }) : null;
+  return content ? /* @__PURE__ */ jsx(Reasoning, { ...content, defaultOpen }) : null;
 };
 
 export { ReasoningPartRenderer };

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/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;;;;"}
+{"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  /** Whether the passage starts expanded. Defaults to `true`. */\n  defaultOpen?: boolean;\n}\n\nexport const ReasoningPartRenderer = ({ part, defaultOpen }: ReasoningPartRendererProps) => {\n  const content = getReasoningContent(part);\n  return content ? <Reasoning {...content} defaultOpen={defaultOpen} /> : null;\n};\n"],"names":[],"mappings":";;;;AAWO,MAAM,qBAAA,GAAwB,CAAC,EAAE,IAAA,EAAM,aAAY,KAAkC;AAC1F,EAAA,MAAM,OAAA,GAAU,oBAAoB,IAAI,CAAA;AACxC,EAAA,OAAO,0BAAU,GAAA,CAAC,SAAA,EAAA,EAAW,GAAG,OAAA,EAAS,aAA0B,CAAA,GAAK,IAAA;AAC1E;;;;"}

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { isTextMimeType } from '../../attachments/attachment-kind.es.js';
 import { InMessageAttachment } from './in-message-attachment.es.js';
-import { i as isBrowserFetchableUrl, a as isNonFetchableRemoteUrl } from '../../../../schemes-C9EhSOkB.js';
+import { a as isBrowserFetchableUrl, b as isNonFetchableRemoteUrl } from '../../../../schemes-CGK3gQJ6.js';
 
 const textPreview = (data) => {
   if (!data.startsWith("data:")) return data;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 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-BP9RN6Rh.cjs');
+const chatSignal = require('../../../chat-signal-BodewV33.cjs');
 
 const getStateLabel = (signal) => {
   const state = domains_chat_messages_signalData.isRecord(signal.metadata?.state) ? signal.metadata.state : void 0;

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

@@ -1,7 +1,7 @@
 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-CQnmFp3V.js';
+import { C as ChatSignal } from '../../../chat-signal-D0zw80bU.js';
 
 const getStateLabel = (signal) => {
   const state = isRecord(signal.metadata?.state) ? signal.metadata.state : void 0;

package/dist/domains/chat/messages/system-reminder-badge.cjs.js

@@ -31,7 +31,7 @@ const SystemReminderBadge = ({ text }) => {
         ]
       }
     ),
-    isExpanded && reminder.body && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border bg-sidebar px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "font-mono text-meta break-words whitespace-pre-wrap text-foreground", children: reminder.body }) })
+    isExpanded && reminder.body && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border bg-sidebar px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-meta break-words whitespace-pre-wrap text-foreground", children: reminder.body }) })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"system-reminder-badge.cjs.js","sources":["../../../../src/domains/chat/messages/system-reminder-badge.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight, FileText } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { parseSystemReminder } from './system-reminder-utils';\n\nexport interface SystemReminderBadgeProps {\n  text: string;\n}\n\nexport const SystemReminderBadge = ({ text }: SystemReminderBadgeProps) => {\n  const reminder = useMemo(() => parseSystemReminder(text), [text]);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!reminder) {\n    return text;\n  }\n\n  const title = reminder.path || reminder.type || 'System reminder';\n\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-border bg-background\">\n      <button\n        type=\"button\"\n        onClick={() => setIsExpanded(value => !value)}\n        className=\"flex w-full items-start gap-3 px-4 py-3 text-left hover:bg-fill-subtle\"\n      >\n        <FileText className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-column text-foreground\">System reminder</p>\n          <p className=\"mt-1 text-meta break-all text-muted-foreground\">{title}</p>\n        </div>\n        {isExpanded ? (\n          <ChevronDown className=\"size-4 shrink-0 text-muted-foreground\" />\n        ) : (\n          <ChevronRight className=\"size-4 shrink-0 text-muted-foreground\" />\n        )}\n      </button>\n\n      {isExpanded && reminder.body && (\n        <div className=\"border-t border-border bg-sidebar px-4 py-3\">\n          <pre className=\"font-mono text-meta break-words whitespace-pre-wrap text-foreground\">{reminder.body}</pre>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useMemo","parseSystemReminder","useState","jsxs","jsx","FileText","ChevronDown","ChevronRight"],"mappings":";;;;;;;;;AAQO,MAAM,mBAAA,GAAsB,CAAC,EAAE,IAAA,EAAK,KAAgC;AACzE,EAAA,MAAM,QAAA,GAAWA,cAAQ,MAAMC,6DAAA,CAAoB,IAAI,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAChE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,eAAS,KAAK,CAAA;AAElD,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,IAAA,IAAQ,QAAA,CAAS,IAAA,IAAQ,iBAAA;AAEhD,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,KAAA,KAAS,CAAC,KAAK,CAAA;AAAA,QAC5C,SAAA,EAAU,wEAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,oBAAA,EAAA,EAAS,WAAU,8CAAA,EAA+C,CAAA;AAAA,0BACnEF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6BAAA,EAA8B,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,4BAC1DA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gDAAA,EAAkD,QAAA,EAAA,KAAA,EAAM;AAAA,WAAA,EACvE,CAAA;AAAA,UACC,UAAA,kCACEE,uBAAA,EAAA,EAAY,SAAA,EAAU,yCAAwC,CAAA,mBAE/DF,cAAA,CAACG,wBAAA,EAAA,EAAa,SAAA,EAAU,uCAAA,EAAwC;AAAA;AAAA;AAAA,KAEpE;AAAA,IAEC,UAAA,IAAc,QAAA,CAAS,IAAA,oBACtBH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qEAAA,EAAuE,QAAA,EAAA,QAAA,CAAS,MAAK,CAAA,EACtG;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"system-reminder-badge.cjs.js","sources":["../../../../src/domains/chat/messages/system-reminder-badge.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight, FileText } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { parseSystemReminder } from './system-reminder-utils';\n\nexport interface SystemReminderBadgeProps {\n  text: string;\n}\n\nexport const SystemReminderBadge = ({ text }: SystemReminderBadgeProps) => {\n  const reminder = useMemo(() => parseSystemReminder(text), [text]);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!reminder) {\n    return text;\n  }\n\n  const title = reminder.path || reminder.type || 'System reminder';\n\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-border bg-background\">\n      <button\n        type=\"button\"\n        onClick={() => setIsExpanded(value => !value)}\n        className=\"flex w-full items-start gap-3 px-4 py-3 text-left hover:bg-fill-subtle\"\n      >\n        <FileText className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-column text-foreground\">System reminder</p>\n          <p className=\"mt-1 text-meta break-all text-muted-foreground\">{title}</p>\n        </div>\n        {isExpanded ? (\n          <ChevronDown className=\"size-4 shrink-0 text-muted-foreground\" />\n        ) : (\n          <ChevronRight className=\"size-4 shrink-0 text-muted-foreground\" />\n        )}\n      </button>\n\n      {isExpanded && reminder.body && (\n        <div className=\"border-t border-border bg-sidebar px-4 py-3\">\n          <pre className=\"text-meta break-words whitespace-pre-wrap text-foreground\">{reminder.body}</pre>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useMemo","parseSystemReminder","useState","jsxs","jsx","FileText","ChevronDown","ChevronRight"],"mappings":";;;;;;;;;AAQO,MAAM,mBAAA,GAAsB,CAAC,EAAE,IAAA,EAAK,KAAgC;AACzE,EAAA,MAAM,QAAA,GAAWA,cAAQ,MAAMC,6DAAA,CAAoB,IAAI,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAChE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,eAAS,KAAK,CAAA;AAElD,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,IAAA,IAAQ,QAAA,CAAS,IAAA,IAAQ,iBAAA;AAEhD,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,KAAA,KAAS,CAAC,KAAK,CAAA;AAAA,QAC5C,SAAA,EAAU,wEAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,oBAAA,EAAA,EAAS,WAAU,8CAAA,EAA+C,CAAA;AAAA,0BACnEF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6BAAA,EAA8B,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,4BAC1DA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gDAAA,EAAkD,QAAA,EAAA,KAAA,EAAM;AAAA,WAAA,EACvE,CAAA;AAAA,UACC,UAAA,kCACEE,uBAAA,EAAA,EAAY,SAAA,EAAU,yCAAwC,CAAA,mBAE/DF,cAAA,CAACG,wBAAA,EAAA,EAAa,SAAA,EAAU,uCAAA,EAAwC;AAAA;AAAA;AAAA,KAEpE;AAAA,IAEC,UAAA,IAAc,QAAA,CAAS,IAAA,oBACtBH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2DAAA,EAA6D,QAAA,EAAA,QAAA,CAAS,MAAK,CAAA,EAC5F;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/chat/messages/system-reminder-badge.es.js

@@ -27,7 +27,7 @@ const SystemReminderBadge = ({ text }) => {
         ]
       }
     ),
-    isExpanded && reminder.body && /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-sidebar px-4 py-3", children: /* @__PURE__ */ jsx("pre", { className: "font-mono text-meta break-words whitespace-pre-wrap text-foreground", children: reminder.body }) })
+    isExpanded && reminder.body && /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-sidebar px-4 py-3", children: /* @__PURE__ */ jsx("pre", { className: "text-meta break-words whitespace-pre-wrap text-foreground", children: reminder.body }) })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"system-reminder-badge.es.js","sources":["../../../../src/domains/chat/messages/system-reminder-badge.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight, FileText } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { parseSystemReminder } from './system-reminder-utils';\n\nexport interface SystemReminderBadgeProps {\n  text: string;\n}\n\nexport const SystemReminderBadge = ({ text }: SystemReminderBadgeProps) => {\n  const reminder = useMemo(() => parseSystemReminder(text), [text]);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!reminder) {\n    return text;\n  }\n\n  const title = reminder.path || reminder.type || 'System reminder';\n\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-border bg-background\">\n      <button\n        type=\"button\"\n        onClick={() => setIsExpanded(value => !value)}\n        className=\"flex w-full items-start gap-3 px-4 py-3 text-left hover:bg-fill-subtle\"\n      >\n        <FileText className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-column text-foreground\">System reminder</p>\n          <p className=\"mt-1 text-meta break-all text-muted-foreground\">{title}</p>\n        </div>\n        {isExpanded ? (\n          <ChevronDown className=\"size-4 shrink-0 text-muted-foreground\" />\n        ) : (\n          <ChevronRight className=\"size-4 shrink-0 text-muted-foreground\" />\n        )}\n      </button>\n\n      {isExpanded && reminder.body && (\n        <div className=\"border-t border-border bg-sidebar px-4 py-3\">\n          <pre className=\"font-mono text-meta break-words whitespace-pre-wrap text-foreground\">{reminder.body}</pre>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,mBAAA,GAAsB,CAAC,EAAE,IAAA,EAAK,KAAgC;AACzE,EAAA,MAAM,QAAA,GAAW,QAAQ,MAAM,mBAAA,CAAoB,IAAI,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAChE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,IAAA,IAAQ,QAAA,CAAS,IAAA,IAAQ,iBAAA;AAEhD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,KAAA,KAAS,CAAC,KAAK,CAAA;AAAA,QAC5C,SAAA,EAAU,wEAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,8CAAA,EAA+C,CAAA;AAAA,0BACnE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6BAAA,EAA8B,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,4BAC1D,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gDAAA,EAAkD,QAAA,EAAA,KAAA,EAAM;AAAA,WAAA,EACvE,CAAA;AAAA,UACC,UAAA,uBACE,WAAA,EAAA,EAAY,SAAA,EAAU,yCAAwC,CAAA,mBAE/D,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,uCAAA,EAAwC;AAAA;AAAA;AAAA,KAEpE;AAAA,IAEC,UAAA,IAAc,QAAA,CAAS,IAAA,oBACtB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qEAAA,EAAuE,QAAA,EAAA,QAAA,CAAS,MAAK,CAAA,EACtG;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"system-reminder-badge.es.js","sources":["../../../../src/domains/chat/messages/system-reminder-badge.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight, FileText } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { parseSystemReminder } from './system-reminder-utils';\n\nexport interface SystemReminderBadgeProps {\n  text: string;\n}\n\nexport const SystemReminderBadge = ({ text }: SystemReminderBadgeProps) => {\n  const reminder = useMemo(() => parseSystemReminder(text), [text]);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!reminder) {\n    return text;\n  }\n\n  const title = reminder.path || reminder.type || 'System reminder';\n\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-border bg-background\">\n      <button\n        type=\"button\"\n        onClick={() => setIsExpanded(value => !value)}\n        className=\"flex w-full items-start gap-3 px-4 py-3 text-left hover:bg-fill-subtle\"\n      >\n        <FileText className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-column text-foreground\">System reminder</p>\n          <p className=\"mt-1 text-meta break-all text-muted-foreground\">{title}</p>\n        </div>\n        {isExpanded ? (\n          <ChevronDown className=\"size-4 shrink-0 text-muted-foreground\" />\n        ) : (\n          <ChevronRight className=\"size-4 shrink-0 text-muted-foreground\" />\n        )}\n      </button>\n\n      {isExpanded && reminder.body && (\n        <div className=\"border-t border-border bg-sidebar px-4 py-3\">\n          <pre className=\"text-meta break-words whitespace-pre-wrap text-foreground\">{reminder.body}</pre>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,mBAAA,GAAsB,CAAC,EAAE,IAAA,EAAK,KAAgC;AACzE,EAAA,MAAM,QAAA,GAAW,QAAQ,MAAM,mBAAA,CAAoB,IAAI,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAChE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,IAAA,IAAQ,QAAA,CAAS,IAAA,IAAQ,iBAAA;AAEhD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,KAAA,KAAS,CAAC,KAAK,CAAA;AAAA,QAC5C,SAAA,EAAU,wEAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,8CAAA,EAA+C,CAAA;AAAA,0BACnE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6BAAA,EAA8B,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,4BAC1D,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gDAAA,EAAkD,QAAA,EAAA,KAAA,EAAM;AAAA,WAAA,EACvE,CAAA;AAAA,UACC,UAAA,uBACE,WAAA,EAAA,EAAY,SAAA,EAAU,yCAAwC,CAAA,mBAE/D,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,uCAAA,EAAwC;AAAA;AAAA;AAAA,KAEpE;AAAA,IAEC,UAAA,IAAc,QAAA,CAAS,IAAA,oBACtB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2DAAA,EAA6D,QAAA,EAAA,QAAA,CAAS,MAAK,CAAA,EAC5F;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -41,7 +41,7 @@ const TripwireNotice = ({ reason, tripwire }) => {
         ] }),
         tripwire.metadata !== void 0 && tripwire.metadata !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70", children: "Metadata" }),
-          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2 font-mono", children: JSON.stringify(tripwire.metadata, null, 2) })
+          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2", children: JSON.stringify(tripwire.metadata, null, 2) })
         ] })
       ] })
     ] })

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

@@ -1 +1 @@
-{"version":3,"file":"tripwire-notice.cjs.js","sources":["../../../../src/domains/chat/messages/tripwire-notice.tsx"],"sourcesContent":["import type { TripwireMetadata } from '@mastra/react';\nimport { ChevronDown, ChevronRight, RefreshCw, ShieldAlert, Tag } from 'lucide-react';\nimport { useState } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Notice } from '@/ds/components/Notice';\n\nexport interface TripwireNoticeProps {\n  reason: string;\n  tripwire?: Partial<TripwireMetadata>;\n}\n\nexport const TripwireNotice = ({ reason, tripwire }: TripwireNoticeProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const hasMetadata = Boolean(\n    tripwire && (tripwire.retry !== undefined || tripwire.metadata !== undefined || tripwire.processorId !== undefined),\n  );\n\n  return (\n    <Notice variant=\"warning\" title=\"Content Blocked\" icon={<ShieldAlert />}>\n      <div className=\"flex flex-col gap-3\">\n        <Notice.Message className=\"break-words whitespace-pre-wrap\">{reason}</Notice.Message>\n\n        {hasMetadata && tripwire && (\n          <div className=\"flex flex-col gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              className=\"flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100\"\n            >\n              {isExpanded ? <ChevronDown className=\"size-3.5\" /> : <ChevronRight className=\"size-3.5\" />}\n              <span>Details</span>\n            </button>\n\n            {isExpanded && (\n              <div className=\"flex flex-col gap-2 text-caption\">\n                {tripwire.retry !== undefined && (\n                  <div className=\"flex items-center gap-2\">\n                    <RefreshCw className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Retry</span>\n                    <Badge size=\"xs\" variant={tripwire.retry ? 'green' : 'red'}>\n                      {tripwire.retry ? 'Allowed' : 'Not allowed'}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.processorId && (\n                  <div className=\"flex items-center gap-2\">\n                    <Tag className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Processor</span>\n                    <Badge size=\"xs\" variant=\"yellow\">\n                      {tripwire.processorId}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.metadata !== undefined && tripwire.metadata !== null && (\n                  <div className=\"flex flex-col gap-1.5\">\n                    <span className=\"opacity-70\">Metadata</span>\n                    <pre className=\"overflow-x-auto rounded-lg bg-current/10 p-2 font-mono\">\n                      {JSON.stringify(tripwire.metadata, null, 2)}\n                    </pre>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </Notice>\n  );\n};\n"],"names":["useState","jsx","Notice","ShieldAlert","jsxs","ChevronDown","ChevronRight","RefreshCw","Badge","Tag"],"mappings":"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"}
+{"version":3,"file":"tripwire-notice.cjs.js","sources":["../../../../src/domains/chat/messages/tripwire-notice.tsx"],"sourcesContent":["import type { TripwireMetadata } from '@mastra/react';\nimport { ChevronDown, ChevronRight, RefreshCw, ShieldAlert, Tag } from 'lucide-react';\nimport { useState } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Notice } from '@/ds/components/Notice';\n\nexport interface TripwireNoticeProps {\n  reason: string;\n  tripwire?: Partial<TripwireMetadata>;\n}\n\nexport const TripwireNotice = ({ reason, tripwire }: TripwireNoticeProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const hasMetadata = Boolean(\n    tripwire && (tripwire.retry !== undefined || tripwire.metadata !== undefined || tripwire.processorId !== undefined),\n  );\n\n  return (\n    <Notice variant=\"warning\" title=\"Content Blocked\" icon={<ShieldAlert />}>\n      <div className=\"flex flex-col gap-3\">\n        <Notice.Message className=\"break-words whitespace-pre-wrap\">{reason}</Notice.Message>\n\n        {hasMetadata && tripwire && (\n          <div className=\"flex flex-col gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              className=\"flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100\"\n            >\n              {isExpanded ? <ChevronDown className=\"size-3.5\" /> : <ChevronRight className=\"size-3.5\" />}\n              <span>Details</span>\n            </button>\n\n            {isExpanded && (\n              <div className=\"flex flex-col gap-2 text-caption\">\n                {tripwire.retry !== undefined && (\n                  <div className=\"flex items-center gap-2\">\n                    <RefreshCw className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Retry</span>\n                    <Badge size=\"xs\" variant={tripwire.retry ? 'green' : 'red'}>\n                      {tripwire.retry ? 'Allowed' : 'Not allowed'}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.processorId && (\n                  <div className=\"flex items-center gap-2\">\n                    <Tag className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Processor</span>\n                    <Badge size=\"xs\" variant=\"yellow\">\n                      {tripwire.processorId}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.metadata !== undefined && tripwire.metadata !== null && (\n                  <div className=\"flex flex-col gap-1.5\">\n                    <span className=\"opacity-70\">Metadata</span>\n                    <pre className=\"overflow-x-auto rounded-lg bg-current/10 p-2\">\n                      {JSON.stringify(tripwire.metadata, null, 2)}\n                    </pre>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </Notice>\n  );\n};\n"],"names":["useState","jsx","Notice","ShieldAlert","jsxs","ChevronDown","ChevronRight","RefreshCw","Badge","Tag"],"mappings":"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"}

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

@@ -37,7 +37,7 @@ const TripwireNotice = ({ reason, tripwire }) => {
         ] }),
         tripwire.metadata !== void 0 && tripwire.metadata !== null && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
           /* @__PURE__ */ jsx("span", { className: "opacity-70", children: "Metadata" }),
-          /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2 font-mono", children: JSON.stringify(tripwire.metadata, null, 2) })
+          /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2", children: JSON.stringify(tripwire.metadata, null, 2) })
         ] })
       ] })
     ] })

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

@@ -1 +1 @@
-{"version":3,"file":"tripwire-notice.es.js","sources":["../../../../src/domains/chat/messages/tripwire-notice.tsx"],"sourcesContent":["import type { TripwireMetadata } from '@mastra/react';\nimport { ChevronDown, ChevronRight, RefreshCw, ShieldAlert, Tag } from 'lucide-react';\nimport { useState } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Notice } from '@/ds/components/Notice';\n\nexport interface TripwireNoticeProps {\n  reason: string;\n  tripwire?: Partial<TripwireMetadata>;\n}\n\nexport const TripwireNotice = ({ reason, tripwire }: TripwireNoticeProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const hasMetadata = Boolean(\n    tripwire && (tripwire.retry !== undefined || tripwire.metadata !== undefined || tripwire.processorId !== undefined),\n  );\n\n  return (\n    <Notice variant=\"warning\" title=\"Content Blocked\" icon={<ShieldAlert />}>\n      <div className=\"flex flex-col gap-3\">\n        <Notice.Message className=\"break-words whitespace-pre-wrap\">{reason}</Notice.Message>\n\n        {hasMetadata && tripwire && (\n          <div className=\"flex flex-col gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              className=\"flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100\"\n            >\n              {isExpanded ? <ChevronDown className=\"size-3.5\" /> : <ChevronRight className=\"size-3.5\" />}\n              <span>Details</span>\n            </button>\n\n            {isExpanded && (\n              <div className=\"flex flex-col gap-2 text-caption\">\n                {tripwire.retry !== undefined && (\n                  <div className=\"flex items-center gap-2\">\n                    <RefreshCw className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Retry</span>\n                    <Badge size=\"xs\" variant={tripwire.retry ? 'green' : 'red'}>\n                      {tripwire.retry ? 'Allowed' : 'Not allowed'}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.processorId && (\n                  <div className=\"flex items-center gap-2\">\n                    <Tag className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Processor</span>\n                    <Badge size=\"xs\" variant=\"yellow\">\n                      {tripwire.processorId}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.metadata !== undefined && tripwire.metadata !== null && (\n                  <div className=\"flex flex-col gap-1.5\">\n                    <span className=\"opacity-70\">Metadata</span>\n                    <pre className=\"overflow-x-auto rounded-lg bg-current/10 p-2 font-mono\">\n                      {JSON.stringify(tripwire.metadata, null, 2)}\n                    </pre>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </Notice>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tripwire-notice.es.js","sources":["../../../../src/domains/chat/messages/tripwire-notice.tsx"],"sourcesContent":["import type { TripwireMetadata } from '@mastra/react';\nimport { ChevronDown, ChevronRight, RefreshCw, ShieldAlert, Tag } from 'lucide-react';\nimport { useState } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Notice } from '@/ds/components/Notice';\n\nexport interface TripwireNoticeProps {\n  reason: string;\n  tripwire?: Partial<TripwireMetadata>;\n}\n\nexport const TripwireNotice = ({ reason, tripwire }: TripwireNoticeProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const hasMetadata = Boolean(\n    tripwire && (tripwire.retry !== undefined || tripwire.metadata !== undefined || tripwire.processorId !== undefined),\n  );\n\n  return (\n    <Notice variant=\"warning\" title=\"Content Blocked\" icon={<ShieldAlert />}>\n      <div className=\"flex flex-col gap-3\">\n        <Notice.Message className=\"break-words whitespace-pre-wrap\">{reason}</Notice.Message>\n\n        {hasMetadata && tripwire && (\n          <div className=\"flex flex-col gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              className=\"flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100\"\n            >\n              {isExpanded ? <ChevronDown className=\"size-3.5\" /> : <ChevronRight className=\"size-3.5\" />}\n              <span>Details</span>\n            </button>\n\n            {isExpanded && (\n              <div className=\"flex flex-col gap-2 text-caption\">\n                {tripwire.retry !== undefined && (\n                  <div className=\"flex items-center gap-2\">\n                    <RefreshCw className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Retry</span>\n                    <Badge size=\"xs\" variant={tripwire.retry ? 'green' : 'red'}>\n                      {tripwire.retry ? 'Allowed' : 'Not allowed'}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.processorId && (\n                  <div className=\"flex items-center gap-2\">\n                    <Tag className=\"size-3.5 shrink-0 opacity-70\" />\n                    <span>Processor</span>\n                    <Badge size=\"xs\" variant=\"yellow\">\n                      {tripwire.processorId}\n                    </Badge>\n                  </div>\n                )}\n\n                {tripwire.metadata !== undefined && tripwire.metadata !== null && (\n                  <div className=\"flex flex-col gap-1.5\">\n                    <span className=\"opacity-70\">Metadata</span>\n                    <pre className=\"overflow-x-auto rounded-lg bg-current/10 p-2\">\n                      {JSON.stringify(tripwire.metadata, null, 2)}\n                    </pre>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </Notice>\n  );\n};\n"],"names":[],"mappings":"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"}

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-pPTuoPKI.cjs');
+const askUser = require('../../../../ask-user-4pnmHbuC.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-DtF4a9Vr.js';
+import { A as AskUser } from '../../../../ask-user-CFcQN_7m.js';
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();

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

@@ -57,7 +57,7 @@ const CodeModeBadge = ({
             "pre",
             {
               "data-testid": "code-mode-error",
-              className: "rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-error",
+              className: "rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap text-error",
               children: [
                 error.name ? `${error.name}: ` : "",
                 error.message,
@@ -71,7 +71,7 @@ const CodeModeBadge = ({
           typeof resultValue === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "pre",
             {
-              className: "max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap",
+              className: "max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap",
               "data-testid": "code-mode-result",
               children: resultValue
             }
@@ -83,7 +83,7 @@ const CodeModeBadge = ({
             "pre",
             {
               "data-testid": "code-mode-logs",
-              className: "max-h-60 overflow-auto rounded-md bg-black px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-neutral-300",
+              className: "max-h-60 overflow-auto rounded-md bg-black px-3 py-2 text-caption break-words whitespace-pre-wrap text-neutral-300",
               children: logs.join("\n")
             }
           )

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

@@ -1 +1 @@
-{"version":3,"file":"code-mode-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/code-mode-badge.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { BadgeWrapper } from '../../components/badge-wrapper';\nimport { SectionLabel } from '../../components/section-label';\nimport type { MessageMetadata } from '../../messages/message-metadata';\nimport type { CodeModeResult } from '../code-mode';\nimport type { ToolApprovalButtonsProps } from './tool-approval-buttons';\nimport { ToolApprovalButtons } from './tool-approval-buttons';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { ToolCoinIcon } from '@/ds/icons/ToolCoinIcon';\nimport { formatTypeScript } from '@/utils/formatting';\n\nexport interface CodeModeBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  code: string;\n  result?: CodeModeResult;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n}\n\nexport const CodeModeBadge = ({\n  toolName,\n  code,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n}: CodeModeBadgeProps) => {\n  const logs = result?.logs ?? [];\n  const error = result?.error;\n  const resultValue = result?.result;\n  const hasResultValue = resultValue !== undefined;\n\n  const toolCalled = toolCalledProp ?? result !== undefined;\n\n  // The model usually emits the program as a single line; pretty-print it so the\n  // highlighted block is readable. Falls back to the raw code if formatting fails\n  // (e.g. the program is still streaming and not yet syntactically valid).\n  const [formattedCode, setFormattedCode] = useState(code);\n  useEffect(() => {\n    let cancelled = false;\n    formatTypeScript(code)\n      .then(pretty => {\n        if (!cancelled) setFormattedCode(pretty);\n      })\n      .catch(() => {\n        if (!cancelled) setFormattedCode(code);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  return (\n    <BadgeWrapper\n      data-testid=\"code-mode-badge\"\n      icon={<ToolCoinIcon className=\"text-accent6\" />}\n      title={toolName}\n      initialCollapsed={!toolApprovalMetadata}\n    >\n      <div className=\"space-y-4\">\n        <div>\n          <SectionLabel>Program</SectionLabel>\n          <div data-testid=\"code-mode-program\">\n            <CodeBlock code={formattedCode} lang=\"typescript\" />\n          </div>\n        </div>\n\n        {error && (\n          <div>\n            <SectionLabel>Error</SectionLabel>\n            <pre\n              data-testid=\"code-mode-error\"\n              className=\"rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-error\"\n            >\n              {error.name ? `${error.name}: ` : ''}\n              {error.message}\n              {typeof error.line === 'number' ? ` (line ${error.line})` : ''}\n            </pre>\n          </div>\n        )}\n\n        {hasResultValue && (\n          <div>\n            <SectionLabel>Result</SectionLabel>\n            {typeof resultValue === 'string' ? (\n              <pre\n                className=\"max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap\"\n                data-testid=\"code-mode-result\"\n              >\n                {resultValue}\n              </pre>\n            ) : (\n              <CodeEditor data={resultValue as Record<string, unknown>} data-testid=\"code-mode-result\" />\n            )}\n          </div>\n        )}\n\n        {logs.length > 0 && (\n          <div>\n            <SectionLabel>Logs</SectionLabel>\n            <pre\n              data-testid=\"code-mode-logs\"\n              className=\"max-h-60 overflow-auto rounded-md bg-black px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-neutral-300\"\n            >\n              {logs.join('\\n')}\n            </pre>\n          </div>\n        )}\n\n        <ToolApprovalButtons\n          toolCalled={toolCalled}\n          toolCallId={toolCallId}\n          toolApprovalMetadata={toolApprovalMetadata}\n          toolName={toolName}\n          isNetwork={isNetwork}\n          isGenerateMode={metadata?.mode === 'generate'}\n        />\n      </div>\n    </BadgeWrapper>\n  );\n};\n"],"names":["useState","useEffect","formatTypeScript","jsx","BadgeWrapper","ToolCoinIcon","jsxs","SectionLabel","CodeBlock","CodeEditor","ToolApprovalButtons"],"mappings":"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"}
+{"version":3,"file":"code-mode-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/code-mode-badge.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { BadgeWrapper } from '../../components/badge-wrapper';\nimport { SectionLabel } from '../../components/section-label';\nimport type { MessageMetadata } from '../../messages/message-metadata';\nimport type { CodeModeResult } from '../code-mode';\nimport type { ToolApprovalButtonsProps } from './tool-approval-buttons';\nimport { ToolApprovalButtons } from './tool-approval-buttons';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { ToolCoinIcon } from '@/ds/icons/ToolCoinIcon';\nimport { formatTypeScript } from '@/utils/formatting';\n\nexport interface CodeModeBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  code: string;\n  result?: CodeModeResult;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n}\n\nexport const CodeModeBadge = ({\n  toolName,\n  code,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n}: CodeModeBadgeProps) => {\n  const logs = result?.logs ?? [];\n  const error = result?.error;\n  const resultValue = result?.result;\n  const hasResultValue = resultValue !== undefined;\n\n  const toolCalled = toolCalledProp ?? result !== undefined;\n\n  // The model usually emits the program as a single line; pretty-print it so the\n  // highlighted block is readable. Falls back to the raw code if formatting fails\n  // (e.g. the program is still streaming and not yet syntactically valid).\n  const [formattedCode, setFormattedCode] = useState(code);\n  useEffect(() => {\n    let cancelled = false;\n    formatTypeScript(code)\n      .then(pretty => {\n        if (!cancelled) setFormattedCode(pretty);\n      })\n      .catch(() => {\n        if (!cancelled) setFormattedCode(code);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  return (\n    <BadgeWrapper\n      data-testid=\"code-mode-badge\"\n      icon={<ToolCoinIcon className=\"text-accent6\" />}\n      title={toolName}\n      initialCollapsed={!toolApprovalMetadata}\n    >\n      <div className=\"space-y-4\">\n        <div>\n          <SectionLabel>Program</SectionLabel>\n          <div data-testid=\"code-mode-program\">\n            <CodeBlock code={formattedCode} lang=\"typescript\" />\n          </div>\n        </div>\n\n        {error && (\n          <div>\n            <SectionLabel>Error</SectionLabel>\n            <pre\n              data-testid=\"code-mode-error\"\n              className=\"rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap text-error\"\n            >\n              {error.name ? `${error.name}: ` : ''}\n              {error.message}\n              {typeof error.line === 'number' ? ` (line ${error.line})` : ''}\n            </pre>\n          </div>\n        )}\n\n        {hasResultValue && (\n          <div>\n            <SectionLabel>Result</SectionLabel>\n            {typeof resultValue === 'string' ? (\n              <pre\n                className=\"max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap\"\n                data-testid=\"code-mode-result\"\n              >\n                {resultValue}\n              </pre>\n            ) : (\n              <CodeEditor data={resultValue as Record<string, unknown>} data-testid=\"code-mode-result\" />\n            )}\n          </div>\n        )}\n\n        {logs.length > 0 && (\n          <div>\n            <SectionLabel>Logs</SectionLabel>\n            <pre\n              data-testid=\"code-mode-logs\"\n              className=\"max-h-60 overflow-auto rounded-md bg-black px-3 py-2 text-caption break-words whitespace-pre-wrap text-neutral-300\"\n            >\n              {logs.join('\\n')}\n            </pre>\n          </div>\n        )}\n\n        <ToolApprovalButtons\n          toolCalled={toolCalled}\n          toolCallId={toolCallId}\n          toolApprovalMetadata={toolApprovalMetadata}\n          toolName={toolName}\n          isNetwork={isNetwork}\n          isGenerateMode={metadata?.mode === 'generate'}\n        />\n      </div>\n    </BadgeWrapper>\n  );\n};\n"],"names":["useState","useEffect","formatTypeScript","jsx","BadgeWrapper","ToolCoinIcon","jsxs","SectionLabel","CodeBlock","CodeEditor","ToolApprovalButtons"],"mappings":"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"}

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

@@ -53,7 +53,7 @@ const CodeModeBadge = ({
             "pre",
             {
               "data-testid": "code-mode-error",
-              className: "rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-error",
+              className: "rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap text-error",
               children: [
                 error.name ? `${error.name}: ` : "",
                 error.message,
@@ -67,7 +67,7 @@ const CodeModeBadge = ({
           typeof resultValue === "string" ? /* @__PURE__ */ jsx(
             "pre",
             {
-              className: "max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap",
+              className: "max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap",
               "data-testid": "code-mode-result",
               children: resultValue
             }
@@ -79,7 +79,7 @@ const CodeModeBadge = ({
             "pre",
             {
               "data-testid": "code-mode-logs",
-              className: "max-h-60 overflow-auto rounded-md bg-black px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-neutral-300",
+              className: "max-h-60 overflow-auto rounded-md bg-black px-3 py-2 text-caption break-words whitespace-pre-wrap text-neutral-300",
               children: logs.join("\n")
             }
           )

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

@@ -1 +1 @@
-{"version":3,"file":"code-mode-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/code-mode-badge.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { BadgeWrapper } from '../../components/badge-wrapper';\nimport { SectionLabel } from '../../components/section-label';\nimport type { MessageMetadata } from '../../messages/message-metadata';\nimport type { CodeModeResult } from '../code-mode';\nimport type { ToolApprovalButtonsProps } from './tool-approval-buttons';\nimport { ToolApprovalButtons } from './tool-approval-buttons';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { ToolCoinIcon } from '@/ds/icons/ToolCoinIcon';\nimport { formatTypeScript } from '@/utils/formatting';\n\nexport interface CodeModeBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  code: string;\n  result?: CodeModeResult;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n}\n\nexport const CodeModeBadge = ({\n  toolName,\n  code,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n}: CodeModeBadgeProps) => {\n  const logs = result?.logs ?? [];\n  const error = result?.error;\n  const resultValue = result?.result;\n  const hasResultValue = resultValue !== undefined;\n\n  const toolCalled = toolCalledProp ?? result !== undefined;\n\n  // The model usually emits the program as a single line; pretty-print it so the\n  // highlighted block is readable. Falls back to the raw code if formatting fails\n  // (e.g. the program is still streaming and not yet syntactically valid).\n  const [formattedCode, setFormattedCode] = useState(code);\n  useEffect(() => {\n    let cancelled = false;\n    formatTypeScript(code)\n      .then(pretty => {\n        if (!cancelled) setFormattedCode(pretty);\n      })\n      .catch(() => {\n        if (!cancelled) setFormattedCode(code);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  return (\n    <BadgeWrapper\n      data-testid=\"code-mode-badge\"\n      icon={<ToolCoinIcon className=\"text-accent6\" />}\n      title={toolName}\n      initialCollapsed={!toolApprovalMetadata}\n    >\n      <div className=\"space-y-4\">\n        <div>\n          <SectionLabel>Program</SectionLabel>\n          <div data-testid=\"code-mode-program\">\n            <CodeBlock code={formattedCode} lang=\"typescript\" />\n          </div>\n        </div>\n\n        {error && (\n          <div>\n            <SectionLabel>Error</SectionLabel>\n            <pre\n              data-testid=\"code-mode-error\"\n              className=\"rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-error\"\n            >\n              {error.name ? `${error.name}: ` : ''}\n              {error.message}\n              {typeof error.line === 'number' ? ` (line ${error.line})` : ''}\n            </pre>\n          </div>\n        )}\n\n        {hasResultValue && (\n          <div>\n            <SectionLabel>Result</SectionLabel>\n            {typeof resultValue === 'string' ? (\n              <pre\n                className=\"max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap\"\n                data-testid=\"code-mode-result\"\n              >\n                {resultValue}\n              </pre>\n            ) : (\n              <CodeEditor data={resultValue as Record<string, unknown>} data-testid=\"code-mode-result\" />\n            )}\n          </div>\n        )}\n\n        {logs.length > 0 && (\n          <div>\n            <SectionLabel>Logs</SectionLabel>\n            <pre\n              data-testid=\"code-mode-logs\"\n              className=\"max-h-60 overflow-auto rounded-md bg-black px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-neutral-300\"\n            >\n              {logs.join('\\n')}\n            </pre>\n          </div>\n        )}\n\n        <ToolApprovalButtons\n          toolCalled={toolCalled}\n          toolCallId={toolCallId}\n          toolApprovalMetadata={toolApprovalMetadata}\n          toolName={toolName}\n          isNetwork={isNetwork}\n          isGenerateMode={metadata?.mode === 'generate'}\n        />\n      </div>\n    </BadgeWrapper>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-mode-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/code-mode-badge.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { BadgeWrapper } from '../../components/badge-wrapper';\nimport { SectionLabel } from '../../components/section-label';\nimport type { MessageMetadata } from '../../messages/message-metadata';\nimport type { CodeModeResult } from '../code-mode';\nimport type { ToolApprovalButtonsProps } from './tool-approval-buttons';\nimport { ToolApprovalButtons } from './tool-approval-buttons';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { ToolCoinIcon } from '@/ds/icons/ToolCoinIcon';\nimport { formatTypeScript } from '@/utils/formatting';\n\nexport interface CodeModeBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  code: string;\n  result?: CodeModeResult;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n}\n\nexport const CodeModeBadge = ({\n  toolName,\n  code,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n}: CodeModeBadgeProps) => {\n  const logs = result?.logs ?? [];\n  const error = result?.error;\n  const resultValue = result?.result;\n  const hasResultValue = resultValue !== undefined;\n\n  const toolCalled = toolCalledProp ?? result !== undefined;\n\n  // The model usually emits the program as a single line; pretty-print it so the\n  // highlighted block is readable. Falls back to the raw code if formatting fails\n  // (e.g. the program is still streaming and not yet syntactically valid).\n  const [formattedCode, setFormattedCode] = useState(code);\n  useEffect(() => {\n    let cancelled = false;\n    formatTypeScript(code)\n      .then(pretty => {\n        if (!cancelled) setFormattedCode(pretty);\n      })\n      .catch(() => {\n        if (!cancelled) setFormattedCode(code);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  return (\n    <BadgeWrapper\n      data-testid=\"code-mode-badge\"\n      icon={<ToolCoinIcon className=\"text-accent6\" />}\n      title={toolName}\n      initialCollapsed={!toolApprovalMetadata}\n    >\n      <div className=\"space-y-4\">\n        <div>\n          <SectionLabel>Program</SectionLabel>\n          <div data-testid=\"code-mode-program\">\n            <CodeBlock code={formattedCode} lang=\"typescript\" />\n          </div>\n        </div>\n\n        {error && (\n          <div>\n            <SectionLabel>Error</SectionLabel>\n            <pre\n              data-testid=\"code-mode-error\"\n              className=\"rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap text-error\"\n            >\n              {error.name ? `${error.name}: ` : ''}\n              {error.message}\n              {typeof error.line === 'number' ? ` (line ${error.line})` : ''}\n            </pre>\n          </div>\n        )}\n\n        {hasResultValue && (\n          <div>\n            <SectionLabel>Result</SectionLabel>\n            {typeof resultValue === 'string' ? (\n              <pre\n                className=\"max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap\"\n                data-testid=\"code-mode-result\"\n              >\n                {resultValue}\n              </pre>\n            ) : (\n              <CodeEditor data={resultValue as Record<string, unknown>} data-testid=\"code-mode-result\" />\n            )}\n          </div>\n        )}\n\n        {logs.length > 0 && (\n          <div>\n            <SectionLabel>Logs</SectionLabel>\n            <pre\n              data-testid=\"code-mode-logs\"\n              className=\"max-h-60 overflow-auto rounded-md bg-black px-3 py-2 text-caption break-words whitespace-pre-wrap text-neutral-300\"\n            >\n              {logs.join('\\n')}\n            </pre>\n          </div>\n        )}\n\n        <ToolApprovalButtons\n          toolCalled={toolCalled}\n          toolCallId={toolCallId}\n          toolApprovalMetadata={toolApprovalMetadata}\n          toolName={toolName}\n          isNetwork={isNetwork}\n          isGenerateMode={metadata?.mode === 'generate'}\n        />\n      </div>\n    </BadgeWrapper>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -8,8 +8,10 @@ const React = require('react');
 const domains_chat_tools_badges_observationRenderer = require('./observation-renderer.cjs.js');
 const Badge = require('../../../../Badge-DFNxcz-r.cjs');
 const markdownRenderer = require('../../../../markdown-renderer-DtH58325.cjs');
+const Txt = require('../../../../Txt-DPmEpNbp.cjs');
 const icons_Icon = require('../../../../icons/Icon.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
+const utils_duration = require('../../../../utils/duration.cjs.js');
 
 const formatTokens = (tokens) => {
   if (tokens >= 1e3) {
@@ -213,9 +215,9 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
                     "x"
                   ] }),
                   durationMs && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                    "Duration: ",
-                    (durationMs / 1e3).toFixed(2),
-                    "s"
+                    "Duration:",
+                    " ",
+                    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", font: "mono", children: utils_duration.formatDuration(durationMs) })
                   ] })
                 ] }),
                 observations && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 border-t border-border pt-1", children: !currentTask && !suggestedResponse ? /* @__PURE__ */ jsxRuntime.jsx(domains_chat_tools_badges_observationRenderer.ObservationRenderer, { observations, maxHeight: "500px" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [