@mastra/playground-ui 58.0.0 → 59.0.0-alpha.1

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ 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-BEeYtjmv.cjs');
+const Badge = require('../../../Badge-DFNxcz-r.cjs');
 const Notice = require('../../../Notice-AUNd8fqT.cjs');
 
 const TripwireNotice = ({ reason, tripwire }) => {
@@ -41,7 +41,7 @@ const TripwireNotice = ({ reason, tripwire }) => {
         ] }),
         tripwire.metadata !== void 0 && tripwire.metadata !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70", children: "Metadata" }),
-          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2 font-mono", children: JSON.stringify(tripwire.metadata, null, 2) })
+          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2", children: JSON.stringify(tripwire.metadata, null, 2) })
         ] })
       ] })
     ] })

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

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

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

@@ -1,7 +1,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 { B as Badge } from '../../../Badge-Bzn8Z-_I.js';
 import { N as Notice } from '../../../Notice-WT8G4OA6.js';
 
 const TripwireNotice = ({ reason, tripwire }) => {
@@ -37,7 +37,7 @@ const TripwireNotice = ({ reason, tripwire }) => {
         ] }),
         tripwire.metadata !== void 0 && tripwire.metadata !== null && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
           /* @__PURE__ */ jsx("span", { className: "opacity-70", children: "Metadata" }),
