npm - @mastra/playground-ui - Versions diffs - 60.0.0-alpha.8 → 60.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1883) hide show

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Badge = require('../../../Badge-DFNxcz-r.cjs');
-const Notice = require('../../../Notice-BiV6N8--.cjs');
+const Badge = require('../../../Badge-H8K5WrXg.cjs');
+const Notice = require('../../../Notice-CEBwitdf.cjs');
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);
@@ -32,12 +32,12 @@ const TripwireNotice = ({ reason, tripwire }) => {
         tripwire.retry !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "size-3.5 shrink-0 opacity-70" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Retry" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: tripwire.retry ? "green" : "red", children: tripwire.retry ? "Allowed" : "Not allowed" })
+          /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: tripwire.retry ? "success" : "destructive", children: tripwire.retry ? "Allowed" : "Not allowed" })
         ] }),
         tripwire.processorId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Tag, { className: "size-3.5 shrink-0 opacity-70" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Processor" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "yellow", children: tripwire.processorId })
+          /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "warning", children: tripwire.processorId })
         ] }),
         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" }),

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

	@@ -1 +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\">\n {JSON.stringify(tripwire.metadata, null, 2)}\n </pre>\n </div>\n )}\n </div>\n )}\n </div>\n )}\n </div>\n </Notice>\n );\n};\n"],"names":["useState","jsx","Notice","ShieldAlert","jsxs","ChevronDown","ChevronRight","RefreshCw","Badge","Tag"],"mappings":";;;;;;;;;;AAWO,MAAM,cAAA,GAAiB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA2B;AAC3E,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA;AAElD,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,QAAA,KAAa,SAAS,KAAA,KAAU,MAAA,IAAa,SAAS,QAAA,KAAa,MAAA,IAAa,SAAS,WAAA,KAAgB,MAAA;AAAA,GAC3G;AAEA,EAAA,uBACEC,cAAA,CAACC,aAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,iBAAA,EAAkB,IAAA,kBAAMD,cAAA,CAACE,uBAAA,EAAA,EAAY,CAAA,EACnE,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAAH,cAAA,CAACC,aAAA,CAAO,OAAA,EAAP,EAAe,SAAA,EAAU,mCAAmC,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,IAEnE,WAAA,IAAe,QAAA,oBACdE,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,CAAc,CAAC,UAAU,CAAA;AAAA,UACxC,SAAA,EAAU,8FAAA;AAAA,UAET,QAAA,EAAA;AAAA,YAAA,UAAA,mBAAaH,cAAA,CAACI,2BAAY,SAAA,EAAU,UAAA,EAAW,oBAAKJ,cAAA,CAACK,wBAAA,EAAA,EAAa,WAAU,UAAA,EAAW,CAAA;AAAA,4BACxFL,cAAA,CAAC,UAAK,QAAA,EAAA,SAAA,EAAO;AAAA;AAAA;AAAA,OACf;AAAA,MAEC,UAAA,oBACCG,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACZ,QAAA,EAAA;AAAA,QAAA,QAAA,CAAS,KAAA,KAAU,MAAA,oBAClBA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACM,qBAAA,EAAA,EAAU,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACpDN,cAAA,CAAC,UAAK,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,0BACXA,cAAA,CAACO,WAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,QAAA,CAAS,KAAA,GAAQ,~~OAAA~~,~~GAAU~~,~~KAAA~~,~~EAClD~~,QAAA,EAAA,QAAA,CAAS,KAAA,GAAQ,SAAA,GAAY,aAAA,EAChC;AAAA,SAAA,EACF,CAAA;AAAA,QAGD,QAAA,CAAS,WAAA,oBACRJ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACQ,eAAA,EAAA,EAAI,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BAC9CR,cAAA,CAAC,UAAK,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,yCACdO,WAAA,EAAA,EAAM,IAAA,EAAK,MAAK,OAAA,EAAQ,~~QAAA~~,EACtB,mBAAS,WAAA,EACZ;AAAA,SAAA,EACF,CAAA;AAAA,QAGD,QAAA,CAAS,aAAa,MAAA,IAAa,QAAA,CAAS,aAAa,IAAA,oBACxDJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,QAAA,EAAA,UAAA,EAAQ,CAAA;AAAA,0BACrCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8CAAA,EACZ,QAAA,EAAA,IAAA,CAAK,UAAU,QAAA,CAAS,QAAA,EAAU,IAAA,EAAM,CAAC,CAAA,EAC5C;AAAA,SAAA,EACF;AAAA,OAAA,EAEJ;AAAA,KAAA,EAEJ;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}
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 ? 'success' : 'destructive'}>\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=\"warning\">\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 CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronDown, ChevronRight, RefreshCw, Tag, ShieldAlert } from 'lucide-react';
 import { useState } from 'react';
-import { B as Badge } from '../../../Badge-Bzn8Z-_I.js';
-import { N as Notice } from '../../../Notice-BmoN4qOw.js';
+import { B as Badge } from '../../../Badge-Q_pCeeGW.js';
+import { N as Notice } from '../../../Notice-Ce3r5x-7.js';
 const TripwireNotice = ({ reason, tripwire }) => {
   const [isExpanded, setIsExpanded] = useState(false);
@@ -28,12 +28,12 @@ const TripwireNotice = ({ reason, tripwire }) => {
         tripwire.retry !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(RefreshCw, { className: "size-3.5 shrink-0 opacity-70" }),
           /* @__PURE__ */ jsx("span", { children: "Retry" }),
-          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: tripwire.retry ? "green" : "red", children: tripwire.retry ? "Allowed" : "Not allowed" })
+          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: tripwire.retry ? "success" : "destructive", children: tripwire.retry ? "Allowed" : "Not allowed" })
         ] }),
         tripwire.processorId && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(Tag, { className: "size-3.5 shrink-0 opacity-70" }),
           /* @__PURE__ */ jsx("span", { children: "Processor" }),
-          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "yellow", children: tripwire.processorId })
+          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "warning", children: tripwire.processorId })
         ] }),
         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" }),

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

	@@ -1 +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\">\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":";;;;;;AAWO,MAAM,cAAA,GAAiB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA2B;AAC3E,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,QAAA,KAAa,SAAS,KAAA,KAAU,MAAA,IAAa,SAAS,QAAA,KAAa,MAAA,IAAa,SAAS,WAAA,KAAgB,MAAA;AAAA,GAC3G;AAEA,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAM,iBAAA,EAAkB,IAAA,kBAAM,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA,EACnE,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAe,SAAA,EAAU,mCAAmC,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,IAEnE,WAAA,IAAe,QAAA,oBACd,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,CAAc,CAAC,UAAU,CAAA;AAAA,UACxC,SAAA,EAAU,8FAAA;AAAA,UAET,QAAA,EAAA;AAAA,YAAA,UAAA,mBAAa,GAAA,CAAC,eAAY,SAAA,EAAU,UAAA,EAAW,oBAAK,GAAA,CAAC,YAAA,EAAA,EAAa,WAAU,UAAA,EAAW,CAAA;AAAA,4BACxF,GAAA,CAAC,UAAK,QAAA,EAAA,SAAA,EAAO;AAAA;AAAA;AAAA,OACf;AAAA,MAEC,UAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACZ,QAAA,EAAA;AAAA,QAAA,QAAA,CAAS,KAAA,KAAU,MAAA,oBAClB,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACpD,GAAA,CAAC,UAAK,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,0BACX,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,QAAA,CAAS,KAAA,GAAQ,~~OAAA~~,~~GAAU~~,~~KAAA~~,~~EAClD~~,QAAA,EAAA,QAAA,CAAS,KAAA,GAAQ,SAAA,GAAY,aAAA,EAChC;AAAA,SAAA,EACF,CAAA;AAAA,QAGD,QAAA,CAAS,WAAA,oBACR,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,GAAA,EAAA,EAAI,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BAC9C,GAAA,CAAC,UAAK,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,8BACd,KAAA,EAAA,EAAM,IAAA,EAAK,MAAK,OAAA,EAAQ,~~QAAA~~,EACtB,mBAAS,WAAA,EACZ;AAAA,SAAA,EACF,CAAA;AAAA,QAGD,QAAA,CAAS,aAAa,MAAA,IAAa,QAAA,CAAS,aAAa,IAAA,oBACxD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,QAAA,EAAA,UAAA,EAAQ,CAAA;AAAA,0BACrC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8CAAA,EACZ,QAAA,EAAA,IAAA,CAAK,UAAU,QAAA,CAAS,QAAA,EAAU,IAAA,EAAM,CAAC,CAAA,EAC5C;AAAA,SAAA,EACF;AAAA,OAAA,EAEJ;AAAA,KAAA,EAEJ;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}
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 ? 'success' : 'destructive'}>\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=\"warning\">\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/agent-badge-wrapper.cjs.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('react/jsx-runtime');
 require('@mastra/ai-sdk/ui');
