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

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

@@ -4,111 +4,81 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const React = require('react');
-const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
+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 Badge = require('../../../../Badge-DFNxcz-r.cjs');
-const Button = require('../../../../Button-CIwF6NHM.cjs');
-const codeEditor = require('../../../../code-editor-By2dTBXC.cjs');
-const icons_Icon = require('../../../../icons/Icon.cjs.js');
-const hooks_useCopyToClipboard = require('../../../../hooks/use-copy-to-clipboard.cjs.js');
-const lib_framework = require('../../../../lib/framework.cjs.js');
-const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
+const activity = require('../../../../activity-8egTNbaI.cjs');
+const toolCallArguments = require('../../../../tool-call-arguments-ynBfg2dY.cjs');
+const toolCallOutput = require('../../../../tool-call-output-Dl4sVfCy.cjs');
+const toolPresentation = require('../../../../tool-presentation-WLS6d1ws.cjs');
+const Txt = require('../../../../Txt-DPmEpNbp.cjs');
 
+function listingOptions(args) {
+  const options = [];
+  if (typeof args.maxDepth === "number") options.push(`depth: ${args.maxDepth}`);
+  if (args.showHidden === true) options.push("hidden");
+  if (args.dirsOnly === true) options.push("dirs only");
+  if (typeof args.exclude === "string" && args.exclude) options.push(`exclude: ${args.exclude}`);
+  if (typeof args.extension === "string" && args.extension) options.push(`ext: ${args.extension}`);
+  return options;
+}
+function splitTreeResult(result) {
+  if (typeof result !== "string") return { tree: "", summary: "" };
+  const summaryStart = result.lastIndexOf("\n\n");
+  if (summaryStart === -1) return { tree: result, summary: "" };
+  return { tree: result.slice(0, summaryStart), summary: result.slice(summaryStart + 2) };
+}
 const FileTreeBadge = ({
   toolName,
   args,
   result,
+  metadata,
   toolCallId,
   toolApprovalMetadata,
   isNetwork,
   toolCalled: toolCalledProp,
-  dataParts
+  dataParts,
+  status = "idle"
 }) => {
-  const [isCollapsed, setIsCollapsed] = React.useState(!toolApprovalMetadata);
-  const { isCopied, copyToClipboard } = hooks_useCopyToClipboard.useCopyToClipboard({ copiedDuration: 1500, showToast: false });
-  React.useEffect(() => {
-    setIsCollapsed(!toolApprovalMetadata);
-  }, [toolApprovalMetadata]);
-  const { Link } = lib_framework.useLinkComponent();
-  let parsedArgs = { path: "." };
-  try {
-    parsedArgs = typeof args === "object" ? args : JSON.parse(args);
-  } catch {
-  }
-  const { path = ".", maxDepth, showHidden, dirsOnly, exclude, extension } = parsedArgs;
-  const argsDisplay = [];
-  if (maxDepth !== void 0 && maxDepth !== 3) {
-    argsDisplay.push(`depth: ${maxDepth}`);
-  }
-  if (showHidden) {
-    argsDisplay.push("hidden");
-  }
-  if (dirsOnly) {
-    argsDisplay.push("dirs only");
-  }
-  if (exclude) {
-    argsDisplay.push(`exclude: ${exclude}`);
-  }
-  if (extension) {
-    argsDisplay.push(`ext: ${extension}`);
-  }
-  let treeOutput = "";
-  let summary = "";
-  if (typeof result === "string" && result) {
-    const lastDoubleNewline = result.lastIndexOf("\n\n");
-    if (lastDoubleNewline !== -1) {
-      treeOutput = result.slice(0, lastDoubleNewline);
-      summary = result.slice(lastDoubleNewline + 2);
-    } else {
-      treeOutput = result;
-    }
-  }
-  const hasResult = !!treeOutput;
-  const toolCalled = toolCalledProp ?? hasResult;
-  const workspaceMetadata = React.useMemo(() => {
-    return (dataParts ?? []).find(
-      (part) => part.type === "data" && part.name === "workspace-metadata" && part.data?.toolCallId === toolCallId
-    );
-  }, [dataParts, toolCallId]);
-  const wsMeta = workspaceMetadata?.data;
-  const onCopy = () => {
-    if (!treeOutput || isCopied) return;
-    copyToClipboard(treeOutput);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", "data-testid": "file-tree-badge", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => setIsCollapsed((s) => !s), className: "flex min-w-0 items-center gap-2", type: "button", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: utils_cn.cn("transition-all", isCollapsed ? "rotate-90" : "rotate-180") }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderTree, { className: "text-accent6", size: 16 }), children: [
-          "List Files ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-foreground", children: path }),
-          argsDisplay.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 text-muted-foreground", children: [
-            "(",
-            argsDisplay.join(", "),
-            ")"
-          ] })
-        ] })
-      ] }),
-      wsMeta?.filesystem && /* @__PURE__ */ jsxRuntime.jsxs(
-        Link,
+  const parsedArgs = domains_chat_tools_badges_workspaceDataParts.parseToolArgs(args);
+  const path = typeof parsedArgs.path === "string" && parsedArgs.path ? parsedArgs.path : ".";
+  const { icon: ToolIcon, label, detail = path } = toolPresentation.presentTool(toolName, parsedArgs);
+  const options = listingOptions(parsedArgs);
+  const { tree, summary } = splitTreeResult(result);
+  const toolCalled = toolCalledProp ?? Boolean(tree);
+  const workspace = domains_chat_tools_badges_workspaceDataParts.workspaceMetadata(dataParts, toolCallId);
+  const needsApproval = domains_chat_tools_badges_awaitsToolApproval.awaitsToolApproval({ toolApprovalMetadata, toolCalled });
+  const hasBody = Boolean(tree) || needsApproval;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    domains_chat_components_badgeWrapper.BadgeWrapper,
+    {
+      "data-testid": "file-tree-badge",
+      header: /* @__PURE__ */ jsxRuntime.jsx(
+        activity.ActivityHeadline,
         {
-          href: wsMeta.id ? `/workspaces/${wsMeta.id}?path=${encodeURIComponent(path)}` : "/workspaces",
-          className: "state-layer flex items-center gap-1.5 rounded border border-border bg-card px-1.5 py-0.5 text-caption text-foreground hover:border-border-strong",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "size-3" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: wsMeta.name || wsMeta.filesystem.name })
-          ]
+          icon: /* @__PURE__ */ jsxRuntime.jsx(ToolIcon, { "aria-hidden": true }),
+          label,
+          detail: options.length > 0 ? `${detail} (${options.join(", ")})` : detail
         }
       ),