-          /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2 font-mono", children: JSON.stringify(tripwire.metadata, null, 2) })
+          /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-lg bg-current/10 p-2", children: JSON.stringify(tripwire.metadata, null, 2) })
         ] })
       ] })
     ] })

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"code-mode-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/code-mode-badge.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { BadgeWrapper } from '../../components/badge-wrapper';\nimport { SectionLabel } from '../../components/section-label';\nimport type { MessageMetadata } from '../../messages/message-metadata';\nimport type { CodeModeResult } from '../code-mode';\nimport type { ToolApprovalButtonsProps } from './tool-approval-buttons';\nimport { ToolApprovalButtons } from './tool-approval-buttons';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { ToolCoinIcon } from '@/ds/icons/ToolCoinIcon';\nimport { formatTypeScript } from '@/utils/formatting';\n\nexport interface CodeModeBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  code: string;\n  result?: CodeModeResult;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n}\n\nexport const CodeModeBadge = ({\n  toolName,\n  code,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n}: CodeModeBadgeProps) => {\n  const logs = result?.logs ?? [];\n  const error = result?.error;\n  const resultValue = result?.result;\n  const hasResultValue = resultValue !== undefined;\n\n  const toolCalled = toolCalledProp ?? result !== undefined;\n\n  // The model usually emits the program as a single line; pretty-print it so the\n  // highlighted block is readable. Falls back to the raw code if formatting fails\n  // (e.g. the program is still streaming and not yet syntactically valid).\n  const [formattedCode, setFormattedCode] = useState(code);\n  useEffect(() => {\n    let cancelled = false;\n    formatTypeScript(code)\n      .then(pretty => {\n        if (!cancelled) setFormattedCode(pretty);\n      })\n      .catch(() => {\n        if (!cancelled) setFormattedCode(code);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  return (\n    <BadgeWrapper\n      data-testid=\"code-mode-badge\"\n      icon={<ToolCoinIcon className=\"text-accent6\" />}\n      title={toolName}\n      initialCollapsed={!toolApprovalMetadata}\n    >\n      <div className=\"space-y-4\">\n        <div>\n          <SectionLabel>Program</SectionLabel>\n          <div data-testid=\"code-mode-program\">\n            <CodeBlock code={formattedCode} lang=\"typescript\" />\n          </div>\n        </div>\n\n        {error && (\n          <div>\n            <SectionLabel>Error</SectionLabel>\n            <pre\n              data-testid=\"code-mode-error\"\n              className=\"rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-error\"\n            >\n              {error.name ? `${error.name}: ` : ''}\n              {error.message}\n              {typeof error.line === 'number' ? ` (line ${error.line})` : ''}\n            </pre>\n          </div>\n        )}\n\n        {hasResultValue && (\n          <div>\n            <SectionLabel>Result</SectionLabel>\n            {typeof resultValue === 'string' ? (\n              <pre\n                className=\"max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap\"\n                data-testid=\"code-mode-result\"\n              >\n                {resultValue}\n              </pre>\n            ) : (\n              <CodeEditor data={resultValue as Record<string, unknown>} data-testid=\"code-mode-result\" />\n            )}\n          </div>\n        )}\n\n        {logs.length > 0 && (\n          <div>\n            <SectionLabel>Logs</SectionLabel>\n            <pre\n              data-testid=\"code-mode-logs\"\n              className=\"max-h-60 overflow-auto rounded-md bg-black px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap text-neutral-300\"\n            >\n              {logs.join('\\n')}\n            </pre>\n          </div>\n        )}\n\n        <ToolApprovalButtons\n          toolCalled={toolCalled}\n          toolCallId={toolCallId}\n          toolApprovalMetadata={toolApprovalMetadata}\n          toolName={toolName}\n          isNetwork={isNetwork}\n          isGenerateMode={metadata?.mode === 'generate'}\n        />\n      </div>\n    </BadgeWrapper>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-mode-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/code-mode-badge.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { BadgeWrapper } from '../../components/badge-wrapper';\nimport { SectionLabel } from '../../components/section-label';\nimport type { MessageMetadata } from '../../messages/message-metadata';\nimport type { CodeModeResult } from '../code-mode';\nimport type { ToolApprovalButtonsProps } from './tool-approval-buttons';\nimport { ToolApprovalButtons } from './tool-approval-buttons';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { ToolCoinIcon } from '@/ds/icons/ToolCoinIcon';\nimport { formatTypeScript } from '@/utils/formatting';\n\nexport interface CodeModeBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  code: string;\n  result?: CodeModeResult;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n}\n\nexport const CodeModeBadge = ({\n  toolName,\n  code,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n}: CodeModeBadgeProps) => {\n  const logs = result?.logs ?? [];\n  const error = result?.error;\n  const resultValue = result?.result;\n  const hasResultValue = resultValue !== undefined;\n\n  const toolCalled = toolCalledProp ?? result !== undefined;\n\n  // The model usually emits the program as a single line; pretty-print it so the\n  // highlighted block is readable. Falls back to the raw code if formatting fails\n  // (e.g. the program is still streaming and not yet syntactically valid).\n  const [formattedCode, setFormattedCode] = useState(code);\n  useEffect(() => {\n    let cancelled = false;\n    formatTypeScript(code)\n      .then(pretty => {\n        if (!cancelled) setFormattedCode(pretty);\n      })\n      .catch(() => {\n        if (!cancelled) setFormattedCode(code);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  return (\n    <BadgeWrapper\n      data-testid=\"code-mode-badge\"\n      icon={<ToolCoinIcon className=\"text-accent6\" />}\n      title={toolName}\n      initialCollapsed={!toolApprovalMetadata}\n    >\n      <div className=\"space-y-4\">\n        <div>\n          <SectionLabel>Program</SectionLabel>\n          <div data-testid=\"code-mode-program\">\n            <CodeBlock code={formattedCode} lang=\"typescript\" />\n          </div>\n        </div>\n\n        {error && (\n          <div>\n            <SectionLabel>Error</SectionLabel>\n            <pre\n              data-testid=\"code-mode-error\"\n              className=\"rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap text-error\"\n            >\n              {error.name ? `${error.name}: ` : ''}\n              {error.message}\n              {typeof error.line === 'number' ? ` (line ${error.line})` : ''}\n            </pre>\n          </div>\n        )}\n\n        {hasResultValue && (\n          <div>\n            <SectionLabel>Result</SectionLabel>\n            {typeof resultValue === 'string' ? (\n              <pre\n                className=\"max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap\"\n                data-testid=\"code-mode-result\"\n              >\n                {resultValue}\n              </pre>\n            ) : (\n              <CodeEditor data={resultValue as Record<string, unknown>} data-testid=\"code-mode-result\" />\n            )}\n          </div>\n        )}\n\n        {logs.length > 0 && (\n          <div>\n            <SectionLabel>Logs</SectionLabel>\n            <pre\n              data-testid=\"code-mode-logs\"\n              className=\"max-h-60 overflow-auto rounded-md bg-black px-3 py-2 text-caption break-words whitespace-pre-wrap text-neutral-300\"\n            >\n              {logs.join('\\n')}\n            </pre>\n          </div>\n        )}\n\n        <ToolApprovalButtons\n          toolCalled={toolCalled}\n          toolCallId={toolCallId}\n          toolApprovalMetadata={toolApprovalMetadata}\n          toolName={toolName}\n          isNetwork={isNetwork}\n          isGenerateMode={metadata?.mode === 'generate'}\n        />\n      </div>\n    </BadgeWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;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,GAAI,SAAS,IAAI,CAAA;AACvD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,gBAAA,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,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,iBAAA;AAAA,MACZ,IAAA,kBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,MAC7C,KAAA,EAAO,QAAA;AAAA,MACP,kBAAkB,CAAC,oBAAA;AAAA,MAEnB,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,gBAAa,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BACrB,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,mBAAA,EACf,QAAA,kBAAA,GAAA,CAAC,aAAU,IAAA,EAAM,aAAA,EAAe,IAAA,EAAK,YAAA,EAAa,CAAA,EACpD;AAAA,SAAA,EACF,CAAA;AAAA,QAEC,KAAA,yBACE,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,gBAAa,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,0BACnB,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,iBAAA;AAAA,cACZ,SAAA,EAAU,uFAAA;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,yBACE,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,gBAAa,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,UACnB,OAAO,gBAAgB,QAAA,mBACtB,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,mGAAA;AAAA,cACV,aAAA,EAAY,kBAAA;AAAA,cAEX,QAAA,EAAA;AAAA;AAAA,8BAGH,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,WAAA,EAAwC,eAAY,kBAAA,EAAmB;AAAA,SAAA,EAE7F,CAAA;AAAA,QAGD,IAAA,CAAK,MAAA,GAAS,CAAA,oBACb,IAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,gBAAa,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,0BAClB,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,gBAAA;AAAA,cACZ,SAAA,EAAU,oHAAA;AAAA,cAET,QAAA,EAAA,IAAA,CAAK,KAAK,IAAI;AAAA;AAAA;AACjB,SAAA,EACF,CAAA;AAAA,wBAGF,GAAA;AAAA,UAAC,mBAAA;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;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"observation-marker-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/observation-marker-badge.tsx"],"sourcesContent":["import { Brain, XCircle, Loader2, ChevronDown, ChevronRight, Unplug, Eye } from 'lucide-react';\nimport { useState, useEffect } from 'react';\nimport { ObservationRenderer } from './observation-renderer';\nimport { Badge } from '@/ds/components/Badge';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/utils/cn';\n\nexport interface OmMarkerData {\n  observedAt?: string;\n  completedAt?: string;\n  failedAt?: string;\n  startedAt?: string;\n  tokensObserved?: number;\n  tokensToObserve?: number;\n  observationTokens?: number;\n  observations?: string;\n  currentTask?: string;\n  suggestedResponse?: string;\n  extractedValues?: Record<string, unknown>;\n  extractionFailures?: Array<{ slug: string; error: string }>;\n  durationMs?: number;\n  error?: string;\n  recordId?: string;\n  cycleId?: string;\n  threadId?: string;\n  threadIds?: string[];\n  operationType?: 'observation' | 'reflection';\n  _state?: 'loading' | 'complete' | 'failed' | 'buffering' | 'buffering-complete' | 'buffering-failed' | 'activated';\n  // Activation-specific fields\n  chunksActivated?: number;\n  tokensActivated?: number;\n  messagesActivated?: number;\n  config?: {\n    scope?: string;\n    messageTokens?: number;\n    observationTokens?: number;\n  };\n  // Buffering-specific fields\n  tokensToBuffer?: number;\n  tokensBuffered?: number;\n  bufferedTokens?: number;\n}\n\nexport interface ObservationMarkerBadgeProps {\n  toolName: string;\n  args: Record<string, unknown>;\n  metadata?: {\n    mode?: string;\n    omData?: OmMarkerData;\n  };\n}\n\n/**\n * Format token count for display (e.g., 7234 -> \"7.2k\", 234 -> \"234\")\n */\nconst formatTokens = (tokens: number): string => {\n  if (tokens >= 1000) {\n    return `${(tokens / 1000).toFixed(1)}k`;\n  }\n  return String(Math.round(tokens));\n};\n\nconst hasExtractedValue = (value: unknown) => value !== undefined && value !== null && value !== '';\n\nconst getExtractedValueEntries = (values?: Record<string, unknown>) => {\n  return Object.entries(values ?? {}).filter(([, value]) => hasExtractedValue(value));\n};\n\nconst formatExtractedValue = (value: unknown): string => {\n  if (typeof value === 'string') return value;\n  if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n\n  try {\n    return JSON.stringify(value, null, 2) ?? String(value);\n  } catch {\n    return String(value);\n  }\n};\n\nconst isStructuredExtractedValue = (value: unknown) => typeof value === 'object' && value !== null;\n\nconst ObservationIcon = ({ className }: { className?: string }) => <Eye className={className} />;\n\nconst MarkerPill = ({\n  children,\n  icon,\n  expanded,\n  onClick,\n  className,\n}: {\n  children: React.ReactNode;\n  icon: React.ReactNode;\n  expanded?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  className?: string;\n}) => {\n  const content = (\n    <>\n      {onClick && (\n        <Icon>\n          <ChevronDown className={cn('transition-all', expanded ? 'rotate-0' : '-rotate-90')} />\n        </Icon>\n      )}\n      <Badge icon={icon}>{children}</Badge>\n    </>\n  );\n\n  if (!onClick) {\n    return <div className={cn('inline-flex items-center gap-2', className)}>{content}</div>;\n  }\n\n  return (\n    <button onClick={onClick} className={cn('inline-flex items-center gap-2', className)} type=\"button\">\n      {content}\n    </button>\n  );\n};\n\nconst ExtractedValuesPanel = ({\n  extractedValues,\n  extractionFailures,\n  isExpanded,\n  onToggle,\n}: {\n  extractedValues?: Record<string, unknown>;\n  extractionFailures?: Array<{ slug: string; error: string }>;\n  isExpanded: boolean;\n  onToggle: () => void;\n}) => {\n  const entries = getExtractedValueEntries(extractedValues);\n  const failures = extractionFailures ?? [];\n\n  if (entries.length === 0 && failures.length === 0) return null;\n\n  return (\n    <div className=\"mt-2 border-t border-border pt-2\">\n      <button\n        onClick={onToggle}\n        className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n      >\n        {isExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n        Extractions ({entries.length}){failures.length > 0 ? ` · ${failures.length} failed` : ''}\n      </button>\n      {isExpanded && (\n        <div className=\"mt-1 space-y-2\">\n          {entries.map(([slug, value]) => (\n            <div key={slug} className=\"rounded border border-border bg-fill-subtle p-2\">\n              <div className=\"text-meta tracking-wide text-foreground/70 uppercase\">{slug}</div>\n              {isStructuredExtractedValue(value) ? (\n                <pre className=\"mt-1 max-h-40 overflow-auto text-caption break-words whitespace-pre-wrap text-foreground/80\">\n                  {formatExtractedValue(value)}\n                </pre>\n              ) : (\n                <div className=\"mt-1 [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n                  <MarkdownRenderer className=\"text-caption text-foreground/80\">\n                    {formatExtractedValue(value)}\n                  </MarkdownRenderer>\n                </div>\n              )}\n            </div>\n          ))}\n          {failures.map(failure => (\n            <div key={failure.slug} className=\"rounded border border-red-500/20 bg-red-500/5 p-2 text-red-700\">\n              <div className=\"text-meta tracking-wide uppercase\">{failure.slug}</div>\n              <div className=\"mt-1 text-caption\">{failure.error}</div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\n/**\n * Renders an inline badge for OM observation markers.\n * These are converted from data-om-* parts to tool-call format for assistant-ui compatibility.\n *\n * The badge includes a `data-om-badge` attribute with the cycleId so that\n * the BracketOverlay can find it via DOM queries for positioning bracket lines.\n */\nexport const ObservationMarkerBadge = ({ toolName, args, metadata }: ObservationMarkerBadgeProps) => {\n  const omData = (metadata?.omData || args) as OmMarkerData;\n  const cycleId = omData.cycleId || '';\n\n  // Use the _state field set during part merging, or fallback to detecting from data\n  const state =\n    omData._state ||\n    (omData.failedAt\n      ? 'failed'\n      : omData.completedAt\n        ? 'complete'\n        : (omData as any).disconnectedAt\n          ? 'disconnected'\n          : 'loading');\n\n  const isStart = state === 'loading';\n  const isEnd = state === 'complete';\n  const isFailed = state === 'failed';\n  const isDisconnected = state === 'disconnected';\n  const isBuffering = state === 'buffering';\n  const isBufferingComplete = state === 'buffering-complete';\n  const isBufferingFailed = state === 'buffering-failed';\n  const isActivated = state === 'activated';\n  const isReflection = omData.operationType === 'reflection';\n  const hasExtractionContent =\n    getExtractedValueEntries(omData.extractedValues).length > 0 || (omData.extractionFailures?.length ?? 0) > 0;\n  const shouldAutoExpand = (isFailed && isReflection) || hasExtractionContent;\n\n  // Failed reflections and extraction-bearing markers should expand by default to draw attention to new details.\n  const [isExpanded, setIsExpanded] = useState(shouldAutoExpand);\n\n  // Auto-expand when completion details arrive after the marker was mounted during loading.\n  useEffect(() => {\n    if (shouldAutoExpand) {\n      setIsExpanded(true);\n    }\n  }, [shouldAutoExpand]);\n  const [isObservationsExpanded, setIsObservationsExpanded] = useState(true);\n  const [isTaskExpanded, setIsTaskExpanded] = useState(false);\n  const [isResponseExpanded, setIsResponseExpanded] = useState(false);\n  const [isExtractedExpanded, setIsExtractedExpanded] = useState(false);\n\n  // Colors - same scheme for both observation and reflection\n  const bgColor = 'bg-blue-500/10';\n  const textColor = 'text-blue-600';\n  const completeBgColor = 'bg-green-500/10';\n  const completeTextColor = 'text-green-600';\n  const completeHoverBgColor = 'hover:bg-green-500/20';\n  // Same colors for expanded state\n  const expandedBgColor = 'bg-green-500/5';\n  const expandedBorderColor = 'border-green-500/10';\n  const labelColor = 'text-green-600';\n  const bufferExpandedBgColor = 'bg-background';\n  const bufferExpandedBorderColor = 'border-border-1';\n  const actionLabel = isReflection ? 'Reflecting' : 'Observing';\n  const completedLabel = isReflection ? 'Reflected' : 'Observed';\n\n  // Render based on marker type\n  if (isStart) {\n    const tokensToObserve = omData.tokensToObserve;\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div\n          className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${bgColor} ${textColor} my-1 text-column`}\n        >\n          <Loader2 className=\"size-3 animate-spin\" />\n          {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n          <span>\n            {actionLabel}\n            {tokensToObserve ? ` ~${formatTokens(tokensToObserve)} tokens` : '...'}\n          </span>\n        </div>\n      </div>\n    );\n  }\n\n  if (isEnd) {\n    const tokensObserved = omData.tokensObserved;\n    const observationTokens = omData.observationTokens;\n    const observations = omData.observations;\n    const currentTask = omData.currentTask;\n    const suggestedResponse = omData.suggestedResponse;\n    const extractedValues = omData.extractedValues;\n    const extractionFailures = omData.extractionFailures;\n    const durationMs = omData.durationMs;\n    const compressionRatio =\n      tokensObserved && observationTokens && observationTokens > 0\n        ? Math.round(tokensObserved / observationTokens)\n        : null;\n\n    const handleToggle = (e: React.MouseEvent) => {\n      // Prevent scroll jump by preserving scroll position\n      const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') || document.documentElement;\n      const scrollTop = scrollContainer.scrollTop;\n      setIsExpanded(!isExpanded);\n      // Restore scroll position after React updates\n      requestAnimationFrame(() => {\n        scrollContainer.scrollTop = scrollTop;\n      });\n    };\n\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div className=\"my-1\">\n          <button\n            onClick={handleToggle}\n            className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${completeBgColor} ${completeTextColor} text-column ${completeHoverBgColor} cursor-pointer`}\n          >\n            {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n            {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n            <span>\n              {completedLabel} {tokensObserved ? formatTokens(tokensObserved) : '?'}→\n              {observationTokens ? formatTokens(observationTokens) : '?'} tokens\n              {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n            </span>\n          </button>\n          {isExpanded && (\n            <div\n              className={`mt-1 ml-6 rounded-md p-2 ${expandedBgColor} space-y-1.5 border text-caption ${expandedBorderColor}`}\n            >\n              {/* Stats row - all green */}\n              <div className={`flex gap-4 text-caption ${labelColor}`}>\n                {tokensObserved && <span>Input: {formatTokens(tokensObserved)}</span>}\n                {observationTokens && <span>Output: {formatTokens(observationTokens)}</span>}\n                {compressionRatio && compressionRatio > 1 && <span>Compression: {compressionRatio}x</span>}\n                {durationMs && <span>Duration: {(durationMs / 1000).toFixed(2)}s</span>}\n              </div>\n              {observations && (\n                <div className=\"mt-1 border-t border-border pt-1\">\n                  {/* If there's no currentTask or suggestedResponse, show observations directly without collapsible wrapper */}\n                  {!currentTask && !suggestedResponse ? (\n                    <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n                  ) : (\n                    <>\n                      <button\n                        onClick={() => setIsObservationsExpanded(!isObservationsExpanded)}\n                        className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n                      >\n                        {isObservationsExpanded ? (\n                          <ChevronDown className=\"size-2.5\" />\n                        ) : (\n                          <ChevronRight className=\"size-2.5\" />\n                        )}\n                        {isReflection ? 'Reflections' : 'Observations'}\n                      </button>\n                      {isObservationsExpanded && (\n                        <div className=\"mt-1\">\n                          <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n                        </div>\n                      )}\n                    </>\n                  )}\n                </div>\n              )}\n              {currentTask && (\n                <div className=\"mt-2 border-t border-border pt-2\">\n                  <button\n                    onClick={() => setIsTaskExpanded(!isTaskExpanded)}\n                    className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n                  >\n                    {isTaskExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n                    Current Task\n                  </button>\n                  {isTaskExpanded && (\n                    <div className=\"mt-1 [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n                      <MarkdownRenderer className=\"text-caption text-foreground\">{currentTask}</MarkdownRenderer>\n                    </div>\n                  )}\n                </div>\n              )}\n              {suggestedResponse && (\n                <div className=\"mt-2 border-t border-border pt-2\">\n                  <button\n                    onClick={() => setIsResponseExpanded(!isResponseExpanded)}\n                    className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n                  >\n                    {isResponseExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n                    Suggested Response\n                  </button>\n                  {isResponseExpanded && (\n                    <div className=\"mt-1 italic [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n                      <MarkdownRenderer className=\"text-caption text-foreground/80\">\n                        {suggestedResponse}\n                      </MarkdownRenderer>\n                    </div>\n                  )}\n                </div>\n              )}\n              <ExtractedValuesPanel\n                extractedValues={extractedValues}\n                extractionFailures={extractionFailures}\n                isExpanded={isExtractedExpanded}\n                onToggle={() => setIsExtractedExpanded(!isExtractedExpanded)}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  if (isDisconnected) {\n    const disconnectedLabel = isReflection ? 'Reflection interrupted' : 'Observation interrupted';\n    const tokensToObserve = omData.tokensToObserve;\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div className=\"my-1 inline-flex items-center gap-1.5 rounded-md bg-yellow-500/10 px-2 py-1 text-column text-yellow-600\">\n          <Unplug className=\"size-3\" />\n          <span>\n            {disconnectedLabel}\n            {tokensToObserve ? ` (~${formatTokens(tokensToObserve)} tokens)` : ''}\n          </span>\n        </div>\n      </div>\n    );\n  }\n\n  if (isFailed) {\n    const error = omData.error;\n    const failedLabel = isReflection ? 'Reflection failed' : 'Observation failed';\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div className=\"my-1\">\n          <button\n            onClick={() => setIsExpanded(!isExpanded)}\n            className=\"inline-flex cursor-pointer items-center gap-1.5 rounded-md bg-red-500/10 px-2 py-1 text-column text-red-600 hover:bg-red-500/20\"\n          >\n            {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n            <XCircle className=\"size-3\" />\n            <span>{failedLabel}</span>\n          </button>\n\n          {isExpanded && error && (\n            <div className=\"mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-caption text-red-700\">\n              <span className=\"text-column\">Error:</span> {error}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Async buffering states - non-blocking background observation/reflection\n  if (isBuffering) {\n    const tokensToBuffer = omData.tokensToBuffer;\n    const bufferingLabel = isReflection ? 'Buffering reflection' : 'Buffering observations';\n    return (\n      <div\n        className=\"mt-2 mb-8\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <MarkerPill icon={<Loader2 className=\"animate-spin text-accent6\" />}>\n          {bufferingLabel}\n          {tokensToBuffer ? ` ~${formatTokens(tokensToBuffer)} tokens` : '...'}\n        </MarkerPill>\n      </div>\n    );\n  }\n\n  if (isBufferingComplete) {\n    const tokensBuffered = omData.tokensBuffered;\n    const bufferedTokens = omData.bufferedTokens;\n    const { observations, extractedValues, extractionFailures } = omData;\n    const bufferedLabel = isReflection ? 'Buffered reflection' : 'Buffered observations';\n    const compressionRatio =\n      tokensBuffered && bufferedTokens && bufferedTokens > 0 ? Math.round(tokensBuffered / bufferedTokens) : null;\n\n    const handleToggle = (e: React.MouseEvent) => {\n      const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') || document.documentElement;\n      const scrollTop = scrollContainer.scrollTop;\n      setIsExpanded(!isExpanded);\n      requestAnimationFrame(() => {\n        scrollContainer.scrollTop = scrollTop;\n      });\n    };\n\n    return (\n      <div\n        className=\"mt-2 mb-8\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div>\n          <MarkerPill expanded={isExpanded} onClick={handleToggle} icon={<ObservationIcon className=\"text-accent6\" />}>\n            {bufferedLabel} {tokensBuffered ? formatTokens(tokensBuffered) : '?'}→\n            {bufferedTokens ? formatTokens(bufferedTokens) : '?'} tokens\n            {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n          </MarkerPill>\n\n          {isExpanded && (\n            <div\n              className={`mt-2 ml-6 rounded-lg ${bufferExpandedBgColor} space-y-2 border p-4 text-caption ${bufferExpandedBorderColor}`}\n            >\n              {observations && <ObservationRenderer observations={observations} maxHeight=\"240px\" />}\n              <ExtractedValuesPanel\n                extractedValues={extractedValues}\n                extractionFailures={extractionFailures}\n                isExpanded={isExtractedExpanded}\n                onToggle={() => setIsExtractedExpanded(!isExtractedExpanded)}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  if (isBufferingFailed) {\n    const error = omData.error;\n    const failedLabel = isReflection ? 'Buffered reflection failed' : 'Buffered observation failed';\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div className=\"my-1\">\n          <button\n            onClick={() => setIsExpanded(!isExpanded)}\n            className=\"inline-flex cursor-pointer items-center gap-1.5 rounded-md border border-dashed border-red-400/40 bg-red-500/10 px-2 py-1 text-column text-red-600 hover:bg-red-500/20\"\n          >\n            {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n            <XCircle className=\"size-3\" />\n            <span>{failedLabel}</span>\n          </button>\n\n          {isExpanded && error && (\n            <div className=\"mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-caption text-red-700\">\n              <span className=\"text-column\">Error:</span> {error}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Activation state - buffered observations have been activated into active observations\n  // Styled to match sync observation/reflection markers (green scheme with Brain icon)\n  if (isActivated) {\n    const tokensActivated = omData.tokensActivated ?? 0;\n    const observationTokens = omData.observationTokens ?? 0;\n    const { observations } = omData;\n    const activatedLabel = isReflection ? 'Reflected' : 'Observed';\n    const compressionRatio =\n      tokensActivated && observationTokens && observationTokens > 0\n        ? Math.round(tokensActivated / observationTokens)\n        : null;\n\n    const handleToggle = (e: React.MouseEvent) => {\n      const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') || document.documentElement;\n      const scrollTop = scrollContainer.scrollTop;\n      setIsExpanded(!isExpanded);\n      requestAnimationFrame(() => {\n        scrollContainer.scrollTop = scrollTop;\n      });\n    };\n\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n        data-om-no-highlight=\"true\"\n      >\n        <div className=\"my-1\">\n          <button\n            onClick={handleToggle}\n            className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${completeBgColor} ${completeTextColor} text-column ${completeHoverBgColor} cursor-pointer`}\n          >\n            {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n            {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n            <span>\n              {activatedLabel} {tokensActivated ? formatTokens(tokensActivated) : '?'}→\n              {observationTokens ? formatTokens(observationTokens) : '?'} tokens\n              {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n            </span>\n          </button>\n          {isExpanded && (\n            <div\n              className={`mt-1 ml-6 rounded-md p-2 ${expandedBgColor} space-y-1.5 border text-caption ${expandedBorderColor}`}\n            >\n              {/* Stats row */}\n              <div className={`flex gap-4 text-caption ${labelColor}`}>\n                {tokensActivated > 0 && <span>Input: {formatTokens(tokensActivated)}</span>}\n                {observationTokens > 0 && <span>Output: {formatTokens(observationTokens)}</span>}\n                {compressionRatio && compressionRatio > 1 && <span>Compression: {compressionRatio}x</span>}\n              </div>\n              {observations && (\n                <div className=\"mt-1 border-t border-border pt-1\">\n                  <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Unknown marker type - render generic\n  return (\n    <div\n      className=\"mb-3\"\n      data-om-badge={cycleId}\n      data-om-state={state}\n      data-om-type={isReflection ? 'reflection' : 'observation'}\n    >\n      <div className=\"my-1 inline-flex items-center gap-1.5 rounded-md bg-fill px-2 py-1 text-column text-muted-foreground\">\n        <Brain className=\"size-3\" />\n        <span>{toolName}</span>\n      </div>\n    </div>\n  );\n};\n"],"names":["jsx","Eye","jsxs","Fragment","Icon","ChevronDown","cn","Badge","ChevronRight","MarkdownRenderer","useState","useEffect","Loader2","Brain","ObservationRenderer","Unplug","XCircle"],"mappings":"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"}
+{"version":3,"file":"observation-marker-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/observation-marker-badge.tsx"],"sourcesContent":["import { Brain, XCircle, Loader2, ChevronDown, ChevronRight, Unplug, Eye } from 'lucide-react';\nimport { useState, useEffect } from 'react';\nimport { ObservationRenderer } from './observation-renderer';\nimport { Badge } from '@/ds/components/Badge';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/utils/cn';\nimport { formatDuration } from '@/utils/duration';\n\nexport interface OmMarkerData {\n  observedAt?: string;\n  completedAt?: string;\n  failedAt?: string;\n  startedAt?: string;\n  tokensObserved?: number;\n  tokensToObserve?: number;\n  observationTokens?: number;\n  observations?: string;\n  currentTask?: string;\n  suggestedResponse?: string;\n  extractedValues?: Record<string, unknown>;\n  extractionFailures?: Array<{ slug: string; error: string }>;\n  durationMs?: number;\n  error?: string;\n  recordId?: string;\n  cycleId?: string;\n  threadId?: string;\n  threadIds?: string[];\n  operationType?: 'observation' | 'reflection';\n  _state?: 'loading' | 'complete' | 'failed' | 'buffering' | 'buffering-complete' | 'buffering-failed' | 'activated';\n  // Activation-specific fields\n  chunksActivated?: number;\n  tokensActivated?: number;\n  messagesActivated?: number;\n  config?: {\n    scope?: string;\n    messageTokens?: number;\n    observationTokens?: number;\n  };\n  // Buffering-specific fields\n  tokensToBuffer?: number;\n  tokensBuffered?: number;\n  bufferedTokens?: number;\n}\n\nexport interface ObservationMarkerBadgeProps {\n  toolName: string;\n  args: Record<string, unknown>;\n  metadata?: {\n    mode?: string;\n    omData?: OmMarkerData;\n  };\n}\n\n/**\n * Format token count for display (e.g., 7234 -> \"7.2k\", 234 -> \"234\")\n */\nconst formatTokens = (tokens: number): string => {\n  if (tokens >= 1000) {\n    return `${(tokens / 1000).toFixed(1)}k`;\n  }\n  return String(Math.round(tokens));\n};\n\nconst hasExtractedValue = (value: unknown) => value !== undefined && value !== null && value !== '';\n\nconst getExtractedValueEntries = (values?: Record<string, unknown>) => {\n  return Object.entries(values ?? {}).filter(([, value]) => hasExtractedValue(value));\n};\n\nconst formatExtractedValue = (value: unknown): string => {\n  if (typeof value === 'string') return value;\n  if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n\n  try {\n    return JSON.stringify(value, null, 2) ?? String(value);\n  } catch {\n    return String(value);\n  }\n};\n\nconst isStructuredExtractedValue = (value: unknown) => typeof value === 'object' && value !== null;\n\nconst ObservationIcon = ({ className }: { className?: string }) => <Eye className={className} />;\n\nconst MarkerPill = ({\n  children,\n  icon,\n  expanded,\n  onClick,\n  className,\n}: {\n  children: React.ReactNode;\n  icon: React.ReactNode;\n  expanded?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  className?: string;\n}) => {\n  const content = (\n    <>\n      {onClick && (\n        <Icon>\n          <ChevronDown className={cn('transition-all', expanded ? 'rotate-0' : '-rotate-90')} />\n        </Icon>\n      )}\n      <Badge icon={icon}>{children}</Badge>\n    </>\n  );\n\n  if (!onClick) {\n    return <div className={cn('inline-flex items-center gap-2', className)}>{content}</div>;\n  }\n\n  return (\n    <button onClick={onClick} className={cn('inline-flex items-center gap-2', className)} type=\"button\">\n      {content}\n    </button>\n  );\n};\n\nconst ExtractedValuesPanel = ({\n  extractedValues,\n  extractionFailures,\n  isExpanded,\n  onToggle,\n}: {\n  extractedValues?: Record<string, unknown>;\n  extractionFailures?: Array<{ slug: string; error: string }>;\n  isExpanded: boolean;\n  onToggle: () => void;\n}) => {\n  const entries = getExtractedValueEntries(extractedValues);\n  const failures = extractionFailures ?? [];\n\n  if (entries.length === 0 && failures.length === 0) return null;\n\n  return (\n    <div className=\"mt-2 border-t border-border pt-2\">\n      <button\n        onClick={onToggle}\n        className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n      >\n        {isExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n        Extractions ({entries.length}){failures.length > 0 ? ` · ${failures.length} failed` : ''}\n      </button>\n      {isExpanded && (\n        <div className=\"mt-1 space-y-2\">\n          {entries.map(([slug, value]) => (\n            <div key={slug} className=\"rounded border border-border bg-fill-subtle p-2\">\n              <div className=\"text-meta tracking-wide text-foreground/70 uppercase\">{slug}</div>\n              {isStructuredExtractedValue(value) ? (\n                <pre className=\"mt-1 max-h-40 overflow-auto text-caption break-words whitespace-pre-wrap text-foreground/80\">\n                  {formatExtractedValue(value)}\n                </pre>\n              ) : (\n                <div className=\"mt-1 [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n                  <MarkdownRenderer className=\"text-caption text-foreground/80\">\n                    {formatExtractedValue(value)}\n                  </MarkdownRenderer>\n                </div>\n              )}\n            </div>\n          ))}\n          {failures.map(failure => (\n            <div key={failure.slug} className=\"rounded border border-red-500/20 bg-red-500/5 p-2 text-red-700\">\n              <div className=\"text-meta tracking-wide uppercase\">{failure.slug}</div>\n              <div className=\"mt-1 text-caption\">{failure.error}</div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\n/**\n * Renders an inline badge for OM observation markers.\n * These are converted from data-om-* parts to tool-call format for assistant-ui compatibility.\n *\n * The badge includes a `data-om-badge` attribute with the cycleId so that\n * the BracketOverlay can find it via DOM queries for positioning bracket lines.\n */\nexport const ObservationMarkerBadge = ({ toolName, args, metadata }: ObservationMarkerBadgeProps) => {\n  const omData = (metadata?.omData || args) as OmMarkerData;\n  const cycleId = omData.cycleId || '';\n\n  // Use the _state field set during part merging, or fallback to detecting from data\n  const state =\n    omData._state ||\n    (omData.failedAt\n      ? 'failed'\n      : omData.completedAt\n        ? 'complete'\n        : (omData as any).disconnectedAt\n          ? 'disconnected'\n          : 'loading');\n\n  const isStart = state === 'loading';\n  const isEnd = state === 'complete';\n  const isFailed = state === 'failed';\n  const isDisconnected = state === 'disconnected';\n  const isBuffering = state === 'buffering';\n  const isBufferingComplete = state === 'buffering-complete';\n  const isBufferingFailed = state === 'buffering-failed';\n  const isActivated = state === 'activated';\n  const isReflection = omData.operationType === 'reflection';\n  const hasExtractionContent =\n    getExtractedValueEntries(omData.extractedValues).length > 0 || (omData.extractionFailures?.length ?? 0) > 0;\n  const shouldAutoExpand = (isFailed && isReflection) || hasExtractionContent;\n\n  // Failed reflections and extraction-bearing markers should expand by default to draw attention to new details.\n  const [isExpanded, setIsExpanded] = useState(shouldAutoExpand);\n\n  // Auto-expand when completion details arrive after the marker was mounted during loading.\n  useEffect(() => {\n    if (shouldAutoExpand) {\n      setIsExpanded(true);\n    }\n  }, [shouldAutoExpand]);\n  const [isObservationsExpanded, setIsObservationsExpanded] = useState(true);\n  const [isTaskExpanded, setIsTaskExpanded] = useState(false);\n  const [isResponseExpanded, setIsResponseExpanded] = useState(false);\n  const [isExtractedExpanded, setIsExtractedExpanded] = useState(false);\n\n  // Colors - same scheme for both observation and reflection\n  const bgColor = 'bg-blue-500/10';\n  const textColor = 'text-blue-600';\n  const completeBgColor = 'bg-green-500/10';\n  const completeTextColor = 'text-green-600';\n  const completeHoverBgColor = 'hover:bg-green-500/20';\n  // Same colors for expanded state\n  const expandedBgColor = 'bg-green-500/5';\n  const expandedBorderColor = 'border-green-500/10';\n  const labelColor = 'text-green-600';\n  const bufferExpandedBgColor = 'bg-background';\n  const bufferExpandedBorderColor = 'border-border-1';\n  const actionLabel = isReflection ? 'Reflecting' : 'Observing';\n  const completedLabel = isReflection ? 'Reflected' : 'Observed';\n\n  // Render based on marker type\n  if (isStart) {\n    const tokensToObserve = omData.tokensToObserve;\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div\n          className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${bgColor} ${textColor} my-1 text-column`}\n        >\n          <Loader2 className=\"size-3 animate-spin\" />\n          {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n          <span>\n            {actionLabel}\n            {tokensToObserve ? ` ~${formatTokens(tokensToObserve)} tokens` : '...'}\n          </span>\n        </div>\n      </div>\n    );\n  }\n\n  if (isEnd) {\n    const tokensObserved = omData.tokensObserved;\n    const observationTokens = omData.observationTokens;\n    const observations = omData.observations;\n    const currentTask = omData.currentTask;\n    const suggestedResponse = omData.suggestedResponse;\n    const extractedValues = omData.extractedValues;\n    const extractionFailures = omData.extractionFailures;\n    const durationMs = omData.durationMs;\n    const compressionRatio =\n      tokensObserved && observationTokens && observationTokens > 0\n        ? Math.round(tokensObserved / observationTokens)\n        : null;\n\n    const handleToggle = (e: React.MouseEvent) => {\n      // Prevent scroll jump by preserving scroll position\n      const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') || document.documentElement;\n      const scrollTop = scrollContainer.scrollTop;\n      setIsExpanded(!isExpanded);\n      // Restore scroll position after React updates\n      requestAnimationFrame(() => {\n        scrollContainer.scrollTop = scrollTop;\n      });\n    };\n\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div className=\"my-1\">\n          <button\n            onClick={handleToggle}\n            className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${completeBgColor} ${completeTextColor} text-column ${completeHoverBgColor} cursor-pointer`}\n          >\n            {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n            {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n            <span>\n              {completedLabel} {tokensObserved ? formatTokens(tokensObserved) : '?'}→\n              {observationTokens ? formatTokens(observationTokens) : '?'} tokens\n              {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n            </span>\n          </button>\n          {isExpanded && (\n            <div\n              className={`mt-1 ml-6 rounded-md p-2 ${expandedBgColor} space-y-1.5 border text-caption ${expandedBorderColor}`}\n            >\n              {/* Stats row - all green */}\n              <div className={`flex gap-4 text-caption ${labelColor}`}>\n                {tokensObserved && <span>Input: {formatTokens(tokensObserved)}</span>}\n                {observationTokens && <span>Output: {formatTokens(observationTokens)}</span>}\n                {compressionRatio && compressionRatio > 1 && <span>Compression: {compressionRatio}x</span>}\n                {durationMs && (\n                  <span>\n                    Duration:{' '}\n                    <Txt as=\"span\" variant=\"caption\" font=\"mono\">\n                      {formatDuration(durationMs)}\n                    </Txt>\n                  </span>\n                )}\n              </div>\n              {observations && (\n                <div className=\"mt-1 border-t border-border pt-1\">\n                  {/* If there's no currentTask or suggestedResponse, show observations directly without collapsible wrapper */}\n                  {!currentTask && !suggestedResponse ? (\n                    <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n                  ) : (\n                    <>\n                      <button\n                        onClick={() => setIsObservationsExpanded(!isObservationsExpanded)}\n                        className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n                      >\n                        {isObservationsExpanded ? (\n                          <ChevronDown className=\"size-2.5\" />\n                        ) : (\n                          <ChevronRight className=\"size-2.5\" />\n                        )}\n                        {isReflection ? 'Reflections' : 'Observations'}\n                      </button>\n                      {isObservationsExpanded && (\n                        <div className=\"mt-1\">\n                          <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n                        </div>\n                      )}\n                    </>\n                  )}\n                </div>\n              )}\n              {currentTask && (\n                <div className=\"mt-2 border-t border-border pt-2\">\n                  <button\n                    onClick={() => setIsTaskExpanded(!isTaskExpanded)}\n                    className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n                  >\n                    {isTaskExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n                    Current Task\n                  </button>\n                  {isTaskExpanded && (\n                    <div className=\"mt-1 [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n                      <MarkdownRenderer className=\"text-caption text-foreground\">{currentTask}</MarkdownRenderer>\n                    </div>\n                  )}\n                </div>\n              )}\n              {suggestedResponse && (\n                <div className=\"mt-2 border-t border-border pt-2\">\n                  <button\n                    onClick={() => setIsResponseExpanded(!isResponseExpanded)}\n                    className=\"flex items-center gap-1 text-meta tracking-wide text-foreground uppercase transition-opacity hover:opacity-80\"\n                  >\n                    {isResponseExpanded ? <ChevronDown className=\"size-2.5\" /> : <ChevronRight className=\"size-2.5\" />}\n                    Suggested Response\n                  </button>\n                  {isResponseExpanded && (\n                    <div className=\"mt-1 italic [&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta\">\n                      <MarkdownRenderer className=\"text-caption text-foreground/80\">\n                        {suggestedResponse}\n                      </MarkdownRenderer>\n                    </div>\n                  )}\n                </div>\n              )}\n              <ExtractedValuesPanel\n                extractedValues={extractedValues}\n                extractionFailures={extractionFailures}\n                isExpanded={isExtractedExpanded}\n                onToggle={() => setIsExtractedExpanded(!isExtractedExpanded)}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  if (isDisconnected) {\n    const disconnectedLabel = isReflection ? 'Reflection interrupted' : 'Observation interrupted';\n    const tokensToObserve = omData.tokensToObserve;\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div className=\"my-1 inline-flex items-center gap-1.5 rounded-md bg-yellow-500/10 px-2 py-1 text-column text-yellow-600\">\n          <Unplug className=\"size-3\" />\n          <span>\n            {disconnectedLabel}\n            {tokensToObserve ? ` (~${formatTokens(tokensToObserve)} tokens)` : ''}\n          </span>\n        </div>\n      </div>\n    );\n  }\n\n  if (isFailed) {\n    const error = omData.error;\n    const failedLabel = isReflection ? 'Reflection failed' : 'Observation failed';\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div className=\"my-1\">\n          <button\n            onClick={() => setIsExpanded(!isExpanded)}\n            className=\"inline-flex cursor-pointer items-center gap-1.5 rounded-md bg-red-500/10 px-2 py-1 text-column text-red-600 hover:bg-red-500/20\"\n          >\n            {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n            <XCircle className=\"size-3\" />\n            <span>{failedLabel}</span>\n          </button>\n\n          {isExpanded && error && (\n            <div className=\"mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-caption text-red-700\">\n              <span className=\"text-column\">Error:</span> {error}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Async buffering states - non-blocking background observation/reflection\n  if (isBuffering) {\n    const tokensToBuffer = omData.tokensToBuffer;\n    const bufferingLabel = isReflection ? 'Buffering reflection' : 'Buffering observations';\n    return (\n      <div\n        className=\"mt-2 mb-8\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <MarkerPill icon={<Loader2 className=\"animate-spin text-accent6\" />}>\n          {bufferingLabel}\n          {tokensToBuffer ? ` ~${formatTokens(tokensToBuffer)} tokens` : '...'}\n        </MarkerPill>\n      </div>\n    );\n  }\n\n  if (isBufferingComplete) {\n    const tokensBuffered = omData.tokensBuffered;\n    const bufferedTokens = omData.bufferedTokens;\n    const { observations, extractedValues, extractionFailures } = omData;\n    const bufferedLabel = isReflection ? 'Buffered reflection' : 'Buffered observations';\n    const compressionRatio =\n      tokensBuffered && bufferedTokens && bufferedTokens > 0 ? Math.round(tokensBuffered / bufferedTokens) : null;\n\n    const handleToggle = (e: React.MouseEvent) => {\n      const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') || document.documentElement;\n      const scrollTop = scrollContainer.scrollTop;\n      setIsExpanded(!isExpanded);\n      requestAnimationFrame(() => {\n        scrollContainer.scrollTop = scrollTop;\n      });\n    };\n\n    return (\n      <div\n        className=\"mt-2 mb-8\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div>\n          <MarkerPill expanded={isExpanded} onClick={handleToggle} icon={<ObservationIcon className=\"text-accent6\" />}>\n            {bufferedLabel} {tokensBuffered ? formatTokens(tokensBuffered) : '?'}→\n            {bufferedTokens ? formatTokens(bufferedTokens) : '?'} tokens\n            {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n          </MarkerPill>\n\n          {isExpanded && (\n            <div\n              className={`mt-2 ml-6 rounded-lg ${bufferExpandedBgColor} space-y-2 border p-4 text-caption ${bufferExpandedBorderColor}`}\n            >\n              {observations && <ObservationRenderer observations={observations} maxHeight=\"240px\" />}\n              <ExtractedValuesPanel\n                extractedValues={extractedValues}\n                extractionFailures={extractionFailures}\n                isExpanded={isExtractedExpanded}\n                onToggle={() => setIsExtractedExpanded(!isExtractedExpanded)}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  if (isBufferingFailed) {\n    const error = omData.error;\n    const failedLabel = isReflection ? 'Buffered reflection failed' : 'Buffered observation failed';\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n      >\n        <div className=\"my-1\">\n          <button\n            onClick={() => setIsExpanded(!isExpanded)}\n            className=\"inline-flex cursor-pointer items-center gap-1.5 rounded-md border border-dashed border-red-400/40 bg-red-500/10 px-2 py-1 text-column text-red-600 hover:bg-red-500/20\"\n          >\n            {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n            <XCircle className=\"size-3\" />\n            <span>{failedLabel}</span>\n          </button>\n\n          {isExpanded && error && (\n            <div className=\"mt-1 ml-4 rounded-md border border-red-500/10 bg-red-500/5 p-2 text-caption text-red-700\">\n              <span className=\"text-column\">Error:</span> {error}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Activation state - buffered observations have been activated into active observations\n  // Styled to match sync observation/reflection markers (green scheme with Brain icon)\n  if (isActivated) {\n    const tokensActivated = omData.tokensActivated ?? 0;\n    const observationTokens = omData.observationTokens ?? 0;\n    const { observations } = omData;\n    const activatedLabel = isReflection ? 'Reflected' : 'Observed';\n    const compressionRatio =\n      tokensActivated && observationTokens && observationTokens > 0\n        ? Math.round(tokensActivated / observationTokens)\n        : null;\n\n    const handleToggle = (e: React.MouseEvent) => {\n      const scrollContainer = e.currentTarget.closest('[data-radix-scroll-area-viewport]') || document.documentElement;\n      const scrollTop = scrollContainer.scrollTop;\n      setIsExpanded(!isExpanded);\n      requestAnimationFrame(() => {\n        scrollContainer.scrollTop = scrollTop;\n      });\n    };\n\n    return (\n      <div\n        className=\"mb-3\"\n        data-om-badge={cycleId}\n        data-om-state={state}\n        data-om-type={isReflection ? 'reflection' : 'observation'}\n        data-om-no-highlight=\"true\"\n      >\n        <div className=\"my-1\">\n          <button\n            onClick={handleToggle}\n            className={`inline-flex items-center gap-1.5 rounded-md px-2 py-1 ${completeBgColor} ${completeTextColor} text-column ${completeHoverBgColor} cursor-pointer`}\n          >\n            {isExpanded ? <ChevronDown className=\"size-3\" /> : <ChevronRight className=\"size-3\" />}\n            {isReflection ? <Brain className=\"size-3\" /> : <ObservationIcon className=\"size-3\" />}\n            <span>\n              {activatedLabel} {tokensActivated ? formatTokens(tokensActivated) : '?'}→\n              {observationTokens ? formatTokens(observationTokens) : '?'} tokens\n              {compressionRatio ? ` (-${compressionRatio}x)` : ''}\n            </span>\n          </button>\n          {isExpanded && (\n            <div\n              className={`mt-1 ml-6 rounded-md p-2 ${expandedBgColor} space-y-1.5 border text-caption ${expandedBorderColor}`}\n            >\n              {/* Stats row */}\n              <div className={`flex gap-4 text-caption ${labelColor}`}>\n                {tokensActivated > 0 && <span>Input: {formatTokens(tokensActivated)}</span>}\n                {observationTokens > 0 && <span>Output: {formatTokens(observationTokens)}</span>}\n                {compressionRatio && compressionRatio > 1 && <span>Compression: {compressionRatio}x</span>}\n              </div>\n              {observations && (\n                <div className=\"mt-1 border-t border-border pt-1\">\n                  <ObservationRenderer observations={observations} maxHeight=\"500px\" />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Unknown marker type - render generic\n  return (\n    <div\n      className=\"mb-3\"\n      data-om-badge={cycleId}\n      data-om-state={state}\n      data-om-type={isReflection ? 'reflection' : 'observation'}\n    >\n      <div className=\"my-1 inline-flex items-center gap-1.5 rounded-md bg-fill px-2 py-1 text-column text-muted-foreground\">\n        <Brain className=\"size-3\" />\n        <span>{toolName}</span>\n      </div>\n    </div>\n  );\n};\n"],"names":["jsx","Eye","jsxs","Fragment","Icon","ChevronDown","cn","Badge","ChevronRight","MarkdownRenderer","useState","useEffect","Loader2","Brain","Txt","formatDuration","ObservationRenderer","Unplug","XCircle"],"mappings":"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"}

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

