@mastra/playground-ui 56.0.0 → 57.0.0-alpha.1

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-CPrlBwP_.cjs');
+const chatNotification = require('../../../chat-notification-CQlc3Z3y.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-4OuPNhtu.js';
+import { C as ChatNotification } from '../../../chat-notification-BM24QnK9.js';
 
 const getNotificationTitle = (signal) => {
   const notification = getNotificationMetadata(signal);

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

@@ -15,7 +15,7 @@ const ReasoningStreamingLine = ({ text }) => /* @__PURE__ */ jsxRuntime.jsxs(
     className: "flex max-w-[80%] items-center gap-2 leading-relaxed whitespace-pre-wrap",
     as: "div",
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "text-muted-foreground size-4 motion-safe:animate-spin" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 text-muted-foreground motion-safe:animate-spin" }),
       /* @__PURE__ */ jsxRuntime.jsx(shimmer.Shimmer, { children: text })
     ]
   }

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

@@ -1 +1 @@
-{"version":3,"file":"reasoning-streaming-line.cjs.js","sources":["../../../../src/domains/chat/messages/reasoning-streaming-line.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ReasoningStreamingLineProps {\n  text: string;\n}\n\nexport const ReasoningStreamingLine = ({ text }: ReasoningStreamingLineProps) => (\n  <Txt\n    variant=\"body\"\n    tone=\"muted\"\n    className=\"flex max-w-[80%] items-center gap-2 leading-relaxed whitespace-pre-wrap\"\n    as=\"div\"\n  >\n    <Loader2 className=\"text-muted-foreground size-4 motion-safe:animate-spin\" />\n    <Shimmer>{text}</Shimmer>\n  </Txt>\n);\n"],"names":["jsxs","Txt","jsx","Loader2","Shimmer"],"mappings":";;;;;;;;;AAQO,MAAM,sBAAA,GAAyB,CAAC,EAAE,IAAA,EAAK,qBAC5CA,eAAA;AAAA,EAACC,OAAA;AAAA,EAAA;AAAA,IACC,OAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAK,OAAA;AAAA,IACL,SAAA,EAAU,yEAAA;AAAA,IACV,EAAA,EAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,mBAAA,EAAA,EAAQ,WAAU,uDAAA,EAAwD,CAAA;AAAA,sBAC3ED,cAAA,CAACE,mBAAS,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AACjB;;;;"}
+{"version":3,"file":"reasoning-streaming-line.cjs.js","sources":["../../../../src/domains/chat/messages/reasoning-streaming-line.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ReasoningStreamingLineProps {\n  text: string;\n}\n\nexport const ReasoningStreamingLine = ({ text }: ReasoningStreamingLineProps) => (\n  <Txt\n    variant=\"body\"\n    tone=\"muted\"\n    className=\"flex max-w-[80%] items-center gap-2 leading-relaxed whitespace-pre-wrap\"\n    as=\"div\"\n  >\n    <Loader2 className=\"size-4 text-muted-foreground motion-safe:animate-spin\" />\n    <Shimmer>{text}</Shimmer>\n  </Txt>\n);\n"],"names":["jsxs","Txt","jsx","Loader2","Shimmer"],"mappings":";;;;;;;;;AAQO,MAAM,sBAAA,GAAyB,CAAC,EAAE,IAAA,EAAK,qBAC5CA,eAAA;AAAA,EAACC,OAAA;AAAA,EAAA;AAAA,IACC,OAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAK,OAAA;AAAA,IACL,SAAA,EAAU,yEAAA;AAAA,IACV,EAAA,EAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,mBAAA,EAAA,EAAQ,WAAU,uDAAA,EAAwD,CAAA;AAAA,sBAC3ED,cAAA,CAACE,mBAAS,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AACjB;;;;"}

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

@@ -11,7 +11,7 @@ const ReasoningStreamingLine = ({ text }) => /* @__PURE__ */ jsxs(
     className: "flex max-w-[80%] items-center gap-2 leading-relaxed whitespace-pre-wrap",
     as: "div",
     children: [
-      /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground size-4 motion-safe:animate-spin" }),
+      /* @__PURE__ */ jsx(Loader2, { className: "size-4 text-muted-foreground motion-safe:animate-spin" }),
       /* @__PURE__ */ jsx(Shimmer, { children: text })
     ]
   }

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

@@ -1 +1 @@
-{"version":3,"file":"reasoning-streaming-line.es.js","sources":["../../../../src/domains/chat/messages/reasoning-streaming-line.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ReasoningStreamingLineProps {\n  text: string;\n}\n\nexport const ReasoningStreamingLine = ({ text }: ReasoningStreamingLineProps) => (\n  <Txt\n    variant=\"body\"\n    tone=\"muted\"\n    className=\"flex max-w-[80%] items-center gap-2 leading-relaxed whitespace-pre-wrap\"\n    as=\"div\"\n  >\n    <Loader2 className=\"text-muted-foreground size-4 motion-safe:animate-spin\" />\n    <Shimmer>{text}</Shimmer>\n  </Txt>\n);\n"],"names":[],"mappings":";;;;;AAQO,MAAM,sBAAA,GAAyB,CAAC,EAAE,IAAA,EAAK,qBAC5C,IAAA;AAAA,EAAC,GAAA;AAAA,EAAA;AAAA,IACC,OAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAK,OAAA;AAAA,IACL,SAAA,EAAU,yEAAA;AAAA,IACV,EAAA,EAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,uDAAA,EAAwD,CAAA;AAAA,sBAC3E,GAAA,CAAC,WAAS,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AACjB;;;;"}
+{"version":3,"file":"reasoning-streaming-line.es.js","sources":["../../../../src/domains/chat/messages/reasoning-streaming-line.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ReasoningStreamingLineProps {\n  text: string;\n}\n\nexport const ReasoningStreamingLine = ({ text }: ReasoningStreamingLineProps) => (\n  <Txt\n    variant=\"body\"\n    tone=\"muted\"\n    className=\"flex max-w-[80%] items-center gap-2 leading-relaxed whitespace-pre-wrap\"\n    as=\"div\"\n  >\n    <Loader2 className=\"size-4 text-muted-foreground motion-safe:animate-spin\" />\n    <Shimmer>{text}</Shimmer>\n  </Txt>\n);\n"],"names":[],"mappings":";;;;;AAQO,MAAM,sBAAA,GAAyB,CAAC,EAAE,IAAA,EAAK,qBAC5C,IAAA;AAAA,EAAC,GAAA;AAAA,EAAA;AAAA,IACC,OAAA,EAAQ,MAAA;AAAA,IACR,IAAA,EAAK,OAAA;AAAA,IACL,SAAA,EAAU,yEAAA;AAAA,IACV,EAAA,EAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,uDAAA,EAAwD,CAAA;AAAA,sBAC3E,GAAA,CAAC,WAAS,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AACjB;;;;"}

package/dist/domains/chat/messages/reasoning.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 domains_chat_messages_reasoningStreamingLine = require('./reasoning-streaming-line.cjs.js');
-const collapsible = require('../../../collapsible-BvrI6XnN.cjs');
-const markdownRenderer = require('../../../markdown-renderer-D8qYAU7K.cjs');
+const collapsible = require('../../../collapsible-BFSJouuI.cjs');
+const markdownRenderer = require('../../../markdown-renderer-C74wABzc.cjs');
 
 const Reasoning = ({ text, redacted, streaming }) => {
   const body = redacted ? "Reasoning was redacted by the provider." : text;
@@ -14,11 +14,11 @@ const Reasoning = ({ text, redacted, streaming }) => {
     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: [
-    /* @__PURE__ */ jsxRuntime.jsxs(collapsible.CollapsibleTrigger, { className: "text-caption text-muted-foreground flex cursor-pointer items-center gap-1.5 pointer-coarse:min-h-11", 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(collapsible.CollapsibleContent, { className: "border-border mt-1.5 min-w-0 border-l-2 pl-2.5 italic [&_p]:my-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: "text-muted-foreground text-caption", streaming: streaming && !redacted, children: body }) })
+    /* @__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=\"text-caption text-muted-foreground flex cursor-pointer items-center gap-1.5 pointer-coarse:min-h-11\">\n        <ChevronRightIcon className=\"size-3.5 shrink-0\" />\n        Reasoning\n      </CollapsibleTrigger>\n\n      <CollapsibleContent className=\"border-border mt-1.5 min-w-0 border-l-2 pl-2.5 italic [&_p]:my-0.5\">\n        <MarkdownRenderer className=\"text-muted-foreground text-caption\" 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';\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;;;;"}

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 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-B2uUy8w5.js';
-import { M as MarkdownRenderer } from '../../../markdown-renderer-B0gTm_Ea.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.js';
+import { M as MarkdownRenderer } from '../../../markdown-renderer-DZAcPOxC.js';
 
 const Reasoning = ({ text, redacted, streaming }) => {
   const body = redacted ? "Reasoning was redacted by the provider." : text;
@@ -10,11 +10,11 @@ const Reasoning = ({ text, redacted, streaming }) => {
     return streaming ? /* @__PURE__ */ jsx(ReasoningStreamingLine, { text: "Reasoning..." }) : null;
   }
   return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: true, className: "my-1.5 min-w-0", children: [
-    /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "text-caption text-muted-foreground flex cursor-pointer items-center gap-1.5 pointer-coarse:min-h-11", 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(CollapsibleContent, { className: "border-border mt-1.5 min-w-0 border-l-2 pl-2.5 italic [&_p]:my-0.5", children: /* @__PURE__ */ jsx(MarkdownRenderer, { className: "text-muted-foreground text-caption", streaming: streaming && !redacted, children: body }) })
+    /* @__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=\"text-caption text-muted-foreground flex cursor-pointer items-center gap-1.5 pointer-coarse:min-h-11\">\n        <ChevronRightIcon className=\"size-3.5 shrink-0\" />\n        Reasoning\n      </CollapsibleTrigger>\n\n      <CollapsibleContent className=\"border-border mt-1.5 min-w-0 border-l-2 pl-2.5 italic [&_p]:my-0.5\">\n        <MarkdownRenderer className=\"text-muted-foreground text-caption\" 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';\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;;;;"}

package/dist/domains/chat/messages/renderers/message-text.cjs.js

@@ -8,8 +8,8 @@ const React = require('react');
 const domains_chat_messages_tripwireNotice = require('../tripwire-notice.cjs.js');
 const domains_chat_messages_renderers_messageTextKind = require('./message-text-kind.cjs.js');
 const Badge = require('../../../../Badge-BEeYtjmv.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-D8qYAU7K.cjs');
-const Notice = require('../../../../Notice-Cjti0e0j.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-C74wABzc.cjs');
+const Notice = require('../../../../Notice-CoFjo8O6.cjs');
 const icons_Icon = require('../../../../icons/Icon.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 

package/dist/domains/chat/messages/renderers/message-text.es.js

@@ -4,8 +4,8 @@ import { useState } from 'react';
 import { TripwireNotice } from '../tripwire-notice.es.js';
 import { messageTextKind, errorMessage } from './message-text-kind.es.js';
 import { B as Badge } from '../../../../Badge-TD55_qZJ.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-B0gTm_Ea.js';
-import { N as Notice } from '../../../../Notice-Ah-84yi6.js';
+import { M as MarkdownRenderer } from '../../../../markdown-renderer-DZAcPOxC.js';
+import { N as Notice } from '../../../../Notice-DUdQkUqH.js';
 import { Icon } from '../../../../icons/Icon.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 

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-Cjti0e0j.cjs');
+const Notice = require('../../../../Notice-CoFjo8O6.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.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-Ah-84yi6.js';
+import { N as Notice } from '../../../../Notice-DUdQkUqH.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/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-B_T2DSzo.cjs');
+const chatSignal = require('../../../chat-signal-CUkeTh1i.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-CG5-vy21.js';
+import { C as ChatSignal } from '../../../chat-signal-5gAZo10e.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

@@ -14,24 +14,24 @@ const SystemReminderBadge = ({ text }) => {
     return text;
   }
   const title = reminder.path || reminder.type || "System reminder";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-background overflow-hidden rounded-lg border", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-background", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         onClick: () => setIsExpanded((value) => !value),
-        className: "hover:bg-fill-subtle flex w-full items-start gap-3 px-4 py-3 text-left",
+        className: "flex w-full items-start gap-3 px-4 py-3 text-left hover:bg-fill-subtle",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "text-muted-foreground mt-0.5 size-4 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-column text-foreground", children: "System reminder" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-meta text-muted-foreground mt-1 break-all", children: title })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-meta break-all text-muted-foreground", children: title })
           ] }),
-          isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "text-muted-foreground size-4 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "text-muted-foreground size-4 shrink-0" })
+          isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4 shrink-0 text-muted-foreground" })
         ]
       }
     ),
-    isExpanded && reminder.body && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border bg-sidebar border-t px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-meta text-foreground font-mono break-words whitespace-pre-wrap", 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: "font-mono 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=\"border-border bg-background overflow-hidden rounded-lg border\">\n      <button\n        type=\"button\"\n        onClick={() => setIsExpanded(value => !value)}\n        className=\"hover:bg-fill-subtle flex w-full items-start gap-3 px-4 py-3 text-left\"\n      >\n        <FileText className=\"text-muted-foreground mt-0.5 size-4 shrink-0\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-column text-foreground\">System reminder</p>\n          <p className=\"text-meta text-muted-foreground mt-1 break-all\">{title}</p>\n        </div>\n        {isExpanded ? (\n          <ChevronDown className=\"text-muted-foreground size-4 shrink-0\" />\n        ) : (\n          <ChevronRight className=\"text-muted-foreground size-4 shrink-0\" />\n        )}\n      </button>\n\n      {isExpanded && reminder.body && (\n        <div className=\"border-border bg-sidebar border-t px-4 py-3\">\n          <pre className=\"text-meta text-foreground font-mono break-words whitespace-pre-wrap\">{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=\"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;;;;"}

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

@@ -10,24 +10,24 @@ const SystemReminderBadge = ({ text }) => {
     return text;
   }
   const title = reminder.path || reminder.type || "System reminder";
-  return /* @__PURE__ */ jsxs("div", { className: "border-border bg-background overflow-hidden rounded-lg border", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-background", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
         onClick: () => setIsExpanded((value) => !value),
-        className: "hover:bg-fill-subtle flex w-full items-start gap-3 px-4 py-3 text-left",
+        className: "flex w-full items-start gap-3 px-4 py-3 text-left hover:bg-fill-subtle",
         children: [
-          /* @__PURE__ */ jsx(FileText, { className: "text-muted-foreground mt-0.5 size-4 shrink-0" }),
+          /* @__PURE__ */ jsx(FileText, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsx("p", { className: "text-column text-foreground", children: "System reminder" }),
-            /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground mt-1 break-all", children: title })
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-meta break-all text-muted-foreground", children: title })
           ] }),
-          isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "text-muted-foreground size-4 shrink-0" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground size-4 shrink-0" })
+          isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground" })
         ]
       }
     ),
-    isExpanded && reminder.body && /* @__PURE__ */ jsx("div", { className: "border-border bg-sidebar border-t px-4 py-3", children: /* @__PURE__ */ jsx("pre", { className: "text-meta text-foreground font-mono break-words whitespace-pre-wrap", 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: "font-mono 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=\"border-border bg-background overflow-hidden rounded-lg border\">\n      <button\n        type=\"button\"\n        onClick={() => setIsExpanded(value => !value)}\n        className=\"hover:bg-fill-subtle flex w-full items-start gap-3 px-4 py-3 text-left\"\n      >\n        <FileText className=\"text-muted-foreground mt-0.5 size-4 shrink-0\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-column text-foreground\">System reminder</p>\n          <p className=\"text-meta text-muted-foreground mt-1 break-all\">{title}</p>\n        </div>\n        {isExpanded ? (\n          <ChevronDown className=\"text-muted-foreground size-4 shrink-0\" />\n        ) : (\n          <ChevronRight className=\"text-muted-foreground size-4 shrink-0\" />\n        )}\n      </button>\n\n      {isExpanded && reminder.body && (\n        <div className=\"border-border bg-sidebar border-t px-4 py-3\">\n          <pre className=\"text-meta text-foreground font-mono break-words whitespace-pre-wrap\">{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=\"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;;;;"}

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

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Badge = require('../../../Badge-BEeYtjmv.cjs');
-const Notice = require('../../../Notice-Cjti0e0j.cjs');
+const Notice = require('../../../Notice-CoFjo8O6.cjs');
 
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);
@@ -21,14 +21,14 @@ const TripwireNotice = ({ reason, tripwire }) => {
         {
           type: "button",
           onClick: () => setIsExpanded(!isExpanded),
-          className: "text-caption flex w-fit items-center gap-1.5 opacity-70 transition-opacity hover:opacity-100",
+          className: "flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100",
           children: [
             isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3.5" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Details" })
           ]
         }
       ),
-      isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-caption flex flex-col gap-2", children: [
+      isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 text-caption", children: [
         tripwire.retry !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "size-3.5 shrink-0 opacity-70" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Retry" }),

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=\"text-caption flex w-fit items-center gap-1.5 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=\"text-caption flex flex-col gap-2\">\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 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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"}

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

@@ -2,7 +2,7 @@ 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-TD55_qZJ.js';
-import { N as Notice } from '../../../Notice-Ah-84yi6.js';
+import { N as Notice } from '../../../Notice-DUdQkUqH.js';
 
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = useState(false);
@@ -17,14 +17,14 @@ const TripwireNotice = ({ reason, tripwire }) => {
         {
           type: "button",
           onClick: () => setIsExpanded(!isExpanded),
-          className: "text-caption flex w-fit items-center gap-1.5 opacity-70 transition-opacity hover:opacity-100",
+          className: "flex w-fit items-center gap-1.5 text-caption opacity-70 transition-opacity hover:opacity-100",
           children: [
             isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" }),
             /* @__PURE__ */ jsx("span", { children: "Details" })
           ]
         }
       ),
-      isExpanded && /* @__PURE__ */ jsxs("div", { className: "text-caption flex flex-col gap-2", children: [
+      isExpanded && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-caption", children: [
         tripwire.retry !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(RefreshCw, { className: "size-3.5 shrink-0 opacity-70" }),
           /* @__PURE__ */ jsx("span", { children: "Retry" }),

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=\"text-caption flex w-fit items-center gap-1.5 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=\"text-caption flex flex-col gap-2\">\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 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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"}

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-CS2e6Re4.cjs');
+const askUser = require('../../../../ask-user-3fufbFt8.cjs');
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = domains_chat_context_toolCallContext.useToolCall();
@@ -21,7 +21,7 @@ const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
       isAnswered,
       isSubmitting: isRunning,
       onSubmit: submitAnswer,
-      className: "mb-4 w-full max-w-full"
+      className: "mb-4"
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ask-user-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/ask-user-badge.tsx"],"sourcesContent":["import { useToolCall } from '../../context/tool-call-context';\nimport { AskUser } from '@/ds/components/ai/ask-user';\nimport type { AskUserAnswer, AskUserResult, AskUserPayload } from '@/ds/components/ai/ask-user';\n\nexport interface AskUserBadgeProps {\n  toolCallId: string;\n  suspendPayload: AskUserPayload;\n  result: AskUserResult | undefined;\n}\n\nexport const AskUserBadge = ({ toolCallId, suspendPayload, result }: AskUserBadgeProps) => {\n  const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();\n  const isAnswered = toolCallApprovals?.[toolCallId]?.status === 'approved';\n\n  const submitAnswer = (answer: AskUserAnswer) => {\n    approveToolcall(toolCallId, answer);\n  };\n\n  return (\n    <AskUser\n      data-testid=\"ask-user-badge\"\n      payload={suspendPayload}\n      result={result}\n      isAnswered={isAnswered}\n      isSubmitting={isRunning}\n      onSubmit={submitAnswer}\n      className=\"mb-4 w-full max-w-full\"\n    />\n  );\n};\n"],"names":["useToolCall","jsx","AskUser"],"mappings":";;;;;;;;AAUO,MAAM,eAAe,CAAC,EAAE,UAAA,EAAY,cAAA,EAAgB,QAAO,KAAyB;AACzF,EAAA,MAAM,EAAE,eAAA,EAAiB,SAAA,EAAW,iBAAA,KAAsBA,gDAAA,EAAY;AACtE,EAAA,MAAM,UAAA,GAAa,iBAAA,GAAoB,UAAU,CAAA,EAAG,MAAA,KAAW,UAAA;AAE/D,EAAA,MAAM,YAAA,GAAe,CAAC,MAAA,KAA0B;AAC9C,IAAA,eAAA,CAAgB,YAAY,MAAM,CAAA;AAAA,EACpC,CAAA;AAEA,EAAA,uBACEC,cAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,gBAAA;AAAA,MACZ,OAAA,EAAS,cAAA;AAAA,MACT,MAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}
+{"version":3,"file":"ask-user-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/ask-user-badge.tsx"],"sourcesContent":["import { useToolCall } from '../../context/tool-call-context';\nimport { AskUser } from '@/ds/components/ai/ask-user';\nimport type { AskUserAnswer, AskUserResult, AskUserPayload } from '@/ds/components/ai/ask-user';\n\nexport interface AskUserBadgeProps {\n  toolCallId: string;\n  suspendPayload: AskUserPayload;\n  result: AskUserResult | undefined;\n}\n\nexport const AskUserBadge = ({ toolCallId, suspendPayload, result }: AskUserBadgeProps) => {\n  const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();\n  const isAnswered = toolCallApprovals?.[toolCallId]?.status === 'approved';\n\n  const submitAnswer = (answer: AskUserAnswer) => {\n    approveToolcall(toolCallId, answer);\n  };\n\n  return (\n    <AskUser\n      data-testid=\"ask-user-badge\"\n      payload={suspendPayload}\n      result={result}\n      isAnswered={isAnswered}\n      isSubmitting={isRunning}\n      onSubmit={submitAnswer}\n      className=\"mb-4\"\n    />\n  );\n};\n"],"names":["useToolCall","jsx","AskUser"],"mappings":";;;;;;;;AAUO,MAAM,eAAe,CAAC,EAAE,UAAA,EAAY,cAAA,EAAgB,QAAO,KAAyB;AACzF,EAAA,MAAM,EAAE,eAAA,EAAiB,SAAA,EAAW,iBAAA,KAAsBA,gDAAA,EAAY;AACtE,EAAA,MAAM,UAAA,GAAa,iBAAA,GAAoB,UAAU,CAAA,EAAG,MAAA,KAAW,UAAA;AAE/D,EAAA,MAAM,YAAA,GAAe,CAAC,MAAA,KAA0B;AAC9C,IAAA,eAAA,CAAgB,YAAY,MAAM,CAAA;AAAA,EACpC,CAAA;AAEA,EAAA,uBACEC,cAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,gBAAA;AAAA,MACZ,OAAA,EAAS,cAAA;AAAA,MACT,MAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

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-gS3Y1bCc.js';
+import { A as AskUser } from '../../../../ask-user-CvCMHkhI.js';
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();
@@ -17,7 +17,7 @@ const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
       isAnswered,
       isSubmitting: isRunning,
       onSubmit: submitAnswer,
-      className: "mb-4 w-full max-w-full"
+      className: "mb-4"
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ask-user-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/ask-user-badge.tsx"],"sourcesContent":["import { useToolCall } from '../../context/tool-call-context';\nimport { AskUser } from '@/ds/components/ai/ask-user';\nimport type { AskUserAnswer, AskUserResult, AskUserPayload } from '@/ds/components/ai/ask-user';\n\nexport interface AskUserBadgeProps {\n  toolCallId: string;\n  suspendPayload: AskUserPayload;\n  result: AskUserResult | undefined;\n}\n\nexport const AskUserBadge = ({ toolCallId, suspendPayload, result }: AskUserBadgeProps) => {\n  const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();\n  const isAnswered = toolCallApprovals?.[toolCallId]?.status === 'approved';\n\n  const submitAnswer = (answer: AskUserAnswer) => {\n    approveToolcall(toolCallId, answer);\n  };\n\n  return (\n    <AskUser\n      data-testid=\"ask-user-badge\"\n      payload={suspendPayload}\n      result={result}\n      isAnswered={isAnswered}\n      isSubmitting={isRunning}\n      onSubmit={submitAnswer}\n      className=\"mb-4 w-full max-w-full\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,eAAe,CAAC,EAAE,UAAA,EAAY,cAAA,EAAgB,QAAO,KAAyB;AACzF,EAAA,MAAM,EAAE,eAAA,EAAiB,SAAA,EAAW,iBAAA,KAAsB,WAAA,EAAY;AACtE,EAAA,MAAM,UAAA,GAAa,iBAAA,GAAoB,UAAU,CAAA,EAAG,MAAA,KAAW,UAAA;AAE/D,EAAA,MAAM,YAAA,GAAe,CAAC,MAAA,KAA0B;AAC9C,IAAA,eAAA,CAAgB,YAAY,MAAM,CAAA;AAAA,EACpC,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,gBAAA;AAAA,MACZ,OAAA,EAAS,cAAA;AAAA,MACT,MAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}
+{"version":3,"file":"ask-user-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/ask-user-badge.tsx"],"sourcesContent":["import { useToolCall } from '../../context/tool-call-context';\nimport { AskUser } from '@/ds/components/ai/ask-user';\nimport type { AskUserAnswer, AskUserResult, AskUserPayload } from '@/ds/components/ai/ask-user';\n\nexport interface AskUserBadgeProps {\n  toolCallId: string;\n  suspendPayload: AskUserPayload;\n  result: AskUserResult | undefined;\n}\n\nexport const AskUserBadge = ({ toolCallId, suspendPayload, result }: AskUserBadgeProps) => {\n  const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();\n  const isAnswered = toolCallApprovals?.[toolCallId]?.status === 'approved';\n\n  const submitAnswer = (answer: AskUserAnswer) => {\n    approveToolcall(toolCallId, answer);\n  };\n\n  return (\n    <AskUser\n      data-testid=\"ask-user-badge\"\n      payload={suspendPayload}\n      result={result}\n      isAnswered={isAnswered}\n      isSubmitting={isRunning}\n      onSubmit={submitAnswer}\n      className=\"mb-4\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,eAAe,CAAC,EAAE,UAAA,EAAY,cAAA,EAAgB,QAAO,KAAyB;AACzF,EAAA,MAAM,EAAE,eAAA,EAAiB,SAAA,EAAW,iBAAA,KAAsB,WAAA,EAAY;AACtE,EAAA,MAAM,UAAA,GAAa,iBAAA,GAAoB,UAAU,CAAA,EAAG,MAAA,KAAW,UAAA;AAE/D,EAAA,MAAM,YAAA,GAAe,CAAC,MAAA,KAA0B;AAC9C,IAAA,eAAA,CAAgB,YAAY,MAAM,CAAA;AAAA,EACpC,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,gBAAA;AAAA,MACZ,OAAA,EAAS,cAAA;AAAA,MACT,MAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

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-Cd4u7Bo9.cjs');
-const codeEditor = require('../../../../code-editor-DgY7d8kg.cjs');
+const codeBlock = require('../../../../code-block-D2q4w1t-.cjs');
+const codeEditor = require('../../../../code-editor-Ce1FXyFV.cjs');
 const icons_ToolCoinIcon = require('../../../../icons/ToolCoinIcon.cjs.js');
 const utils_formatting = require('../../../../utils/formatting.cjs.js');
 
@@ -57,7 +57,7 @@ const CodeModeBadge = ({
             "pre",
             {
               "data-testid": "code-mode-error",
-              className: "bg-muted text-error text-caption rounded-md px-3 py-2 font-mono break-words whitespace-pre-wrap",
+              className: "rounded-md bg-muted px-3 py-2 font-mono 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: "bg-muted text-caption max-h-60 overflow-auto rounded-md px-3 py-2 font-mono break-words whitespace-pre-wrap",
+              className: "max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 font-mono 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: "text-caption max-h-60 overflow-auto rounded-md bg-black px-3 py-2 font-mono break-words whitespace-pre-wrap text-neutral-300",
+              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",
               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=\"bg-muted text-error text-caption rounded-md px-3 py-2 font-mono break-words whitespace-pre-wrap\"\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=\"bg-muted text-caption max-h-60 overflow-auto rounded-md px-3 py-2 font-mono 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=\"text-caption max-h-60 overflow-auto rounded-md bg-black px-3 py-2 font-mono 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 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":";;;;;;;;;;;;;;AAoBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA,EAAY;AACd,CAAA,KAA0B;AACxB,EAAA,MAAM,IAAA,GAAO,MAAA,EAAQ,IAAA,IAAQ,EAAC;AAC9B,EAAA,MAAM,QAAQ,MAAA,EAAQ,KAAA;AACtB,EAAA,MAAM,cAAc,MAAA,EAAQ,MAAA;AAC5B,EAAA,MAAM,iBAAiB,WAAA,KAAgB,MAAA;AAEvC,EAAA,MAAM,UAAA,GAAa,kBAAkB,MAAA,KAAW,MAAA;AAKhD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,IAAI,CAAA;AACvD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAAC,iCAAA,CAAiB,IAAI,CAAA,CAClB,IAAA,CAAK,CAAA,MAAA,KAAU;AACd,MAAA,IAAI,CAAC,SAAA,EAAW,gBAAA,CAAiB,MAAM,CAAA;AAAA,IACzC,CAAC,CAAA,CACA,KAAA,CAAM,MAAM;AACX,MAAA,IAAI,CAAC,SAAA,EAAW,gBAAA,CAAiB,IAAI,CAAA;AAAA,IACvC,CAAC,CAAA;AACH,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,uBACEC,cAAA;AAAA,IAACC,iDAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,iBAAA;AAAA,MACZ,IAAA,kBAAMD,cAAA,CAACE,+BAAA,EAAA,EAAa,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,MAC7C,KAAA,EAAO,QAAA;AAAA,MACP,kBAAkB,CAAC,oBAAA;AAAA,MAEnB,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,qDAAa,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BACrBJ,cAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,mBAAA,EACf,QAAA,kBAAAA,cAAA,CAACK,uBAAU,IAAA,EAAM,aAAA,EAAe,IAAA,EAAK,YAAA,EAAa,CAAA,EACpD;AAAA,SAAA,EACF,CAAA;AAAA,QAEC,KAAA,oCACE,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAL,cAAA,CAACI,qDAAa,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,0BACnBD,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,iBAAA;AAAA,cACZ,SAAA,EAAU,iGAAA;AAAA,cAET,QAAA,EAAA;AAAA,gBAAA,KAAA,CAAM,IAAA,GAAO,CAAA,EAAG,KAAA,CAAM,IAAI,CAAA,EAAA,CAAA,GAAO,EAAA;AAAA,gBACjC,KAAA,CAAM,OAAA;AAAA,gBACN,OAAO,KAAA,CAAM,IAAA,KAAS,WAAW,CAAA,OAAA,EAAU,KAAA,CAAM,IAAI,CAAA,CAAA,CAAA,GAAM;AAAA;AAAA;AAAA;AAC9D,SAAA,EACF,CAAA;AAAA,QAGD,cAAA,oCACE,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,qDAAa,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,UACnB,OAAO,gBAAgB,QAAA,mBACtBJ,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,6GAAA;AAAA,cACV,aAAA,EAAY,kBAAA;AAAA,cAEX,QAAA,EAAA;AAAA;AAAA,8BAGHA,cAAA,CAACM,qBAAA,EAAA,EAAW,IAAA,EAAM,WAAA,EAAwC,eAAY,kBAAA,EAAmB;AAAA,SAAA,EAE7F,CAAA;AAAA,QAGD,IAAA,CAAK,MAAA,GAAS,CAAA,oBACbH,eAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,qDAAa,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,0BAClBJ,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,gBAAA;AAAA,cACZ,SAAA,EAAU,8HAAA;AAAA,cAET,QAAA,EAAA,IAAA,CAAK,KAAK,IAAI;AAAA;AAAA;AACjB,SAAA,EACF,CAAA;AAAA,wBAGFA,cAAA;AAAA,UAACO,iEAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,UAAA;AAAA,YACA,oBAAA;AAAA,YACA,QAAA;AAAA,YACA,SAAA;AAAA,YACA,cAAA,EAAgB,UAAU,IAAA,KAAS;AAAA;AAAA;AACrC,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}