@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

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 { BrainIcon, ChevronUpIcon } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport { ReasoningStreamingLine } from './reasoning-streaming-line';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/lib/utils';\n\nexport interface ReasoningProps {\n  text: string;\n  redacted?: boolean;\n  streaming?: boolean;\n}\n\nexport const Reasoning = ({ text, redacted, streaming }: ReasoningProps) => {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const contentId = useId();\n\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    <div className=\"my-1.5 min-w-0 space-y-1.5\">\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        aria-expanded={!isCollapsed}\n        aria-controls={contentId}\n        onClick={() => setIsCollapsed(collapsed => !collapsed)}\n        className=\"gap-2 pointer-coarse:min-h-11\"\n      >\n        <Icon>\n          <ChevronUpIcon className={cn('motion-safe:transition-transform', isCollapsed ? 'rotate-90' : 'rotate-180')} />\n        </Icon>\n        <Badge icon={<BrainIcon />}>{isCollapsed ? 'Show' : 'Hide'} reasoning</Badge>\n      </Button>\n\n      <div id={contentId} hidden={isCollapsed} className=\"border-border1 min-w-0 border-l-2 pl-2.5 italic [&_p]:my-0.5\">\n        {!isCollapsed && (\n          <MarkdownRenderer className=\"text-icon3 text-ui-sm\" streaming={streaming && !redacted}>\n            {body}\n          </MarkdownRenderer>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAeO,MAAM,YAAY,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,WAAU,KAAsB;AAC1E,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,YAAY,KAAA,EAAM;AAExB,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,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,iBAAe,CAAC,WAAA;AAAA,QAChB,eAAA,EAAe,SAAA;AAAA,QACf,OAAA,EAAS,MAAM,cAAA,CAAe,CAAA,SAAA,KAAa,CAAC,SAAS,CAAA;AAAA,QACrD,SAAA,EAAU,+BAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAW,EAAA,CAAG,oCAAoC,WAAA,GAAc,WAAA,GAAc,YAAY,CAAA,EAAG,CAAA,EAC9G,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAM,IAAA,kBAAM,GAAA,CAAC,aAAU,CAAA,EAAK,QAAA,EAAA;AAAA,YAAA,WAAA,GAAc,MAAA,GAAS,MAAA;AAAA,YAAO;AAAA,WAAA,EAAU;AAAA;AAAA;AAAA,KACvE;AAAA,wBAEC,KAAA,EAAA,EAAI,EAAA,EAAI,WAAW,MAAA,EAAQ,WAAA,EAAa,WAAU,8DAAA,EAChD,QAAA,EAAA,CAAC,+BACA,GAAA,CAAC,gBAAA,EAAA,EAAiB,WAAU,uBAAA,EAAwB,SAAA,EAAW,aAAa,CAAC,QAAA,EAC1E,gBACH,CAAA,EAEJ;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=\"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;;;;"}

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

@@ -7,11 +7,11 @@ const lucideReact = require('lucide-react');
 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-RWi6V_JT.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-CUQHtRlL.cjs');
-const Notice = require('../../../../Notice-Cq7m_mxe.cjs');
+const Badge = require('../../../../Badge-BEeYtjmv.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-D8qYAU7K.cjs');
+const Notice = require('../../../../Notice-Cjti0e0j.cjs');
 const icons_Icon = require('../../../../icons/Icon.cjs.js');