-      isCollapsed && hasResult && summary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-foreground", children: summary })
-    ] }),
-    !isCollapsed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-2", children: [
-      toolApprovalMetadata && !toolCalled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 rounded-lg bg-background p-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(domains_chat_components_sectionLabel.SectionLabel, { children: "Tool arguments" }),
-          /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { data: parsedArgs, "data-testid": "tool-args" })
-        ] }),
+      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 }),
+        workspace?.filesystem && /* @__PURE__ */ jsxRuntime.jsx(
+          domains_chat_tools_badges_workspaceLink.WorkspaceLink,
+          {
+            href: workspace.id ? `/workspaces/${workspace.id}?path=${encodeURIComponent(path)}` : "/workspaces",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "size-3 shrink-0", "aria-hidden": true }),
+            children: workspace.name || workspace.filesystem.name
+          }
+        )
+      ] }),
+      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,
           {
@@ -116,37 +86,13 @@ const FileTreeBadge = ({
             toolCallId,
             toolApprovalMetadata,
             toolName,
-            isNetwork
+            isNetwork,
+            isGenerateMode: metadata?.mode === "generate"
           }
         )
-      ] }),
-      toolCalled && treeOutput && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-md border border-border bg-background", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-border bg-card px-3 py-1.5", children: [
-          summary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-foreground", children: summary }),
-          /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "default", size: "icon-sm", tooltip: "Copy tree", onClick: onCopy, disabled: !treeOutput, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "grid", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                style: { gridArea: "1/1" },
-                className: utils_cn.cn("transition-transform", isCopied ? "scale-100" : "scale-0"),
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { size: 14 })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                style: { gridArea: "1/1" },
-                className: utils_cn.cn("transition-transform", isCopied ? "scale-0" : "scale-100"),
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { size: 14 })
-              }
-            )
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-mastra-el-6 max-h-dropdown overflow-auto p-3 text-caption whitespace-pre", children: treeOutput })
-      ] }),
-      toolCalled && !hasResult && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-border bg-background px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-foreground", children: "Loading..." }) })
-    ] })
-  ] });
+      ] })
+    }
+  );
 };
 
 exports.FileTreeBadge = FileTreeBadge;

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