@@ -2,10 +2,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Loader2, Brain, ChevronDown, ChevronRight, Unplug, XCircle, Eye } from 'lucide-react';
 import { useState, useEffect } from 'react';
 import { ObservationRenderer } from './observation-renderer.es.js';
-import { B as Badge } from '../../../../Badge-TD55_qZJ.js';
+import { B as Badge } from '../../../../Badge-Bzn8Z-_I.js';
 import { M as MarkdownRenderer } from '../../../../markdown-renderer-Ces7VyRK.js';
+import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
 import { Icon } from '../../../../icons/Icon.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
+import { formatDuration } from '../../../../utils/duration.es.js';
 
 const formatTokens = (tokens) => {
   if (tokens >= 1e3) {
@@ -209,9 +211,9 @@ const ObservationMarkerBadge = ({ toolName, args, metadata }) => {
                     "x"
                   ] }),
                   durationMs && /* @__PURE__ */ jsxs("span", { children: [
-                    "Duration: ",
-                    (durationMs / 1e3).toFixed(2),
-                    "s"
+                    "Duration:",
+                    " ",
+                    /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", font: "mono", children: formatDuration(durationMs) })
                   ] })
                 ] }),
                 observations && /* @__PURE__ */ jsx("div", { className: "mt-1 border-t border-border pt-1", children: !currentTask && !suggestedResponse ? /* @__PURE__ */ jsx(ObservationRenderer, { observations, maxHeight: "500px" }) : /* @__PURE__ */ jsxs(Fragment, { children: [