@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

package/dist/domains/workspace/components/workspace-parts.cjs.js

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_scroll_area = require("../../../scroll-area-BP4gPZ4G.cjs");
-const require_EmptyState = require("../../../EmptyState-DxDHlYqD.cjs");
-const require_resize_panel_group = require("../../../resize/panel-group.cjs.js");
-const require_resize_separator = require("../../../resize/separator.cjs.js");
+require("../path.cjs.js");
 const require_domains_workspace_components_use_workspace_context = require("./use-workspace-context.cjs.js");
 const require_domains_workspace_components_workspace_active_file = require("./workspace-active-file.cjs.js");
 const require_domains_workspace_components_workspace_add_skill = require("./workspace-add-skill.cjs.js");
-require("../path.cjs.js");
 const require_domains_workspace_components_workspace_context = require("./workspace-context.cjs.js");
 const require_domains_workspace_components_workspace_create_directory = require("./workspace-create-directory.cjs.js");
 const require_domains_workspace_components_workspace_search = require("./workspace-search.cjs.js");
 const require_domains_workspace_components_workspace_tree = require("./workspace-tree.cjs.js");
+const require_EmptyState = require("../../../EmptyState-Dc-sP95H.cjs");
+const require_scroll_area = require("../../../scroll-area-BU_TorPW.cjs");
 const require_resize_collapsible_panel = require("../../../resize/collapsible-panel.cjs.js");