-const domains_chat_tools_badges_agentBadge = require('../../../../tool-card-CBDOgK2M.cjs');
+const domains_chat_tools_badges_agentBadge = require('../../../../tool-card-DRqhTx-u.cjs');
 require('./resolve-child-messages.cjs.js');
 require('../../../agents/hooks/use-agent-messages.cjs.js');
 require('../../components/loading-badge.cjs.js');

package/dist/domains/chat/tools/badges/agent-badge-wrapper.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import '@mastra/ai-sdk/ui';
-export { a as AgentBadgeWrapper } from '../../../../tool-card-LAvGC99j.js';
+export { a as AgentBadgeWrapper } from '../../../../tool-card-BA1YcDoS.js';
 import './resolve-child-messages.es.js';
 import '../../../agents/hooks/use-agent-messages.es.js';
 import '../../components/loading-badge.es.js';

package/dist/domains/chat/tools/badges/agent-badge.cjs.js CHANGED Viewed

@@ -5,16 +5,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('react/jsx-runtime');
 require('react');
 require('react-markdown');
-const domains_chat_tools_badges_agentBadge = require('../../../../tool-card-CBDOgK2M.cjs');
+const domains_chat_tools_badges_agentBadge = require('../../../../tool-card-DRqhTx-u.cjs');
 require('./background-task-metadata-dialog.cjs.js');
 require('../../components/badge-wrapper.cjs.js');
 require('../../components/network-choice-metadata-dialog.cjs.js');
 require('../../components/section-label.cjs.js');
+require('./awaits-tool-approval.cjs.js');
 require('./tool-approval-buttons.cjs.js');
-require('../../../../tool-call-DELhfAdn.cjs');
+require('../../../../tool-call-mono-DFSfVZ6E.cjs');
 require('lucide-react');
-require('../../../../Button-CIwF6NHM.cjs');
-require('../../../../code-editor-By2dTBXC.cjs');
+require('../../../../Button-BnmR2HRc.cjs');
+require('../../../../code-editor-BXchPl_F.cjs');
 require('../../../../icons/AgentIcon.cjs.js');

package/dist/domains/chat/tools/badges/agent-badge.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"agent-badge.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"agent-badge.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/domains/chat/tools/badges/agent-badge.es.js CHANGED Viewed

@@ -1,15 +1,16 @@
 import 'react/jsx-runtime';
 import 'react';
 import 'react-markdown';
-export { A as AgentBadge } from '../../../../tool-card-LAvGC99j.js';
+export { A as AgentBadge } from '../../../../tool-card-BA1YcDoS.js';
 import './background-task-metadata-dialog.es.js';
 import '../../components/badge-wrapper.es.js';
 import '../../components/network-choice-metadata-dialog.es.js';
 import '../../components/section-label.es.js';
+import './awaits-tool-approval.es.js';
 import './tool-approval-buttons.es.js';
-import '../../../../tool-call-B0BQizdj.js';
+import '../../../../tool-call-mono-gKG9Ek1m.js';
 import 'lucide-react';
-import '../../../../Button-BY9qlu8K.js';
-import '../../../../code-editor-F12uuTDl.js';
+import '../../../../Button-C6eUqcPI.js';
+import '../../../../code-editor-Cltwid7c.js';
 import '../../../../icons/AgentIcon.es.js';
 //# sourceMappingURL=agent-badge.es.js.map

package/dist/domains/chat/tools/badges/agent-badge.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"agent-badge.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"agent-badge.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

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

@@ -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-CcFc15CY.cjs');
+const askUser = require('../../../../ask-user-DJXmLJzy.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 CHANGED Viewed

@@ -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-CHG9S-yu.js';
+import { A as AskUser } from '../../../../ask-user-Crg1O-o6.js';
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();

package/dist/domains/chat/tools/badges/awaits-tool-approval.cjs.js ADDED Viewed

@@ -0,0 +1,10 @@
+'use strict';
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+function awaitsToolApproval({ toolApprovalMetadata, toolCalled }) {
+  return Boolean(toolApprovalMetadata) && !toolCalled;
+}
+exports.awaitsToolApproval = awaitsToolApproval;
+//# sourceMappingURL=awaits-tool-approval.cjs.js.map

package/dist/domains/chat/tools/badges/awaits-tool-approval.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"awaits-tool-approval.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/awaits-tool-approval.ts"],"sourcesContent":["import type { ToolApprovalButtonsProps } from './tool-approval-buttons';\n\ntype ToolApprovalState = Pick<ToolApprovalButtonsProps, 'toolApprovalMetadata' | 'toolCalled'>;\n\nexport function awaitsToolApproval({ toolApprovalMetadata, toolCalled }: ToolApprovalState): boolean {\n return Boolean(toolApprovalMetadata) && !toolCalled;\n}\n"],"names":[],"mappings":";;;;AAIO,SAAS,kBAAA,CAAmB,EAAE,oBAAA,EAAsB,UAAA,EAAW,EAA+B;AACnG,EAAA,OAAO,OAAA,CAAQ,oBAAoB,CAAA,IAAK,CAAC,UAAA;AAC3C;;;;"}

package/dist/domains/chat/tools/badges/awaits-tool-approval.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from '../../../../src/domains/chat/tools/badges/awaits-tool-approval'
2	+ export {}

package/dist/domains/chat/tools/badges/awaits-tool-approval.es.js ADDED Viewed

@@ -0,0 +1,6 @@
+function awaitsToolApproval({ toolApprovalMetadata, toolCalled }) {
+  return Boolean(toolApprovalMetadata) && !toolCalled;
+}
+export { awaitsToolApproval };
+//# sourceMappingURL=awaits-tool-approval.es.js.map

package/dist/domains/chat/tools/badges/awaits-tool-approval.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"awaits-tool-approval.es.js","sources":["../../../../../src/domains/chat/tools/badges/awaits-tool-approval.ts"],"sourcesContent":["import type { ToolApprovalButtonsProps } from './tool-approval-buttons';\n\ntype ToolApprovalState = Pick<ToolApprovalButtonsProps, 'toolApprovalMetadata' | 'toolCalled'>;\n\nexport function awaitsToolApproval({ toolApprovalMetadata, toolCalled }: ToolApprovalState): boolean {\n return Boolean(toolApprovalMetadata) && !toolCalled;\n}\n"],"names":[],"mappings":"AAIO,SAAS,kBAAA,CAAmB,EAAE,oBAAA,EAAsB,UAAA,EAAW,EAA+B;AACnG,EAAA,OAAO,OAAA,CAAQ,oBAAoB,CAAA,IAAK,CAAC,UAAA;AAC3C;;;;"}