@@ -1 +1 @@
-{"version":3,"file":"file-tree-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/file-tree-badge.tsx"],"sourcesContent":["import { ChevronUpIcon, CopyIcon, CheckIcon, FolderTree, HardDrive } from 'lucide-react';\nimport { useState, useEffect, useMemo } from 'react';\nimport type { DataMessagePart } from '../tool-card';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\n\n// Matches the shape returned by workspace.getInfo()\ninterface WorkspaceMetadata {\n  toolName?: string;\n  id?: string;\n  name?: string;\n  status?: string;\n  filesystem?: {\n    id?: string;\n    name?: string;\n    provider?: string;\n    status?: string;\n  };\n  sandbox?: {\n    id?: string;\n    name?: string;\n    provider?: string;\n    status?: string;\n  };\n}\n\ninterface ParsedArgs {\n  path?: string;\n  maxDepth?: number;\n  showHidden?: boolean;\n  dirsOnly?: boolean;\n  exclude?: string;\n  extension?: string;\n}\n\nexport interface FileTreeBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  args: Record<string, unknown> | string;\n  result: any;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n  dataParts?: ReadonlyArray<DataMessagePart>;\n}\n\nexport const FileTreeBadge = ({\n  toolName,\n  args,\n  result,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n  dataParts,\n}: FileTreeBadgeProps) => {\n  // Expand by default when approval is required (so buttons are visible)\n  const [isCollapsed, setIsCollapsed] = useState(!toolApprovalMetadata);\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ copiedDuration: 1500, showToast: false });\n\n  // Sync collapsed state when toolApprovalMetadata changes (like BadgeWrapper does)\n  useEffect(() => {\n    setIsCollapsed(!toolApprovalMetadata);\n  }, [toolApprovalMetadata]);\n  const { Link } = useLinkComponent();\n\n  // Parse args\n  let parsedArgs: ParsedArgs = { path: '.' };\n  try {\n    parsedArgs = typeof args === 'object' ? (args as ParsedArgs) : JSON.parse(args);\n  } catch {\n    // ignore\n  }\n\n  const { path = '.', maxDepth, showHidden, dirsOnly, exclude, extension } = parsedArgs;\n\n  // Build args display string\n  const argsDisplay: string[] = [];\n  if (maxDepth !== undefined && maxDepth !== 3) {\n    argsDisplay.push(`depth: ${maxDepth}`);\n  }\n  if (showHidden) {\n    argsDisplay.push('hidden');\n  }\n  if (dirsOnly) {\n    argsDisplay.push('dirs only');\n  }\n  if (exclude) {\n    argsDisplay.push(`exclude: ${exclude}`);\n  }\n  if (extension) {\n    argsDisplay.push(`ext: ${extension}`);\n  }\n\n  // Get tree output + summary from result string: \"tree\\n\\nsummary\"\n  let treeOutput = '';\n  let summary = '';\n  if (typeof result === 'string' && result) {\n    const lastDoubleNewline = result.lastIndexOf('\\n\\n');\n    if (lastDoubleNewline !== -1) {\n      treeOutput = result.slice(0, lastDoubleNewline);\n      summary = result.slice(lastDoubleNewline + 2);\n    } else {\n      treeOutput = result;\n    }\n  }\n\n  const hasResult = !!treeOutput;\n  const toolCalled = toolCalledProp ?? hasResult;\n\n  // Extract filesystem metadata from message data parts (via writer.custom), scoped to this tool call\n  const workspaceMetadata = useMemo(() => {\n    return (dataParts ?? []).find(\n      part => part.type === 'data' && part.name === 'workspace-metadata' && part.data?.toolCallId === toolCallId,\n    );\n  }, [dataParts, toolCallId]);\n\n  const wsMeta = workspaceMetadata?.data as WorkspaceMetadata | undefined;\n\n  const onCopy = () => {\n    if (!treeOutput || isCopied) return;\n    copyToClipboard(treeOutput);\n  };\n\n  return (\n    <div className=\"mb-4\" data-testid=\"file-tree-badge\">\n      {/* Header row */}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <button onClick={() => setIsCollapsed(s => !s)} className=\"flex min-w-0 items-center gap-2\" type=\"button\">\n          <Icon>\n            <ChevronUpIcon className={cn('transition-all', isCollapsed ? 'rotate-90' : 'rotate-180')} />\n          </Icon>\n          <Badge icon={<FolderTree className=\"text-accent6\" size={16} />}>\n            List Files <span className=\"ml-1 text-foreground\">{path}</span>\n            {argsDisplay.length > 0 && <span className=\"ml-1 text-muted-foreground\">({argsDisplay.join(', ')})</span>}\n          </Badge>\n        </button>\n\n        {/* Filesystem badge - outside button to prevent overlap */}\n        {wsMeta?.filesystem && (\n          <Link\n            href={wsMeta.id ? `/workspaces/${wsMeta.id}?path=${encodeURIComponent(path)}` : '/workspaces'}\n            className=\"state-layer flex items-center gap-1.5 rounded border border-border bg-card px-1.5 py-0.5 text-caption text-foreground hover:border-border-strong\"\n          >\n            <HardDrive className=\"size-3\" />\n            <span>{wsMeta.name || wsMeta.filesystem.name}</span>\n          </Link>\n        )}\n\n        {/* Summary - show in header when collapsed */}\n        {isCollapsed && hasResult && summary && <span className=\"text-caption text-foreground\">{summary}</span>}\n      </div>\n\n      {/* Content area */}\n      {!isCollapsed && (\n        <div className=\"pt-2\">\n          {/* Approval UI - styled like ToolBadge/BadgeWrapper when awaiting approval */}\n          {toolApprovalMetadata && !toolCalled && (\n            <div className=\"flex flex-col gap-4 rounded-lg bg-background p-4\">\n              <div>\n                <SectionLabel>Tool arguments</SectionLabel>\n                <CodeEditor data={parsedArgs as Record<string, unknown>} data-testid=\"tool-args\" />\n              </div>\n              <ToolApprovalButtons\n                toolCalled={toolCalled}\n                toolCallId={toolCallId}\n                toolApprovalMetadata={toolApprovalMetadata}\n                toolName={toolName}\n                isNetwork={isNetwork}\n              />\n            </div>\n          )}\n\n          {/* Tree output panel - custom UI after tool has been called */}\n          {toolCalled && treeOutput && (\n            <div className=\"overflow-hidden rounded-md border border-border bg-background\">\n              {/* Panel header with summary and copy button */}\n              <div className=\"flex items-center justify-between border-b border-border bg-card px-3 py-1.5\">\n                {summary && <span className=\"text-caption text-foreground\">{summary}</span>}\n                <Button variant=\"default\" size=\"icon-sm\" tooltip=\"Copy tree\" onClick={onCopy} disabled={!treeOutput}>\n                  <span className=\"grid\">\n                    <span\n                      style={{ gridArea: '1/1' }}\n                      className={cn('transition-transform', isCopied ? 'scale-100' : 'scale-0')}\n                    >\n                      <CheckIcon size={14} />\n                    </span>\n                    <span\n                      style={{ gridArea: '1/1' }}\n                      className={cn('transition-transform', isCopied ? 'scale-0' : 'scale-100')}\n                    >\n                      <CopyIcon size={14} />\n                    </span>\n                  </span>\n                </Button>\n              </div>\n\n              {/* Tree content */}\n              <pre className=\"text-mastra-el-6 max-h-dropdown overflow-auto p-3 text-caption whitespace-pre\">\n                {treeOutput}\n              </pre>\n            </div>\n          )}\n\n          {/* Loading state */}\n          {toolCalled && !hasResult && (\n            <div className=\"rounded-md border border-border bg-background px-3 py-2\">\n              <span className=\"text-caption text-foreground\">Loading...</span>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useCopyToClipboard","useEffect","useLinkComponent","useMemo","jsxs","jsx","Icon","ChevronUpIcon","cn","Badge","FolderTree","HardDrive","SectionLabel","CodeEditor","ToolApprovalButtons","Button","CheckIcon","CopyIcon"],"mappings":"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"}
+{"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":"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"}

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