-const utils_cn = require('../../../../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
 const MessageText = ({ text, metadata, externalLinkTarget, streaming, tableActions }) => {
   const [collapsedCompletionCheck, setCollapsedCompletionCheck] = React.useState(false);

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

@@ -3,11 +3,11 @@ import { ChevronUpIcon, CheckCircleIcon } from 'lucide-react';
 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-BCwBpIc7.js';
-import { M as MarkdownRenderer } from '../../../../markdown-renderer-SVeQ5Uo_.js';
-import { N as Notice } from '../../../../Notice-DEqr19sI.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 { Icon } from '../../../../icons/Icon.es.js';
-import { c as cn } from '../../../../cn-C6s2yXwM.js';
+import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 const MessageText = ({ text, metadata, externalLinkTarget, streaming, tableActions }) => {
   const [collapsedCompletionCheck, setCollapsedCompletionCheck] = useState(false);

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-Cq7m_mxe.cjs');
+const Notice = require('../../../../Notice-Cjti0e0j.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-DEqr19sI.js';
+import { N as Notice } from '../../../../Notice-Ah-84yi6.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-D-8_rCn0.cjs');
+const chatSignal = require('../../../chat-signal-B_T2DSzo.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-JGIN9unj.js';
+import { C as ChatSignal } from '../../../chat-signal-CG5-vy21.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-border1 bg-surface2 overflow-hidden rounded-lg border", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-background overflow-hidden rounded-lg border", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         onClick: () => setIsExpanded((value) => !value),
-        className: "hover:bg-surface3 flex w-full items-start gap-3 px-4 py-3 text-left transition-colors",
+        className: "hover:bg-fill-subtle flex w-full items-start gap-3 px-4 py-3 text-left",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "text-icon3 mt-0.5 size-4 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "text-muted-foreground mt-0.5 size-4 shrink-0" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm leading-ui-sm text-neutral6 font-medium", children: "System reminder" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-xs leading-ui-xs text-neutral4 mt-1 break-all", children: title })
+            /* @__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 })
           ] }),
-          isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "text-icon3 size-4 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "text-icon3 size-4 shrink-0" })
+          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 && reminder.body && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border1 bg-surface1 border-t px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-ui-xs leading-ui-md text-neutral5 font-mono break-words whitespace-pre-wrap", children: reminder.body }) })
+    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 }) })
   ] });
 };
 

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-border1 bg-surface2 overflow-hidden rounded-lg border\">\n      <button\n        type=\"button\"\n        onClick={() => setIsExpanded(value => !value)}\n        className=\"hover:bg-surface3 flex w-full items-start gap-3 px-4 py-3 text-left transition-colors\"\n      >\n        <FileText className=\"text-icon3 mt-0.5 size-4 shrink-0\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-ui-sm leading-ui-sm text-neutral6 font-medium\">System reminder</p>\n          <p className=\"text-ui-xs leading-ui-xs text-neutral4 mt-1 break-all\">{title}</p>\n        </div>\n        {isExpanded ? (\n          <ChevronDown className=\"text-icon3 size-4 shrink-0\" />\n        ) : (\n          <ChevronRight className=\"text-icon3 size-4 shrink-0\" />\n        )}\n      </button>\n\n      {isExpanded && reminder.body && (\n        <div className=\"border-border1 bg-surface1 border-t px-4 py-3\">\n          <pre className=\"text-ui-xs leading-ui-md text-neutral5 font-mono break-words whitespace-pre-wrap\">\n            {reminder.body}\n          </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,8DAAA,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,uFAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,oBAAA,EAAA,EAAS,WAAU,mCAAA,EAAoC,CAAA;AAAA,0BACxDF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oDAAA,EAAqD,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,4BACjFA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uDAAA,EAAyD,QAAA,EAAA,KAAA,EAAM;AAAA,WAAA,EAC9E,CAAA;AAAA,UACC,UAAA,kCACEE,uBAAA,EAAA,EAAY,SAAA,EAAU,8BAA6B,CAAA,mBAEpDF,cAAA,CAACG,wBAAA,EAAA,EAAa,SAAA,EAAU,4BAAA,EAA6B;AAAA;AAAA;AAAA,KAEzD;AAAA,IAEC,UAAA,IAAc,QAAA,CAAS,IAAA,oBACtBH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kFAAA,EACZ,QAAA,EAAA,QAAA,CAAS,MACZ,CAAA,EACF;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=\"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;;;;"}

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-border1 bg-surface2 overflow-hidden rounded-lg border", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "border-border bg-background overflow-hidden rounded-lg border", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
         onClick: () => setIsExpanded((value) => !value),
-        className: "hover:bg-surface3 flex w-full items-start gap-3 px-4 py-3 text-left transition-colors",
+        className: "hover:bg-fill-subtle flex w-full items-start gap-3 px-4 py-3 text-left",
         children: [
-          /* @__PURE__ */ jsx(FileText, { className: "text-icon3 mt-0.5 size-4 shrink-0" }),
+          /* @__PURE__ */ jsx(FileText, { className: "text-muted-foreground mt-0.5 size-4 shrink-0" }),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-ui-sm leading-ui-sm text-neutral6 font-medium", children: "System reminder" }),
-            /* @__PURE__ */ jsx("p", { className: "text-ui-xs leading-ui-xs text-neutral4 mt-1 break-all", children: title })
+            /* @__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 })
           ] }),
-          isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "text-icon3 size-4 shrink-0" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "text-icon3 size-4 shrink-0" })
+          isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "text-muted-foreground size-4 shrink-0" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground size-4 shrink-0" })
         ]
       }
     ),
-    isExpanded && reminder.body && /* @__PURE__ */ jsx("div", { className: "border-border1 bg-surface1 border-t px-4 py-3", children: /* @__PURE__ */ jsx("pre", { className: "text-ui-xs leading-ui-md text-neutral5 font-mono break-words whitespace-pre-wrap", children: reminder.body }) })
+    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 }) })
   ] });
 };
 

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-border1 bg-surface2 overflow-hidden rounded-lg border\">\n      <button\n        type=\"button\"\n        onClick={() => setIsExpanded(value => !value)}\n        className=\"hover:bg-surface3 flex w-full items-start gap-3 px-4 py-3 text-left transition-colors\"\n      >\n        <FileText className=\"text-icon3 mt-0.5 size-4 shrink-0\" />\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"text-ui-sm leading-ui-sm text-neutral6 font-medium\">System reminder</p>\n          <p className=\"text-ui-xs leading-ui-xs text-neutral4 mt-1 break-all\">{title}</p>\n        </div>\n        {isExpanded ? (\n          <ChevronDown className=\"text-icon3 size-4 shrink-0\" />\n        ) : (\n          <ChevronRight className=\"text-icon3 size-4 shrink-0\" />\n        )}\n      </button>\n\n      {isExpanded && reminder.body && (\n        <div className=\"border-border1 bg-surface1 border-t px-4 py-3\">\n          <pre className=\"text-ui-xs leading-ui-md text-neutral5 font-mono break-words whitespace-pre-wrap\">\n            {reminder.body}\n          </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,8DAAA,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,uFAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,mCAAA,EAAoC,CAAA;AAAA,0BACxD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oDAAA,EAAqD,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,4BACjF,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uDAAA,EAAyD,QAAA,EAAA,KAAA,EAAM;AAAA,WAAA,EAC9E,CAAA;AAAA,UACC,UAAA,uBACE,WAAA,EAAA,EAAY,SAAA,EAAU,8BAA6B,CAAA,mBAEpD,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,4BAAA,EAA6B;AAAA;AAAA;AAAA,KAEzD;AAAA,IAEC,UAAA,IAAc,QAAA,CAAS,IAAA,oBACtB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kFAAA,EACZ,QAAA,EAAA,QAAA,CAAS,MACZ,CAAA,EACF;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=\"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;;;;"}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Badge = require('../../../Badge-RWi6V_JT.cjs');
-const Notice = require('../../../Notice-Cq7m_mxe.cjs');
+const Badge = require('../../../Badge-BEeYtjmv.cjs');
+const Notice = require('../../../Notice-Cjti0e0j.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-ui-sm flex w-fit items-center gap-1.5 opacity-70 transition-opacity hover:opacity-100",
+          className: "text-caption flex w-fit items-center gap-1.5 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-ui-sm flex flex-col gap-2", children: [
+      isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-caption flex flex-col gap-2", 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-ui-sm 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-ui-sm 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":";;;;;;;;;;AAWO,MAAM,cAAA,GAAiB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA2B;AAC3E,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA;AAElD,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,QAAA,KAAa,SAAS,KAAA,KAAU,MAAA,IAAa,SAAS,QAAA,KAAa,MAAA,IAAa,SAAS,WAAA,KAAgB,MAAA;AAAA,GAC3G;AAEA,EAAA,uBACEC,cAAA,CAACC,aAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,iBAAA,EAAkB,IAAA,kBAAMD,cAAA,CAACE,uBAAA,EAAA,EAAY,CAAA,EACnE,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAAH,cAAA,CAACC,aAAA,CAAO,OAAA,EAAP,EAAe,SAAA,EAAU,mCAAmC,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,IAEnE,WAAA,IAAe,QAAA,oBACdE,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,CAAc,CAAC,UAAU,CAAA;AAAA,UACxC,SAAA,EAAU,4FAAA;AAAA,UAET,QAAA,EAAA;AAAA,YAAA,UAAA,mBAAaH,cAAA,CAACI,2BAAY,SAAA,EAAU,UAAA,EAAW,oBAAKJ,cAAA,CAACK,wBAAA,EAAA,EAAa,WAAU,UAAA,EAAW,CAAA;AAAA,4BACxFL,cAAA,CAAC,UAAK,QAAA,EAAA,SAAA,EAAO;AAAA;AAAA;AAAA,OACf;AAAA,MAEC,UAAA,oBACCG,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gCAAA,EACZ,QAAA,EAAA;AAAA,QAAA,QAAA,CAAS,KAAA,KAAU,MAAA,oBAClBA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACM,qBAAA,EAAA,EAAU,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACpDN,cAAA,CAAC,UAAK,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,0BACXA,cAAA,CAACO,WAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,QAAA,CAAS,KAAA,GAAQ,OAAA,GAAU,KAAA,EAClD,QAAA,EAAA,QAAA,CAAS,KAAA,GAAQ,SAAA,GAAY,aAAA,EAChC;AAAA,SAAA,EACF,CAAA;AAAA,QAGD,QAAA,CAAS,WAAA,oBACRJ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACQ,eAAA,EAAA,EAAI,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BAC9CR,cAAA,CAAC,UAAK,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,yCACdO,WAAA,EAAA,EAAM,IAAA,EAAK,MAAK,OAAA,EAAQ,QAAA,EACtB,mBAAS,WAAA,EACZ;AAAA,SAAA,EACF,CAAA;AAAA,QAGD,QAAA,CAAS,aAAa,MAAA,IAAa,QAAA,CAAS,aAAa,IAAA,oBACxDJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,QAAA,EAAA,UAAA,EAAQ,CAAA;AAAA,0BACrCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EACZ,QAAA,EAAA,IAAA,CAAK,UAAU,QAAA,CAAS,QAAA,EAAU,IAAA,EAAM,CAAC,CAAA,EAC5C;AAAA,SAAA,EACF;AAAA,OAAA,EAEJ;AAAA,KAAA,EAEJ;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"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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"}

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronDown, ChevronRight, RefreshCw, Tag, ShieldAlert } from 'lucide-react';
 import { useState } from 'react';
-import { B as Badge } from '../../../Badge-BCwBpIc7.js';
-import { N as Notice } from '../../../Notice-DEqr19sI.js';
+import { B as Badge } from '../../../Badge-TD55_qZJ.js';
+import { N as Notice } from '../../../Notice-Ah-84yi6.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-ui-sm flex w-fit items-center gap-1.5 opacity-70 transition-opacity hover:opacity-100",
+          className: "text-caption flex w-fit items-center gap-1.5 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-ui-sm flex flex-col gap-2", children: [
+      isExpanded && /* @__PURE__ */ jsxs("div", { className: "text-caption flex flex-col gap-2", 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-ui-sm 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-ui-sm 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=\"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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"}

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-Dw64_A-5.cjs');
+const askUser = require('../../../../ask-user-CS2e6Re4.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-DCWLWOBI.js';
+import { A as AskUser } from '../../../../ask-user-gS3Y1bCc.js';
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();

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

@@ -7,8 +7,8 @@ const React = require('react');
 const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
-const codeBlock = require('../../../../code-block-DgK__blB.cjs');
-const codeEditor = require('../../../../code-editor-e1JSppW0.cjs');
+const codeBlock = require('../../../../code-block-Cd4u7Bo9.cjs');
+const codeEditor = require('../../../../code-editor-DgY7d8kg.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-surface4 text-error text-ui-sm rounded-md px-3 py-2 font-mono break-words whitespace-pre-wrap",
+              className: "bg-muted text-error text-caption rounded-md px-3 py-2 font-mono break-words whitespace-pre-wrap",
               children: [
                 error.name ? `${error.name}: ` : "",
                 error.message,
@@ -71,7 +71,7 @@ const CodeModeBadge = ({
           typeof resultValue === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "pre",
             {
-              className: "bg-surface4 text-ui-sm max-h-60 overflow-auto rounded-md px-3 py-2 font-mono break-words whitespace-pre-wrap",
+              className: "bg-muted text-caption max-h-60 overflow-auto rounded-md px-3 py-2 font-mono 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-ui-sm max-h-60 overflow-auto rounded-md bg-black px-3 py-2 font-mono break-words whitespace-pre-wrap text-neutral-300",
+              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",
               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-surface4 text-error text-ui-sm 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-surface4 text-ui-sm 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-ui-sm 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=\"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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"}

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

@@ -3,8 +3,8 @@ import { useState, useEffect } from 'react';
 import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { SectionLabel } from '../../components/section-label.es.js';
 import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
-import { C as CodeBlock } from '../../../../code-block-BBG-Zv3I.js';
-import { C as CodeEditor } from '../../../../code-editor-CQqV40K3.js';
+import { C as CodeBlock } from '../../../../code-block-CSqjpBvb.js';
+import { C as CodeEditor } from '../../../../code-editor-vCt7l9Bl.js';
 import { ToolCoinIcon } from '../../../../icons/ToolCoinIcon.es.js';
 import { formatTypeScript } from '../../../../utils/formatting.es.js';
 
@@ -53,7 +53,7 @@ const CodeModeBadge = ({
             "pre",
             {
               "data-testid": "code-mode-error",
-              className: "bg-surface4 text-error text-ui-sm rounded-md px-3 py-2 font-mono break-words whitespace-pre-wrap",
+              className: "bg-muted text-error text-caption rounded-md px-3 py-2 font-mono break-words whitespace-pre-wrap",
               children: [
                 error.name ? `${error.name}: ` : "",
                 error.message,
@@ -67,7 +67,7 @@ const CodeModeBadge = ({
           typeof resultValue === "string" ? /* @__PURE__ */ jsx(
             "pre",
             {
-              className: "bg-surface4 text-ui-sm max-h-60 overflow-auto rounded-md px-3 py-2 font-mono break-words whitespace-pre-wrap",
+              className: "bg-muted text-caption max-h-60 overflow-auto rounded-md px-3 py-2 font-mono 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: "text-ui-sm max-h-60 overflow-auto rounded-md bg-black px-3 py-2 font-mono break-words whitespace-pre-wrap text-neutral-300",
+              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",
               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=\"bg-surface4 text-error text-ui-sm 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-surface4 text-ui-sm 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-ui-sm 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":[],"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=\"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":[],"mappings":"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"}