npm - @mastra/playground-ui - Versions diffs - 61.0.0-alpha.6 → 61.0.0 - Mend

@mastra/playground-ui 61.0.0-alpha.6 → 61.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 (1062) hide show

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 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-Ipm4Kqvc.cjs');
-const codeEditor = require('../../../../code-editor-Btr1qm_5.cjs');
+const domains_chat_tools_badges_toolApprovalBadge = require('./tool-approval-badge.cjs.js');
+const code = require('../../../../code-Dcah35Gp.cjs');
+const codeBlock = require('../../../../code-block-CxN4T0Xw.cjs');
+const codeEditor = require('../../../../code-editor-GtjlBrBg.cjs');
 const icons_ToolCoinIcon = require('../../../../icons/ToolCoinIcon.cjs.js');
 const utils_formatting = require('../../../../utils/formatting.cjs.js');
 const CodeModeBadge = ({
   toolName,
-  code,
+  code: code$1,
   result,
   metadata,
   toolCallId,
@@ -27,21 +27,29 @@ const CodeModeBadge = ({
   const resultValue = result?.result;
   const hasResultValue = resultValue !== void 0;
   const toolCalled = toolCalledProp ?? result !== void 0;
-  const [formattedCode, setFormattedCode] = React.useState(code);
+  const [formattedCode, setFormattedCode] = React.useState(code$1);
   React.useEffect(() => {
     let cancelled = false;
-    utils_formatting.formatTypeScript(code).then((pretty) => {
+    utils_formatting.formatTypeScript(code$1).then((pretty) => {
       if (!cancelled) setFormattedCode(pretty);
     }).catch(() => {
-      if (!cancelled) setFormattedCode(code);
+      if (!cancelled) setFormattedCode(code$1);
     });
     return () => {
       cancelled = true;
     };
-  }, [code]);
+  }, [code$1]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    domains_chat_components_badgeWrapper.BadgeWrapper,
+    domains_chat_tools_badges_toolApprovalBadge.ToolApprovalBadge,
     {
+      approval: {
+        toolCalled,
+        toolCallId,
+        toolApprovalMetadata,
+        toolName,
+        isNetwork,
+        isGenerateMode: metadata?.mode === "generate"
+      },
       "data-testid": "code-mode-badge",
       icon: /* @__PURE__ */ jsxRuntime.jsx(icons_ToolCoinIcon.ToolCoinIcon, { className: "text-span-tool" }),
       title: toolName,
@@ -53,52 +61,37 @@ const CodeModeBadge = ({
         ] }),
         error && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(domains_chat_components_sectionLabel.SectionLabel, { children: "Error" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "pre",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            code.Code,
             {
               "data-testid": "code-mode-error",
               className: "rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap text-destructive-foreground",
-              children: [
-                error.name ? `${error.name}: ` : "",
-                error.message,
-                typeof error.line === "number" ? ` (line ${error.line})` : ""
-              ]
+              code: `${error.name ? `${error.name}: ` : ""}${error.message}${typeof error.line === "number" ? ` (line ${error.line})` : ""}`
             }
           )
         ] }),
         hasResultValue && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(domains_chat_components_sectionLabel.SectionLabel, { children: "Result" }),
           typeof resultValue === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "pre",
+            code.Code,
             {
               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
+              code: resultValue
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { data: resultValue, "data-testid": "code-mode-result" })
         ] }),
         logs.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(domains_chat_components_sectionLabel.SectionLabel, { children: "Logs" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            "pre",
+            code.Code,
             {
               "data-testid": "code-mode-logs",
               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")
+              code: logs.join("\n")
             }
           )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          domains_chat_tools_badges_toolApprovalButtons.ToolApprovalButtons,
-          {
-            toolCalled,
-            toolCallId,
-            toolApprovalMetadata,
-            toolName,
-            isNetwork,
-            isGenerateMode: metadata?.mode === "generate"
-          }
-        )
+        ] })
       ] })
     }
   );

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-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-foreground\"\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":";;;;;;;;;;;;;;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,gBAAA,EAAiB,CAAA;AAAA,MAC/C,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,wGAAA;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,mGAAA;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 { SectionLabel } from '../../components/section-label';\nimport type { MessageMetadata } from '../../messages/message-metadata';\nimport type { CodeModeResult } from '../code-mode';\nimport type { ToolApprovalRequest } from './tool-approval-badge';\nimport { ToolApprovalBadge } from './tool-approval-badge';\nimport { Code } from '@/ds/components/Code';\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<ToolApprovalRequest, '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 <ToolApprovalBadge\n approval={{\n toolCalled,\n toolCallId,\n toolApprovalMetadata,\n toolName,\n isNetwork,\n isGenerateMode: metadata?.mode === 'generate',\n }}\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 <Code\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-foreground\"\n code={`${error.name ? `${error.name}: ` : ''}${error.message}${typeof error.line === 'number' ? ` (line ${error.line})` : ''}`}\n />\n </div>\n )}\n\n {hasResultValue && (\n <div>\n <SectionLabel>Result</SectionLabel>\n {typeof resultValue === 'string' ? (\n <Code\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 code={resultValue}\n />\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 <Code\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 code={logs.join('\\n')}\n />\n </div>\n )}\n </div>\n </ToolApprovalBadge>\n );\n};\n"],"names":["code","useState","useEffect","formatTypeScript","jsx","ToolApprovalBadge","ToolCoinIcon","jsxs","SectionLabel","CodeBlock","Code","CodeEditor"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 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-BMmilLti.js';
-import { C as CodeEditor } from '../../../../code-editor-DzhYz1fH.js';
+import { ToolApprovalBadge } from './tool-approval-badge.es.js';
+import { C as Code } from '../../../../code-DAXWNzvf.js';
+import { C as CodeBlock } from '../../../../code-block-Cug9dlAp.js';
+import { C as CodeEditor } from '../../../../code-editor-zKwlle-5.js';
 import { ToolCoinIcon } from '../../../../icons/ToolCoinIcon.es.js';
 import { formatTypeScript } from '../../../../utils/formatting.es.js';
@@ -36,8 +36,16 @@ const CodeModeBadge = ({
     };
   }, [code]);
   return /* @__PURE__ */ jsx(
-    BadgeWrapper,
+    ToolApprovalBadge,
     {
+      approval: {
+        toolCalled,
+        toolCallId,
+        toolApprovalMetadata,
+        toolName,
+        isNetwork,
+        isGenerateMode: metadata?.mode === "generate"
+      },
       "data-testid": "code-mode-badge",
       icon: /* @__PURE__ */ jsx(ToolCoinIcon, { className: "text-span-tool" }),
       title: toolName,
@@ -49,52 +57,37 @@ const CodeModeBadge = ({
         ] }),
         error && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(SectionLabel, { children: "Error" }),
-          /* @__PURE__ */ jsxs(
-            "pre",
+          /* @__PURE__ */ jsx(
+            Code,
             {
               "data-testid": "code-mode-error",
               className: "rounded-md bg-muted px-3 py-2 text-caption break-words whitespace-pre-wrap text-destructive-foreground",
-              children: [
-                error.name ? `${error.name}: ` : "",
-                error.message,
-                typeof error.line === "number" ? ` (line ${error.line})` : ""
-              ]
+              code: `${error.name ? `${error.name}: ` : ""}${error.message}${typeof error.line === "number" ? ` (line ${error.line})` : ""}`
             }
           )
         ] }),
         hasResultValue && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(SectionLabel, { children: "Result" }),
           typeof resultValue === "string" ? /* @__PURE__ */ jsx(
-            "pre",
+            Code,
             {
               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
+              code: resultValue
             }
           ) : /* @__PURE__ */ jsx(CodeEditor, { data: resultValue, "data-testid": "code-mode-result" })
         ] }),
         logs.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(SectionLabel, { children: "Logs" }),
           /* @__PURE__ */ jsx(
-            "pre",
+            Code,
             {
               "data-testid": "code-mode-logs",
               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")
+              code: logs.join("\n")
             }
           )