@@ -1,110 +1,80 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ChevronUpIcon, FolderTree, HardDrive, CheckIcon, CopyIcon } from 'lucide-react';
-import { useState, useEffect, useMemo } from 'react';
-import { SectionLabel } from '../../components/section-label.es.js';
+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 { B as Badge } from '../../../../Badge-Bzn8Z-_I.js';
-import { B as Button } from '../../../../Button-BY9qlu8K.js';
-import { C as CodeEditor } from '../../../../code-editor-F12uuTDl.js';
-import { Icon } from '../../../../icons/Icon.es.js';
-import { useCopyToClipboard } from '../../../../hooks/use-copy-to-clipboard.es.js';
-import { useLinkComponent } from '../../../../lib/framework.es.js';
-import { c as cn } from '../../../../cn-65Adrsfj.js';
+import { e as ActivityHeadline } from '../../../../activity-Duth8KP_.js';
+import { T as ToolCallArguments } from '../../../../tool-call-arguments-D7PMJ6vj.js';
+import { T as ToolCallOutput } from '../../../../tool-call-output-DEoCE_Xn.js';
+import { p as presentTool } from '../../../../tool-presentation-BXAo24Ir.js';
+import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
 
+function listingOptions(args) {
+  const options = [];
+  if (typeof args.maxDepth === "number") options.push(`depth: ${args.maxDepth}`);
+  if (args.showHidden === true) options.push("hidden");
+  if (args.dirsOnly === true) options.push("dirs only");
+  if (typeof args.exclude === "string" && args.exclude) options.push(`exclude: ${args.exclude}`);
+  if (typeof args.extension === "string" && args.extension) options.push(`ext: ${args.extension}`);
+  return options;
+}
+function splitTreeResult(result) {
+  if (typeof result !== "string") return { tree: "", summary: "" };
+  const summaryStart = result.lastIndexOf("\n\n");
+  if (summaryStart === -1) return { tree: result, summary: "" };
+  return { tree: result.slice(0, summaryStart), summary: result.slice(summaryStart + 2) };
+}
 const FileTreeBadge = ({
   toolName,
   args,
   result,
+  metadata,
   toolCallId,
   toolApprovalMetadata,
   isNetwork,
   toolCalled: toolCalledProp,
-  dataParts
+  dataParts,
+  status = "idle"
 }) => {
-  const [isCollapsed, setIsCollapsed] = useState(!toolApprovalMetadata);
-  const { isCopied, copyToClipboard } = useCopyToClipboard({ copiedDuration: 1500, showToast: false });
-  useEffect(() => {
-    setIsCollapsed(!toolApprovalMetadata);
-  }, [toolApprovalMetadata]);
-  const { Link } = useLinkComponent();
-  let parsedArgs = { path: "." };
-  try {
-    parsedArgs = typeof args === "object" ? args : JSON.parse(args);
-  } catch {
-  }
-  const { path = ".", maxDepth, showHidden, dirsOnly, exclude, extension } = parsedArgs;
-  const argsDisplay = [];
-  if (maxDepth !== void 0 && maxDepth !== 3) {
-    argsDisplay.push(`depth: ${maxDepth}`);
-  }
-  if (showHidden) {
-    argsDisplay.push("hidden");
-  }
-  if (dirsOnly) {
-    argsDisplay.push("dirs only");
-  }
-  if (exclude) {
-    argsDisplay.push(`exclude: ${exclude}`);
-  }
-  if (extension) {
-    argsDisplay.push(`ext: ${extension}`);
-  }
-  let treeOutput = "";
-  let summary = "";
-  if (typeof result === "string" && result) {
-    const lastDoubleNewline = result.lastIndexOf("\n\n");
-    if (lastDoubleNewline !== -1) {
-      treeOutput = result.slice(0, lastDoubleNewline);
-      summary = result.slice(lastDoubleNewline + 2);
-    } else {
-      treeOutput = result;
-    }
-  }
-  const hasResult = !!treeOutput;
-  const toolCalled = toolCalledProp ?? hasResult;
-  const workspaceMetadata = useMemo(() => {
-    return (dataParts ?? []).find(
-      (part) => part.type === "data" && part.name === "workspace-metadata" && part.data?.toolCallId === toolCallId
-    );
-  }, [dataParts, toolCallId]);
-  const wsMeta = workspaceMetadata?.data;
-  const onCopy = () => {
-    if (!treeOutput || isCopied) return;
-    copyToClipboard(treeOutput);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "mb-4", "data-testid": "file-tree-badge", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxs("button", { onClick: () => setIsCollapsed((s) => !s), className: "flex min-w-0 items-center gap-2", type: "button", children: [
-        /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: cn("transition-all", isCollapsed ? "rotate-90" : "rotate-180") }) }),
-        /* @__PURE__ */ jsxs(Badge, { icon: /* @__PURE__ */ jsx(FolderTree, { className: "text-accent6", size: 16 }), children: [
-          "List Files ",
-          /* @__PURE__ */ jsx("span", { className: "ml-1 text-foreground", children: path }),
-          argsDisplay.length > 0 && /* @__PURE__ */ jsxs("span", { className: "ml-1 text-muted-foreground", children: [
-            "(",
-            argsDisplay.join(", "),
-            ")"
-          ] })
-        ] })
-      ] }),
-      wsMeta?.filesystem && /* @__PURE__ */ jsxs(
-        Link,
+  const parsedArgs = parseToolArgs(args);
+  const path = typeof parsedArgs.path === "string" && parsedArgs.path ? parsedArgs.path : ".";
+  const { icon: ToolIcon, label, detail = path } = presentTool(toolName, parsedArgs);
+  const options = listingOptions(parsedArgs);
+  const { tree, summary } = splitTreeResult(result);
+  const toolCalled = toolCalledProp ?? Boolean(tree);
+  const workspace = workspaceMetadata(dataParts, toolCallId);
+  const needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });
+  const hasBody = Boolean(tree) || needsApproval;
+  return /* @__PURE__ */ jsx(
+    BadgeWrapper,
+    {
+      "data-testid": "file-tree-badge",
+      header: /* @__PURE__ */ jsx(
+        ActivityHeadline,
         {
-          href: wsMeta.id ? `/workspaces/${wsMeta.id}?path=${encodeURIComponent(path)}` : "/workspaces",
-          className: "state-layer flex items-center gap-1.5 rounded border border-border bg-card px-1.5 py-0.5 text-caption text-foreground hover:border-border-strong",
-          children: [
-            /* @__PURE__ */ jsx(HardDrive, { className: "size-3" }),
-            /* @__PURE__ */ jsx("span", { children: wsMeta.name || wsMeta.filesystem.name })
-          ]
+          icon: /* @__PURE__ */ jsx(ToolIcon, { "aria-hidden": true }),
+          label,
+          detail: options.length > 0 ? `${detail} (${options.join(", ")})` : detail
         }
       ),
-      isCollapsed && hasResult && summary && /* @__PURE__ */ jsx("span", { className: "text-caption text-foreground", children: summary })
-    ] }),
-    !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "pt-2", children: [
-      toolApprovalMetadata && !toolCalled && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 rounded-lg bg-background p-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(SectionLabel, { children: "Tool arguments" }),
-          /* @__PURE__ */ jsx(CodeEditor, { data: parsedArgs, "data-testid": "tool-args" })
-        ] }),
+      status,
+      extraInfo: (summary || workspace?.filesystem) && /* @__PURE__ */ jsxs(Fragment, { children: [
+        summary && /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", tone: "muted", className: "truncate", children: summary }),
+        workspace?.filesystem && /* @__PURE__ */ jsx(
+          WorkspaceLink,
+          {
+            href: workspace.id ? `/workspaces/${workspace.id}?path=${encodeURIComponent(path)}` : "/workspaces",
+            icon: /* @__PURE__ */ jsx(HardDrive, { className: "size-3 shrink-0", "aria-hidden": true }),
+            children: workspace.name || workspace.filesystem.name
+          }
+        )
+      ] }),
+      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,
           {
@@ -112,37 +82,13 @@ const FileTreeBadge = ({
             toolCallId,
             toolApprovalMetadata,
             toolName,
-            isNetwork
+            isNetwork,
+            isGenerateMode: metadata?.mode === "generate"
           }
         )
-      ] }),
-      toolCalled && treeOutput && /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-border bg-background", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border bg-card px-3 py-1.5", children: [
-          summary && /* @__PURE__ */ jsx("span", { className: "text-caption text-foreground", children: summary }),
-          /* @__PURE__ */ jsx(Button, { variant: "default", size: "icon-sm", tooltip: "Copy tree", onClick: onCopy, disabled: !treeOutput, children: /* @__PURE__ */ jsxs("span", { className: "grid", children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                style: { gridArea: "1/1" },
-                className: cn("transition-transform", isCopied ? "scale-100" : "scale-0"),
-                children: /* @__PURE__ */ jsx(CheckIcon, { size: 14 })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                style: { gridArea: "1/1" },
-                className: cn("transition-transform", isCopied ? "scale-0" : "scale-100"),
-                children: /* @__PURE__ */ jsx(CopyIcon, { size: 14 })
-              }
-            )
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsx("pre", { className: "text-mastra-el-6 max-h-dropdown overflow-auto p-3 text-caption whitespace-pre", children: treeOutput })
-      ] }),
-      toolCalled && !hasResult && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border bg-background px-3 py-2", children: /* @__PURE__ */ jsx("span", { className: "text-caption text-foreground", children: "Loading..." }) })
-    ] })
-  ] });
+      ] })
+    }
+  );
 };
 
 export { FileTreeBadge };

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