package/dist/domains/chat/tools/badges/background-task-metadata-dialog.cjs.js CHANGED Viewed

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_agents_hooks_useBackgroundTasks = require('../../../agents/hooks/use-background-tasks.cjs.js');
-const Button = require('../../../../Button-CIwF6NHM.cjs');
-const codeEditor = require('../../../../code-editor-By2dTBXC.cjs');
-const dialog = require('../../../../dialog-CDg8uu4t.cjs');
+const Button = require('../../../../Button-BnmR2HRc.cjs');
+const codeEditor = require('../../../../code-editor-BXchPl_F.cjs');
+const dialog = require('../../../../dialog-DYpOpj9s.cjs');
 const Txt = require('../../../../Txt-DPmEpNbp.cjs');
 const hooks_useTimeDiff = require('../../../../hooks/use-time-diff.cjs.js');
 const utils_number = require('../../../../utils/number.cjs.js');
@@ -55,7 +55,7 @@ const BackgroundTaskMetadata = ({
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: "Background Task Metadata" }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "View the metadata of the background task." })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogBody, { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogBody, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "muted", children: "Background Task Duration" }),
         /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { tone: "ink", className: "text-body", children: [

package/dist/domains/chat/tools/badges/background-task-metadata-dialog.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"background-task-metadata-dialog.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/background-task-metadata-dialog.tsx"],"sourcesContent":["import { Loader2Icon, Share2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { useGetBackgroundTaskById, useBackgroundTaskStream } from '@/domains/agents/hooks/use-background-tasks';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n DialogBody,\n} from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { toSigFigs } from '@/utils/number';\n\ninterface BackgroundTaskMetadataProps {\n backgroundTaskTaskId: string;\n backgroundTaskStartedAt: Date;\n backgroundTaskCompletedAt?: Date;\n backgroundTaskSuspendedAt?: Date;\n open: boolean;\n onOpenChange: (open: boolean) => void;\n}\n\nconst BackgroundTaskMetadata = ({\n backgroundTaskTaskId,\n backgroundTaskStartedAt,\n backgroundTaskCompletedAt,\n backgroundTaskSuspendedAt,\n open,\n onOpenChange,\n}: BackgroundTaskMetadataProps) => {\n const { data: task } = useGetBackgroundTaskById(\n backgroundTaskTaskId,\n !!backgroundTaskCompletedAt \|\| !!backgroundTaskSuspendedAt,\n );\n const { tasks } = useBackgroundTaskStream({\n taskId: backgroundTaskTaskId,\n enabled: !backgroundTaskCompletedAt && !backgroundTaskSuspendedAt,\n });\n\n const timeDiff = useTimeDiff({\n startedAt: new Date(backgroundTaskStartedAt).getTime(),\n endedAt: backgroundTaskCompletedAt\n ? new Date(backgroundTaskCompletedAt).getTime()\n : backgroundTaskSuspendedAt\n ? new Date(backgroundTaskSuspendedAt).getTime()\n : undefined,\n });\n\n const backgroundTask = task \|\| tasks[backgroundTaskTaskId];\n\n const args = backgroundTask?.args;\n const result = backgroundTask?.result as any;\n const suspendPayload = backgroundTask?.suspendPayload;\n\n let argSlot = null;\n\n try {\n const {\n __mastraMetadata: _,\n _background,\n ...formattedArgs\n } = typeof args === 'object' ? args : JSON.parse(args ?? '');\n argSlot = <CodeEditor data={formattedArgs} />;\n } catch {\n argSlot = <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{args as unknown as string}</pre>;\n }\n\n const resultSlot =\n typeof result === 'string' ? (\n <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{result}</pre>\n ) : (\n <CodeEditor data={result} />\n );\n\n const suspendPayloadSlot =\n typeof suspendPayload === 'string' ? (\n <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{suspendPayload}</pre>\n ) : (\n <CodeEditor data={suspendPayload as Record<string, unknown> \| Record<string, unknown>[] \| undefined} />\n );\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogContent>\n <DialogHeader>\n <DialogTitle>Background Task Metadata</DialogTitle>\n <DialogDescription>View the metadata of the background task.</DialogDescription>\n </DialogHeader>\n\n <DialogBody ~~className=\"space-y-4\"~~>\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Duration</Txt>\n <Txt tone=\"ink\" className=\"text-body\">\n {toSigFigs(timeDiff, 3)}ms\n </Txt>\n </div>\n\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Arguments</Txt>\n {argSlot}\n </div>\n\n {suspendPayloadSlot !== undefined && suspendPayload && (\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Suspend Data</Txt>\n {suspendPayloadSlot}\n </div>\n )}\n\n {resultSlot !== undefined && result && (\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Result</Txt>\n {resultSlot}\n </div>\n )}\n </DialogBody>\n </DialogContent>\n </Dialog>\n );\n};\n\nexport interface BackgroundTaskMetadataDialogTriggerProps {\n backgroundTask: {\n taskId: string;\n startedAt: Date;\n completedAt?: Date;\n suspendedAt?: Date;\n };\n}\n\nexport const BackgroundTaskMetadataDialogTrigger = ({ backgroundTask }: BackgroundTaskMetadataDialogTriggerProps) => {\n const [isOpen, setIsOpen] = useState(false);\n return (\n <>\n <Button\n variant=\"default\"\n size=\"icon-md\"\n tooltip=\"Show background task information\"\n onClick={() => setIsOpen(s => !s)}\n >\n {backgroundTask.completedAt \|\| backgroundTask.suspendedAt ? (\n <Share2 className=\"size-5 text-muted-foreground\" />\n ) : (\n <Loader2Icon className=\"size-5 animate-spin text-muted-foreground\" />\n )}\n </Button>\n\n <BackgroundTaskMetadata\n backgroundTaskTaskId={backgroundTask.taskId}\n backgroundTaskStartedAt={backgroundTask.startedAt}\n backgroundTaskCompletedAt={backgroundTask.completedAt}\n backgroundTaskSuspendedAt={backgroundTask.suspendedAt}\n open={isOpen}\n onOpenChange={setIsOpen}\n />\n </>\n );\n};\n"],"names":["useGetBackgroundTaskById","useBackgroundTaskStream","useTimeDiff","jsx","CodeEditor","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","DialogBody","Txt","toSigFigs","useState","Fragment","Button","Share2","Loader2Icon"],"mappings":";;;;;;;;;;;;;;;AA0BA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,oBAAA;AAAA,EACA,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,yBAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAIA,gEAAA;AAAA,IACrB,oBAAA;AAAA,IACA,CAAC,CAAC,yBAAA,IAA6B,CAAC,CAAC;AAAA,GACnC;AACA,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIC,+DAAA,CAAwB;AAAA,IACxC,MAAA,EAAQ,oBAAA;AAAA,IACR,OAAA,EAAS,CAAC,yBAAA,IAA6B,CAAC;AAAA,GACzC,CAAA;AAED,EAAA,MAAM,WAAWC,6BAAA,CAAY;AAAA,IAC3B,SAAA,EAAW,IAAI,IAAA,CAAK,uBAAuB,EAAE,OAAA,EAAQ;AAAA,IACrD,OAAA,EAAS,yBAAA,GACL,IAAI,IAAA,CAAK,yBAAyB,CAAA,CAAE,OAAA,EAAQ,GAC5C,yBAAA,GACE,IAAI,IAAA,CAAK,yBAAyB,CAAA,CAAE,SAAQ,GAC5C;AAAA,GACP,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,IAAA,IAAQ,KAAA,CAAM,oBAAoB,CAAA;AAEzD,EAAA,MAAM,OAAO,cAAA,EAAgB,IAAA;AAC7B,EAAA,MAAM,SAAS,cAAA,EAAgB,MAAA;AAC/B,EAAA,MAAM,iBAAiB,cAAA,EAAgB,cAAA;AAEvC,EAAA,IAAI,OAAA,GAAU,IAAA;AAEd,EAAA,IAAI;AACF,IAAA,MAAM;AAAA,MACJ,gBAAA,EAAkB,CAAA;AAAA,MAClB,WAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,OAAO,IAAA,KAAS,QAAA,GAAW,OAAO,IAAA,CAAK,KAAA,CAAM,QAAQ,EAAE,CAAA;AAC3D,IAAA,OAAA,mBAAUC,cAAA,CAACC,qBAAA,EAAA,EAAW,IAAA,EAAM,aAAA,EAAe,CAAA;AAAA,EAC7C,CAAA,CAAA,MAAQ;AACN,IAAA,OAAA,mBAAUD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,IAAA,EAA0B,CAAA;AAAA,EAC/G;AAEA,EAAA,MAAM,UAAA,GACJ,OAAO,MAAA,KAAW,QAAA,mBAChBA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,MAAA,EAAO,CAAA,mBAEhFA,cAAA,CAACC,qBAAA,EAAA,EAAW,MAAM,MAAA,EAAQ,CAAA;AAG9B,EAAA,MAAM,kBAAA,GACJ,OAAO,cAAA,KAAmB,QAAA,mBACxBD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,cAAA,EAAe,CAAA,mBAExFA,cAAA,CAACC,qBAAA,EAAA,EAAW,MAAM,cAAA,EAAmF,CAAA;AAGzG,EAAA,uBACED,cAAA,CAACE,aAAA,EAAA,EAAO,IAAA,EAAY,YAAA,EAClB,0CAACC,oBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,eAAA,CAACC,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAL,cAAA,CAACM,sBAAY,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,sBACrCN,cAAA,CAACO,4BAAkB,QAAA,EAAA,2CAAA,EAAyC;AAAA,KAAA,EAC9D,CAAA;AAAA,~~oBAEAH~~,~~eAAA,CAACI,~~iBAAA,EAAA,~~EAAW~~,~~SAAA,EAAU,WAAA,EACpB,~~QAAA,EAAA;AAAA,sBAAAJ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAAJ,cAAA,CAACS,OAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,wBAC1CL,eAAA,CAACK,OAAA,EAAA,EAAI,IAAA,EAAK,KAAA,EAAM,WAAU,WAAA,EACvB,QAAA,EAAA;AAAA,UAAAC,sBAAA,CAAU,UAAU,CAAC,CAAA;AAAA,UAAE;AAAA,SAAA,EAC1B;AAAA,OAAA,EACF,CAAA;AAAA,sBAEAN,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAAJ,cAAA,CAACS,OAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,2BAAA,EAAyB,CAAA;AAAA,QAC1C;AAAA,OAAA,EACH,CAAA;AAAA,MAEC,uBAAuB,MAAA,IAAa,cAAA,oBACnCL,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAAJ,cAAA,CAACS,OAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,8BAAA,EAA4B,CAAA;AAAA,QAC7C;AAAA,OAAA,EACH,CAAA;AAAA,MAGD,eAAe,MAAA,IAAa,MAAA,oBAC3BL,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAAJ,cAAA,CAACS,OAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,wBAAA,EAAsB,CAAA;AAAA,QACvC;AAAA,OAAA,EACH;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ,CAAA;AAWO,MAAM,mCAAA,GAAsC,CAAC,EAAE,cAAA,EAAe,KAAgD;AACnH,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIE,eAAS,KAAK,CAAA;AAC1C,EAAA,uBACEP,eAAA,CAAAQ,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAZ,cAAA;AAAA,MAACa,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,OAAA,EAAQ,kCAAA;AAAA,QACR,OAAA,EAAS,MAAM,SAAA,CAAU,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,QAE/B,QAAA,EAAA,cAAA,CAAe,WAAA,IAAe,cAAA,CAAe,WAAA,mBAC5Cb,cAAA,CAACc,kBAAA,EAAA,EAAO,SAAA,EAAU,8BAAA,EAA+B,CAAA,mBAEjDd,cAAA,CAACe,uBAAA,EAAA,EAAY,SAAA,EAAU,2CAAA,EAA4C;AAAA;AAAA,KAEvE;AAAA,oBAEAf,cAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QACC,sBAAsB,cAAA,CAAe,MAAA;AAAA,QACrC,yBAAyB,cAAA,CAAe,SAAA;AAAA,QACxC,2BAA2B,cAAA,CAAe,WAAA;AAAA,QAC1C,2BAA2B,cAAA,CAAe,WAAA;AAAA,QAC1C,IAAA,EAAM,MAAA;AAAA,QACN,YAAA,EAAc;AAAA;AAAA;AAChB,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"background-task-metadata-dialog.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/background-task-metadata-dialog.tsx"],"sourcesContent":["import { Loader2Icon, Share2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { useGetBackgroundTaskById, useBackgroundTaskStream } from '@/domains/agents/hooks/use-background-tasks';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n DialogBody,\n} from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { toSigFigs } from '@/utils/number';\n\ninterface BackgroundTaskMetadataProps {\n backgroundTaskTaskId: string;\n backgroundTaskStartedAt: Date;\n backgroundTaskCompletedAt?: Date;\n backgroundTaskSuspendedAt?: Date;\n open: boolean;\n onOpenChange: (open: boolean) => void;\n}\n\nconst BackgroundTaskMetadata = ({\n backgroundTaskTaskId,\n backgroundTaskStartedAt,\n backgroundTaskCompletedAt,\n backgroundTaskSuspendedAt,\n open,\n onOpenChange,\n}: BackgroundTaskMetadataProps) => {\n const { data: task } = useGetBackgroundTaskById(\n backgroundTaskTaskId,\n !!backgroundTaskCompletedAt \|\| !!backgroundTaskSuspendedAt,\n );\n const { tasks } = useBackgroundTaskStream({\n taskId: backgroundTaskTaskId,\n enabled: !backgroundTaskCompletedAt && !backgroundTaskSuspendedAt,\n });\n\n const timeDiff = useTimeDiff({\n startedAt: new Date(backgroundTaskStartedAt).getTime(),\n endedAt: backgroundTaskCompletedAt\n ? new Date(backgroundTaskCompletedAt).getTime()\n : backgroundTaskSuspendedAt\n ? new Date(backgroundTaskSuspendedAt).getTime()\n : undefined,\n });\n\n const backgroundTask = task \|\| tasks[backgroundTaskTaskId];\n\n const args = backgroundTask?.args;\n const result = backgroundTask?.result as any;\n const suspendPayload = backgroundTask?.suspendPayload;\n\n let argSlot = null;\n\n try {\n const {\n __mastraMetadata: _,\n _background,\n ...formattedArgs\n } = typeof args === 'object' ? args : JSON.parse(args ?? '');\n argSlot = <CodeEditor data={formattedArgs} />;\n } catch {\n argSlot = <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{args as unknown as string}</pre>;\n }\n\n const resultSlot =\n typeof result === 'string' ? (\n <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{result}</pre>\n ) : (\n <CodeEditor data={result} />\n );\n\n const suspendPayloadSlot =\n typeof suspendPayload === 'string' ? (\n <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{suspendPayload}</pre>\n ) : (\n <CodeEditor data={suspendPayload as Record<string, unknown> \| Record<string, unknown>[] \| undefined} />\n );\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogContent>\n <DialogHeader>\n <DialogTitle>Background Task Metadata</DialogTitle>\n <DialogDescription>View the metadata of the background task.</DialogDescription>\n </DialogHeader>\n\n <DialogBody>\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Duration</Txt>\n <Txt tone=\"ink\" className=\"text-body\">\n {toSigFigs(timeDiff, 3)}ms\n </Txt>\n </div>\n\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Arguments</Txt>\n {argSlot}\n </div>\n\n {suspendPayloadSlot !== undefined && suspendPayload && (\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Suspend Data</Txt>\n {suspendPayloadSlot}\n </div>\n )}\n\n {resultSlot !== undefined && result && (\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Result</Txt>\n {resultSlot}\n </div>\n )}\n </DialogBody>\n </DialogContent>\n </Dialog>\n );\n};\n\nexport interface BackgroundTaskMetadataDialogTriggerProps {\n backgroundTask: {\n taskId: string;\n startedAt: Date;\n completedAt?: Date;\n suspendedAt?: Date;\n };\n}\n\nexport const BackgroundTaskMetadataDialogTrigger = ({ backgroundTask }: BackgroundTaskMetadataDialogTriggerProps) => {\n const [isOpen, setIsOpen] = useState(false);\n return (\n <>\n <Button\n variant=\"default\"\n size=\"icon-md\"\n tooltip=\"Show background task information\"\n onClick={() => setIsOpen(s => !s)}\n >\n {backgroundTask.completedAt \|\| backgroundTask.suspendedAt ? (\n <Share2 className=\"size-5 text-muted-foreground\" />\n ) : (\n <Loader2Icon className=\"size-5 animate-spin text-muted-foreground\" />\n )}\n </Button>\n\n <BackgroundTaskMetadata\n backgroundTaskTaskId={backgroundTask.taskId}\n backgroundTaskStartedAt={backgroundTask.startedAt}\n backgroundTaskCompletedAt={backgroundTask.completedAt}\n backgroundTaskSuspendedAt={backgroundTask.suspendedAt}\n open={isOpen}\n onOpenChange={setIsOpen}\n />\n </>\n );\n};\n"],"names":["useGetBackgroundTaskById","useBackgroundTaskStream","useTimeDiff","jsx","CodeEditor","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","DialogBody","Txt","toSigFigs","useState","Fragment","Button","Share2","Loader2Icon"],"mappings":"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"}