-        ] }),
-        /* @__PURE__ */ jsx(
-          ToolApprovalButtons,
-          {
-            toolCalled,
-            toolCallId,
-            toolApprovalMetadata,
-            toolName,
-            isNetwork,
-            isGenerateMode: metadata?.mode === "generate"
-          }
-        )
+        ] })
       ] })
     }
   );

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-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-foreground\"\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":";;;;;;;;;;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,gBAAA,EAAiB,CAAA;AAAA,MAC/C,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,wGAAA;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,mGAAA;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 { SectionLabel } from '../../components/section-label';\nimport type { MessageMetadata } from '../../messages/message-metadata';\nimport type { CodeModeResult } from '../code-mode';\nimport type { ToolApprovalRequest } from './tool-approval-badge';\nimport { ToolApprovalBadge } from './tool-approval-badge';\nimport { Code } from '@/ds/components/Code';\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<ToolApprovalRequest, '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 <ToolApprovalBadge\n approval={{\n toolCalled,\n toolCallId,\n toolApprovalMetadata,\n toolName,\n isNetwork,\n isGenerateMode: metadata?.mode === 'generate',\n }}\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 <Code\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-foreground\"\n code={`${error.name ? `${error.name}: ` : ''}${error.message}${typeof error.line === 'number' ? ` (line ${error.line})` : ''}`}\n />\n </div>\n )}\n\n {hasResultValue && (\n <div>\n <SectionLabel>Result</SectionLabel>\n {typeof resultValue === 'string' ? (\n <Code\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 code={resultValue}\n />\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 <Code\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 code={logs.join('\\n')}\n />\n </div>\n )}\n </div>\n </ToolApprovalBadge>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -6,14 +6,12 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_chat_tools_badges_workspaceDataParts = require('./workspace-data-parts.cjs.js');
 const domains_chat_tools_badges_workspaceLink = require('./workspace-link.cjs.js');
-const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
 const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
-const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
-const activity = require('../../../../activity-ClKZR5_o.cjs');
-const toolCallArguments = require('../../../../tool-call-arguments-DEXKbR8d.cjs');
+const domains_chat_tools_badges_toolApprovalBadge = require('./tool-approval-badge.cjs.js');
+const toolCallArguments = require('../../../../tool-call-arguments-Bud9On3h.cjs');
 const toolCallOutput = require('../../../../tool-call-output-ht3k1qLQ.cjs');
 const toolPresentation = require('../../../../tool-presentation-WLS6d1ws.cjs');