+const require_resize_panel_group = require("../../../resize/panel-group.cjs.js");
+const require_resize_separator = require("../../../resize/separator.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_query = require("@mastra/react/hooks/query");
 let react_resizable_panels = require("react-resizable-panels");

package/dist/domains/workspace/components/workspace-parts.es.js

@@ -1,16 +1,16 @@
-import { t as ScrollArea } from "../../../scroll-area-C226l0v0.js";
-import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
-import { PanelGroup } from "../../../resize/panel-group.es.js";
-import { PanelSeparator } from "../../../resize/separator.es.js";
+import "../path.es.js";
 import { useWorkspaceContext } from "./use-workspace-context.es.js";
 import { WorkspaceActiveFileContent as WorkspaceActiveFileContent$1 } from "./workspace-active-file.es.js";
 import { WorkspaceAddSkill } from "./workspace-add-skill.es.js";
-import "../path.es.js";
 import { WorkspaceProvider } from "./workspace-context.es.js";
 import { WorkspaceCreateDirectory } from "./workspace-create-directory.es.js";
 import { WorkspaceSearchResults } from "./workspace-search.es.js";
 import { WorkspaceTree as WorkspaceTree$1 } from "./workspace-tree.es.js";
+import { n as EmptyState } from "../../../EmptyState-i88y1x75.js";
+import { t as ScrollArea } from "../../../scroll-area-9-S7wfSs.js";
 import { CollapsiblePanel } from "../../../resize/collapsible-panel.es.js";
+import { PanelGroup } from "../../../resize/panel-group.es.js";
+import { PanelSeparator } from "../../../resize/separator.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { is404NotFoundError } from "@mastra/react/hooks/query";
 import { Panel } from "react-resizable-panels";

package/dist/domains/workspace/components/workspace-search.cjs.js

@@ -1,16 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_icons_SkillIcon = require("../../../icons/SkillIcon.cjs.js");
-const require_icons_FileIcon = require("../../../icons/FileIcon.cjs.js");
-const require_icons_SearchIcon = require("../../../icons/SearchIcon.cjs.js");
-const require_input = require("../../../input-2hRXcZIu.cjs");
-const require_EmptyState = require("../../../EmptyState-DxDHlYqD.cjs");
-const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
 const require_domains_workspace_components_use_workspace_context = require("./use-workspace-context.cjs.js");
 const require_domains_workspace_components_workspace_error = require("./workspace-error.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_EmptyState = require("../../../EmptyState-Dc-sP95H.cjs");
+const require_input = require("../../../input-BpnUsQSt.cjs");
+const require_Metadata = require("../../../Metadata-5GJlO4GU.cjs");
+const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_icons_FileIcon = require("../../../icons/FileIcon.cjs.js");
+const require_icons_Icon = require("../../../icons/Icon.cjs.js");
+const require_icons_SearchIcon = require("../../../icons/SearchIcon.cjs.js");
+const require_icons_SkillIcon = require("../../../icons/SkillIcon.cjs.js");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -37,19 +38,15 @@ function WorkspaceSearch() {
 var countLabel = (count, noun) => `${count} ${noun}${count === 1 ? "" : "s"}`;
 function AsideTitle() {
 	const { fileCount, skillCount } = require_domains_workspace_components_use_workspace_context.useWorkspaceContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Txt.Txt, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
 		as: "span",
 		variant: "label",
 		tone: "muted",
-		className: "block min-w-0 truncate",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fileCount === void 0 ? "Files" : countLabel(fileCount, "File") }), skillCount === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-			as: "span",
-			variant: "label",
-			tone: "faint",
-			"aria-hidden": true,
-			className: "mx-1.5",
-			children: "·"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: countLabel(skillCount, "Skill") })] })]
+		className: "block min-w-0",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Metadata.Metadata, {
+			singleLine: true,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: fileCount === void 0 ? "Files" : countLabel(fileCount, "File") }), skillCount === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: countLabel(skillCount, "Skill") })]
+		})
 	});
 }
 function SearchInput() {

package/dist/domains/workspace/components/workspace-search.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-search.cjs.js","names":["useWorkspaceContext","Button","SearchIcon","Txt","_Fragment","useState","useTransition","Input","XIcon","useWorkspaceSearch","EmptyState","Skeleton","WorkspaceError","cn","Icon","SkillIcon","FileIcon"],"sources":["../../../../src/domains/workspace/components/workspace-search.tsx"],"sourcesContent":["import { useWorkspaceSearch } from '@mastra/react/hooks/workspace';\nimport { XIcon } from 'lucide-react';\nimport { useState, useTransition } from 'react';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Input } from '@/ds/components/Input';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, Icon, SearchIcon, SkillIcon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\n/** Icon button that swaps the tree for the search panel, like VS Code's search view. */\nexport function WorkspaceSearchToggle() {\n  const { isSearching, setSearching, searchFiles, searchSkills } = useWorkspaceContext();\n  if (!searchFiles && !searchSkills) return null;\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      tooltip=\"Search files and skills\"\n      aria-pressed={isSearching}\n      onClick={() => setSearching(!isSearching)}\n    >\n      <SearchIcon />\n    </Button>\n  );\n}\n\n/** The search input while searching, the aside title otherwise. */\nexport function WorkspaceSearch() {\n  const { isSearching } = useWorkspaceContext();\n  return isSearching ? <SearchInput /> : <AsideTitle />;\n}\n\nconst countLabel = (count: number, noun: string) => `${count} ${noun}${count === 1 ? '' : 's'}`;\n\nfunction AsideTitle() {\n  const { fileCount, skillCount } = useWorkspaceContext();\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"muted\" className=\"block min-w-0 truncate\">\n      <span>{fileCount === undefined ? 'Files' : countLabel(fileCount, 'File')}</span>\n      {skillCount === undefined ? null : (\n        <>\n          <Txt as=\"span\" variant=\"label\" tone=\"faint\" aria-hidden className=\"mx-1.5\">\n            ·\n          </Txt>\n          <span>{countLabel(skillCount, 'Skill')}</span>\n        </>\n      )}\n    </Txt>\n  );\n}\n\n// Mounted only while searching, so reopening the search starts from an empty input.\nfunction SearchInput() {\n  const { setSearching, setQuery } = useWorkspaceContext();\n  const [value, setValue] = useState('');\n  const [, startTransition] = useTransition();\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Input\n        type=\"search\"\n        size=\"sm\"\n        autoFocus\n        aria-label=\"Search query\"\n        placeholder=\"Search files and skills\"\n        value={value}\n        onChange={event => {\n          const next = event.target.value;\n          setValue(next);\n          startTransition(() => setQuery(next));\n        }}\n        onKeyDown={event => {\n          if (event.key === 'Escape') setSearching(false);\n        }}\n      />\n      <Button variant=\"ghost\" size=\"icon-sm\" tooltip=\"Close search\" onClick={() => setSearching(false)}>\n        <XIcon />\n      </Button>\n    </div>\n  );\n}\n\nexport function WorkspaceSearchResults() {\n  const { workspaceId, query, activeFilePath, setActiveFilePath, searchFiles, searchSkills } = useWorkspaceContext();\n  const { data, isLoading, isError, error } = useWorkspaceSearch({\n    workspaceId: workspaceId,\n    query: query,\n    files: searchFiles,\n    skills: searchSkills,\n    queryOptions: { enabled: query.trim().length > 0 && (searchFiles || searchSkills) },\n  });\n\n  if (!query.trim()) {\n    return <EmptyState titleSlot=\"Search files and skills\" descriptionSlot=\"Type to find matching content.\" />;\n  }\n  if (isLoading) {\n    return (\n      <div aria-busy=\"true\" className=\"flex flex-col gap-2 p-2\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-4 w-2/3\" />\n      </div>\n    );\n  }\n  if (isError) return <WorkspaceError error={error} fallback=\"Search failed.\" className=\"m-2\" />;\n  if (!data?.length) return <EmptyState titleSlot=\"No results\" />;\n\n  return (\n    <ul aria-label=\"Search results\" className=\"flex flex-col py-1\">\n      {data.map(hit => (\n        <li key={hit.path}>\n          <button\n            type=\"button\"\n            title={hit.path}\n            onClick={() => setActiveFilePath(hit.path)}\n            className={cn(\n              'text-foreground',\n              'flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-left hover:bg-fill-subtle',\n              activeFilePath === hit.path && 'bg-fill',\n            )}\n          >\n            <Icon size=\"sm\">{hit.kind === 'skill' ? <SkillIcon /> : <FileIcon />}</Icon>\n            <Txt as=\"span\" variant=\"body-sm\" className=\"truncate\">\n              {hit.label}\n            </Txt>\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"workspace-search.cjs.js","names":["useWorkspaceContext","Button","SearchIcon","Txt","Metadata","useState","useTransition","Input","XIcon","useWorkspaceSearch","EmptyState","Skeleton","WorkspaceError","cn","Icon","SkillIcon","FileIcon"],"sources":["../../../../src/domains/workspace/components/workspace-search.tsx"],"sourcesContent":["import { useWorkspaceSearch } from '@mastra/react/hooks/workspace';\nimport { XIcon } from 'lucide-react';\nimport { useState, useTransition } from 'react';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Input } from '@/ds/components/Input';\nimport { Metadata } from '@/ds/components/Metadata';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, Icon, SearchIcon, SkillIcon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\n/** Icon button that swaps the tree for the search panel, like VS Code's search view. */\nexport function WorkspaceSearchToggle() {\n  const { isSearching, setSearching, searchFiles, searchSkills } = useWorkspaceContext();\n  if (!searchFiles && !searchSkills) return null;\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      tooltip=\"Search files and skills\"\n      aria-pressed={isSearching}\n      onClick={() => setSearching(!isSearching)}\n    >\n      <SearchIcon />\n    </Button>\n  );\n}\n\n/** The search input while searching, the aside title otherwise. */\nexport function WorkspaceSearch() {\n  const { isSearching } = useWorkspaceContext();\n  return isSearching ? <SearchInput /> : <AsideTitle />;\n}\n\nconst countLabel = (count: number, noun: string) => `${count} ${noun}${count === 1 ? '' : 's'}`;\n\nfunction AsideTitle() {\n  const { fileCount, skillCount } = useWorkspaceContext();\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"muted\" className=\"block min-w-0\">\n      <Metadata singleLine>\n        <Metadata.Item>{fileCount === undefined ? 'Files' : countLabel(fileCount, 'File')}</Metadata.Item>\n        {skillCount === undefined ? null : <Metadata.Item>{countLabel(skillCount, 'Skill')}</Metadata.Item>}\n      </Metadata>\n    </Txt>\n  );\n}\n\n// Mounted only while searching, so reopening the search starts from an empty input.\nfunction SearchInput() {\n  const { setSearching, setQuery } = useWorkspaceContext();\n  const [value, setValue] = useState('');\n  const [, startTransition] = useTransition();\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Input\n        type=\"search\"\n        size=\"sm\"\n        autoFocus\n        aria-label=\"Search query\"\n        placeholder=\"Search files and skills\"\n        value={value}\n        onChange={event => {\n          const next = event.target.value;\n          setValue(next);\n          startTransition(() => setQuery(next));\n        }}\n        onKeyDown={event => {\n          if (event.key === 'Escape') setSearching(false);\n        }}\n      />\n      <Button variant=\"ghost\" size=\"icon-sm\" tooltip=\"Close search\" onClick={() => setSearching(false)}>\n        <XIcon />\n      </Button>\n    </div>\n  );\n}\n\nexport function WorkspaceSearchResults() {\n  const { workspaceId, query, activeFilePath, setActiveFilePath, searchFiles, searchSkills } = useWorkspaceContext();\n  const { data, isLoading, isError, error } = useWorkspaceSearch({\n    workspaceId: workspaceId,\n    query: query,\n    files: searchFiles,\n    skills: searchSkills,\n    queryOptions: { enabled: query.trim().length > 0 && (searchFiles || searchSkills) },\n  });\n\n  if (!query.trim()) {\n    return <EmptyState titleSlot=\"Search files and skills\" descriptionSlot=\"Type to find matching content.\" />;\n  }\n  if (isLoading) {\n    return (\n      <div aria-busy=\"true\" className=\"flex flex-col gap-2 p-2\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-4 w-2/3\" />\n      </div>\n    );\n  }\n  if (isError) return <WorkspaceError error={error} fallback=\"Search failed.\" className=\"m-2\" />;\n  if (!data?.length) return <EmptyState titleSlot=\"No results\" />;\n\n  return (\n    <ul aria-label=\"Search results\" className=\"flex flex-col py-1\">\n      {data.map(hit => (\n        <li key={hit.path}>\n          <button\n            type=\"button\"\n            title={hit.path}\n            onClick={() => setActiveFilePath(hit.path)}\n            className={cn(\n              'text-foreground',\n              'flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-left hover:bg-fill-subtle',\n              activeFilePath === hit.path && 'bg-fill',\n            )}\n          >\n            <Icon size=\"sm\">{hit.kind === 'skill' ? <SkillIcon /> : <FileIcon />}</Icon>\n            <Txt as=\"span\" variant=\"body-sm\" className=\"truncate\">\n              {hit.label}\n            </Txt>\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/workspace/components/workspace-search.es.js

@@ -1,17 +1,18 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { Icon } from "../../../icons/Icon.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { SkillIcon } from "../../../icons/SkillIcon.es.js";
-import { FileIcon } from "../../../icons/FileIcon.es.js";
-import { SearchIcon as SearchIcon$1 } from "../../../icons/SearchIcon.es.js";
-import { t as Input } from "../../../input-0l1uzOBZ.js";
-import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
-import { Skeleton } from "../../../components/Skeleton.es.js";
 import { useWorkspaceContext } from "./use-workspace-context.es.js";
 import { WorkspaceError } from "./workspace-error.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { n as EmptyState } from "../../../EmptyState-i88y1x75.js";
+import { t as Input } from "../../../input-Cyit5ZSc.js";
+import { t as Metadata } from "../../../Metadata-DlVgmRTA.js";
+import { Skeleton } from "../../../components/Skeleton.es.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { FileIcon } from "../../../icons/FileIcon.es.js";
+import { Icon } from "../../../icons/Icon.es.js";
+import { SearchIcon as SearchIcon$1 } from "../../../icons/SearchIcon.es.js";
+import { SkillIcon } from "../../../icons/SkillIcon.es.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { useState, useTransition } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
 import { useWorkspaceSearch } from "@mastra/react/hooks/workspace";
 // src/domains/workspace/components/workspace-search.tsx
@@ -36,19 +37,15 @@ function WorkspaceSearch() {
 var countLabel = (count, noun) => `${count} ${noun}${count === 1 ? "" : "s"}`;
 function AsideTitle() {
 	const { fileCount, skillCount } = useWorkspaceContext();
-	return /* @__PURE__ */ jsxs(Txt, {
+	return /* @__PURE__ */ jsx(Txt, {
 		as: "span",
 		variant: "label",
 		tone: "muted",
-		className: "block min-w-0 truncate",
-		children: [/* @__PURE__ */ jsx("span", { children: fileCount === void 0 ? "Files" : countLabel(fileCount, "File") }), skillCount === void 0 ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Txt, {
-			as: "span",
-			variant: "label",
-			tone: "faint",
-			"aria-hidden": true,
-			className: "mx-1.5",
-			children: "·"
-		}), /* @__PURE__ */ jsx("span", { children: countLabel(skillCount, "Skill") })] })]
+		className: "block min-w-0",
+		children: /* @__PURE__ */ jsxs(Metadata, {
+			singleLine: true,
+			children: [/* @__PURE__ */ jsx(Metadata.Item, { children: fileCount === void 0 ? "Files" : countLabel(fileCount, "File") }), skillCount === void 0 ? null : /* @__PURE__ */ jsx(Metadata.Item, { children: countLabel(skillCount, "Skill") })]
+		})
 	});
 }
 function SearchInput() {

package/dist/domains/workspace/components/workspace-search.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-search.es.js","names":["SearchIcon","_Fragment"],"sources":["../../../../src/domains/workspace/components/workspace-search.tsx"],"sourcesContent":["import { useWorkspaceSearch } from '@mastra/react/hooks/workspace';\nimport { XIcon } from 'lucide-react';\nimport { useState, useTransition } from 'react';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Input } from '@/ds/components/Input';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, Icon, SearchIcon, SkillIcon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\n/** Icon button that swaps the tree for the search panel, like VS Code's search view. */\nexport function WorkspaceSearchToggle() {\n  const { isSearching, setSearching, searchFiles, searchSkills } = useWorkspaceContext();\n  if (!searchFiles && !searchSkills) return null;\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      tooltip=\"Search files and skills\"\n      aria-pressed={isSearching}\n      onClick={() => setSearching(!isSearching)}\n    >\n      <SearchIcon />\n    </Button>\n  );\n}\n\n/** The search input while searching, the aside title otherwise. */\nexport function WorkspaceSearch() {\n  const { isSearching } = useWorkspaceContext();\n  return isSearching ? <SearchInput /> : <AsideTitle />;\n}\n\nconst countLabel = (count: number, noun: string) => `${count} ${noun}${count === 1 ? '' : 's'}`;\n\nfunction AsideTitle() {\n  const { fileCount, skillCount } = useWorkspaceContext();\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"muted\" className=\"block min-w-0 truncate\">\n      <span>{fileCount === undefined ? 'Files' : countLabel(fileCount, 'File')}</span>\n      {skillCount === undefined ? null : (\n        <>\n          <Txt as=\"span\" variant=\"label\" tone=\"faint\" aria-hidden className=\"mx-1.5\">\n            ·\n          </Txt>\n          <span>{countLabel(skillCount, 'Skill')}</span>\n        </>\n      )}\n    </Txt>\n  );\n}\n\n// Mounted only while searching, so reopening the search starts from an empty input.\nfunction SearchInput() {\n  const { setSearching, setQuery } = useWorkspaceContext();\n  const [value, setValue] = useState('');\n  const [, startTransition] = useTransition();\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Input\n        type=\"search\"\n        size=\"sm\"\n        autoFocus\n        aria-label=\"Search query\"\n        placeholder=\"Search files and skills\"\n        value={value}\n        onChange={event => {\n          const next = event.target.value;\n          setValue(next);\n          startTransition(() => setQuery(next));\n        }}\n        onKeyDown={event => {\n          if (event.key === 'Escape') setSearching(false);\n        }}\n      />\n      <Button variant=\"ghost\" size=\"icon-sm\" tooltip=\"Close search\" onClick={() => setSearching(false)}>\n        <XIcon />\n      </Button>\n    </div>\n  );\n}\n\nexport function WorkspaceSearchResults() {\n  const { workspaceId, query, activeFilePath, setActiveFilePath, searchFiles, searchSkills } = useWorkspaceContext();\n  const { data, isLoading, isError, error } = useWorkspaceSearch({\n    workspaceId: workspaceId,\n    query: query,\n    files: searchFiles,\n    skills: searchSkills,\n    queryOptions: { enabled: query.trim().length > 0 && (searchFiles || searchSkills) },\n  });\n\n  if (!query.trim()) {\n    return <EmptyState titleSlot=\"Search files and skills\" descriptionSlot=\"Type to find matching content.\" />;\n  }\n  if (isLoading) {\n    return (\n      <div aria-busy=\"true\" className=\"flex flex-col gap-2 p-2\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-4 w-2/3\" />\n      </div>\n    );\n  }\n  if (isError) return <WorkspaceError error={error} fallback=\"Search failed.\" className=\"m-2\" />;\n  if (!data?.length) return <EmptyState titleSlot=\"No results\" />;\n\n  return (\n    <ul aria-label=\"Search results\" className=\"flex flex-col py-1\">\n      {data.map(hit => (\n        <li key={hit.path}>\n          <button\n            type=\"button\"\n            title={hit.path}\n            onClick={() => setActiveFilePath(hit.path)}\n            className={cn(\n              'text-foreground',\n              'flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-left hover:bg-fill-subtle',\n              activeFilePath === hit.path && 'bg-fill',\n            )}\n          >\n            <Icon size=\"sm\">{hit.kind === 'skill' ? <SkillIcon /> : <FileIcon />}</Icon>\n            <Txt as=\"span\" variant=\"body-sm\" className=\"truncate\">\n              {hit.label}\n            </Txt>\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,SAAgB,wBAAwB;CACtC,MAAM,EAAE,aAAa,cAAc,aAAa,iBAAiB,oBAAoB;CACrF,IAAI,CAAC,eAAe,CAAC,cAAc,OAAO;CAE1C,OACE,oBAAC,QAAD;EACE,SAAQ;EACR,MAAK;EACL,SAAQ;EACR,gBAAc;EACd,eAAe,aAAa,CAAC,WAAW;EAExC,UAAA,oBAACA,cAAD,CAAa,CAAA;CACP,CAAA;AAEZ;;AAGA,SAAgB,kBAAkB;CAChC,MAAM,EAAE,gBAAgB,oBAAoB;CAC5C,OAAO,cAAc,oBAAC,aAAD,CAAc,CAAA,IAAI,oBAAC,YAAD,CAAa,CAAA;AACtD;AAEA,IAAM,cAAc,OAAe,SAAiB,GAAG,MAAM,GAAG,OAAO,UAAU,IAAI,KAAK;AAE1F,SAAS,aAAa;CACpB,MAAM,EAAE,WAAW,eAAe,oBAAoB;CACtD,OACE,qBAAC,KAAD;EAAK,IAAG;EAAO,SAAQ;EAAQ,MAAK;EAAQ,WAAU;EAAtD,UAAA,CACE,oBAAC,QAAD,EAAA,UAAO,cAAc,KAAA,IAAY,UAAU,WAAW,WAAW,MAAM,EAAQ,CAAA,GAC9E,eAAe,KAAA,IAAY,OAC1B,qBAAAC,YAAA,EAAA,UAAA,CACE,oBAAC,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAQ,MAAK;GAAQ,eAAA;GAAY,WAAU;GAAS,UAAA;EAEtE,CAAA,GACL,oBAAC,QAAD,EAAA,UAAO,WAAW,YAAY,OAAO,EAAQ,CAAA,CAC7C,EAAA,CAAA,CAED;;AAET;AAGA,SAAS,cAAc;CACrB,MAAM,EAAE,cAAc,aAAa,oBAAoB;CACvD,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,GAAG,mBAAmB,cAAc;CAE1C,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,OAAD;GACE,MAAK;GACL,MAAK;GACL,WAAA;GACA,cAAW;GACX,aAAY;GACL;GACP,WAAU,UAAS;IACjB,MAAM,OAAO,MAAM,OAAO;IAC1B,SAAS,IAAI;IACb,sBAAsB,SAAS,IAAI,CAAC;GACtC;GACA,YAAW,UAAS;IAClB,IAAI,MAAM,QAAQ,UAAU,aAAa,KAAK;GAChD;EACD,CAAA,GACD,oBAAC,QAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAU,SAAQ;GAAe,eAAe,aAAa,KAAK;GAC7F,UAAA,oBAAC,OAAD,CAAQ,CAAA;EACF,CAAA,CACL;;AAET;AAEA,SAAgB,yBAAyB;CACvC,MAAM,EAAE,aAAa,OAAO,gBAAgB,mBAAmB,aAAa,iBAAiB,oBAAoB;CACjH,MAAM,EAAE,MAAM,WAAW,SAAS,UAAU,mBAAmB;EAChD;EACN;EACP,OAAO;EACP,QAAQ;EACR,cAAc,EAAE,SAAS,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,eAAe,cAAc;CACpF,CAAC;CAED,IAAI,CAAC,MAAM,KAAK,GACd,OAAO,oBAAC,YAAD;EAAY,WAAU;EAA0B,iBAAgB;CAAkC,CAAA;CAE3G,IAAI,WACF,OACE,qBAAC,OAAD;EAAK,aAAU;EAAO,WAAU;EAAhC,UAAA,CACE,oBAAC,UAAD,EAAU,WAAU,YAAa,CAAA,GACjC,oBAAC,UAAD,EAAU,WAAU,YAAa,CAAA,CAC9B;;CAGT,IAAI,SAAS,OAAO,oBAAC,gBAAD;EAAuB;EAAO,UAAS;EAAiB,WAAU;CAAO,CAAA;CAC7F,IAAI,CAAC,MAAM,QAAQ,OAAO,oBAAC,YAAD,EAAY,WAAU,aAAc,CAAA;CAE9D,OACE,oBAAC,MAAD;EAAI,cAAW;EAAiB,WAAU;EACvC,UAAA,KAAK,KAAI,QACR,oBAAC,MAAD,EAAA,UACE,qBAAC,UAAD;GACE,MAAK;GACL,OAAO,IAAI;GACX,eAAe,kBAAkB,IAAI,IAAI;GACzC,WAAW,GACT,mBACA,wFACA,mBAAmB,IAAI,QAAQ,SACjC;GARF,UAAA,CAUE,oBAAC,MAAD;IAAM,MAAK;IAAM,UAAA,IAAI,SAAS,UAAU,oBAAC,WAAD,CAAY,CAAA,IAAI,oBAAC,UAAD,CAAW,CAAA;GAAQ,CAAA,GAC3E,oBAAC,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAU,WAAU;IACxC,UAAA,IAAI;GACF,CAAA,CACC;EACN,CAAA,EAAA,GAhBK,IAAI,IAgBT,CACL;CACC,CAAA;AAER"}
+{"version":3,"file":"workspace-search.es.js","names":["SearchIcon"],"sources":["../../../../src/domains/workspace/components/workspace-search.tsx"],"sourcesContent":["import { useWorkspaceSearch } from '@mastra/react/hooks/workspace';\nimport { XIcon } from 'lucide-react';\nimport { useState, useTransition } from 'react';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Input } from '@/ds/components/Input';\nimport { Metadata } from '@/ds/components/Metadata';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, Icon, SearchIcon, SkillIcon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\n/** Icon button that swaps the tree for the search panel, like VS Code's search view. */\nexport function WorkspaceSearchToggle() {\n  const { isSearching, setSearching, searchFiles, searchSkills } = useWorkspaceContext();\n  if (!searchFiles && !searchSkills) return null;\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      tooltip=\"Search files and skills\"\n      aria-pressed={isSearching}\n      onClick={() => setSearching(!isSearching)}\n    >\n      <SearchIcon />\n    </Button>\n  );\n}\n\n/** The search input while searching, the aside title otherwise. */\nexport function WorkspaceSearch() {\n  const { isSearching } = useWorkspaceContext();\n  return isSearching ? <SearchInput /> : <AsideTitle />;\n}\n\nconst countLabel = (count: number, noun: string) => `${count} ${noun}${count === 1 ? '' : 's'}`;\n\nfunction AsideTitle() {\n  const { fileCount, skillCount } = useWorkspaceContext();\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"muted\" className=\"block min-w-0\">\n      <Metadata singleLine>\n        <Metadata.Item>{fileCount === undefined ? 'Files' : countLabel(fileCount, 'File')}</Metadata.Item>\n        {skillCount === undefined ? null : <Metadata.Item>{countLabel(skillCount, 'Skill')}</Metadata.Item>}\n      </Metadata>\n    </Txt>\n  );\n}\n\n// Mounted only while searching, so reopening the search starts from an empty input.\nfunction SearchInput() {\n  const { setSearching, setQuery } = useWorkspaceContext();\n  const [value, setValue] = useState('');\n  const [, startTransition] = useTransition();\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Input\n        type=\"search\"\n        size=\"sm\"\n        autoFocus\n        aria-label=\"Search query\"\n        placeholder=\"Search files and skills\"\n        value={value}\n        onChange={event => {\n          const next = event.target.value;\n          setValue(next);\n          startTransition(() => setQuery(next));\n        }}\n        onKeyDown={event => {\n          if (event.key === 'Escape') setSearching(false);\n        }}\n      />\n      <Button variant=\"ghost\" size=\"icon-sm\" tooltip=\"Close search\" onClick={() => setSearching(false)}>\n        <XIcon />\n      </Button>\n    </div>\n  );\n}\n\nexport function WorkspaceSearchResults() {\n  const { workspaceId, query, activeFilePath, setActiveFilePath, searchFiles, searchSkills } = useWorkspaceContext();\n  const { data, isLoading, isError, error } = useWorkspaceSearch({\n    workspaceId: workspaceId,\n    query: query,\n    files: searchFiles,\n    skills: searchSkills,\n    queryOptions: { enabled: query.trim().length > 0 && (searchFiles || searchSkills) },\n  });\n\n  if (!query.trim()) {\n    return <EmptyState titleSlot=\"Search files and skills\" descriptionSlot=\"Type to find matching content.\" />;\n  }\n  if (isLoading) {\n    return (\n      <div aria-busy=\"true\" className=\"flex flex-col gap-2 p-2\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-4 w-2/3\" />\n      </div>\n    );\n  }\n  if (isError) return <WorkspaceError error={error} fallback=\"Search failed.\" className=\"m-2\" />;\n  if (!data?.length) return <EmptyState titleSlot=\"No results\" />;\n\n  return (\n    <ul aria-label=\"Search results\" className=\"flex flex-col py-1\">\n      {data.map(hit => (\n        <li key={hit.path}>\n          <button\n            type=\"button\"\n            title={hit.path}\n            onClick={() => setActiveFilePath(hit.path)}\n            className={cn(\n              'text-foreground',\n              'flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-left hover:bg-fill-subtle',\n              activeFilePath === hit.path && 'bg-fill',\n            )}\n          >\n            <Icon size=\"sm\">{hit.kind === 'skill' ? <SkillIcon /> : <FileIcon />}</Icon>\n            <Txt as=\"span\" variant=\"body-sm\" className=\"truncate\">\n              {hit.label}\n            </Txt>\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/workspace/components/workspace-tree-view.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_workspace_components_workspace_add_skill = require("./workspace-add-skill.cjs.js");
 const require_domains_workspace_components_workspace = require("./workspace.cjs.js");
+const require_domains_workspace_components_workspace_add_skill = require("./workspace-add-skill.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/workspace/components/workspace-tree-view.tsx
 function WorkspaceTreeView({ asideActions, renderPreview, ...rootProps }) {

package/dist/domains/workspace/components/workspace-tree-view.es.js

@@ -1,5 +1,5 @@
-import { WorkspaceAddSkill } from "./workspace-add-skill.es.js";
 import { Workspace } from "./workspace.es.js";
+import { WorkspaceAddSkill } from "./workspace-add-skill.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/workspace/components/workspace-tree-view.tsx
 function WorkspaceTreeView({ asideActions, renderPreview, ...rootProps }) {

package/dist/domains/workspace/components/workspace-tree.cjs.js

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_icons_FolderIcon = require("../../../icons/FolderIcon.cjs.js");
-const require_icons_FileIcon = require("../../../icons/FileIcon.cjs.js");
-const require_icons_TrashIcon = require("../../../icons/TrashIcon.cjs.js");
-const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_spinner = require("../../../spinner-C8ZxiA5C.cjs");
-const require_components_AlertDialog = require("../../../components/AlertDialog.cjs.js");
+const require_domains_workspace_path = require("../path.cjs.js");
 const require_domains_workspace_components_mount_icon = require("./mount-icon.cjs.js");
 const require_domains_workspace_components_use_workspace_context = require("./use-workspace-context.cjs.js");
 const require_domains_workspace_components_workspace_error = require("./workspace-error.cjs.js");
-const require_domains_workspace_path = require("../path.cjs.js");
-const require_Tree = require("../../../Tree-BplQcY8u.cjs");
+const require_components_AlertDialog = require("../../../components/AlertDialog.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
+const require_spinner = require("../../../spinner-oS6q4pwx.cjs");
+const require_Tree = require("../../../Tree-Caz4FTCU.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_icons_FileIcon = require("../../../icons/FileIcon.cjs.js");
+const require_icons_FolderIcon = require("../../../icons/FolderIcon.cjs.js");
+const require_icons_TrashIcon = require("../../../icons/TrashIcon.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -131,7 +131,7 @@ function FolderNode({ name, path, mount, onRequestDelete }) {
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tree.Tree.Icon, { children: mount ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					role: "img",
 					"aria-label": `Mount: ${mount.displayName ?? mount.provider}`,
-					title: [mount.displayName ?? mount.provider, mount.description].filter(Boolean).join(" — "),
+					title: [mount.displayName ?? mount.provider, mount.description].filter(Boolean).join(": "),
 					className: "flex",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_workspace_components_mount_icon.MountIcon, { mount })
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_FolderIcon.FolderIcon, {}) }),

package/dist/domains/workspace/components/workspace-tree.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-tree.cjs.js","names":["useWorkspaceContext","useWorkspaceDirectory","useState","WorkspaceError","_Fragment","Tree","joinPath","Button","TrashIcon","FolderPlusIcon","MountIcon","FolderIcon","CircleAlertIcon","LockIcon","Spinner","useQueryClient","useRef","FileIcon","Txt","parentOf","AlertDialog","Skeleton"],"sources":["../../../../src/domains/workspace/components/workspace-tree.tsx"],"sourcesContent":["import type { WorkspaceFsListResponse } from '@mastra/client-js';\nimport { useWorkspaceDirectory } from '@mastra/react/hooks/workspace';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { CircleAlertIcon, FolderPlusIcon, LockIcon } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { ROOT_PATH, joinPath, parentOf } from '../path';\nimport { MountIcon } from './mount-icon';\nimport type { WorkspaceMount } from './mount-icon';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport type { WorkspaceEntryRef } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Button } from '@/ds/components/Button';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Tree } from '@/ds/components/Tree';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, FolderIcon, TrashIcon } from '@/ds/icons';\n\nconst formatBytes = (bytes: number) => {\n  const units = ['B', 'KB', 'MB', 'GB', 'TB'];\n  const i = bytes > 0 ? Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1) : 0;\n  return `${parseFloat((bytes / 1024 ** i).toFixed(1))} ${units[i]}`;\n};\n\ntype RequestDelete = (entry: WorkspaceEntryRef) => void;\n\nexport function WorkspaceTree() {\n  const { workspaceId, activeFilePath, setActiveFilePath } = useWorkspaceContext();\n  const { data, isLoading, error } = useWorkspaceDirectory({ workspaceId: workspaceId, path: ROOT_PATH });\n  const [pendingDelete, setPendingDelete] = useState<WorkspaceEntryRef | null>(null);\n\n  if (isLoading) return <TreeSkeleton />;\n  // A failed background refetch keeps showing the last listing.\n  if (!data) return <WorkspaceError error={error} fallback=\"Could not load files.\" className=\"m-2\" />;\n\n  return (\n    <>\n      <Tree aria-label=\"Workspace files\" selectedId={activeFilePath} onSelect={setActiveFilePath} className=\"py-1\">\n        <Entries entries={data} parent={ROOT_PATH} onRequestDelete={setPendingDelete} />\n      </Tree>\n      <DeleteDialog entry={pendingDelete} onClose={() => setPendingDelete(null)} />\n    </>\n  );\n}\n\nfunction Entries({\n  entries,\n  parent,\n  onRequestDelete,\n}: {\n  entries: WorkspaceFsListResponse['entries'];\n  parent: string;\n  onRequestDelete: RequestDelete;\n}) {\n  return entries.map(entry => {\n    const path = joinPath(parent, entry.name);\n    return entry.type === 'directory' ? (\n      <FolderNode\n        key={entry.name}\n        name={entry.name}\n        path={path}\n        mount={entry.mount}\n        onRequestDelete={onRequestDelete}\n      />\n    ) : (\n      <FileNode key={entry.name} name={entry.name} size={entry.size} path={path} onRequestDelete={onRequestDelete} />\n    );\n  });\n}\n\n/** Trailing row details, revealed on hover or keyboard focus. */\nfunction RowActions({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"ml-auto flex shrink-0 items-center gap-1 opacity-0 group-focus-within:opacity-100 group-hover:opacity-100\">\n      {children}\n    </span>\n  );\n}\n\nfunction DeleteButton({ name, onClick }: { name: string; onClick: () => void }) {\n  return (\n    <Button\n      variant=\"destructive-ghost\"\n      size=\"icon-sm\"\n      tooltip={`Delete ${name}`}\n      onClick={event => {\n        event.stopPropagation();\n        onClick();\n      }}\n      onKeyDown={event => event.stopPropagation()}\n    >\n      <TrashIcon />\n    </Button>\n  );\n}\n\ninterface NodeProps {\n  name: string;\n  path: string;\n  onRequestDelete: RequestDelete;\n}\n\nfunction FolderNode({ name, path, mount, onRequestDelete }: NodeProps & { mount?: WorkspaceMount }) {\n  const { workspaceId, onDelete, onCreateDirectory, isReadOnly, openFolders, setFolderOpen } = useWorkspaceContext();\n  const open = openFolders.has(path);\n  // Shares the query with FolderChildren; only used to flag the first load next to the name.\n  const { isLoading } = useWorkspaceDirectory({\n    workspaceId: workspaceId,\n    path: path,\n    queryOptions: { enabled: open },\n  });\n  const [creating, setCreating] = useState(false);\n  const canDelete = onDelete && !isReadOnly(path);\n  const canCreate = onCreateDirectory && !isReadOnly(path);\n\n  return (\n    <Tree.Folder id={path} open={open} onOpenChange={next => setFolderOpen(path, next)}>\n      <Tree.FolderTrigger\n        actions={\n          canDelete || canCreate ? (\n            <RowActions>\n              {canCreate ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip={`New folder in ${name}`}\n                  onClick={event => {\n                    event.stopPropagation();\n                    setFolderOpen(path, true);\n                    setCreating(true);\n                  }}\n                  onKeyDown={event => event.stopPropagation()}\n                >\n                  <FolderPlusIcon />\n                </Button>\n              ) : null}\n              {canDelete ? (\n                <DeleteButton name={name} onClick={() => onRequestDelete({ path, type: 'directory' })} />\n              ) : null}\n            </RowActions>\n          ) : undefined\n        }\n      >\n        <Tree.Icon>\n          {mount ? (\n            <span\n              role=\"img\"\n              aria-label={`Mount: ${mount.displayName ?? mount.provider}`}\n              title={[mount.displayName ?? mount.provider, mount.description].filter(Boolean).join(' — ')}\n              className=\"flex\"\n            >\n              <MountIcon mount={mount} />\n            </span>\n          ) : (\n            <FolderIcon />\n          )}\n        </Tree.Icon>\n        <Tree.Label>{name}</Tree.Label>\n        {mount?.status === 'error' ? (\n          <span\n            role=\"img\"\n            aria-label={`Mount error: ${mount.error ?? 'unavailable'}`}\n            title={mount.error}\n            className=\"flex shrink-0\"\n          >\n            <CircleAlertIcon className=\"size-3 text-destructive-foreground\" />\n          </span>\n        ) : null}\n        {mount && isReadOnly(path) ? (\n          <span role=\"img\" aria-label=\"Read-only\" title=\"Read-only\" className=\"flex shrink-0\">\n            <LockIcon className=\"size-3 text-muted-foreground\" />\n          </span>\n        ) : null}\n        {open && isLoading ? (\n          <span className=\"flex shrink-0 animate-in delay-200 fill-mode-backwards fade-in\">\n            <Spinner size=\"sm\" aria-label={`Loading ${name}`} className=\"size-3 text-muted-foreground\" />\n          </span>\n        ) : null}\n      </Tree.FolderTrigger>\n      <Tree.FolderContent>\n        {open ? (\n          <FolderChildren\n            path={path}\n            creating={creating}\n            onCreated={() => setCreating(false)}\n            onRequestDelete={onRequestDelete}\n          />\n        ) : null}\n      </Tree.FolderContent>\n    </Tree.Folder>\n  );\n}\n\n/** Mounted only once its folder is opened, so unopened folders are never listed. */\nfunction FolderChildren({\n  path,\n  creating,\n  onCreated,\n  onRequestDelete,\n}: {\n  path: string;\n  creating: boolean;\n  onCreated: () => void;\n  onRequestDelete: RequestDelete;\n}) {\n  const { workspaceId, onCreateDirectory } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const { data, isLoading, error } = useWorkspaceDirectory({ workspaceId: workspaceId, path: path });\n\n  const create = async (name: string) => {\n    try {\n      await onCreateDirectory?.(joinPath(path, name.replace(/^\\/+|\\/+$/g, '')));\n    } catch {\n      // The caller reports the failure; keep the input open so the user can retry or cancel.\n      return;\n    }\n    onCreated();\n    await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', path] });\n  };\n\n  return (\n    <>\n      {creating ? (\n        <Tree.Input type=\"folder\" placeholder=\"Folder name\" onSubmit={name => void create(name)} onCancel={onCreated} />\n      ) : null}\n      {isLoading ? null : data ? (\n        <Entries entries={data} parent={path} onRequestDelete={onRequestDelete} />\n      ) : (\n        <WorkspaceError error={error} fallback=\"Could not load folder.\" className=\"my-1 mr-1\" />\n      )}\n    </>\n  );\n}\n\nfunction FileNode({ name, size, path, onRequestDelete }: NodeProps & { size?: number }) {\n  const { onDelete, isReadOnly, activeFilePath } = useWorkspaceContext();\n  const canDelete = onDelete && !isReadOnly(path);\n  const isActive = path === activeFilePath;\n  const ref = useRef<HTMLLIElement>(null);\n\n  // Parents load lazily, so the active row may only appear after the selection changed.\n  useEffect(() => {\n    if (isActive) ref.current?.scrollIntoView?.({ block: 'nearest' });\n  }, [isActive]);\n\n  return (\n    <Tree.File ref={ref} id={path}>\n      <Tree.Icon>\n        <FileIcon />\n      </Tree.Icon>\n      <Tree.Label>{name}</Tree.Label>\n      <RowActions>\n        {size !== undefined ? (\n          <Txt as=\"span\" variant=\"caption\" tone=\"faint\" font=\"mono\">\n            {formatBytes(size)}\n          </Txt>\n        ) : null}\n        {canDelete ? <DeleteButton name={name} onClick={() => onRequestDelete({ path, type: 'file' })} /> : null}\n      </RowActions>\n    </Tree.File>\n  );\n}\n\nfunction DeleteDialog({ entry, onClose }: { entry: WorkspaceEntryRef | null; onClose: () => void }) {\n  const { workspaceId, activeFilePath, setActiveFilePath, onDelete } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const [isDeleting, setIsDeleting] = useState(false);\n  const name = entry?.path.split('/').pop();\n\n  const confirm = async () => {\n    if (!entry || !onDelete) return;\n    setIsDeleting(true);\n    try {\n      await onDelete(entry);\n    } catch {\n      // The caller reports the failure; keep the dialog open so the user can retry or cancel.\n      return;\n    } finally {\n      setIsDeleting(false);\n    }\n    if (activeFilePath === entry.path || activeFilePath?.startsWith(`${entry.path}/`)) setActiveFilePath(undefined);\n    queryClient.removeQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', entry.path] });\n    await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', parentOf(entry.path)] });\n    onClose();\n  };\n\n  let description: ReactNode = null;\n  if (entry) {\n    description =\n      entry.type === 'directory'\n        ? `This permanently deletes the folder \"${name}\" and everything inside it.`\n        : `This permanently deletes \"${name}\".`;\n  }\n\n  return (\n    <AlertDialog\n      open={entry !== null}\n      onOpenChange={open => {\n        if (!open && !isDeleting) onClose();\n      }}\n    >\n      <AlertDialog.Content>\n        <AlertDialog.Header>\n          <AlertDialog.Title>Delete {entry?.type === 'directory' ? 'folder' : 'file'}?</AlertDialog.Title>\n          <AlertDialog.Description>{description} This action cannot be undone.</AlertDialog.Description>\n        </AlertDialog.Header>\n        <AlertDialog.Footer>\n          <AlertDialog.Cancel disabled={isDeleting}>Cancel</AlertDialog.Cancel>\n          <Button variant=\"destructive\" disabled={isDeleting} onClick={() => void confirm()}>\n            {isDeleting ? 'Deleting…' : 'Delete'}\n          </Button>\n        </AlertDialog.Footer>\n      </AlertDialog.Content>\n    </AlertDialog>\n  );\n}\n\nfunction TreeSkeleton() {\n  return (\n    <div data-testid=\"workspace-tree-skeleton\" aria-busy=\"true\" className=\"flex flex-col gap-2 py-2 pl-[18px]\">\n      <Skeleton className=\"h-4 w-3/4\" />\n      <Skeleton className=\"h-4 w-1/2\" />\n      <Skeleton className=\"h-4 w-2/3\" />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"workspace-tree.cjs.js","names":["useWorkspaceContext","useWorkspaceDirectory","useState","WorkspaceError","_Fragment","Tree","joinPath","Button","TrashIcon","FolderPlusIcon","MountIcon","FolderIcon","CircleAlertIcon","LockIcon","Spinner","useQueryClient","useRef","FileIcon","Txt","parentOf","AlertDialog","Skeleton"],"sources":["../../../../src/domains/workspace/components/workspace-tree.tsx"],"sourcesContent":["import type { WorkspaceFsListResponse } from '@mastra/client-js';\nimport { useWorkspaceDirectory } from '@mastra/react/hooks/workspace';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { CircleAlertIcon, FolderPlusIcon, LockIcon } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { ROOT_PATH, joinPath, parentOf } from '../path';\nimport { MountIcon } from './mount-icon';\nimport type { WorkspaceMount } from './mount-icon';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport type { WorkspaceEntryRef } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Button } from '@/ds/components/Button';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Tree } from '@/ds/components/Tree';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, FolderIcon, TrashIcon } from '@/ds/icons';\n\nconst formatBytes = (bytes: number) => {\n  const units = ['B', 'KB', 'MB', 'GB', 'TB'];\n  const i = bytes > 0 ? Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1) : 0;\n  return `${parseFloat((bytes / 1024 ** i).toFixed(1))} ${units[i]}`;\n};\n\ntype RequestDelete = (entry: WorkspaceEntryRef) => void;\n\nexport function WorkspaceTree() {\n  const { workspaceId, activeFilePath, setActiveFilePath } = useWorkspaceContext();\n  const { data, isLoading, error } = useWorkspaceDirectory({ workspaceId: workspaceId, path: ROOT_PATH });\n  const [pendingDelete, setPendingDelete] = useState<WorkspaceEntryRef | null>(null);\n\n  if (isLoading) return <TreeSkeleton />;\n  // A failed background refetch keeps showing the last listing.\n  if (!data) return <WorkspaceError error={error} fallback=\"Could not load files.\" className=\"m-2\" />;\n\n  return (\n    <>\n      <Tree aria-label=\"Workspace files\" selectedId={activeFilePath} onSelect={setActiveFilePath} className=\"py-1\">\n        <Entries entries={data} parent={ROOT_PATH} onRequestDelete={setPendingDelete} />\n      </Tree>\n      <DeleteDialog entry={pendingDelete} onClose={() => setPendingDelete(null)} />\n    </>\n  );\n}\n\nfunction Entries({\n  entries,\n  parent,\n  onRequestDelete,\n}: {\n  entries: WorkspaceFsListResponse['entries'];\n  parent: string;\n  onRequestDelete: RequestDelete;\n}) {\n  return entries.map(entry => {\n    const path = joinPath(parent, entry.name);\n    return entry.type === 'directory' ? (\n      <FolderNode\n        key={entry.name}\n        name={entry.name}\n        path={path}\n        mount={entry.mount}\n        onRequestDelete={onRequestDelete}\n      />\n    ) : (\n      <FileNode key={entry.name} name={entry.name} size={entry.size} path={path} onRequestDelete={onRequestDelete} />\n    );\n  });\n}\n\n/** Trailing row details, revealed on hover or keyboard focus. */\nfunction RowActions({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"ml-auto flex shrink-0 items-center gap-1 opacity-0 group-focus-within:opacity-100 group-hover:opacity-100\">\n      {children}\n    </span>\n  );\n}\n\nfunction DeleteButton({ name, onClick }: { name: string; onClick: () => void }) {\n  return (\n    <Button\n      variant=\"destructive-ghost\"\n      size=\"icon-sm\"\n      tooltip={`Delete ${name}`}\n      onClick={event => {\n        event.stopPropagation();\n        onClick();\n      }}\n      onKeyDown={event => event.stopPropagation()}\n    >\n      <TrashIcon />\n    </Button>\n  );\n}\n\ninterface NodeProps {\n  name: string;\n  path: string;\n  onRequestDelete: RequestDelete;\n}\n\nfunction FolderNode({ name, path, mount, onRequestDelete }: NodeProps & { mount?: WorkspaceMount }) {\n  const { workspaceId, onDelete, onCreateDirectory, isReadOnly, openFolders, setFolderOpen } = useWorkspaceContext();\n  const open = openFolders.has(path);\n  // Shares the query with FolderChildren; only used to flag the first load next to the name.\n  const { isLoading } = useWorkspaceDirectory({\n    workspaceId: workspaceId,\n    path: path,\n    queryOptions: { enabled: open },\n  });\n  const [creating, setCreating] = useState(false);\n  const canDelete = onDelete && !isReadOnly(path);\n  const canCreate = onCreateDirectory && !isReadOnly(path);\n\n  return (\n    <Tree.Folder id={path} open={open} onOpenChange={next => setFolderOpen(path, next)}>\n      <Tree.FolderTrigger\n        actions={\n          canDelete || canCreate ? (\n            <RowActions>\n              {canCreate ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip={`New folder in ${name}`}\n                  onClick={event => {\n                    event.stopPropagation();\n                    setFolderOpen(path, true);\n                    setCreating(true);\n                  }}\n                  onKeyDown={event => event.stopPropagation()}\n                >\n                  <FolderPlusIcon />\n                </Button>\n              ) : null}\n              {canDelete ? (\n                <DeleteButton name={name} onClick={() => onRequestDelete({ path, type: 'directory' })} />\n              ) : null}\n            </RowActions>\n          ) : undefined\n        }\n      >\n        <Tree.Icon>\n          {mount ? (\n            <span\n              role=\"img\"\n              aria-label={`Mount: ${mount.displayName ?? mount.provider}`}\n              title={[mount.displayName ?? mount.provider, mount.description].filter(Boolean).join(': ')}\n              className=\"flex\"\n            >\n              <MountIcon mount={mount} />\n            </span>\n          ) : (\n            <FolderIcon />\n          )}\n        </Tree.Icon>\n        <Tree.Label>{name}</Tree.Label>\n        {mount?.status === 'error' ? (\n          <span\n            role=\"img\"\n            aria-label={`Mount error: ${mount.error ?? 'unavailable'}`}\n            title={mount.error}\n            className=\"flex shrink-0\"\n          >\n            <CircleAlertIcon className=\"size-3 text-destructive-foreground\" />\n          </span>\n        ) : null}\n        {mount && isReadOnly(path) ? (\n          <span role=\"img\" aria-label=\"Read-only\" title=\"Read-only\" className=\"flex shrink-0\">\n            <LockIcon className=\"size-3 text-muted-foreground\" />\n          </span>\n        ) : null}\n        {open && isLoading ? (\n          <span className=\"flex shrink-0 animate-in delay-200 fill-mode-backwards fade-in\">\n            <Spinner size=\"sm\" aria-label={`Loading ${name}`} className=\"size-3 text-muted-foreground\" />\n          </span>\n        ) : null}\n      </Tree.FolderTrigger>\n      <Tree.FolderContent>\n        {open ? (\n          <FolderChildren\n            path={path}\n            creating={creating}\n            onCreated={() => setCreating(false)}\n            onRequestDelete={onRequestDelete}\n          />\n        ) : null}\n      </Tree.FolderContent>\n    </Tree.Folder>\n  );\n}\n\n/** Mounted only once its folder is opened, so unopened folders are never listed. */\nfunction FolderChildren({\n  path,\n  creating,\n  onCreated,\n  onRequestDelete,\n}: {\n  path: string;\n  creating: boolean;\n  onCreated: () => void;\n  onRequestDelete: RequestDelete;\n}) {\n  const { workspaceId, onCreateDirectory } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const { data, isLoading, error } = useWorkspaceDirectory({ workspaceId: workspaceId, path: path });\n\n  const create = async (name: string) => {\n    try {\n      await onCreateDirectory?.(joinPath(path, name.replace(/^\\/+|\\/+$/g, '')));\n    } catch {\n      // The caller reports the failure; keep the input open so the user can retry or cancel.\n      return;\n    }\n    onCreated();\n    await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', path] });\n  };\n\n  return (\n    <>\n      {creating ? (\n        <Tree.Input type=\"folder\" placeholder=\"Folder name\" onSubmit={name => void create(name)} onCancel={onCreated} />\n      ) : null}\n      {isLoading ? null : data ? (\n        <Entries entries={data} parent={path} onRequestDelete={onRequestDelete} />\n      ) : (\n        <WorkspaceError error={error} fallback=\"Could not load folder.\" className=\"my-1 mr-1\" />\n      )}\n    </>\n  );\n}\n\nfunction FileNode({ name, size, path, onRequestDelete }: NodeProps & { size?: number }) {\n  const { onDelete, isReadOnly, activeFilePath } = useWorkspaceContext();\n  const canDelete = onDelete && !isReadOnly(path);\n  const isActive = path === activeFilePath;\n  const ref = useRef<HTMLLIElement>(null);\n\n  // Parents load lazily, so the active row may only appear after the selection changed.\n  useEffect(() => {\n    if (isActive) ref.current?.scrollIntoView?.({ block: 'nearest' });\n  }, [isActive]);\n\n  return (\n    <Tree.File ref={ref} id={path}>\n      <Tree.Icon>\n        <FileIcon />\n      </Tree.Icon>\n      <Tree.Label>{name}</Tree.Label>\n      <RowActions>\n        {size !== undefined ? (\n          <Txt as=\"span\" variant=\"caption\" tone=\"faint\" font=\"mono\">\n            {formatBytes(size)}\n          </Txt>\n        ) : null}\n        {canDelete ? <DeleteButton name={name} onClick={() => onRequestDelete({ path, type: 'file' })} /> : null}\n      </RowActions>\n    </Tree.File>\n  );\n}\n\nfunction DeleteDialog({ entry, onClose }: { entry: WorkspaceEntryRef | null; onClose: () => void }) {\n  const { workspaceId, activeFilePath, setActiveFilePath, onDelete } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const [isDeleting, setIsDeleting] = useState(false);\n  const name = entry?.path.split('/').pop();\n\n  const confirm = async () => {\n    if (!entry || !onDelete) return;\n    setIsDeleting(true);\n    try {\n      await onDelete(entry);\n    } catch {\n      // The caller reports the failure; keep the dialog open so the user can retry or cancel.\n      return;\n    } finally {\n      setIsDeleting(false);\n    }\n    if (activeFilePath === entry.path || activeFilePath?.startsWith(`${entry.path}/`)) setActiveFilePath(undefined);\n    queryClient.removeQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', entry.path] });\n    await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', parentOf(entry.path)] });\n    onClose();\n  };\n\n  let description: ReactNode = null;\n  if (entry) {\n    description =\n      entry.type === 'directory'\n        ? `This permanently deletes the folder \"${name}\" and everything inside it.`\n        : `This permanently deletes \"${name}\".`;\n  }\n\n  return (\n    <AlertDialog\n      open={entry !== null}\n      onOpenChange={open => {\n        if (!open && !isDeleting) onClose();\n      }}\n    >\n      <AlertDialog.Content>\n        <AlertDialog.Header>\n          <AlertDialog.Title>Delete {entry?.type === 'directory' ? 'folder' : 'file'}?</AlertDialog.Title>\n          <AlertDialog.Description>{description} This action cannot be undone.</AlertDialog.Description>\n        </AlertDialog.Header>\n        <AlertDialog.Footer>\n          <AlertDialog.Cancel disabled={isDeleting}>Cancel</AlertDialog.Cancel>\n          <Button variant=\"destructive\" disabled={isDeleting} onClick={() => void confirm()}>\n            {isDeleting ? 'Deleting…' : 'Delete'}\n          </Button>\n        </AlertDialog.Footer>\n      </AlertDialog.Content>\n    </AlertDialog>\n  );\n}\n\nfunction TreeSkeleton() {\n  return (\n    <div data-testid=\"workspace-tree-skeleton\" aria-busy=\"true\" className=\"flex flex-col gap-2 py-2 pl-[18px]\">\n      <Skeleton className=\"h-4 w-3/4\" />\n      <Skeleton className=\"h-4 w-1/2\" />\n      <Skeleton className=\"h-4 w-2/3\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,IAAM,eAAe,UAAkB;CACrC,MAAM,QAAQ;EAAC;EAAK;EAAM;EAAM;EAAM;CAAI;CAC1C,MAAM,IAAI,QAAQ,IAAI,KAAK,IAAI,KAAK,MAAM,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC,GAAG,MAAM,SAAS,CAAC,IAAI;CACjG,OAAO,GAAG,YAAY,QAAQ,QAAQ,EAAA,CAAG,QAAQ,CAAC,CAAC,EAAE,GAAG,MAAM;AAChE;AAIA,SAAgB,gBAAgB;CAC9B,MAAM,EAAE,aAAa,gBAAgB,sBAAsBA,2DAAAA,oBAAoB;CAC/E,MAAM,EAAE,MAAM,WAAW,WAAA,GAAUC,8BAAAA,sBAAAA,CAAsB;EAAe;EAAa,MAAA;CAAgB,CAAC;CACtG,MAAM,CAAC,eAAe,qBAAA,GAAoBC,MAAAA,SAAAA,CAAmC,IAAI;CAEjF,IAAI,WAAW,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,CAAe,CAAA;CAErC,IAAI,CAAC,MAAM,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,qDAAAA,gBAAD;EAAuB;EAAO,UAAS;EAAwB,WAAU;CAAO,CAAA;CAElG,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,cAAW;EAAkB,YAAY;EAAgB,UAAU;EAAmB,WAAU;EACpG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;GAAS,SAAS;GAAM,QAAA;GAAmB,iBAAiB;EAAmB,CAAA;CAC3E,CAAA,GACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;EAAc,OAAO;EAAe,eAAe,iBAAiB,IAAI;CAAI,CAAA,CAC5E,EAAA,CAAA;AAEN;AAEA,SAAS,QAAQ,EACf,SACA,QACA,mBAKC;CACD,OAAO,QAAQ,KAAI,UAAS;EAC1B,MAAM,OAAOC,+BAAAA,SAAS,QAAQ,MAAM,IAAI;EACxC,OAAO,MAAM,SAAS,cACpB,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;GAEE,MAAM,MAAM;GACN;GACN,OAAO,MAAM;GACI;EAClB,GALM,MAAM,IAKZ,IAED,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAA2B,MAAM,MAAM;GAAM,MAAM,MAAM;GAAY;GAAuB;EAAkB,GAA/F,MAAM,IAAyF;CAElH,CAAC;AACH;;AAGA,SAAS,WAAW,EAAE,YAAqC;CACzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,WAAU;EACb;CACG,CAAA;AAEV;AAEA,SAAS,aAAa,EAAE,MAAM,WAAkD;CAC9E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;EACE,SAAQ;EACR,MAAK;EACL,SAAS,UAAU;EACnB,UAAS,UAAS;GAChB,MAAM,gBAAgB;GACtB,QAAQ;EACV;EACA,YAAW,UAAS,MAAM,gBAAgB;EAE1C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,WAAD,CAAY,CAAA;CACN,CAAA;AAEZ;AAQA,SAAS,WAAW,EAAE,MAAM,MAAM,OAAO,mBAA2D;CAClG,MAAM,EAAE,aAAa,UAAU,mBAAmB,YAAY,aAAa,kBAAkBR,2DAAAA,oBAAoB;CACjH,MAAM,OAAO,YAAY,IAAI,IAAI;CAEjC,MAAM,EAAE,eAAA,GAAcC,8BAAAA,sBAAAA,CAAsB;EAC7B;EACP;EACN,cAAc,EAAE,SAAS,KAAK;CAChC,CAAC;CACD,MAAM,CAAC,UAAU,gBAAA,GAAeC,MAAAA,SAAAA,CAAS,KAAK;CAC9C,MAAM,YAAY,YAAY,CAAC,WAAW,IAAI;CAC9C,MAAM,YAAY,qBAAqB,CAAC,WAAW,IAAI;CAEvD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACG,aAAAA,KAAK,QAAN;EAAa,IAAI;EAAY;EAAM,eAAc,SAAQ,cAAc,MAAM,IAAI;EAAjF,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,aAAAA,KAAK,eAAN;GACE,SACE,aAAa,YACX,iBAAA,GAAA,kBAAA,KAAA,CAAC,YAAD,EAAA,UAAA,CACG,YACC,iBAAA,GAAA,kBAAA,IAAA,CAACE,eAAAA,QAAD;IACE,SAAQ;IACR,MAAK;IACL,SAAS,iBAAiB;IAC1B,UAAS,UAAS;KAChB,MAAM,gBAAgB;KACtB,cAAc,MAAM,IAAI;KACxB,YAAY,IAAI;IAClB;IACA,YAAW,UAAS,MAAM,gBAAgB;IAE1C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,gBAAD,CAAiB,CAAA;GACX,CAAA,IACN,MACH,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;IAAoB;IAAM,eAAe,gBAAgB;KAAE;KAAM,MAAM;IAAY,CAAC;GAAI,CAAA,IACtF,IACM,EAAA,CAAA,IACV,KAAA;GAvBR,UAAA;IA0BE,iBAAA,GAAA,kBAAA,IAAA,CAACJ,aAAAA,KAAK,MAAN,EAAA,UACG,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,MAAK;KACL,cAAY,UAAU,MAAM,eAAe,MAAM;KACjD,OAAO,CAAC,MAAM,eAAe,MAAM,UAAU,MAAM,WAAW,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,IAAI;KACzF,WAAU;KAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACK,gDAAAA,WAAD,EAAkB,MAAQ,CAAA;IACtB,CAAA,IAEN,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,YAAD,CAAa,CAAA,EAEN,CAAA;IACX,iBAAA,GAAA,kBAAA,IAAA,CAACN,aAAAA,KAAK,OAAN,EAAA,UAAa,KAAiB,CAAA;IAC7B,OAAO,WAAW,UACjB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,MAAK;KACL,cAAY,gBAAgB,MAAM,SAAS;KAC3C,OAAO,MAAM;KACb,WAAU;KAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACO,aAAAA,iBAAD,EAAiB,WAAU,qCAAsC,CAAA;IAC7D,CAAA,IACJ;IACH,SAAS,WAAW,IAAI,IACvB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,MAAK;KAAM,cAAW;KAAY,OAAM;KAAY,WAAU;KAClE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,UAAD,EAAU,WAAU,+BAAgC,CAAA;IAChD,CAAA,IACJ;IACH,QAAQ,YACP,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KACd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD;MAAS,MAAK;MAAK,cAAY,WAAW;MAAQ,WAAU;KAAgC,CAAA;IACxF,CAAA,IACJ;GACc;EACpB,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAACT,aAAAA,KAAK,eAAN,EAAA,UACG,OACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GACQ;GACI;GACV,iBAAiB,YAAY,KAAK;GACjB;EAClB,CAAA,IACC,KACc,CAAA,CACT;;AAEjB;;AAGA,SAAS,eAAe,EACtB,MACA,UACA,WACA,mBAMC;CACD,MAAM,EAAE,aAAa,sBAAsBL,2DAAAA,oBAAoB;CAC/D,MAAM,eAAA,GAAce,sBAAAA,eAAAA,CAAe;CACnC,MAAM,EAAE,MAAM,WAAW,WAAA,GAAUd,8BAAAA,sBAAAA,CAAsB;EAAe;EAAmB;CAAK,CAAC;CAEjG,MAAM,SAAS,OAAO,SAAiB;EACrC,IAAI;GACF,MAAM,oBAAoBK,+BAAAA,SAAS,MAAM,KAAK,QAAQ,cAAc,EAAE,CAAC,CAAC;EAC1E,QAAQ;GAEN;EACF;EACA,UAAU;EACV,MAAM,YAAY,kBAAkB,EAAE,UAAU;GAAC;GAAa;GAAa;GAAM;GAAQ;EAAI,EAAE,CAAC;CAClG;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAF,kBAAAA,UAAA,EAAA,UAAA,CACG,WACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,KAAK,OAAN;EAAY,MAAK;EAAS,aAAY;EAAc,WAAU,SAAQ,KAAK,OAAO,IAAI;EAAG,UAAU;CAAY,CAAA,IAC7G,MACH,YAAY,OAAO,OAClB,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAS,SAAS;EAAM,QAAQ;EAAuB;CAAkB,CAAA,IAEzE,iBAAA,GAAA,kBAAA,IAAA,CAACF,qDAAAA,gBAAD;EAAuB;EAAO,UAAS;EAAyB,WAAU;CAAa,CAAA,CAEzF,EAAA,CAAA;AAEN;AAEA,SAAS,SAAS,EAAE,MAAM,MAAM,MAAM,mBAAkD;CACtF,MAAM,EAAE,UAAU,YAAY,mBAAmBH,2DAAAA,oBAAoB;CACrE,MAAM,YAAY,YAAY,CAAC,WAAW,IAAI;CAC9C,MAAM,WAAW,SAAS;CAC1B,MAAM,OAAA,GAAMgB,MAAAA,OAAAA,CAAsB,IAAI;CAGtC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,UAAU,IAAI,SAAS,iBAAiB,EAAE,OAAO,UAAU,CAAC;CAClE,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACX,aAAAA,KAAK,MAAN;EAAgB;EAAK,IAAI;EAAzB,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,KAAK,MAAN,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACY,uBAAAA,UAAD,CAAW,CAAA,EACF,CAAA;GACX,iBAAA,GAAA,kBAAA,IAAA,CAACZ,aAAAA,KAAK,OAAN,EAAA,UAAa,KAAiB,CAAA;GAC9B,iBAAA,GAAA,kBAAA,KAAA,CAAC,YAAD,EAAA,UAAA,CACG,SAAS,KAAA,IACR,iBAAA,GAAA,kBAAA,IAAA,CAACa,YAAAA,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAU,MAAK;IAAQ,MAAK;IAChD,UAAA,YAAY,IAAI;GACd,CAAA,IACH,MACH,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;IAAoB;IAAM,eAAe,gBAAgB;KAAE;KAAM,MAAM;IAAO,CAAC;GAAI,CAAA,IAAI,IAC1F,EAAA,CAAA;EACH;;AAEf;AAEA,SAAS,aAAa,EAAE,OAAO,WAAqE;CAClG,MAAM,EAAE,aAAa,gBAAgB,mBAAmB,aAAalB,2DAAAA,oBAAoB;CACzF,MAAM,eAAA,GAAce,sBAAAA,eAAAA,CAAe;CACnC,MAAM,CAAC,YAAY,kBAAA,GAAiBb,MAAAA,SAAAA,CAAS,KAAK;CAClD,MAAM,OAAO,OAAO,KAAK,MAAM,GAAG,CAAC,CAAC,IAAI;CAExC,MAAM,UAAU,YAAY;EAC1B,IAAI,CAAC,SAAS,CAAC,UAAU;EACzB,cAAc,IAAI;EAClB,IAAI;GACF,MAAM,SAAS,KAAK;EACtB,QAAQ;GAEN;EACF,UAAU;GACR,cAAc,KAAK;EACrB;EACA,IAAI,mBAAmB,MAAM,QAAQ,gBAAgB,WAAW,GAAG,MAAM,KAAK,EAAE,GAAG,kBAAkB,KAAA,CAAS;EAC9G,YAAY,cAAc,EAAE,UAAU;GAAC;GAAa;GAAa;GAAM;GAAQ,MAAM;EAAI,EAAE,CAAC;EAC5F,MAAM,YAAY,kBAAkB,EAAE,UAAU;GAAC;GAAa;GAAa;GAAM;GAAQiB,+BAAAA,SAAS,MAAM,IAAI;EAAC,EAAE,CAAC;EAChH,QAAQ;CACV;CAEA,IAAI,cAAyB;CAC7B,IAAI,OACF,cACE,MAAM,SAAS,cACX,wCAAwC,KAAK,+BAC7C,6BAA6B,KAAK;CAG1C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,aAAD;EACE,MAAM,UAAU;EAChB,eAAc,SAAQ;GACpB,IAAI,CAAC,QAAQ,CAAC,YAAY,QAAQ;EACpC;EAEA,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACA,+BAAAA,YAAY,SAAb,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,+BAAAA,YAAY,QAAb,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,+BAAAA,YAAY,OAAb,EAAA,UAAA;GAAmB;GAAQ,OAAO,SAAS,cAAc,WAAW;GAAO;EAAoB,EAAA,CAAA,GAC/F,iBAAA,GAAA,kBAAA,KAAA,CAACA,+BAAAA,YAAY,aAAb,EAAA,UAAA,CAA0B,aAAY,gCAAuD,EAAA,CAAA,CAC3E,EAAA,CAAA,GACpB,iBAAA,GAAA,kBAAA,KAAA,CAACA,+BAAAA,YAAY,QAAb,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,+BAAAA,YAAY,QAAb;GAAoB,UAAU;GAAY,UAAA;EAA0B,CAAA,GACpE,iBAAA,GAAA,kBAAA,IAAA,CAACb,eAAAA,QAAD;GAAQ,SAAQ;GAAc,UAAU;GAAY,eAAe,KAAK,QAAQ;GAC7E,UAAA,aAAa,cAAc;EACtB,CAAA,CACU,EAAA,CAAA,CACD,EAAA,CAAA;CACV,CAAA;AAEjB;AAEA,SAAS,eAAe;CACtB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,eAAY;EAA0B,aAAU;EAAO,WAAU;EAAtE,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACc,4BAAAA,UAAD,EAAU,WAAU,YAAa,CAAA;GACjC,iBAAA,GAAA,kBAAA,IAAA,CAACA,4BAAAA,UAAD,EAAU,WAAU,YAAa,CAAA;GACjC,iBAAA,GAAA,kBAAA,IAAA,CAACA,4BAAAA,UAAD,EAAU,WAAU,YAAa,CAAA;EAC9B;;AAET"}

package/dist/domains/workspace/components/workspace-tree.es.js

@@ -1,16 +1,16 @@
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { FolderIcon as FolderIcon$1 } from "../../../icons/FolderIcon.es.js";
-import { FileIcon } from "../../../icons/FileIcon.es.js";
-import { TrashIcon as TrashIcon$1 } from "../../../icons/TrashIcon.es.js";
-import { Skeleton } from "../../../components/Skeleton.es.js";
-import { t as Spinner } from "../../../spinner-CnLgLj9R.js";
-import { AlertDialog } from "../../../components/AlertDialog.es.js";
+import { joinPath, parentOf } from "../path.es.js";
 import { MountIcon } from "./mount-icon.es.js";
 import { useWorkspaceContext } from "./use-workspace-context.es.js";
 import { WorkspaceError } from "./workspace-error.es.js";
-import { joinPath, parentOf } from "../path.es.js";
-import { t as Tree } from "../../../Tree-CoLkeBCL.js";
+import { AlertDialog } from "../../../components/AlertDialog.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { Skeleton } from "../../../components/Skeleton.es.js";
+import { t as Spinner } from "../../../spinner-B9ykw74u.js";
+import { t as Tree } from "../../../Tree-od43gLMO.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { FileIcon } from "../../../icons/FileIcon.es.js";
+import { FolderIcon as FolderIcon$1 } from "../../../icons/FolderIcon.es.js";
+import { TrashIcon as TrashIcon$1 } from "../../../icons/TrashIcon.es.js";
 import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CircleAlertIcon, FolderPlusIcon, LockIcon } from "lucide-react";
@@ -130,7 +130,7 @@ function FolderNode({ name, path, mount, onRequestDelete }) {
 				/* @__PURE__ */ jsx(Tree.Icon, { children: mount ? /* @__PURE__ */ jsx("span", {
 					role: "img",
 					"aria-label": `Mount: ${mount.displayName ?? mount.provider}`,
-					title: [mount.displayName ?? mount.provider, mount.description].filter(Boolean).join(" — "),
+					title: [mount.displayName ?? mount.provider, mount.description].filter(Boolean).join(": "),
 					className: "flex",
 					children: /* @__PURE__ */ jsx(MountIcon, { mount })
 				}) : /* @__PURE__ */ jsx(FolderIcon$1, {}) }),

package/dist/domains/workspace/components/workspace-tree.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-tree.es.js","names":["_Fragment","TrashIcon","FolderIcon"],"sources":["../../../../src/domains/workspace/components/workspace-tree.tsx"],"sourcesContent":["import type { WorkspaceFsListResponse } from '@mastra/client-js';\nimport { useWorkspaceDirectory } from '@mastra/react/hooks/workspace';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { CircleAlertIcon, FolderPlusIcon, LockIcon } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { ROOT_PATH, joinPath, parentOf } from '../path';\nimport { MountIcon } from './mount-icon';\nimport type { WorkspaceMount } from './mount-icon';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport type { WorkspaceEntryRef } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Button } from '@/ds/components/Button';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Tree } from '@/ds/components/Tree';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, FolderIcon, TrashIcon } from '@/ds/icons';\n\nconst formatBytes = (bytes: number) => {\n  const units = ['B', 'KB', 'MB', 'GB', 'TB'];\n  const i = bytes > 0 ? Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1) : 0;\n  return `${parseFloat((bytes / 1024 ** i).toFixed(1))} ${units[i]}`;\n};\n\ntype RequestDelete = (entry: WorkspaceEntryRef) => void;\n\nexport function WorkspaceTree() {\n  const { workspaceId, activeFilePath, setActiveFilePath } = useWorkspaceContext();\n  const { data, isLoading, error } = useWorkspaceDirectory({ workspaceId: workspaceId, path: ROOT_PATH });\n  const [pendingDelete, setPendingDelete] = useState<WorkspaceEntryRef | null>(null);\n\n  if (isLoading) return <TreeSkeleton />;\n  // A failed background refetch keeps showing the last listing.\n  if (!data) return <WorkspaceError error={error} fallback=\"Could not load files.\" className=\"m-2\" />;\n\n  return (\n    <>\n      <Tree aria-label=\"Workspace files\" selectedId={activeFilePath} onSelect={setActiveFilePath} className=\"py-1\">\n        <Entries entries={data} parent={ROOT_PATH} onRequestDelete={setPendingDelete} />\n      </Tree>\n      <DeleteDialog entry={pendingDelete} onClose={() => setPendingDelete(null)} />\n    </>\n  );\n}\n\nfunction Entries({\n  entries,\n  parent,\n  onRequestDelete,\n}: {\n  entries: WorkspaceFsListResponse['entries'];\n  parent: string;\n  onRequestDelete: RequestDelete;\n}) {\n  return entries.map(entry => {\n    const path = joinPath(parent, entry.name);\n    return entry.type === 'directory' ? (\n      <FolderNode\n        key={entry.name}\n        name={entry.name}\n        path={path}\n        mount={entry.mount}\n        onRequestDelete={onRequestDelete}\n      />\n    ) : (\n      <FileNode key={entry.name} name={entry.name} size={entry.size} path={path} onRequestDelete={onRequestDelete} />\n    );\n  });\n}\n\n/** Trailing row details, revealed on hover or keyboard focus. */\nfunction RowActions({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"ml-auto flex shrink-0 items-center gap-1 opacity-0 group-focus-within:opacity-100 group-hover:opacity-100\">\n      {children}\n    </span>\n  );\n}\n\nfunction DeleteButton({ name, onClick }: { name: string; onClick: () => void }) {\n  return (\n    <Button\n      variant=\"destructive-ghost\"\n      size=\"icon-sm\"\n      tooltip={`Delete ${name}`}\n      onClick={event => {\n        event.stopPropagation();\n        onClick();\n      }}\n      onKeyDown={event => event.stopPropagation()}\n    >\n      <TrashIcon />\n    </Button>\n  );\n}\n\ninterface NodeProps {\n  name: string;\n  path: string;\n  onRequestDelete: RequestDelete;\n}\n\nfunction FolderNode({ name, path, mount, onRequestDelete }: NodeProps & { mount?: WorkspaceMount }) {\n  const { workspaceId, onDelete, onCreateDirectory, isReadOnly, openFolders, setFolderOpen } = useWorkspaceContext();\n  const open = openFolders.has(path);\n  // Shares the query with FolderChildren; only used to flag the first load next to the name.\n  const { isLoading } = useWorkspaceDirectory({\n    workspaceId: workspaceId,\n    path: path,\n    queryOptions: { enabled: open },\n  });\n  const [creating, setCreating] = useState(false);\n  const canDelete = onDelete && !isReadOnly(path);\n  const canCreate = onCreateDirectory && !isReadOnly(path);\n\n  return (\n    <Tree.Folder id={path} open={open} onOpenChange={next => setFolderOpen(path, next)}>\n      <Tree.FolderTrigger\n        actions={\n          canDelete || canCreate ? (\n            <RowActions>\n              {canCreate ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip={`New folder in ${name}`}\n                  onClick={event => {\n                    event.stopPropagation();\n                    setFolderOpen(path, true);\n                    setCreating(true);\n                  }}\n                  onKeyDown={event => event.stopPropagation()}\n                >\n                  <FolderPlusIcon />\n                </Button>\n              ) : null}\n              {canDelete ? (\n                <DeleteButton name={name} onClick={() => onRequestDelete({ path, type: 'directory' })} />\n              ) : null}\n            </RowActions>\n          ) : undefined\n        }\n      >\n        <Tree.Icon>\n          {mount ? (\n            <span\n              role=\"img\"\n              aria-label={`Mount: ${mount.displayName ?? mount.provider}`}\n              title={[mount.displayName ?? mount.provider, mount.description].filter(Boolean).join(' — ')}\n              className=\"flex\"\n            >\n              <MountIcon mount={mount} />\n            </span>\n          ) : (\n            <FolderIcon />\n          )}\n        </Tree.Icon>\n        <Tree.Label>{name}</Tree.Label>\n        {mount?.status === 'error' ? (\n          <span\n            role=\"img\"\n            aria-label={`Mount error: ${mount.error ?? 'unavailable'}`}\n            title={mount.error}\n            className=\"flex shrink-0\"\n          >\n            <CircleAlertIcon className=\"size-3 text-destructive-foreground\" />\n          </span>\n        ) : null}\n        {mount && isReadOnly(path) ? (\n          <span role=\"img\" aria-label=\"Read-only\" title=\"Read-only\" className=\"flex shrink-0\">\n            <LockIcon className=\"size-3 text-muted-foreground\" />\n          </span>\n        ) : null}\n        {open && isLoading ? (\n          <span className=\"flex shrink-0 animate-in delay-200 fill-mode-backwards fade-in\">\n            <Spinner size=\"sm\" aria-label={`Loading ${name}`} className=\"size-3 text-muted-foreground\" />\n          </span>\n        ) : null}\n      </Tree.FolderTrigger>\n      <Tree.FolderContent>\n        {open ? (\n          <FolderChildren\n            path={path}\n            creating={creating}\n            onCreated={() => setCreating(false)}\n            onRequestDelete={onRequestDelete}\n          />\n        ) : null}\n      </Tree.FolderContent>\n    </Tree.Folder>\n  );\n}\n\n/** Mounted only once its folder is opened, so unopened folders are never listed. */\nfunction FolderChildren({\n  path,\n  creating,\n  onCreated,\n  onRequestDelete,\n}: {\n  path: string;\n  creating: boolean;\n  onCreated: () => void;\n  onRequestDelete: RequestDelete;\n}) {\n  const { workspaceId, onCreateDirectory } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const { data, isLoading, error } = useWorkspaceDirectory({ workspaceId: workspaceId, path: path });\n\n  const create = async (name: string) => {\n    try {\n      await onCreateDirectory?.(joinPath(path, name.replace(/^\\/+|\\/+$/g, '')));\n    } catch {\n      // The caller reports the failure; keep the input open so the user can retry or cancel.\n      return;\n    }\n    onCreated();\n    await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', path] });\n  };\n\n  return (\n    <>\n      {creating ? (\n        <Tree.Input type=\"folder\" placeholder=\"Folder name\" onSubmit={name => void create(name)} onCancel={onCreated} />\n      ) : null}\n      {isLoading ? null : data ? (\n        <Entries entries={data} parent={path} onRequestDelete={onRequestDelete} />\n      ) : (\n        <WorkspaceError error={error} fallback=\"Could not load folder.\" className=\"my-1 mr-1\" />\n      )}\n    </>\n  );\n}\n\nfunction FileNode({ name, size, path, onRequestDelete }: NodeProps & { size?: number }) {\n  const { onDelete, isReadOnly, activeFilePath } = useWorkspaceContext();\n  const canDelete = onDelete && !isReadOnly(path);\n  const isActive = path === activeFilePath;\n  const ref = useRef<HTMLLIElement>(null);\n\n  // Parents load lazily, so the active row may only appear after the selection changed.\n  useEffect(() => {\n    if (isActive) ref.current?.scrollIntoView?.({ block: 'nearest' });\n  }, [isActive]);\n\n  return (\n    <Tree.File ref={ref} id={path}>\n      <Tree.Icon>\n        <FileIcon />\n      </Tree.Icon>\n      <Tree.Label>{name}</Tree.Label>\n      <RowActions>\n        {size !== undefined ? (\n          <Txt as=\"span\" variant=\"caption\" tone=\"faint\" font=\"mono\">\n            {formatBytes(size)}\n          </Txt>\n        ) : null}\n        {canDelete ? <DeleteButton name={name} onClick={() => onRequestDelete({ path, type: 'file' })} /> : null}\n      </RowActions>\n    </Tree.File>\n  );\n}\n\nfunction DeleteDialog({ entry, onClose }: { entry: WorkspaceEntryRef | null; onClose: () => void }) {\n  const { workspaceId, activeFilePath, setActiveFilePath, onDelete } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const [isDeleting, setIsDeleting] = useState(false);\n  const name = entry?.path.split('/').pop();\n\n  const confirm = async () => {\n    if (!entry || !onDelete) return;\n    setIsDeleting(true);\n    try {\n      await onDelete(entry);\n    } catch {\n      // The caller reports the failure; keep the dialog open so the user can retry or cancel.\n      return;\n    } finally {\n      setIsDeleting(false);\n    }\n    if (activeFilePath === entry.path || activeFilePath?.startsWith(`${entry.path}/`)) setActiveFilePath(undefined);\n    queryClient.removeQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', entry.path] });\n    await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', parentOf(entry.path)] });\n    onClose();\n  };\n\n  let description: ReactNode = null;\n  if (entry) {\n    description =\n      entry.type === 'directory'\n        ? `This permanently deletes the folder \"${name}\" and everything inside it.`\n        : `This permanently deletes \"${name}\".`;\n  }\n\n  return (\n    <AlertDialog\n      open={entry !== null}\n      onOpenChange={open => {\n        if (!open && !isDeleting) onClose();\n      }}\n    >\n      <AlertDialog.Content>\n        <AlertDialog.Header>\n          <AlertDialog.Title>Delete {entry?.type === 'directory' ? 'folder' : 'file'}?</AlertDialog.Title>\n          <AlertDialog.Description>{description} This action cannot be undone.</AlertDialog.Description>\n        </AlertDialog.Header>\n        <AlertDialog.Footer>\n          <AlertDialog.Cancel disabled={isDeleting}>Cancel</AlertDialog.Cancel>\n          <Button variant=\"destructive\" disabled={isDeleting} onClick={() => void confirm()}>\n            {isDeleting ? 'Deleting…' : 'Delete'}\n          </Button>\n        </AlertDialog.Footer>\n      </AlertDialog.Content>\n    </AlertDialog>\n  );\n}\n\nfunction TreeSkeleton() {\n  return (\n    <div data-testid=\"workspace-tree-skeleton\" aria-busy=\"true\" className=\"flex flex-col gap-2 py-2 pl-[18px]\">\n      <Skeleton className=\"h-4 w-3/4\" />\n      <Skeleton className=\"h-4 w-1/2\" />\n      <Skeleton className=\"h-4 w-2/3\" />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"workspace-tree.es.js","names":["_Fragment","TrashIcon","FolderIcon"],"sources":["../../../../src/domains/workspace/components/workspace-tree.tsx"],"sourcesContent":["import type { WorkspaceFsListResponse } from '@mastra/client-js';\nimport { useWorkspaceDirectory } from '@mastra/react/hooks/workspace';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { CircleAlertIcon, FolderPlusIcon, LockIcon } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { ROOT_PATH, joinPath, parentOf } from '../path';\nimport { MountIcon } from './mount-icon';\nimport type { WorkspaceMount } from './mount-icon';\nimport { useWorkspaceContext } from './use-workspace-context';\nimport type { WorkspaceEntryRef } from './use-workspace-context';\nimport { WorkspaceError } from './workspace-error';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Button } from '@/ds/components/Button';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Tree } from '@/ds/components/Tree';\nimport { Txt } from '@/ds/components/Txt';\nimport { FileIcon, FolderIcon, TrashIcon } from '@/ds/icons';\n\nconst formatBytes = (bytes: number) => {\n  const units = ['B', 'KB', 'MB', 'GB', 'TB'];\n  const i = bytes > 0 ? Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1) : 0;\n  return `${parseFloat((bytes / 1024 ** i).toFixed(1))} ${units[i]}`;\n};\n\ntype RequestDelete = (entry: WorkspaceEntryRef) => void;\n\nexport function WorkspaceTree() {\n  const { workspaceId, activeFilePath, setActiveFilePath } = useWorkspaceContext();\n  const { data, isLoading, error } = useWorkspaceDirectory({ workspaceId: workspaceId, path: ROOT_PATH });\n  const [pendingDelete, setPendingDelete] = useState<WorkspaceEntryRef | null>(null);\n\n  if (isLoading) return <TreeSkeleton />;\n  // A failed background refetch keeps showing the last listing.\n  if (!data) return <WorkspaceError error={error} fallback=\"Could not load files.\" className=\"m-2\" />;\n\n  return (\n    <>\n      <Tree aria-label=\"Workspace files\" selectedId={activeFilePath} onSelect={setActiveFilePath} className=\"py-1\">\n        <Entries entries={data} parent={ROOT_PATH} onRequestDelete={setPendingDelete} />\n      </Tree>\n      <DeleteDialog entry={pendingDelete} onClose={() => setPendingDelete(null)} />\n    </>\n  );\n}\n\nfunction Entries({\n  entries,\n  parent,\n  onRequestDelete,\n}: {\n  entries: WorkspaceFsListResponse['entries'];\n  parent: string;\n  onRequestDelete: RequestDelete;\n}) {\n  return entries.map(entry => {\n    const path = joinPath(parent, entry.name);\n    return entry.type === 'directory' ? (\n      <FolderNode\n        key={entry.name}\n        name={entry.name}\n        path={path}\n        mount={entry.mount}\n        onRequestDelete={onRequestDelete}\n      />\n    ) : (\n      <FileNode key={entry.name} name={entry.name} size={entry.size} path={path} onRequestDelete={onRequestDelete} />\n    );\n  });\n}\n\n/** Trailing row details, revealed on hover or keyboard focus. */\nfunction RowActions({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"ml-auto flex shrink-0 items-center gap-1 opacity-0 group-focus-within:opacity-100 group-hover:opacity-100\">\n      {children}\n    </span>\n  );\n}\n\nfunction DeleteButton({ name, onClick }: { name: string; onClick: () => void }) {\n  return (\n    <Button\n      variant=\"destructive-ghost\"\n      size=\"icon-sm\"\n      tooltip={`Delete ${name}`}\n      onClick={event => {\n        event.stopPropagation();\n        onClick();\n      }}\n      onKeyDown={event => event.stopPropagation()}\n    >\n      <TrashIcon />\n    </Button>\n  );\n}\n\ninterface NodeProps {\n  name: string;\n  path: string;\n  onRequestDelete: RequestDelete;\n}\n\nfunction FolderNode({ name, path, mount, onRequestDelete }: NodeProps & { mount?: WorkspaceMount }) {\n  const { workspaceId, onDelete, onCreateDirectory, isReadOnly, openFolders, setFolderOpen } = useWorkspaceContext();\n  const open = openFolders.has(path);\n  // Shares the query with FolderChildren; only used to flag the first load next to the name.\n  const { isLoading } = useWorkspaceDirectory({\n    workspaceId: workspaceId,\n    path: path,\n    queryOptions: { enabled: open },\n  });\n  const [creating, setCreating] = useState(false);\n  const canDelete = onDelete && !isReadOnly(path);\n  const canCreate = onCreateDirectory && !isReadOnly(path);\n\n  return (\n    <Tree.Folder id={path} open={open} onOpenChange={next => setFolderOpen(path, next)}>\n      <Tree.FolderTrigger\n        actions={\n          canDelete || canCreate ? (\n            <RowActions>\n              {canCreate ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip={`New folder in ${name}`}\n                  onClick={event => {\n                    event.stopPropagation();\n                    setFolderOpen(path, true);\n                    setCreating(true);\n                  }}\n                  onKeyDown={event => event.stopPropagation()}\n                >\n                  <FolderPlusIcon />\n                </Button>\n              ) : null}\n              {canDelete ? (\n                <DeleteButton name={name} onClick={() => onRequestDelete({ path, type: 'directory' })} />\n              ) : null}\n            </RowActions>\n          ) : undefined\n        }\n      >\n        <Tree.Icon>\n          {mount ? (\n            <span\n              role=\"img\"\n              aria-label={`Mount: ${mount.displayName ?? mount.provider}`}\n              title={[mount.displayName ?? mount.provider, mount.description].filter(Boolean).join(': ')}\n              className=\"flex\"\n            >\n              <MountIcon mount={mount} />\n            </span>\n          ) : (\n            <FolderIcon />\n          )}\n        </Tree.Icon>\n        <Tree.Label>{name}</Tree.Label>\n        {mount?.status === 'error' ? (\n          <span\n            role=\"img\"\n            aria-label={`Mount error: ${mount.error ?? 'unavailable'}`}\n            title={mount.error}\n            className=\"flex shrink-0\"\n          >\n            <CircleAlertIcon className=\"size-3 text-destructive-foreground\" />\n          </span>\n        ) : null}\n        {mount && isReadOnly(path) ? (\n          <span role=\"img\" aria-label=\"Read-only\" title=\"Read-only\" className=\"flex shrink-0\">\n            <LockIcon className=\"size-3 text-muted-foreground\" />\n          </span>\n        ) : null}\n        {open && isLoading ? (\n          <span className=\"flex shrink-0 animate-in delay-200 fill-mode-backwards fade-in\">\n            <Spinner size=\"sm\" aria-label={`Loading ${name}`} className=\"size-3 text-muted-foreground\" />\n          </span>\n        ) : null}\n      </Tree.FolderTrigger>\n      <Tree.FolderContent>\n        {open ? (\n          <FolderChildren\n            path={path}\n            creating={creating}\n            onCreated={() => setCreating(false)}\n            onRequestDelete={onRequestDelete}\n          />\n        ) : null}\n      </Tree.FolderContent>\n    </Tree.Folder>\n  );\n}\n\n/** Mounted only once its folder is opened, so unopened folders are never listed. */\nfunction FolderChildren({\n  path,\n  creating,\n  onCreated,\n  onRequestDelete,\n}: {\n  path: string;\n  creating: boolean;\n  onCreated: () => void;\n  onRequestDelete: RequestDelete;\n}) {\n  const { workspaceId, onCreateDirectory } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const { data, isLoading, error } = useWorkspaceDirectory({ workspaceId: workspaceId, path: path });\n\n  const create = async (name: string) => {\n    try {\n      await onCreateDirectory?.(joinPath(path, name.replace(/^\\/+|\\/+$/g, '')));\n    } catch {\n      // The caller reports the failure; keep the input open so the user can retry or cancel.\n      return;\n    }\n    onCreated();\n    await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', path] });\n  };\n\n  return (\n    <>\n      {creating ? (\n        <Tree.Input type=\"folder\" placeholder=\"Folder name\" onSubmit={name => void create(name)} onCancel={onCreated} />\n      ) : null}\n      {isLoading ? null : data ? (\n        <Entries entries={data} parent={path} onRequestDelete={onRequestDelete} />\n      ) : (\n        <WorkspaceError error={error} fallback=\"Could not load folder.\" className=\"my-1 mr-1\" />\n      )}\n    </>\n  );\n}\n\nfunction FileNode({ name, size, path, onRequestDelete }: NodeProps & { size?: number }) {\n  const { onDelete, isReadOnly, activeFilePath } = useWorkspaceContext();\n  const canDelete = onDelete && !isReadOnly(path);\n  const isActive = path === activeFilePath;\n  const ref = useRef<HTMLLIElement>(null);\n\n  // Parents load lazily, so the active row may only appear after the selection changed.\n  useEffect(() => {\n    if (isActive) ref.current?.scrollIntoView?.({ block: 'nearest' });\n  }, [isActive]);\n\n  return (\n    <Tree.File ref={ref} id={path}>\n      <Tree.Icon>\n        <FileIcon />\n      </Tree.Icon>\n      <Tree.Label>{name}</Tree.Label>\n      <RowActions>\n        {size !== undefined ? (\n          <Txt as=\"span\" variant=\"caption\" tone=\"faint\" font=\"mono\">\n            {formatBytes(size)}\n          </Txt>\n        ) : null}\n        {canDelete ? <DeleteButton name={name} onClick={() => onRequestDelete({ path, type: 'file' })} /> : null}\n      </RowActions>\n    </Tree.File>\n  );\n}\n\nfunction DeleteDialog({ entry, onClose }: { entry: WorkspaceEntryRef | null; onClose: () => void }) {\n  const { workspaceId, activeFilePath, setActiveFilePath, onDelete } = useWorkspaceContext();\n  const queryClient = useQueryClient();\n  const [isDeleting, setIsDeleting] = useState(false);\n  const name = entry?.path.split('/').pop();\n\n  const confirm = async () => {\n    if (!entry || !onDelete) return;\n    setIsDeleting(true);\n    try {\n      await onDelete(entry);\n    } catch {\n      // The caller reports the failure; keep the dialog open so the user can retry or cancel.\n      return;\n    } finally {\n      setIsDeleting(false);\n    }\n    if (activeFilePath === entry.path || activeFilePath?.startsWith(`${entry.path}/`)) setActiveFilePath(undefined);\n    queryClient.removeQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', entry.path] });\n    await queryClient.invalidateQueries({ queryKey: ['workspace', workspaceId, 'fs', 'list', parentOf(entry.path)] });\n    onClose();\n  };\n\n  let description: ReactNode = null;\n  if (entry) {\n    description =\n      entry.type === 'directory'\n        ? `This permanently deletes the folder \"${name}\" and everything inside it.`\n        : `This permanently deletes \"${name}\".`;\n  }\n\n  return (\n    <AlertDialog\n      open={entry !== null}\n      onOpenChange={open => {\n        if (!open && !isDeleting) onClose();\n      }}\n    >\n      <AlertDialog.Content>\n        <AlertDialog.Header>\n          <AlertDialog.Title>Delete {entry?.type === 'directory' ? 'folder' : 'file'}?</AlertDialog.Title>\n          <AlertDialog.Description>{description} This action cannot be undone.</AlertDialog.Description>\n        </AlertDialog.Header>\n        <AlertDialog.Footer>\n          <AlertDialog.Cancel disabled={isDeleting}>Cancel</AlertDialog.Cancel>\n          <Button variant=\"destructive\" disabled={isDeleting} onClick={() => void confirm()}>\n            {isDeleting ? 'Deleting…' : 'Delete'}\n          </Button>\n        </AlertDialog.Footer>\n      </AlertDialog.Content>\n    </AlertDialog>\n  );\n}\n\nfunction TreeSkeleton() {\n  return (\n    <div data-testid=\"workspace-tree-skeleton\" aria-busy=\"true\" className=\"flex flex-col gap-2 py-2 pl-[18px]\">\n      <Skeleton className=\"h-4 w-3/4\" />\n      <Skeleton className=\"h-4 w-1/2\" />\n      <Skeleton className=\"h-4 w-2/3\" />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/workspace/components/workspace.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_workspace_components_workspace_active_file = require("./workspace-active-file.cjs.js");
 const require_domains_workspace_components_workspace_create_directory = require("./workspace-create-directory.cjs.js");
-const require_domains_workspace_components_workspace_search = require("./workspace-search.cjs.js");
 const require_domains_workspace_components_workspace_parts = require("./workspace-parts.cjs.js");
+const require_domains_workspace_components_workspace_search = require("./workspace-search.cjs.js");
 // src/domains/workspace/components/workspace.ts
 var Workspace = {
 	Root: require_domains_workspace_components_workspace_parts.WorkspaceRoot,

package/dist/domains/workspace/components/workspace.es.js

@@ -1,7 +1,7 @@
 import { WorkspaceFilePath } from "./workspace-active-file.es.js";
 import { WorkspaceCreateDirectory } from "./workspace-create-directory.es.js";
-import { WorkspaceSearch, WorkspaceSearchToggle } from "./workspace-search.es.js";
 import { WorkspaceActiveFile, WorkspaceActiveFileContent, WorkspaceActiveFileHeader, WorkspaceAside, WorkspaceAsideHeader, WorkspaceRoot, WorkspaceTree } from "./workspace-parts.es.js";
+import { WorkspaceSearch, WorkspaceSearchToggle } from "./workspace-search.es.js";
 // src/domains/workspace/components/workspace.ts
 var Workspace = {
 	Root: WorkspaceRoot,

package/dist/domains/workspace.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_workspace_components_frontmatter = require("./workspace/components/frontmatter.cjs.js");
+const require_domains_workspace_components_workspace_tree_view = require("./workspace/components/workspace-tree-view.cjs.js");
+const require_domains_workspace_components_workspace = require("./workspace/components/workspace.cjs.js");
 const require_domains_workspace_components_use_workspace_context = require("./workspace/components/use-workspace-context.cjs.js");
 const require_domains_workspace_components_workspace_markdown_preview = require("./workspace/components/workspace-markdown-preview.cjs.js");
-const require_domains_workspace_components_workspace = require("./workspace/components/workspace.cjs.js");
-const require_domains_workspace_components_workspace_tree_view = require("./workspace/components/workspace-tree-view.cjs.js");
+const require_domains_workspace_components_frontmatter = require("./workspace/components/frontmatter.cjs.js");
 let _mastra_react_hooks_workspace = require("@mastra/react/hooks/workspace");
 exports.Workspace = require_domains_workspace_components_workspace.Workspace;
 exports.WorkspaceMarkdownPreview = require_domains_workspace_components_workspace_markdown_preview.WorkspaceMarkdownPreview;

package/dist/domains/workspace.es.js

@@ -1,7 +1,7 @@
-import { splitFrontmatter } from "./workspace/components/frontmatter.es.js";
+import { WorkspaceTreeView } from "./workspace/components/workspace-tree-view.es.js";
+import { Workspace } from "./workspace/components/workspace.es.js";
 import { useWorkspaceContext } from "./workspace/components/use-workspace-context.es.js";
 import { WorkspaceMarkdownPreview } from "./workspace/components/workspace-markdown-preview.es.js";
-import { Workspace } from "./workspace/components/workspace.es.js";
-import { WorkspaceTreeView } from "./workspace/components/workspace-tree-view.es.js";
+import { splitFrontmatter } from "./workspace/components/frontmatter.es.js";
 import { useWorkspaceDirectory, useWorkspaceFileContent, useWorkspaceSearch } from "@mastra/react/hooks/workspace";
 export { Workspace, WorkspaceMarkdownPreview, WorkspaceTreeView, splitFrontmatter, useWorkspaceContext, useWorkspaceDirectory, useWorkspaceFileContent, useWorkspaceSearch };