package/dist/domains/chat/tools/badges/background-task-metadata-dialog.es.js CHANGED Viewed

@@ -2,9 +2,9 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Share2, Loader2Icon } from 'lucide-react';
 import { useState } from 'react';
 import { useGetBackgroundTaskById, useBackgroundTaskStream } from '../../../agents/hooks/use-background-tasks.es.js';
-import { B as Button } from '../../../../Button-BY9qlu8K.js';
-import { C as CodeEditor } from '../../../../code-editor-F12uuTDl.js';
-import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../../../../dialog-CZBP5xw9.js';
+import { B as Button } from '../../../../Button-C6eUqcPI.js';
+import { C as CodeEditor } from '../../../../code-editor-Cltwid7c.js';
+import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../../../../dialog-cKzR2TXI.js';
 import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
 import { useTimeDiff } from '../../../../hooks/use-time-diff.es.js';
 import { toSigFigs } from '../../../../utils/number.es.js';
@@ -51,7 +51,7 @@ const BackgroundTaskMetadata = ({
       /* @__PURE__ */ jsx(DialogTitle, { children: "Background Task Metadata" }),
       /* @__PURE__ */ jsx(DialogDescription, { children: "View the metadata of the background task." })
     ] }),
-    /* @__PURE__ */ jsxs(DialogBody, { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs(DialogBody, { children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx(Txt, { tone: "muted", children: "Background Task Duration" }),
         /* @__PURE__ */ jsxs(Txt, { tone: "ink", className: "text-body", children: [

package/dist/domains/chat/tools/badges/background-task-metadata-dialog.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"background-task-metadata-dialog.es.js","sources":["../../../../../src/domains/chat/tools/badges/background-task-metadata-dialog.tsx"],"sourcesContent":["import { Loader2Icon, Share2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { useGetBackgroundTaskById, useBackgroundTaskStream } from '@/domains/agents/hooks/use-background-tasks';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n DialogBody,\n} from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { toSigFigs } from '@/utils/number';\n\ninterface BackgroundTaskMetadataProps {\n backgroundTaskTaskId: string;\n backgroundTaskStartedAt: Date;\n backgroundTaskCompletedAt?: Date;\n backgroundTaskSuspendedAt?: Date;\n open: boolean;\n onOpenChange: (open: boolean) => void;\n}\n\nconst BackgroundTaskMetadata = ({\n backgroundTaskTaskId,\n backgroundTaskStartedAt,\n backgroundTaskCompletedAt,\n backgroundTaskSuspendedAt,\n open,\n onOpenChange,\n}: BackgroundTaskMetadataProps) => {\n const { data: task } = useGetBackgroundTaskById(\n backgroundTaskTaskId,\n !!backgroundTaskCompletedAt \|\| !!backgroundTaskSuspendedAt,\n );\n const { tasks } = useBackgroundTaskStream({\n taskId: backgroundTaskTaskId,\n enabled: !backgroundTaskCompletedAt && !backgroundTaskSuspendedAt,\n });\n\n const timeDiff = useTimeDiff({\n startedAt: new Date(backgroundTaskStartedAt).getTime(),\n endedAt: backgroundTaskCompletedAt\n ? new Date(backgroundTaskCompletedAt).getTime()\n : backgroundTaskSuspendedAt\n ? new Date(backgroundTaskSuspendedAt).getTime()\n : undefined,\n });\n\n const backgroundTask = task \|\| tasks[backgroundTaskTaskId];\n\n const args = backgroundTask?.args;\n const result = backgroundTask?.result as any;\n const suspendPayload = backgroundTask?.suspendPayload;\n\n let argSlot = null;\n\n try {\n const {\n __mastraMetadata: _,\n _background,\n ...formattedArgs\n } = typeof args === 'object' ? args : JSON.parse(args ?? '');\n argSlot = <CodeEditor data={formattedArgs} />;\n } catch {\n argSlot = <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{args as unknown as string}</pre>;\n }\n\n const resultSlot =\n typeof result === 'string' ? (\n <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{result}</pre>\n ) : (\n <CodeEditor data={result} />\n );\n\n const suspendPayloadSlot =\n typeof suspendPayload === 'string' ? (\n <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{suspendPayload}</pre>\n ) : (\n <CodeEditor data={suspendPayload as Record<string, unknown> \| Record<string, unknown>[] \| undefined} />\n );\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogContent>\n <DialogHeader>\n <DialogTitle>Background Task Metadata</DialogTitle>\n <DialogDescription>View the metadata of the background task.</DialogDescription>\n </DialogHeader>\n\n <DialogBody ~~className=\"space-y-4\"~~>\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Duration</Txt>\n <Txt tone=\"ink\" className=\"text-body\">\n {toSigFigs(timeDiff, 3)}ms\n </Txt>\n </div>\n\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Arguments</Txt>\n {argSlot}\n </div>\n\n {suspendPayloadSlot !== undefined && suspendPayload && (\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Suspend Data</Txt>\n {suspendPayloadSlot}\n </div>\n )}\n\n {resultSlot !== undefined && result && (\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Result</Txt>\n {resultSlot}\n </div>\n )}\n </DialogBody>\n </DialogContent>\n </Dialog>\n );\n};\n\nexport interface BackgroundTaskMetadataDialogTriggerProps {\n backgroundTask: {\n taskId: string;\n startedAt: Date;\n completedAt?: Date;\n suspendedAt?: Date;\n };\n}\n\nexport const BackgroundTaskMetadataDialogTrigger = ({ backgroundTask }: BackgroundTaskMetadataDialogTriggerProps) => {\n const [isOpen, setIsOpen] = useState(false);\n return (\n <>\n <Button\n variant=\"default\"\n size=\"icon-md\"\n tooltip=\"Show background task information\"\n onClick={() => setIsOpen(s => !s)}\n >\n {backgroundTask.completedAt \|\| backgroundTask.suspendedAt ? (\n <Share2 className=\"size-5 text-muted-foreground\" />\n ) : (\n <Loader2Icon className=\"size-5 animate-spin text-muted-foreground\" />\n )}\n </Button>\n\n <BackgroundTaskMetadata\n backgroundTaskTaskId={backgroundTask.taskId}\n backgroundTaskStartedAt={backgroundTask.startedAt}\n backgroundTaskCompletedAt={backgroundTask.completedAt}\n backgroundTaskSuspendedAt={backgroundTask.suspendedAt}\n open={isOpen}\n onOpenChange={setIsOpen}\n />\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA0BA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,oBAAA;AAAA,EACA,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,yBAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,wBAAA;AAAA,IACrB,oBAAA;AAAA,IACA,CAAC,CAAC,yBAAA,IAA6B,CAAC,CAAC;AAAA,GACnC;AACA,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,uBAAA,CAAwB;AAAA,IACxC,MAAA,EAAQ,oBAAA;AAAA,IACR,OAAA,EAAS,CAAC,yBAAA,IAA6B,CAAC;AAAA,GACzC,CAAA;AAED,EAAA,MAAM,WAAW,WAAA,CAAY;AAAA,IAC3B,SAAA,EAAW,IAAI,IAAA,CAAK,uBAAuB,EAAE,OAAA,EAAQ;AAAA,IACrD,OAAA,EAAS,yBAAA,GACL,IAAI,IAAA,CAAK,yBAAyB,CAAA,CAAE,OAAA,EAAQ,GAC5C,yBAAA,GACE,IAAI,IAAA,CAAK,yBAAyB,CAAA,CAAE,SAAQ,GAC5C;AAAA,GACP,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,IAAA,IAAQ,KAAA,CAAM,oBAAoB,CAAA;AAEzD,EAAA,MAAM,OAAO,cAAA,EAAgB,IAAA;AAC7B,EAAA,MAAM,SAAS,cAAA,EAAgB,MAAA;AAC/B,EAAA,MAAM,iBAAiB,cAAA,EAAgB,cAAA;AAEvC,EAAA,IAAI,OAAA,GAAU,IAAA;AAEd,EAAA,IAAI;AACF,IAAA,MAAM;AAAA,MACJ,gBAAA,EAAkB,CAAA;AAAA,MAClB,WAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,OAAO,IAAA,KAAS,QAAA,GAAW,OAAO,IAAA,CAAK,KAAA,CAAM,QAAQ,EAAE,CAAA;AAC3D,IAAA,OAAA,mBAAU,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,aAAA,EAAe,CAAA;AAAA,EAC7C,CAAA,CAAA,MAAQ;AACN,IAAA,OAAA,mBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,IAAA,EAA0B,CAAA;AAAA,EAC/G;AAEA,EAAA,MAAM,UAAA,GACJ,OAAO,MAAA,KAAW,QAAA,mBAChB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,MAAA,EAAO,CAAA,mBAEhF,GAAA,CAAC,UAAA,EAAA,EAAW,MAAM,MAAA,EAAQ,CAAA;AAG9B,EAAA,MAAM,kBAAA,GACJ,OAAO,cAAA,KAAmB,QAAA,mBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,cAAA,EAAe,CAAA,mBAExF,GAAA,CAAC,UAAA,EAAA,EAAW,MAAM,cAAA,EAAmF,CAAA;AAGzG,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAY,YAAA,EAClB,+BAAC,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,eAAY,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,sBACrC,GAAA,CAAC,qBAAkB,QAAA,EAAA,2CAAA,EAAyC;AAAA,KAAA,EAC9D,CAAA;AAAA,~~oBAEA~~,~~IAAA,CAAC,~~UAAA,EAAA,~~EAAW~~,~~SAAA,EAAU,WAAA,EACpB,~~QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,wBAC1C,IAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,KAAA,EAAM,WAAU,WAAA,EACvB,QAAA,EAAA;AAAA,UAAA,SAAA,CAAU,UAAU,CAAC,CAAA;AAAA,UAAE;AAAA,SAAA,EAC1B;AAAA,OAAA,EACF,CAAA;AAAA,sBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,2BAAA,EAAyB,CAAA;AAAA,QAC1C;AAAA,OAAA,EACH,CAAA;AAAA,MAEC,uBAAuB,MAAA,IAAa,cAAA,oBACnC,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,8BAAA,EAA4B,CAAA;AAAA,QAC7C;AAAA,OAAA,EACH,CAAA;AAAA,MAGD,eAAe,MAAA,IAAa,MAAA,oBAC3B,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,wBAAA,EAAsB,CAAA;AAAA,QACvC;AAAA,OAAA,EACH;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ,CAAA;AAWO,MAAM,mCAAA,GAAsC,CAAC,EAAE,cAAA,EAAe,KAAgD;AACnH,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,OAAA,EAAQ,kCAAA;AAAA,QACR,OAAA,EAAS,MAAM,SAAA,CAAU,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,QAE/B,QAAA,EAAA,cAAA,CAAe,WAAA,IAAe,cAAA,CAAe,WAAA,mBAC5C,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,8BAAA,EAA+B,CAAA,mBAEjD,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,2CAAA,EAA4C;AAAA;AAAA,KAEvE;AAAA,oBAEA,GAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QACC,sBAAsB,cAAA,CAAe,MAAA;AAAA,QACrC,yBAAyB,cAAA,CAAe,SAAA;AAAA,QACxC,2BAA2B,cAAA,CAAe,WAAA;AAAA,QAC1C,2BAA2B,cAAA,CAAe,WAAA;AAAA,QAC1C,IAAA,EAAM,MAAA;AAAA,QACN,YAAA,EAAc;AAAA;AAAA;AAChB,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"background-task-metadata-dialog.es.js","sources":["../../../../../src/domains/chat/tools/badges/background-task-metadata-dialog.tsx"],"sourcesContent":["import { Loader2Icon, Share2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { useGetBackgroundTaskById, useBackgroundTaskStream } from '@/domains/agents/hooks/use-background-tasks';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n DialogBody,\n} from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { toSigFigs } from '@/utils/number';\n\ninterface BackgroundTaskMetadataProps {\n backgroundTaskTaskId: string;\n backgroundTaskStartedAt: Date;\n backgroundTaskCompletedAt?: Date;\n backgroundTaskSuspendedAt?: Date;\n open: boolean;\n onOpenChange: (open: boolean) => void;\n}\n\nconst BackgroundTaskMetadata = ({\n backgroundTaskTaskId,\n backgroundTaskStartedAt,\n backgroundTaskCompletedAt,\n backgroundTaskSuspendedAt,\n open,\n onOpenChange,\n}: BackgroundTaskMetadataProps) => {\n const { data: task } = useGetBackgroundTaskById(\n backgroundTaskTaskId,\n !!backgroundTaskCompletedAt \|\| !!backgroundTaskSuspendedAt,\n );\n const { tasks } = useBackgroundTaskStream({\n taskId: backgroundTaskTaskId,\n enabled: !backgroundTaskCompletedAt && !backgroundTaskSuspendedAt,\n });\n\n const timeDiff = useTimeDiff({\n startedAt: new Date(backgroundTaskStartedAt).getTime(),\n endedAt: backgroundTaskCompletedAt\n ? new Date(backgroundTaskCompletedAt).getTime()\n : backgroundTaskSuspendedAt\n ? new Date(backgroundTaskSuspendedAt).getTime()\n : undefined,\n });\n\n const backgroundTask = task \|\| tasks[backgroundTaskTaskId];\n\n const args = backgroundTask?.args;\n const result = backgroundTask?.result as any;\n const suspendPayload = backgroundTask?.suspendPayload;\n\n let argSlot = null;\n\n try {\n const {\n __mastraMetadata: _,\n _background,\n ...formattedArgs\n } = typeof args === 'object' ? args : JSON.parse(args ?? '');\n argSlot = <CodeEditor data={formattedArgs} />;\n } catch {\n argSlot = <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{args as unknown as string}</pre>;\n }\n\n const resultSlot =\n typeof result === 'string' ? (\n <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{result}</pre>\n ) : (\n <CodeEditor data={result} />\n );\n\n const suspendPayloadSlot =\n typeof suspendPayload === 'string' ? (\n <pre className=\"overflow-x-auto rounded-md bg-muted p-4 whitespace-pre\">{suspendPayload}</pre>\n ) : (\n <CodeEditor data={suspendPayload as Record<string, unknown> \| Record<string, unknown>[] \| undefined} />\n );\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogContent>\n <DialogHeader>\n <DialogTitle>Background Task Metadata</DialogTitle>\n <DialogDescription>View the metadata of the background task.</DialogDescription>\n </DialogHeader>\n\n <DialogBody>\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Duration</Txt>\n <Txt tone=\"ink\" className=\"text-body\">\n {toSigFigs(timeDiff, 3)}ms\n </Txt>\n </div>\n\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Arguments</Txt>\n {argSlot}\n </div>\n\n {suspendPayloadSlot !== undefined && suspendPayload && (\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Suspend Data</Txt>\n {suspendPayloadSlot}\n </div>\n )}\n\n {resultSlot !== undefined && result && (\n <div className=\"space-y-2\">\n <Txt tone=\"muted\">Background Task Result</Txt>\n {resultSlot}\n </div>\n )}\n </DialogBody>\n </DialogContent>\n </Dialog>\n );\n};\n\nexport interface BackgroundTaskMetadataDialogTriggerProps {\n backgroundTask: {\n taskId: string;\n startedAt: Date;\n completedAt?: Date;\n suspendedAt?: Date;\n };\n}\n\nexport const BackgroundTaskMetadataDialogTrigger = ({ backgroundTask }: BackgroundTaskMetadataDialogTriggerProps) => {\n const [isOpen, setIsOpen] = useState(false);\n return (\n <>\n <Button\n variant=\"default\"\n size=\"icon-md\"\n tooltip=\"Show background task information\"\n onClick={() => setIsOpen(s => !s)}\n >\n {backgroundTask.completedAt \|\| backgroundTask.suspendedAt ? (\n <Share2 className=\"size-5 text-muted-foreground\" />\n ) : (\n <Loader2Icon className=\"size-5 animate-spin text-muted-foreground\" />\n )}\n </Button>\n\n <BackgroundTaskMetadata\n backgroundTaskTaskId={backgroundTask.taskId}\n backgroundTaskStartedAt={backgroundTask.startedAt}\n backgroundTaskCompletedAt={backgroundTask.completedAt}\n backgroundTaskSuspendedAt={backgroundTask.suspendedAt}\n open={isOpen}\n onOpenChange={setIsOpen}\n />\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA0BA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,oBAAA;AAAA,EACA,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,yBAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,wBAAA;AAAA,IACrB,oBAAA;AAAA,IACA,CAAC,CAAC,yBAAA,IAA6B,CAAC,CAAC;AAAA,GACnC;AACA,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,uBAAA,CAAwB;AAAA,IACxC,MAAA,EAAQ,oBAAA;AAAA,IACR,OAAA,EAAS,CAAC,yBAAA,IAA6B,CAAC;AAAA,GACzC,CAAA;AAED,EAAA,MAAM,WAAW,WAAA,CAAY;AAAA,IAC3B,SAAA,EAAW,IAAI,IAAA,CAAK,uBAAuB,EAAE,OAAA,EAAQ;AAAA,IACrD,OAAA,EAAS,yBAAA,GACL,IAAI,IAAA,CAAK,yBAAyB,CAAA,CAAE,OAAA,EAAQ,GAC5C,yBAAA,GACE,IAAI,IAAA,CAAK,yBAAyB,CAAA,CAAE,SAAQ,GAC5C;AAAA,GACP,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,IAAA,IAAQ,KAAA,CAAM,oBAAoB,CAAA;AAEzD,EAAA,MAAM,OAAO,cAAA,EAAgB,IAAA;AAC7B,EAAA,MAAM,SAAS,cAAA,EAAgB,MAAA;AAC/B,EAAA,MAAM,iBAAiB,cAAA,EAAgB,cAAA;AAEvC,EAAA,IAAI,OAAA,GAAU,IAAA;AAEd,EAAA,IAAI;AACF,IAAA,MAAM;AAAA,MACJ,gBAAA,EAAkB,CAAA;AAAA,MAClB,WAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,OAAO,IAAA,KAAS,QAAA,GAAW,OAAO,IAAA,CAAK,KAAA,CAAM,QAAQ,EAAE,CAAA;AAC3D,IAAA,OAAA,mBAAU,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,aAAA,EAAe,CAAA;AAAA,EAC7C,CAAA,CAAA,MAAQ;AACN,IAAA,OAAA,mBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,IAAA,EAA0B,CAAA;AAAA,EAC/G;AAEA,EAAA,MAAM,UAAA,GACJ,OAAO,MAAA,KAAW,QAAA,mBAChB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,MAAA,EAAO,CAAA,mBAEhF,GAAA,CAAC,UAAA,EAAA,EAAW,MAAM,MAAA,EAAQ,CAAA;AAG9B,EAAA,MAAM,kBAAA,GACJ,OAAO,cAAA,KAAmB,QAAA,mBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EAA0D,QAAA,EAAA,cAAA,EAAe,CAAA,mBAExF,GAAA,CAAC,UAAA,EAAA,EAAW,MAAM,cAAA,EAAmF,CAAA;AAGzG,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAY,YAAA,EAClB,+BAAC,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,eAAY,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,sBACrC,GAAA,CAAC,qBAAkB,QAAA,EAAA,2CAAA,EAAyC;AAAA,KAAA,EAC9D,CAAA;AAAA,yBAEC,UAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,wBAC1C,IAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,KAAA,EAAM,WAAU,WAAA,EACvB,QAAA,EAAA;AAAA,UAAA,SAAA,CAAU,UAAU,CAAC,CAAA;AAAA,UAAE;AAAA,SAAA,EAC1B;AAAA,OAAA,EACF,CAAA;AAAA,sBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,2BAAA,EAAyB,CAAA;AAAA,QAC1C;AAAA,OAAA,EACH,CAAA;AAAA,MAEC,uBAAuB,MAAA,IAAa,cAAA,oBACnC,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,8BAAA,EAA4B,CAAA;AAAA,QAC7C;AAAA,OAAA,EACH,CAAA;AAAA,MAGD,eAAe,MAAA,IAAa,MAAA,oBAC3B,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,wBAAA,EAAsB,CAAA;AAAA,QACvC;AAAA,OAAA,EACH;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ,CAAA;AAWO,MAAM,mCAAA,GAAsC,CAAC,EAAE,cAAA,EAAe,KAAgD;AACnH,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,OAAA,EAAQ,kCAAA;AAAA,QACR,OAAA,EAAS,MAAM,SAAA,CAAU,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,QAE/B,QAAA,EAAA,cAAA,CAAe,WAAA,IAAe,cAAA,CAAe,WAAA,mBAC5C,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,8BAAA,EAA+B,CAAA,mBAEjD,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,2CAAA,EAA4C;AAAA;AAAA,KAEvE;AAAA,oBAEA,GAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QACC,sBAAsB,cAAA,CAAe,MAAA;AAAA,QACrC,yBAAyB,cAAA,CAAe,SAAA;AAAA,QACxC,2BAA2B,cAAA,CAAe,WAAA;AAAA,QAC1C,2BAA2B,cAAA,CAAe,WAAA;AAAA,QAC1C,IAAA,EAAM,MAAA;AAAA,QACN,YAAA,EAAc;AAAA;AAAA;AAChB,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -7,8 +7,8 @@ const React = require('react');
 const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
-const codeBlock = require('../../../../code-block-C6-5zM_o.cjs');
-const codeEditor = require('../../../../code-editor-By2dTBXC.cjs');
+const codeBlock = require('../../../../code-block-C7A4Hv96.cjs');
+const codeEditor = require('../../../../code-editor-BXchPl_F.cjs');
 const icons_ToolCoinIcon = require('../../../../icons/ToolCoinIcon.cjs.js');
 const utils_formatting = require('../../../../utils/formatting.cjs.js');
@@ -43,7 +43,7 @@ const CodeModeBadge = ({
     domains_chat_components_badgeWrapper.BadgeWrapper,
     {
       "data-testid": "code-mode-badge",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(icons_ToolCoinIcon.ToolCoinIcon, { className: "text-accent6" }),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons_ToolCoinIcon.ToolCoinIcon, { className: "text-span-tool" }),
       title: toolName,
       initialCollapsed: !toolApprovalMetadata,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -57,7 +57,7 @@ const CodeModeBadge = ({
             "pre",
             {
               "data-testid": "code-mode-error",
-              className: "rounded-md bg-muted px-3 py-2 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-destructive-indicator",
               children: [
                 error.name ? `${error.name}: ` : "",
                 error.message,
@@ -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 text-caption break-words whitespace-pre-wrap text-neutral-300",
+              className: "max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap",
               children: logs.join("\n")
             }
           )

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

	@@ -1 +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 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":";;;;;;;;;;;;;;AAoBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA,EAAY;AACd,CAAA,KAA0B;AACxB,EAAA,MAAM,IAAA,GAAO,MAAA,EAAQ,IAAA,IAAQ,EAAC;AAC9B,EAAA,MAAM,QAAQ,MAAA,EAAQ,KAAA;AACtB,EAAA,MAAM,cAAc,MAAA,EAAQ,MAAA;AAC5B,EAAA,MAAM,iBAAiB,WAAA,KAAgB,MAAA;AAEvC,EAAA,MAAM,UAAA,GAAa,kBAAkB,MAAA,KAAW,MAAA;AAKhD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,IAAI,CAAA;AACvD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAAC,iCAAA,CAAiB,IAAI,CAAA,CAClB,IAAA,CAAK,CAAA,MAAA,KAAU;AACd,MAAA,IAAI,CAAC,SAAA,EAAW,gBAAA,CAAiB,MAAM,CAAA;AAAA,IACzC,CAAC,CAAA,CACA,KAAA,CAAM,MAAM;AACX,MAAA,IAAI,CAAC,SAAA,EAAW,gBAAA,CAAiB,IAAI,CAAA;AAAA,IACvC,CAAC,CAAA;AACH,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,uBACEC,cAAA;AAAA,IAACC,iDAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,iBAAA;AAAA,MACZ,IAAA,kBAAMD,cAAA,CAACE,+BAAA,EAAA,EAAa,SAAA,EAAU,~~cAAA~~,~~EAAe~~,CAAA;AAAA,~~MAC7C~~,KAAA,EAAO,QAAA;AAAA,MACP,kBAAkB,CAAC,oBAAA;AAAA,MAEnB,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,qDAAa,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BACrBJ,cAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,mBAAA,EACf,QAAA,kBAAAA,cAAA,CAACK,uBAAU,IAAA,EAAM,aAAA,EAAe,IAAA,EAAK,YAAA,EAAa,CAAA,EACpD;AAAA,SAAA,EACF,CAAA;AAAA,QAEC,KAAA,oCACE,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAL,cAAA,CAACI,qDAAa,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,0BACnBD,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,iBAAA;AAAA,cACZ,SAAA,EAAU,~~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,oCACE,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,qDAAa,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,UACnB,OAAO,gBAAgB,QAAA,mBACtBJ,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,mGAAA;AAAA,cACV,aAAA,EAAY,kBAAA;AAAA,cAEX,QAAA,EAAA;AAAA;AAAA,8BAGHA,cAAA,CAACM,qBAAA,EAAA,EAAW,IAAA,EAAM,WAAA,EAAwC,eAAY,kBAAA,EAAmB;AAAA,SAAA,EAE7F,CAAA;AAAA,QAGD,IAAA,CAAK,MAAA,GAAS,CAAA,oBACbH,eAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,qDAAa,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,0BAClBJ,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,gBAAA;AAAA,cACZ,SAAA,EAAU,~~oHAAA~~;AAAA,cAET,QAAA,EAAA,IAAA,CAAK,KAAK,IAAI;AAAA;AAAA;AACjB,SAAA,EACF,CAAA;AAAA,wBAGFA,cAAA;AAAA,UAACO,iEAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,UAAA;AAAA,YACA,oBAAA;AAAA,YACA,QAAA;AAAA,YACA,SAAA;AAAA,YACA,cAAA,EAAgB,UAAU,IAAA,KAAS;AAAA;AAAA;AACrC,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}
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-span-tool\" />}\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-destructive-indicator\"\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-muted px-3 py-2 text-caption break-words whitespace-pre-wrap\"\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 CHANGED Viewed

@@ -3,8 +3,8 @@ import { useState, useEffect } from 'react';
 import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { SectionLabel } from '../../components/section-label.es.js';
 import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
-import { C as CodeBlock } from '../../../../code-block-D-skg1p_.js';
-import { C as CodeEditor } from '../../../../code-editor-F12uuTDl.js';
+import { C as CodeBlock } from '../../../../code-block-C_pvalBv.js';
+import { C as CodeEditor } from '../../../../code-editor-Cltwid7c.js';
 import { ToolCoinIcon } from '../../../../icons/ToolCoinIcon.es.js';
 import { formatTypeScript } from '../../../../utils/formatting.es.js';
@@ -39,7 +39,7 @@ const CodeModeBadge = ({
     BadgeWrapper,
     {
       "data-testid": "code-mode-badge",
-      icon: /* @__PURE__ */ jsx(ToolCoinIcon, { className: "text-accent6" }),
+      icon: /* @__PURE__ */ jsx(ToolCoinIcon, { className: "text-span-tool" }),
       title: toolName,
       initialCollapsed: !toolApprovalMetadata,
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -53,7 +53,7 @@ const CodeModeBadge = ({
             "pre",
             {
               "data-testid": "code-mode-error",
-              className: "rounded-md bg-muted px-3 py-2 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-destructive-indicator",
               children: [
                 error.name ? `${error.name}: ` : "",
                 error.message,
@@ -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 text-caption break-words whitespace-pre-wrap text-neutral-300",
+              className: "max-h-60 overflow-auto rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap",
               children: logs.join("\n")
             }
           )

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

	@@ -1 +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 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;;;;"}
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-span-tool\" />}\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-destructive-indicator\"\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-muted px-3 py-2 text-caption break-words whitespace-pre-wrap\"\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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"}