-const Txt = require('../../../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../../../Txt-DFPibRb3.cjs');
 function listingOptions(args) {
   const options = [];
@@ -52,17 +50,20 @@ const FileTreeBadge = ({
   const needsApproval = domains_chat_tools_badges_awaitsToolApproval.awaitsToolApproval({ toolApprovalMetadata, toolCalled });
   const hasBody = Boolean(tree) || needsApproval;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    domains_chat_components_badgeWrapper.BadgeWrapper,
+    domains_chat_tools_badges_toolApprovalBadge.ToolApprovalBadge,
     {
+      approval: {
+        toolCalled,
+        toolCallId,
+        toolApprovalMetadata,
+        toolName,
+        isNetwork,
+        isGenerateMode: metadata?.mode === "generate"
+      },
       "data-testid": "file-tree-badge",
-      header: /* @__PURE__ */ jsxRuntime.jsx(
-        activity.ActivityHeadline,
-        {
-          icon: /* @__PURE__ */ jsxRuntime.jsx(ToolIcon, { "aria-hidden": true }),
-          label,
-          detail: options.length > 0 ? `${detail} (${options.join(", ")})` : detail
-        }
-      ),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(ToolIcon, { "aria-hidden": true }),
+      title: label,
+      detail: options.length > 0 ? `${detail} (${options.join(", ")})` : detail,
       status,
       extraInfo: (summary || workspace?.filesystem) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         summary && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", tone: "muted", className: "truncate", children: summary }),
@@ -78,18 +79,7 @@ const FileTreeBadge = ({
       initialCollapsed: !toolApprovalMetadata,
       children: hasBody && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         needsApproval && /* @__PURE__ */ jsxRuntime.jsx(toolCallArguments.ToolCallArguments, { toolName, args: parsedArgs, "data-testid": "tool-args" }),
-        tree && /* @__PURE__ */ jsxRuntime.jsx(toolCallOutput.ToolCallOutput, { text: tree }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          domains_chat_tools_badges_toolApprovalButtons.ToolApprovalButtons,
-          {
-            toolCalled,
-            toolCallId,
-            toolApprovalMetadata,
-            toolName,
-            isNetwork,
-            isGenerateMode: metadata?.mode === "generate"
-          }
-        )
+        tree && /* @__PURE__ */ jsxRuntime.jsx(toolCallOutput.ToolCallOutput, { text: tree })
       ] })
     }
   );

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

	@@ -1 +1 @@
1	- {"version":3,"file":"file-tree-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/file-tree-badge.tsx"],"sourcesContent":["import { HardDrive } from 'lucide-react';\nimport type { DataMessagePart } from '../tool-card';\nimport { parseToolArgs, workspaceMetadata } from './workspace-data-parts';\nimport { WorkspaceLink } from './workspace-link';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { ~~BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport {~~ awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ~~ToolApprovalButtonsProps~~ } from '@/domains/chat/tools/badges/tool-approval-~~buttons~~';\nimport { ~~ToolApprovalButtons~~ } from '@/domains/chat/tools/badges/tool-approval-~~buttons~~';\nimport ~~{ ActivityHeadline } from '@/ds/components/ai/activity';\nimport~~ type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { presentTool, ToolCallArguments, ToolCallOutput } from '@/ds/components/ai/tool-call';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface FileTreeBadgeProps extends Omit<~~ToolApprovalButtonsProps~~, 'toolCalled'> {\n toolName: string;\n args: Record<string, unknown> \| string;\n result: unknown;\n metadata?: MessageMetadata;\n toolCalled?: boolean;\n dataParts?: ReadonlyArray<DataMessagePart>;\n status?: ActivityStatus;\n}\n\nfunction listingOptions(args: Record<string, unknown>): string[] {\n const options: string[] = [];\n if (typeof args.maxDepth === 'number') options.push(`depth: ${args.maxDepth}`);\n if (args.showHidden === true) options.push('hidden');\n if (args.dirsOnly === true) options.push('dirs only');\n if (typeof args.exclude === 'string' && args.exclude) options.push(`exclude: ${args.exclude}`);\n if (typeof args.extension === 'string' && args.extension) options.push(`ext: ${args.extension}`);\n return options;\n}\n\nfunction splitTreeResult(result: unknown): { tree: string; summary: string } {\n if (typeof result !== 'string') return { tree: '', summary: '' };\n const summaryStart = result.lastIndexOf('\\n\\n');\n if (summaryStart === -1) return { tree: result, summary: '' };\n return { tree: result.slice(0, summaryStart), summary: result.slice(summaryStart + 2) };\n}\n\nexport const FileTreeBadge = ({\n toolName,\n args,\n result,\n metadata,\n toolCallId,\n toolApprovalMetadata,\n isNetwork,\n toolCalled: toolCalledProp,\n dataParts,\n status = 'idle',\n}: FileTreeBadgeProps) => {\n const parsedArgs = parseToolArgs(args);\n const path = typeof parsedArgs.path === 'string' && parsedArgs.path ? parsedArgs.path : '.';\n const { icon: ToolIcon, label, detail = path } = presentTool(toolName, parsedArgs);\n const options = listingOptions(parsedArgs);\n const { tree, summary } = splitTreeResult(result);\n const toolCalled = toolCalledProp ?? Boolean(tree);\n const workspace = workspaceMetadata(dataParts, toolCallId);\n const needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });\n const hasBody = Boolean(tree) \|\| needsApproval;\n\n return (\n <~~BadgeWrapper~~\n data-testid=\"file-tree-badge\"\n ~~header={\n <ActivityHeadline\n~~ icon={<ToolIcon aria-hidden />}\n ~~label~~={label}\n detail={options.length > 0 ? `${detail} (${options.join(', ')})` : detail}\n ~~/>\n~~ ~~}\n~~ status={status}\n extraInfo={\n (summary \|\| workspace?.filesystem) && (\n <>\n {summary && (\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"truncate\">\n {summary}\n </Txt>\n )}\n {workspace?.filesystem && (\n <WorkspaceLink\n href={workspace.id ? `/workspaces/${workspace.id}?path=${encodeURIComponent(path)}` : '/workspaces'}\n icon={<HardDrive className=\"size-3 shrink-0\" aria-hidden />}\n >\n {workspace.name \|\| workspace.filesystem.name}\n </WorkspaceLink>\n )}\n </>\n )\n }\n initialCollapsed={!toolApprovalMetadata}\n >\n {hasBody && (\n <>\n {needsApproval && <ToolCallArguments toolName={toolName} args={parsedArgs} data-testid=\"tool-args\" />}\n {tree && <ToolCallOutput text={tree} />}\n <ToolApprovalButtons\n toolCalled={toolCalled}\n toolCallId={toolCallId}\n toolApprovalMetadata={toolApprovalMetadata}\n toolName={toolName}\n isNetwork={isNetwork}\n isGenerateMode={metadata?.mode === 'generate'}\n />\n </>\n )}\n </~~BadgeWrapper~~>\n );\n};\n"],"names":["parseToolArgs","presentTool","workspaceMetadata","awaitsToolApproval","jsx","~~BadgeWrapper~~","~~ActivityHeadline","~~jsxs","Fragment","Txt","WorkspaceLink","HardDrive","ToolCallArguments","ToolCallOutput"~~,"ToolApprovalButtons"~~],"mappings":"~~;;;;;;;;;;;;;;;;;AAwBA~~,SAAS,eAAe,IAAA,EAAyC;AAC/D,EAAA,MAAM,UAAoB,EAAC;AAC3B,EAAA,IAAI,OAAO,KAAK,QAAA,KAAa,QAAA,UAAkB,IAAA,CAAK,CAAA,OAAA,EAAU,IAAA,CAAK,QAAQ,CAAA,CAAE,CAAA;AAC7E,EAAA,IAAI,IAAA,CAAK,UAAA,KAAe,IAAA,EAAM,OAAA,CAAQ,KAAK,QAAQ,CAAA;AACnD,EAAA,IAAI,IAAA,CAAK,QAAA,KAAa,IAAA,EAAM,OAAA,CAAQ,KAAK,WAAW,CAAA;AACpD,EAAA,IAAI,OAAO,IAAA,CAAK,OAAA,KAAY,QAAA,IAAY,IAAA,CAAK,OAAA,EAAS,OAAA,CAAQ,IAAA,CAAK,CAAA,SAAA,EAAY,IAAA,CAAK,OAAO,CAAA,CAAE,CAAA;AAC7F,EAAA,IAAI,OAAO,IAAA,CAAK,SAAA,KAAc,QAAA,IAAY,IAAA,CAAK,SAAA,EAAW,OAAA,CAAQ,IAAA,CAAK,CAAA,KAAA,EAAQ,IAAA,CAAK,SAAS,CAAA,CAAE,CAAA;AAC/F,EAAA,OAAO,OAAA;AACT;AAEA,SAAS,gBAAgB,MAAA,EAAoD;AAC3E,EAAA,IAAI,OAAO,WAAW,QAAA,EAAU,OAAO,EAAE,IAAA,EAAM,EAAA,EAAI,SAAS,EAAA,EAAG;AAC/D,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,WAAA,CAAY,MAAM,CAAA;AAC9C,EAAA,IAAI,iBAAiB,EAAA,EAAI,OAAO,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,EAAA,EAAG;AAC5D,EAAA,OAAO,EAAE,IAAA,EAAM,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,YAAY,CAAA,EAAG,OAAA,EAAS,MAAA,CAAO,KAAA,CAAM,YAAA,GAAe,CAAC,CAAA,EAAE;AACxF;AAEO,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,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,MAAA,GAAS;AACX,CAAA,KAA0B;AACxB,EAAA,MAAM,UAAA,GAAaA,2DAAc,IAAI,CAAA;AACrC,EAAA,MAAM,IAAA,GAAO,OAAO,UAAA,CAAW,IAAA,KAAS,YAAY,UAAA,CAAW,IAAA,GAAO,WAAW,IAAA,GAAO,GAAA;AACxF,EAAA,MAAM,EAAE,MAAM,QAAA,EAAU,KAAA,EAAO,SAAS,IAAA,EAAK,GAAIC,4BAAA,CAAY,QAAA,EAAU,UAAU,CAAA;AACjF,EAAA,MAAM,OAAA,GAAU,eAAe,UAAU,CAAA;AACzC,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAQ,GAAI,gBAAgB,MAAM,CAAA;AAChD,EAAA,MAAM,UAAA,GAAa,cAAA,IAAkB,OAAA,CAAQ,IAAI,CAAA;AACjD,EAAA,MAAM,SAAA,GAAYC,8DAAA,CAAkB,SAAA,EAAW,UAAU,CAAA;AACzD,EAAA,MAAM,aAAA,GAAgBC,+DAAA,CAAmB,EAAE,oBAAA,EAAsB,YAAY,CAAA;AAC7E,EAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,IAAI,CAAA,IAAK,aAAA;AAEjC,EAAA,uBACEC,cAAA;AAAA,IAACC,~~iDAAA~~;AAAA,IAAA;AAAA,MACC,~~aAAA~~,~~EAAY,iBAAA~~;AAAA,~~MACZ~~,~~MAAA~~,~~kBACED~~,~~cAAA~~;AAAA,~~QAACE~~,~~yBAAA~~;AAAA,QAAA;AAAA,~~UACC~~,IAAA,~~kBAAMF~~,cAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,~~UAC5B~~,KAAA;AAAA,~~UACA~~,MAAA,EAAQ,OAAA,CAAQ,MAAA,GAAS,CAAA,GAAI,CAAA,EAAG,MAAM,CAAA,EAAA,EAAK,OAAA,CAAQ,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA,CAAA,GAAM~~;AAAA;AAAA~~,~~OACrE~~;AAAA,~~MAEF~~,MAAA;AAAA,MACA,SAAA,EAAA,CACG,OAAA,IAAW,SAAA,EAAW,UAAA,~~qBACrBG~~,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,OAAA,~~oBACCJ~~,cAAA,~~CAACK~~,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,QAAO,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,UAAA,EAClD,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,QAED,WAAW,UAAA,~~oBACVL~~,cAAA;AAAA,~~UAACM~~,qDAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,SAAA,CAAU,EAAA,GAAK,CAAA,YAAA,EAAe,SAAA,CAAU,EAAE,CAAA,MAAA,EAAS,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA,GAAK,aAAA;AAAA,YACtF,~~sBAAMN~~,cAAA,~~CAACO~~,qBAAA,EAAA,EAAU,SAAA,EAAU,iBAAA,EAAkB,eAAW,IAAA,EAAC,CAAA;AAAA,YAExD,QAAA,EAAA,SAAA,CAAU,IAAA,IAAQ,SAAA,CAAU,UAAA,CAAW;AAAA;AAAA;AAC1C,OAAA,EAEJ,CAAA;AAAA,MAGJ,kBAAkB,CAAC,oBAAA;AAAA,MAElB,qCACCJ,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,aAAA,mCAAkBI,mCAAA,EAAA,EAAkB,QAAA,EAAoB,IAAA,EAAM,UAAA,EAAY,eAAY,WAAA,EAAY,CAAA;AAAA,QAClG,IAAA,~~oBAAQR~~,cAAA,~~CAACS~~,6BAAA,EAAA,EAAe,IAAA,EAAM,IAAA,EAAM~~,CAAA~~;AAAA,~~wBACrCT,cAAA;AAAA,UAACU,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,GAEJ;AAEJ;;;;"}
1	+ {"version":3,"file":"file-tree-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/file-tree-badge.tsx"],"sourcesContent":["import { HardDrive } from 'lucide-react';\nimport type { DataMessagePart } from '../tool-card';\nimport { parseToolArgs, workspaceMetadata } from './workspace-data-parts';\nimport { WorkspaceLink } from './workspace-link';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { presentTool, ToolCallArguments, ToolCallOutput } from '@/ds/components/ai/tool-call';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface FileTreeBadgeProps extends Omit<ToolApprovalRequest, 'toolCalled'> {\n toolName: string;\n args: Record<string, unknown> \| string;\n result: unknown;\n metadata?: MessageMetadata;\n toolCalled?: boolean;\n dataParts?: ReadonlyArray<DataMessagePart>;\n status?: ActivityStatus;\n}\n\nfunction listingOptions(args: Record<string, unknown>): string[] {\n const options: string[] = [];\n if (typeof args.maxDepth === 'number') options.push(`depth: ${args.maxDepth}`);\n if (args.showHidden === true) options.push('hidden');\n if (args.dirsOnly === true) options.push('dirs only');\n if (typeof args.exclude === 'string' && args.exclude) options.push(`exclude: ${args.exclude}`);\n if (typeof args.extension === 'string' && args.extension) options.push(`ext: ${args.extension}`);\n return options;\n}\n\nfunction splitTreeResult(result: unknown): { tree: string; summary: string } {\n if (typeof result !== 'string') return { tree: '', summary: '' };\n const summaryStart = result.lastIndexOf('\\n\\n');\n if (summaryStart === -1) return { tree: result, summary: '' };\n return { tree: result.slice(0, summaryStart), summary: result.slice(summaryStart + 2) };\n}\n\nexport const FileTreeBadge = ({\n toolName,\n args,\n result,\n metadata,\n toolCallId,\n toolApprovalMetadata,\n isNetwork,\n toolCalled: toolCalledProp,\n dataParts,\n status = 'idle',\n}: FileTreeBadgeProps) => {\n const parsedArgs = parseToolArgs(args);\n const path = typeof parsedArgs.path === 'string' && parsedArgs.path ? parsedArgs.path : '.';\n const { icon: ToolIcon, label, detail = path } = presentTool(toolName, parsedArgs);\n const options = listingOptions(parsedArgs);\n const { tree, summary } = splitTreeResult(result);\n const toolCalled = toolCalledProp ?? Boolean(tree);\n const workspace = workspaceMetadata(dataParts, toolCallId);\n const needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });\n const hasBody = Boolean(tree) \|\| needsApproval;\n\n return (\n <ToolApprovalBadge\n approval={{\n toolCalled,\n toolCallId,\n toolApprovalMetadata,\n toolName,\n isNetwork,\n isGenerateMode: metadata?.mode === 'generate',\n }}\n data-testid=\"file-tree-badge\"\n icon={<ToolIcon aria-hidden />}\n title={label}\n detail={options.length > 0 ? `${detail} (${options.join(', ')})` : detail}\n status={status}\n extraInfo={\n (summary \|\| workspace?.filesystem) && (\n <>\n {summary && (\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"truncate\">\n {summary}\n </Txt>\n )}\n {workspace?.filesystem && (\n <WorkspaceLink\n href={workspace.id ? `/workspaces/${workspace.id}?path=${encodeURIComponent(path)}` : '/workspaces'}\n icon={<HardDrive className=\"size-3 shrink-0\" aria-hidden />}\n >\n {workspace.name \|\| workspace.filesystem.name}\n </WorkspaceLink>\n )}\n </>\n )\n }\n initialCollapsed={!toolApprovalMetadata}\n >\n {hasBody && (\n <>\n {needsApproval && <ToolCallArguments toolName={toolName} args={parsedArgs} data-testid=\"tool-args\" />}\n {tree && <ToolCallOutput text={tree} />}\n </>\n )}\n </ToolApprovalBadge>\n );\n};\n"],"names":["parseToolArgs","presentTool","workspaceMetadata","awaitsToolApproval","jsx","ToolApprovalBadge","jsxs","Fragment","Txt","WorkspaceLink","HardDrive","ToolCallArguments","ToolCallOutput"],"mappings":"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"}

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