@@ -1 +1 @@
-{"version":3,"file":"file-tree-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/file-tree-badge.tsx"],"sourcesContent":["import { ChevronUpIcon, CopyIcon, CheckIcon, FolderTree, HardDrive } from 'lucide-react';\nimport { useState, useEffect, useMemo } from 'react';\nimport type { DataMessagePart } from '../tool-card';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\n\n// Matches the shape returned by workspace.getInfo()\ninterface WorkspaceMetadata {\n  toolName?: string;\n  id?: string;\n  name?: string;\n  status?: string;\n  filesystem?: {\n    id?: string;\n    name?: string;\n    provider?: string;\n    status?: string;\n  };\n  sandbox?: {\n    id?: string;\n    name?: string;\n    provider?: string;\n    status?: string;\n  };\n}\n\ninterface ParsedArgs {\n  path?: string;\n  maxDepth?: number;\n  showHidden?: boolean;\n  dirsOnly?: boolean;\n  exclude?: string;\n  extension?: string;\n}\n\nexport interface FileTreeBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  args: Record<string, unknown> | string;\n  result: any;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n  dataParts?: ReadonlyArray<DataMessagePart>;\n}\n\nexport const FileTreeBadge = ({\n  toolName,\n  args,\n  result,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n  dataParts,\n}: FileTreeBadgeProps) => {\n  // Expand by default when approval is required (so buttons are visible)\n  const [isCollapsed, setIsCollapsed] = useState(!toolApprovalMetadata);\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ copiedDuration: 1500, showToast: false });\n\n  // Sync collapsed state when toolApprovalMetadata changes (like BadgeWrapper does)\n  useEffect(() => {\n    setIsCollapsed(!toolApprovalMetadata);\n  }, [toolApprovalMetadata]);\n  const { Link } = useLinkComponent();\n\n  // Parse args\n  let parsedArgs: ParsedArgs = { path: '.' };\n  try {\n    parsedArgs = typeof args === 'object' ? (args as ParsedArgs) : JSON.parse(args);\n  } catch {\n    // ignore\n  }\n\n  const { path = '.', maxDepth, showHidden, dirsOnly, exclude, extension } = parsedArgs;\n\n  // Build args display string\n  const argsDisplay: string[] = [];\n  if (maxDepth !== undefined && maxDepth !== 3) {\n    argsDisplay.push(`depth: ${maxDepth}`);\n  }\n  if (showHidden) {\n    argsDisplay.push('hidden');\n  }\n  if (dirsOnly) {\n    argsDisplay.push('dirs only');\n  }\n  if (exclude) {\n    argsDisplay.push(`exclude: ${exclude}`);\n  }\n  if (extension) {\n    argsDisplay.push(`ext: ${extension}`);\n  }\n\n  // Get tree output + summary from result string: \"tree\\n\\nsummary\"\n  let treeOutput = '';\n  let summary = '';\n  if (typeof result === 'string' && result) {\n    const lastDoubleNewline = result.lastIndexOf('\\n\\n');\n    if (lastDoubleNewline !== -1) {\n      treeOutput = result.slice(0, lastDoubleNewline);\n      summary = result.slice(lastDoubleNewline + 2);\n    } else {\n      treeOutput = result;\n    }\n  }\n\n  const hasResult = !!treeOutput;\n  const toolCalled = toolCalledProp ?? hasResult;\n\n  // Extract filesystem metadata from message data parts (via writer.custom), scoped to this tool call\n  const workspaceMetadata = useMemo(() => {\n    return (dataParts ?? []).find(\n      part => part.type === 'data' && part.name === 'workspace-metadata' && part.data?.toolCallId === toolCallId,\n    );\n  }, [dataParts, toolCallId]);\n\n  const wsMeta = workspaceMetadata?.data as WorkspaceMetadata | undefined;\n\n  const onCopy = () => {\n    if (!treeOutput || isCopied) return;\n    copyToClipboard(treeOutput);\n  };\n\n  return (\n    <div className=\"mb-4\" data-testid=\"file-tree-badge\">\n      {/* Header row */}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <button onClick={() => setIsCollapsed(s => !s)} className=\"flex min-w-0 items-center gap-2\" type=\"button\">\n          <Icon>\n            <ChevronUpIcon className={cn('transition-all', isCollapsed ? 'rotate-90' : 'rotate-180')} />\n          </Icon>\n          <Badge icon={<FolderTree className=\"text-accent6\" size={16} />}>\n            List Files <span className=\"ml-1 text-foreground\">{path}</span>\n            {argsDisplay.length > 0 && <span className=\"ml-1 text-muted-foreground\">({argsDisplay.join(', ')})</span>}\n          </Badge>\n        </button>\n\n        {/* Filesystem badge - outside button to prevent overlap */}\n        {wsMeta?.filesystem && (\n          <Link\n            href={wsMeta.id ? `/workspaces/${wsMeta.id}?path=${encodeURIComponent(path)}` : '/workspaces'}\n            className=\"state-layer flex items-center gap-1.5 rounded border border-border bg-card px-1.5 py-0.5 text-caption text-foreground hover:border-border-strong\"\n          >\n            <HardDrive className=\"size-3\" />\n            <span>{wsMeta.name || wsMeta.filesystem.name}</span>\n          </Link>\n        )}\n\n        {/* Summary - show in header when collapsed */}\n        {isCollapsed && hasResult && summary && <span className=\"text-caption text-foreground\">{summary}</span>}\n      </div>\n\n      {/* Content area */}\n      {!isCollapsed && (\n        <div className=\"pt-2\">\n          {/* Approval UI - styled like ToolBadge/BadgeWrapper when awaiting approval */}\n          {toolApprovalMetadata && !toolCalled && (\n            <div className=\"flex flex-col gap-4 rounded-lg bg-background p-4\">\n              <div>\n                <SectionLabel>Tool arguments</SectionLabel>\n                <CodeEditor data={parsedArgs as Record<string, unknown>} data-testid=\"tool-args\" />\n              </div>\n              <ToolApprovalButtons\n                toolCalled={toolCalled}\n                toolCallId={toolCallId}\n                toolApprovalMetadata={toolApprovalMetadata}\n                toolName={toolName}\n                isNetwork={isNetwork}\n              />\n            </div>\n          )}\n\n          {/* Tree output panel - custom UI after tool has been called */}\n          {toolCalled && treeOutput && (\n            <div className=\"overflow-hidden rounded-md border border-border bg-background\">\n              {/* Panel header with summary and copy button */}\n              <div className=\"flex items-center justify-between border-b border-border bg-card px-3 py-1.5\">\n                {summary && <span className=\"text-caption text-foreground\">{summary}</span>}\n                <Button variant=\"default\" size=\"icon-sm\" tooltip=\"Copy tree\" onClick={onCopy} disabled={!treeOutput}>\n                  <span className=\"grid\">\n                    <span\n                      style={{ gridArea: '1/1' }}\n                      className={cn('transition-transform', isCopied ? 'scale-100' : 'scale-0')}\n                    >\n                      <CheckIcon size={14} />\n                    </span>\n                    <span\n                      style={{ gridArea: '1/1' }}\n                      className={cn('transition-transform', isCopied ? 'scale-0' : 'scale-100')}\n                    >\n                      <CopyIcon size={14} />\n                    </span>\n                  </span>\n                </Button>\n              </div>\n\n              {/* Tree content */}\n              <pre className=\"text-mastra-el-6 max-h-dropdown overflow-auto p-3 text-caption whitespace-pre\">\n                {treeOutput}\n              </pre>\n            </div>\n          )}\n\n          {/* Loading state */}\n          {toolCalled && !hasResult && (\n            <div className=\"rounded-md border border-border bg-background px-3 py-2\">\n              <span className=\"text-caption text-foreground\">Loading...</span>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"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":"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"}