@@ -2,14 +2,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { HardDrive } from 'lucide-react';
 import { parseToolArgs, workspaceMetadata } from './workspace-data-parts.es.js';
 import { WorkspaceLink } from './workspace-link.es.js';
-import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { awaitsToolApproval } from './awaits-tool-approval.es.js';
-import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
-import { e as ActivityHeadline } from '../../../../activity-D0SefV4r.js';
-import { T as ToolCallArguments } from '../../../../tool-call-arguments-CufA6H_n.js';
+import { ToolApprovalBadge } from './tool-approval-badge.es.js';
+import { T as ToolCallArguments } from '../../../../tool-call-arguments-DzdVtN4f.js';
 import { T as ToolCallOutput } from '../../../../tool-call-output-COq3kB-f.js';
 import { p as presentTool } from '../../../../tool-presentation-BXAo24Ir.js';
-import { T as Txt } from '../../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../../Txt-CuuPO9Ho.js';
 function listingOptions(args) {
   const options = [];
@@ -48,17 +46,20 @@ const FileTreeBadge = ({
   const needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });
   const hasBody = Boolean(tree) || needsApproval;
   return /* @__PURE__ */ jsx(
-    BadgeWrapper,
+    ToolApprovalBadge,
     {
+      approval: {
+        toolCalled,
+        toolCallId,
+        toolApprovalMetadata,
+        toolName,
+        isNetwork,
+        isGenerateMode: metadata?.mode === "generate"
+      },
       "data-testid": "file-tree-badge",
-      header: /* @__PURE__ */ jsx(
-        ActivityHeadline,
-        {
-          icon: /* @__PURE__ */ jsx(ToolIcon, { "aria-hidden": true }),
-          label,
-          detail: options.length > 0 ? `${detail} (${options.join(", ")})` : detail
-        }
-      ),
+      icon: /* @__PURE__ */ jsx(ToolIcon, { "aria-hidden": true }),
+      title: label,
+      detail: options.length > 0 ? `${detail} (${options.join(", ")})` : detail,
       status,
       extraInfo: (summary || workspace?.filesystem) && /* @__PURE__ */ jsxs(Fragment, { children: [
         summary && /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", tone: "muted", className: "truncate", children: summary }),
@@ -74,18 +75,7 @@ const FileTreeBadge = ({
       initialCollapsed: !toolApprovalMetadata,
       children: hasBody && /* @__PURE__ */ jsxs(Fragment, { children: [
         needsApproval && /* @__PURE__ */ jsx(ToolCallArguments, { toolName, args: parsedArgs, "data-testid": "tool-args" }),
-        tree && /* @__PURE__ */ jsx(ToolCallOutput, { text: tree }),
-        /* @__PURE__ */ jsx(
-          ToolApprovalButtons,
-          {
-            toolCalled,
-            toolCallId,
-            toolApprovalMetadata,
-            toolName,
-            isNetwork,
-            isGenerateMode: metadata?.mode === "generate"
-          }
-        )
+        tree && /* @__PURE__ */ jsx(ToolCallOutput, { text: tree })
       ] })
     }
   );

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

	@@ -1 +1 @@
1	- {"version":3,"file":"file-tree-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/file-tree-badge.tsx"],"sourcesContent":["import { HardDrive } from 'lucide-react';\nimport type { DataMessagePart } from '../tool-card';\nimport { parseToolArgs, workspaceMetadata } from './workspace-data-parts';\nimport { WorkspaceLink } from './workspace-link';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { ~~BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport {~~ awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ~~ToolApprovalButtonsProps~~ } from '@/domains/chat/tools/badges/tool-approval-~~buttons~~';\nimport { ~~ToolApprovalButtons~~ } from '@/domains/chat/tools/badges/tool-approval-~~buttons~~';\nimport ~~{ ActivityHeadline } from '@/ds/components/ai/activity';\nimport~~ type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { presentTool, ToolCallArguments, ToolCallOutput } from '@/ds/components/ai/tool-call';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface FileTreeBadgeProps extends Omit<~~ToolApprovalButtonsProps~~, 'toolCalled'> {\n toolName: string;\n args: Record<string, unknown> \| string;\n result: unknown;\n metadata?: MessageMetadata;\n toolCalled?: boolean;\n dataParts?: ReadonlyArray<DataMessagePart>;\n status?: ActivityStatus;\n}\n\nfunction listingOptions(args: Record<string, unknown>): string[] {\n const options: string[] = [];\n if (typeof args.maxDepth === 'number') options.push(`depth: ${args.maxDepth}`);\n if (args.showHidden === true) options.push('hidden');\n if (args.dirsOnly === true) options.push('dirs only');\n if (typeof args.exclude === 'string' && args.exclude) options.push(`exclude: ${args.exclude}`);\n if (typeof args.extension === 'string' && args.extension) options.push(`ext: ${args.extension}`);\n return options;\n}\n\nfunction splitTreeResult(result: unknown): { tree: string; summary: string } {\n if (typeof result !== 'string') return { tree: '', summary: '' };\n const summaryStart = result.lastIndexOf('\\n\\n');\n if (summaryStart === -1) return { tree: result, summary: '' };\n return { tree: result.slice(0, summaryStart), summary: result.slice(summaryStart + 2) };\n}\n\nexport const FileTreeBadge = ({\n toolName,\n args,\n result,\n metadata,\n toolCallId,\n toolApprovalMetadata,\n isNetwork,\n toolCalled: toolCalledProp,\n dataParts,\n status = 'idle',\n}: FileTreeBadgeProps) => {\n const parsedArgs = parseToolArgs(args);\n const path = typeof parsedArgs.path === 'string' && parsedArgs.path ? parsedArgs.path : '.';\n const { icon: ToolIcon, label, detail = path } = presentTool(toolName, parsedArgs);\n const options = listingOptions(parsedArgs);\n const { tree, summary } = splitTreeResult(result);\n const toolCalled = toolCalledProp ?? Boolean(tree);\n const workspace = workspaceMetadata(dataParts, toolCallId);\n const needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });\n const hasBody = Boolean(tree) \|\| needsApproval;\n\n return (\n <~~BadgeWrapper~~\n data-testid=\"file-tree-badge\"\n ~~header={\n <ActivityHeadline\n~~ icon={<ToolIcon aria-hidden />}\n ~~label~~={label}\n detail={options.length > 0 ? `${detail} (${options.join(', ')})` : detail}\n ~~/>\n~~ ~~}\n~~ status={status}\n extraInfo={\n (summary \|\| workspace?.filesystem) && (\n <>\n {summary && (\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"truncate\">\n {summary}\n </Txt>\n )}\n {workspace?.filesystem && (\n <WorkspaceLink\n href={workspace.id ? `/workspaces/${workspace.id}?path=${encodeURIComponent(path)}` : '/workspaces'}\n icon={<HardDrive className=\"size-3 shrink-0\" aria-hidden />}\n >\n {workspace.name \|\| workspace.filesystem.name}\n </WorkspaceLink>\n )}\n </>\n )\n }\n initialCollapsed={!toolApprovalMetadata}\n >\n {hasBody && (\n <>\n {needsApproval && <ToolCallArguments toolName={toolName} args={parsedArgs} data-testid=\"tool-args\" />}\n {tree && <ToolCallOutput text={tree} />}\n <ToolApprovalButtons\n toolCalled={toolCalled}\n toolCallId={toolCallId}\n toolApprovalMetadata={toolApprovalMetadata}\n toolName={toolName}\n isNetwork={isNetwork}\n isGenerateMode={metadata?.mode === 'generate'}\n />\n </>\n )}\n </~~BadgeWrapper~~>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;AAwBA~~,SAAS,eAAe,IAAA,EAAyC;AAC/D,EAAA,MAAM,UAAoB,EAAC;AAC3B,EAAA,IAAI,OAAO,KAAK,QAAA,KAAa,QAAA,UAAkB,IAAA,CAAK,CAAA,OAAA,EAAU,IAAA,CAAK,QAAQ,CAAA,CAAE,CAAA;AAC7E,EAAA,IAAI,IAAA,CAAK,UAAA,KAAe,IAAA,EAAM,OAAA,CAAQ,KAAK,QAAQ,CAAA;AACnD,EAAA,IAAI,IAAA,CAAK,QAAA,KAAa,IAAA,EAAM,OAAA,CAAQ,KAAK,WAAW,CAAA;AACpD,EAAA,IAAI,OAAO,IAAA,CAAK,OAAA,KAAY,QAAA,IAAY,IAAA,CAAK,OAAA,EAAS,OAAA,CAAQ,IAAA,CAAK,CAAA,SAAA,EAAY,IAAA,CAAK,OAAO,CAAA,CAAE,CAAA;AAC7F,EAAA,IAAI,OAAO,IAAA,CAAK,SAAA,KAAc,QAAA,IAAY,IAAA,CAAK,SAAA,EAAW,OAAA,CAAQ,IAAA,CAAK,CAAA,KAAA,EAAQ,IAAA,CAAK,SAAS,CAAA,CAAE,CAAA;AAC/F,EAAA,OAAO,OAAA;AACT;AAEA,SAAS,gBAAgB,MAAA,EAAoD;AAC3E,EAAA,IAAI,OAAO,WAAW,QAAA,EAAU,OAAO,EAAE,IAAA,EAAM,EAAA,EAAI,SAAS,EAAA,EAAG;AAC/D,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,WAAA,CAAY,MAAM,CAAA;AAC9C,EAAA,IAAI,iBAAiB,EAAA,EAAI,OAAO,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,EAAA,EAAG;AAC5D,EAAA,OAAO,EAAE,IAAA,EAAM,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,YAAY,CAAA,EAAG,OAAA,EAAS,MAAA,CAAO,KAAA,CAAM,YAAA,GAAe,CAAC,CAAA,EAAE;AACxF;AAEO,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,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,MAAA,GAAS;AACX,CAAA,KAA0B;AACxB,EAAA,MAAM,UAAA,GAAa,cAAc,IAAI,CAAA;AACrC,EAAA,MAAM,IAAA,GAAO,OAAO,UAAA,CAAW,IAAA,KAAS,YAAY,UAAA,CAAW,IAAA,GAAO,WAAW,IAAA,GAAO,GAAA;AACxF,EAAA,MAAM,EAAE,MAAM,QAAA,EAAU,KAAA,EAAO,SAAS,IAAA,EAAK,GAAI,WAAA,CAAY,QAAA,EAAU,UAAU,CAAA;AACjF,EAAA,MAAM,OAAA,GAAU,eAAe,UAAU,CAAA;AACzC,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAQ,GAAI,gBAAgB,MAAM,CAAA;AAChD,EAAA,MAAM,UAAA,GAAa,cAAA,IAAkB,OAAA,CAAQ,IAAI,CAAA;AACjD,EAAA,MAAM,SAAA,GAAY,iBAAA,CAAkB,SAAA,EAAW,UAAU,CAAA;AACzD,EAAA,MAAM,aAAA,GAAgB,kBAAA,CAAmB,EAAE,oBAAA,EAAsB,YAAY,CAAA;AAC7E,EAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,IAAI,CAAA,IAAK,aAAA;AAEjC,EAAA,uBACE,GAAA;AAAA,IAAC,~~YAAA~~;AAAA,IAAA;AAAA,MACC,~~aAAA~~,~~EAAY,iBAAA~~;AAAA,~~MACZ~~,~~MAAA~~,~~kBACE~~,~~GAAA~~;AAAA,~~QAAC~~,~~gBAAA~~;AAAA,QAAA;AAAA,~~UACC~~,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,~~UAC5B~~,KAAA;AAAA,~~UACA~~,MAAA,EAAQ,OAAA,CAAQ,MAAA,GAAS,CAAA,GAAI,CAAA,EAAG,MAAM,CAAA,EAAA,EAAK,OAAA,CAAQ,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA,CAAA,GAAM~~;AAAA;AAAA~~,~~OACrE~~;AAAA,~~MAEF~~,MAAA;AAAA,MACA,SAAA,EAAA,CACG,OAAA,IAAW,SAAA,EAAW,UAAA,qBACrB,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,OAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,QAAO,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,UAAA,EAClD,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,QAED,WAAW,UAAA,oBACV,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,SAAA,CAAU,EAAA,GAAK,CAAA,YAAA,EAAe,SAAA,CAAU,EAAE,CAAA,MAAA,EAAS,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA,GAAK,aAAA;AAAA,YACtF,sBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,iBAAA,EAAkB,eAAW,IAAA,EAAC,CAAA;AAAA,YAExD,QAAA,EAAA,SAAA,CAAU,IAAA,IAAQ,SAAA,CAAU,UAAA,CAAW;AAAA;AAAA;AAC1C,OAAA,EAEJ,CAAA;AAAA,MAGJ,kBAAkB,CAAC,oBAAA;AAAA,MAElB,qCACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,aAAA,wBAAkB,iBAAA,EAAA,EAAkB,QAAA,EAAoB,IAAA,EAAM,UAAA,EAAY,eAAY,WAAA,EAAY,CAAA;AAAA,QAClG,IAAA,oBAAQ,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,IAAA,EAAM~~,CAAA~~;AAAA,~~wBACrC,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,GAEJ;AAEJ;;;;"}
1	+ {"version":3,"file":"file-tree-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/file-tree-badge.tsx"],"sourcesContent":["import { HardDrive } from 'lucide-react';\nimport type { DataMessagePart } from '../tool-card';\nimport { parseToolArgs, workspaceMetadata } from './workspace-data-parts';\nimport { WorkspaceLink } from './workspace-link';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { presentTool, ToolCallArguments, ToolCallOutput } from '@/ds/components/ai/tool-call';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface FileTreeBadgeProps extends Omit<ToolApprovalRequest, 'toolCalled'> {\n toolName: string;\n args: Record<string, unknown> \| string;\n result: unknown;\n metadata?: MessageMetadata;\n toolCalled?: boolean;\n dataParts?: ReadonlyArray<DataMessagePart>;\n status?: ActivityStatus;\n}\n\nfunction listingOptions(args: Record<string, unknown>): string[] {\n const options: string[] = [];\n if (typeof args.maxDepth === 'number') options.push(`depth: ${args.maxDepth}`);\n if (args.showHidden === true) options.push('hidden');\n if (args.dirsOnly === true) options.push('dirs only');\n if (typeof args.exclude === 'string' && args.exclude) options.push(`exclude: ${args.exclude}`);\n if (typeof args.extension === 'string' && args.extension) options.push(`ext: ${args.extension}`);\n return options;\n}\n\nfunction splitTreeResult(result: unknown): { tree: string; summary: string } {\n if (typeof result !== 'string') return { tree: '', summary: '' };\n const summaryStart = result.lastIndexOf('\\n\\n');\n if (summaryStart === -1) return { tree: result, summary: '' };\n return { tree: result.slice(0, summaryStart), summary: result.slice(summaryStart + 2) };\n}\n\nexport const FileTreeBadge = ({\n toolName,\n args,\n result,\n metadata,\n toolCallId,\n toolApprovalMetadata,\n isNetwork,\n toolCalled: toolCalledProp,\n dataParts,\n status = 'idle',\n}: FileTreeBadgeProps) => {\n const parsedArgs = parseToolArgs(args);\n const path = typeof parsedArgs.path === 'string' && parsedArgs.path ? parsedArgs.path : '.';\n const { icon: ToolIcon, label, detail = path } = presentTool(toolName, parsedArgs);\n const options = listingOptions(parsedArgs);\n const { tree, summary } = splitTreeResult(result);\n const toolCalled = toolCalledProp ?? Boolean(tree);\n const workspace = workspaceMetadata(dataParts, toolCallId);\n const needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });\n const hasBody = Boolean(tree) \|\| needsApproval;\n\n return (\n <ToolApprovalBadge\n approval={{\n toolCalled,\n toolCallId,\n toolApprovalMetadata,\n toolName,\n isNetwork,\n isGenerateMode: metadata?.mode === 'generate',\n }}\n data-testid=\"file-tree-badge\"\n icon={<ToolIcon aria-hidden />}\n title={label}\n detail={options.length > 0 ? `${detail} (${options.join(', ')})` : detail}\n status={status}\n extraInfo={\n (summary \|\| workspace?.filesystem) && (\n <>\n {summary && (\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"truncate\">\n {summary}\n </Txt>\n )}\n {workspace?.filesystem && (\n <WorkspaceLink\n href={workspace.id ? `/workspaces/${workspace.id}?path=${encodeURIComponent(path)}` : '/workspaces'}\n icon={<HardDrive className=\"size-3 shrink-0\" aria-hidden />}\n >\n {workspace.name \|\| workspace.filesystem.name}\n </WorkspaceLink>\n )}\n </>\n )\n }\n initialCollapsed={!toolApprovalMetadata}\n >\n {hasBody && (\n <>\n {needsApproval && <ToolCallArguments toolName={toolName} args={parsedArgs} data-testid=\"tool-args\" />}\n {tree && <ToolCallOutput text={tree} />}\n </>\n )}\n </ToolApprovalBadge>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_chat_tools_badges_observationMarkerDetails = require('./observation-marker-details.cjs.js');
 const domains_chat_tools_badges_observationMarkerFormat = require('./observation-marker-format.cjs.js');
-const activity = require('../../../../activity-ClKZR5_o.cjs');
+const activity = require('../../../../activity-C3F5Z6U2.cjs');
 const toolCallOutput = require('../../../../tool-call-output-ht3k1qLQ.cjs');
 function markerState(omData) {

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

@@ -3,7 +3,7 @@ import { Brain, Unplug, Eye } from 'lucide-react';
 import { useState } from 'react';
 import { ObservationStats, ObservationSections, Extractions } from './observation-marker-details.es.js';
 import { extractedValueEntries, formatTokens, compressionRatio } from './observation-marker-format.es.js';
-import { A as Activity, m as ActivityTrigger, e as ActivityHeadline, a as ActivityContent } from '../../../../activity-D0SefV4r.js';
+import { A as Activity, m as ActivityTrigger, e as ActivityHeadline, a as ActivityContent } from '../../../../activity-CREOMVXI.js';
 import { T as ToolCallOutput } from '../../../../tool-call-output-COq3kB-f.js';
 function markerState(omData) {

package/dist/domains/chat/tools/badges/observation-marker-details.cjs.js CHANGED Viewed

@@ -6,12 +6,12 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_chat_tools_badges_observationMarkerFormat = require('./observation-marker-format.cjs.js');
 const domains_chat_tools_badges_observationRenderer = require('./observation-renderer.cjs.js');
-const activity = require('../../../../activity-ClKZR5_o.cjs');
-const markdownRenderer = require('../../../../markdown-renderer-BCeiKCA4.cjs');
-const Txt = require('../../../../Txt-DNnvlrBo.cjs');
+const activity = require('../../../../activity-C3F5Z6U2.cjs');
+const code = require('../../../../code-Dcah35Gp.cjs');
+const markdownRenderer = require('../../../../markdown-renderer-4P5RZjlT.cjs');
+const Txt = require('../../../../Txt-DFPibRb3.cjs');
 const utils_duration = require('../../../../utils/duration.cjs.js');
-const markdownCode = "[&_code]:rounded [&_code]:bg-fill [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-meta";
 const ObservationStats = ({ inputTokens, outputTokens, durationMs }) => {
   const ratio = domains_chat_tools_badges_observationMarkerFormat.compressionRatio(inputTokens, outputTokens);
   const stats = [
@@ -34,8 +34,8 @@ const ObservationSections = ({
   const observationsLabel = isReflection ? "Reflections" : "Observations";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     observations && (hasSideSections ? /* @__PURE__ */ jsxRuntime.jsx(activity.ActivityItem, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ScrollText, {}), label: observationsLabel, "aria-label": observationsLabel, defaultOpen: true, children: /* @__PURE__ */ jsxRuntime.jsx(domains_chat_tools_badges_observationRenderer.ObservationRenderer, { observations, maxHeight }) }) : /* @__PURE__ */ jsxRuntime.jsx(domains_chat_tools_badges_observationRenderer.ObservationRenderer, { observations, maxHeight })),
-    currentTask && /* @__PURE__ */ jsxRuntime.jsx(activity.ActivityItem, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListTodo, {}), label: "Current task", "aria-label": "Current task", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: `text-caption text-foreground ${markdownCode}`, children: currentTask }) }),
-    suggestedResponse && /* @__PURE__ */ jsxRuntime.jsx(activity.ActivityItem, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquareReply, {}), label: "Suggested response", "aria-label": "Suggested response", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: `text-caption text-foreground/80 italic ${markdownCode}`, children: suggestedResponse }) })
+    currentTask && /* @__PURE__ */ jsxRuntime.jsx(activity.ActivityItem, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListTodo, {}), label: "Current task", "aria-label": "Current task", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: "text-caption text-foreground", children: currentTask }) }),
+    suggestedResponse && /* @__PURE__ */ jsxRuntime.jsx(activity.ActivityItem, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquareReply, {}), label: "Suggested response", "aria-label": "Suggested response", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: "text-caption text-foreground/80 italic", children: suggestedResponse }) })
   ] });
 };
 const Extractions = ({ extractedValues, extractionFailures = [] }) => {
@@ -47,16 +47,22 @@ const Extractions = ({ extractedValues, extractionFailures = [] }) => {
   ].filter(Boolean).join(" · ");
   return /* @__PURE__ */ jsxRuntime.jsxs(activity.ActivityItem, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Braces, {}), label: "Extractions", detail, detailFont: "sans", "aria-label": "Extractions", children: [
     entries.map(([slug, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border bg-fill-subtle p-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "div", variant: "meta", tone: "muted", className: "tracking-wide uppercase", children: slug }),
-      typeof value === "object" && value !== null ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-1 max-h-40 overflow-auto text-caption break-words whitespace-pre-wrap text-foreground/80", children: domains_chat_tools_badges_observationMarkerFormat.formatExtractedValue(value) }) : /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: `mt-1 text-caption text-foreground/80 ${markdownCode}`, children: domains_chat_tools_badges_observationMarkerFormat.formatExtractedValue(value) })
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "meta", tone: "muted", className: "uppercase", children: slug }),
+      typeof value === "object" && value !== null ? /* @__PURE__ */ jsxRuntime.jsx(
+        code.Code,
+        {
+          className: "mt-1 max-h-40 overflow-auto text-caption break-words whitespace-pre-wrap text-foreground/80",
+          code: domains_chat_tools_badges_observationMarkerFormat.formatExtractedValue(value)
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { className: "mt-1 text-caption text-foreground/80", children: domains_chat_tools_badges_observationMarkerFormat.formatExtractedValue(value) })
     ] }, slug)),
     extractionFailures.map((failure) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: "rounded-md border border-destructive-edge bg-destructive-subtle p-2 text-destructive-subtle-foreground",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "div", variant: "meta", className: "tracking-wide uppercase", children: failure.slug }),
-          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "div", variant: "caption", className: "mt-1", children: failure.error })
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "meta", className: "uppercase", children: failure.slug }),
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "caption", className: "mt-1", children: failure.error })
         ]
       },
       failure.slug