@mastra/playground-ui 60.2.1-alpha.0 → 61.0.0-alpha.2

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domains_workspace_components_workspace = require('./workspace.cjs.js');
+const domains_workspace_components_workspaceAddSkill = require('./workspace-add-skill.cjs.js');
+
+function WorkspaceTreeView({ asideActions, renderPreview, ...rootProps }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(domains_workspace_components_workspace.Workspace.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(domains_workspace_components_workspace.Workspace.Aside, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        domains_workspace_components_workspace.Workspace.AsideHeader,
+        {
+          actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspace.Workspace.SearchToggle, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspace.Workspace.CreateDirectory, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceAddSkill.WorkspaceAddSkill, {}),
+            asideActions
+          ] }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspace.Workspace.Search, {})
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspace.Workspace.Tree, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(domains_workspace_components_workspace.Workspace.ActiveFile, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspace.Workspace.ActiveFileHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspace.Workspace.FilePath, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspace.Workspace.ActiveFileContent, { renderPreview })
+    ] })
+  ] });
+}
+
+exports.WorkspaceTreeView = WorkspaceTreeView;
+//# sourceMappingURL=workspace-tree-view.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tree-view.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-tree-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { WorkspaceCreateDirectoryHandler, WorkspaceDeleteHandler } from './use-workspace-context';\nimport { Workspace } from './workspace';\nimport type { WorkspacePreviewFactory } from './workspace-active-file';\nimport { WorkspaceAddSkill } from './workspace-add-skill';\nimport type { WorkspaceAddSkillOptions } from './workspace-add-skill';\n\nexport interface WorkspaceTreeViewProps {\n  workspaceId: string;\n  /** Workspace-relative path of the open file (e.g. `src/index.ts`), or `undefined`. Controlled by the parent. */\n  activeFilePath?: string;\n  /** Called when the user opens a file, or with `undefined` when a delete closes it. */\n  onActiveFileChange: (path: string | undefined) => void;\n  /** Enables the delete action on tree rows. Omit to hide it. For directories, delete recursively. */\n  onDelete?: WorkspaceDeleteHandler;\n  /** Enables the \"New folder\" action. Receives a workspace-relative path. Omit to hide it. */\n  onCreateDirectory?: WorkspaceCreateDirectoryHandler;\n  /** Folders (and their contents) where delete and new folder are unavailable. Use `.` for the whole workspace. */\n  readOnlyPaths?: string[];\n  /** Include file search. Defaults to true. */\n  searchFiles?: boolean;\n  /** Include skill search. Defaults to true. The search action hides when both are false. */\n  searchSkills?: boolean;\n  /** Total files, shown as `N Files` in the aside title. Omit to show a plain `Files`. */\n  fileCount?: number;\n  /** Total skills, shown as `N Skills` next to the files. Omit to hide. */\n  skillCount?: number;\n  /** Extra icon buttons rendered in the aside header, after search and new folder. */\n  asideActions?: ReactNode;\n  /** Enables the \"Add skill\" action (aside header and empty state) with its skills.sh dialog. Omit to hide it. */\n  addSkill?: WorkspaceAddSkillOptions;\n  /** Custom preview for a file; return `undefined` to keep the built-in rendering. */\n  renderPreview?: WorkspacePreviewFactory;\n}\n\nexport function WorkspaceTreeView({ asideActions, renderPreview, ...rootProps }: WorkspaceTreeViewProps) {\n  return (\n    <Workspace.Root {...rootProps}>\n      <Workspace.Aside>\n        <Workspace.AsideHeader\n          actions={\n            <>\n              <Workspace.SearchToggle />\n              <Workspace.CreateDirectory />\n              <WorkspaceAddSkill />\n              {asideActions}\n            </>\n          }\n        >\n          <Workspace.Search />\n        </Workspace.AsideHeader>\n        <Workspace.Tree />\n      </Workspace.Aside>\n      <Workspace.ActiveFile>\n        <Workspace.ActiveFileHeader>\n          <Workspace.FilePath />\n        </Workspace.ActiveFileHeader>\n        <Workspace.ActiveFileContent renderPreview={renderPreview} />\n      </Workspace.ActiveFile>\n    </Workspace.Root>\n  );\n}\n"],"names":["jsxs","Workspace","jsx","Fragment","WorkspaceAddSkill"],"mappings":";;;;;;;;AAmCO,SAAS,kBAAkB,EAAE,YAAA,EAAc,aAAA,EAAe,GAAG,WAAU,EAA2B;AACvG,EAAA,uBACEA,eAAA,CAACC,gDAAA,CAAU,IAAA,EAAV,EAAgB,GAAG,SAAA,EAClB,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACC,gDAAA,CAAU,OAAV,EACC,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACD,gDAAA,CAAU,WAAA;AAAA,QAAV;AAAA,UACC,yBACED,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAAD,cAAA,CAACD,gDAAA,CAAU,cAAV,EAAuB,CAAA;AAAA,4BACxBC,cAAA,CAACD,gDAAA,CAAU,eAAA,EAAV,EAA0B,CAAA;AAAA,2CAC1BG,gEAAA,EAAA,EAAkB,CAAA;AAAA,YAClB;AAAA,WAAA,EACH,CAAA;AAAA,UAGF,QAAA,kBAAAF,cAAA,CAACD,gDAAA,CAAU,MAAA,EAAV,EAAiB;AAAA;AAAA,OACpB;AAAA,sBACAC,cAAA,CAACD,gDAAA,CAAU,IAAA,EAAV,EAAe;AAAA,KAAA,EAClB,CAAA;AAAA,oBACAD,eAAA,CAACC,gDAAA,CAAU,UAAA,EAAV,EACC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACD,iDAAU,gBAAA,EAAV,EACC,yCAACA,gDAAA,CAAU,QAAA,EAAV,EAAmB,CAAA,EACtB,CAAA;AAAA,sBACAC,cAAA,CAACD,gDAAA,CAAU,iBAAA,EAAV,EAA4B,aAAA,EAA8B;AAAA,KAAA,EAC7D;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/workspace/components/workspace-tree-view.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workspace/components/workspace-tree-view'
+export {}

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

@@ -0,0 +1,30 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Workspace } from './workspace.es.js';
+import { WorkspaceAddSkill } from './workspace-add-skill.es.js';
+
+function WorkspaceTreeView({ asideActions, renderPreview, ...rootProps }) {
+  return /* @__PURE__ */ jsxs(Workspace.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsxs(Workspace.Aside, { children: [
+      /* @__PURE__ */ jsx(
+        Workspace.AsideHeader,
+        {
+          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Workspace.SearchToggle, {}),
+            /* @__PURE__ */ jsx(Workspace.CreateDirectory, {}),
+            /* @__PURE__ */ jsx(WorkspaceAddSkill, {}),
+            asideActions
+          ] }),
+          children: /* @__PURE__ */ jsx(Workspace.Search, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(Workspace.Tree, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Workspace.ActiveFile, { children: [
+      /* @__PURE__ */ jsx(Workspace.ActiveFileHeader, { children: /* @__PURE__ */ jsx(Workspace.FilePath, {}) }),
+      /* @__PURE__ */ jsx(Workspace.ActiveFileContent, { renderPreview })
+    ] })
+  ] });
+}
+
+export { WorkspaceTreeView };
+//# sourceMappingURL=workspace-tree-view.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tree-view.es.js","sources":["../../../../src/domains/workspace/components/workspace-tree-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { WorkspaceCreateDirectoryHandler, WorkspaceDeleteHandler } from './use-workspace-context';\nimport { Workspace } from './workspace';\nimport type { WorkspacePreviewFactory } from './workspace-active-file';\nimport { WorkspaceAddSkill } from './workspace-add-skill';\nimport type { WorkspaceAddSkillOptions } from './workspace-add-skill';\n\nexport interface WorkspaceTreeViewProps {\n  workspaceId: string;\n  /** Workspace-relative path of the open file (e.g. `src/index.ts`), or `undefined`. Controlled by the parent. */\n  activeFilePath?: string;\n  /** Called when the user opens a file, or with `undefined` when a delete closes it. */\n  onActiveFileChange: (path: string | undefined) => void;\n  /** Enables the delete action on tree rows. Omit to hide it. For directories, delete recursively. */\n  onDelete?: WorkspaceDeleteHandler;\n  /** Enables the \"New folder\" action. Receives a workspace-relative path. Omit to hide it. */\n  onCreateDirectory?: WorkspaceCreateDirectoryHandler;\n  /** Folders (and their contents) where delete and new folder are unavailable. Use `.` for the whole workspace. */\n  readOnlyPaths?: string[];\n  /** Include file search. Defaults to true. */\n  searchFiles?: boolean;\n  /** Include skill search. Defaults to true. The search action hides when both are false. */\n  searchSkills?: boolean;\n  /** Total files, shown as `N Files` in the aside title. Omit to show a plain `Files`. */\n  fileCount?: number;\n  /** Total skills, shown as `N Skills` next to the files. Omit to hide. */\n  skillCount?: number;\n  /** Extra icon buttons rendered in the aside header, after search and new folder. */\n  asideActions?: ReactNode;\n  /** Enables the \"Add skill\" action (aside header and empty state) with its skills.sh dialog. Omit to hide it. */\n  addSkill?: WorkspaceAddSkillOptions;\n  /** Custom preview for a file; return `undefined` to keep the built-in rendering. */\n  renderPreview?: WorkspacePreviewFactory;\n}\n\nexport function WorkspaceTreeView({ asideActions, renderPreview, ...rootProps }: WorkspaceTreeViewProps) {\n  return (\n    <Workspace.Root {...rootProps}>\n      <Workspace.Aside>\n        <Workspace.AsideHeader\n          actions={\n            <>\n              <Workspace.SearchToggle />\n              <Workspace.CreateDirectory />\n              <WorkspaceAddSkill />\n              {asideActions}\n            </>\n          }\n        >\n          <Workspace.Search />\n        </Workspace.AsideHeader>\n        <Workspace.Tree />\n      </Workspace.Aside>\n      <Workspace.ActiveFile>\n        <Workspace.ActiveFileHeader>\n          <Workspace.FilePath />\n        </Workspace.ActiveFileHeader>\n        <Workspace.ActiveFileContent renderPreview={renderPreview} />\n      </Workspace.ActiveFile>\n    </Workspace.Root>\n  );\n}\n"],"names":[],"mappings":";;;;AAmCO,SAAS,kBAAkB,EAAE,YAAA,EAAc,aAAA,EAAe,GAAG,WAAU,EAA2B;AACvG,EAAA,uBACE,IAAA,CAAC,SAAA,CAAU,IAAA,EAAV,EAAgB,GAAG,SAAA,EAClB,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,SAAA,CAAU,OAAV,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,SAAA,CAAU,WAAA;AAAA,QAAV;AAAA,UACC,yBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,SAAA,CAAU,cAAV,EAAuB,CAAA;AAAA,4BACxB,GAAA,CAAC,SAAA,CAAU,eAAA,EAAV,EAA0B,CAAA;AAAA,gCAC1B,iBAAA,EAAA,EAAkB,CAAA;AAAA,YAClB;AAAA,WAAA,EACH,CAAA;AAAA,UAGF,QAAA,kBAAA,GAAA,CAAC,SAAA,CAAU,MAAA,EAAV,EAAiB;AAAA;AAAA,OACpB;AAAA,sBACA,GAAA,CAAC,SAAA,CAAU,IAAA,EAAV,EAAe;AAAA,KAAA,EAClB,CAAA;AAAA,oBACA,IAAA,CAAC,SAAA,CAAU,UAAA,EAAV,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAU,gBAAA,EAAV,EACC,8BAAC,SAAA,CAAU,QAAA,EAAV,EAAmB,CAAA,EACtB,CAAA;AAAA,sBACA,GAAA,CAAC,SAAA,CAAU,iBAAA,EAAV,EAA4B,aAAA,EAA8B;AAAA,KAAA,EAC7D;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,245 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactQuery = require('@tanstack/react-query');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const domains_workspace_hooks_useWorkspaceDirectory = require('../hooks/use-workspace-directory.cjs.js');
+const domains_workspace_path = require('../path.cjs.js');
+const domains_workspace_components_mountIcon = require('./mount-icon.cjs.js');
+const domains_workspace_components_useWorkspaceContext = require('./use-workspace-context.cjs.js');
+const domains_workspace_components_workspaceError = require('./workspace-error.cjs.js');
+const alertDialog = require('../../../alert-dialog-DC-Fapxf.cjs');
+const Button = require('../../../Button-CXhSUBxN.cjs');
+const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
+const spinner = require('../../../spinner-BCpN7LL9.cjs');
+const tree = require('../../../tree-DOVwqiSm.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
+const icons_FolderIcon = require('../../../icons/FolderIcon.cjs.js');
+const icons_FileIcon = require('../../../icons/FileIcon.cjs.js');
+const icons_TrashIcon = require('../../../icons/TrashIcon.cjs.js');
+
+const formatBytes = (bytes) => {
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  const i = bytes > 0 ? Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1) : 0;
+  return `${parseFloat((bytes / 1024 ** i).toFixed(1))} ${units[i]}`;
+};
+function WorkspaceTree() {
+  const { workspaceId, activeFilePath, setActiveFilePath } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const { data, isLoading, error } = domains_workspace_hooks_useWorkspaceDirectory.useWorkspaceDirectory(workspaceId, domains_workspace_path.ROOT_PATH);
+  const [pendingDelete, setPendingDelete] = React.useState(null);
+  if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(TreeSkeleton, {});
+  if (!data) return /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceError.WorkspaceError, { error, fallback: "Could not load files.", className: "m-2" });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tree.Tree, { "aria-label": "Workspace files", selectedId: activeFilePath, onSelect: setActiveFilePath, className: "py-1", children: /* @__PURE__ */ jsxRuntime.jsx(Entries, { entries: data, parent: domains_workspace_path.ROOT_PATH, onRequestDelete: setPendingDelete }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(DeleteDialog, { entry: pendingDelete, onClose: () => setPendingDelete(null) })
+  ] });
+}
+function Entries({
+  entries,
+  parent,
+  onRequestDelete
+}) {
+  return entries.map((entry) => {
+    const path = domains_workspace_path.joinPath(parent, entry.name);
+    return entry.type === "directory" ? /* @__PURE__ */ jsxRuntime.jsx(
+      FolderNode,
+      {
+        name: entry.name,
+        path,
+        mount: entry.mount,
+        onRequestDelete
+      },
+      entry.name
+    ) : /* @__PURE__ */ jsxRuntime.jsx(FileNode, { name: entry.name, size: entry.size, path, onRequestDelete }, entry.name);
+  });
+}
+function RowActions({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex shrink-0 items-center gap-1 opacity-0 group-focus-within:opacity-100 group-hover:opacity-100", children });
+}
+function DeleteButton({ name, onClick }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button.Button,
+    {
+      variant: "destructive-ghost",
+      size: "icon-sm",
+      tooltip: `Delete ${name}`,
+      onClick: (event) => {
+        event.stopPropagation();
+        onClick();
+      },
+      onKeyDown: (event) => event.stopPropagation(),
+      children: /* @__PURE__ */ jsxRuntime.jsx(icons_TrashIcon.TrashIcon, {})
+    }
+  );
+}
+function FolderNode({ name, path, mount, onRequestDelete }) {
+  const { workspaceId, onDelete, onCreateDirectory, isReadOnly, openFolders, setFolderOpen } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const open = openFolders.has(path);
+  const { isLoading } = domains_workspace_hooks_useWorkspaceDirectory.useWorkspaceDirectory(workspaceId, path, { enabled: open });
+  const [creating, setCreating] = React.useState(false);
+  const canDelete = onDelete && !isReadOnly(path);
+  const canCreate = onCreateDirectory && !isReadOnly(path);
+  return /* @__PURE__ */ jsxRuntime.jsxs(tree.Tree.Folder, { id: path, open, onOpenChange: (next) => setFolderOpen(path, next), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      tree.Tree.FolderTrigger,
+      {
+        actions: canDelete || canCreate ? /* @__PURE__ */ jsxRuntime.jsxs(RowActions, { children: [
+          canCreate ? /* @__PURE__ */ jsxRuntime.jsx(
+            Button.Button,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              tooltip: `New folder in ${name}`,
+              onClick: (event) => {
+                event.stopPropagation();
+                setFolderOpen(path, true);
+                setCreating(true);
+              },
+              onKeyDown: (event) => event.stopPropagation(),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlusIcon, {})
+            }
+          ) : null,
+          canDelete ? /* @__PURE__ */ jsxRuntime.jsx(DeleteButton, { name, onClick: () => onRequestDelete({ path, type: "directory" }) }) : null
+        ] }) : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(tree.Tree.Icon, { children: mount ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              role: "img",
+              "aria-label": `Mount: ${mount.displayName ?? mount.provider}`,
+              title: [mount.displayName ?? mount.provider, mount.description].filter(Boolean).join(" — "),
+              className: "flex",
+              children: /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_mountIcon.MountIcon, { mount })
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(icons_FolderIcon.FolderIcon, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(tree.Tree.Label, { children: name }),
+          mount?.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              role: "img",
+              "aria-label": `Mount error: ${mount.error ?? "unavailable"}`,
+              title: mount.error,
+              className: "flex shrink-0",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleAlertIcon, { className: "text-destructive size-3" })
+            }
+          ) : null,
+          mount && isReadOnly(path) ? /* @__PURE__ */ jsxRuntime.jsx("span", { role: "img", "aria-label": "Read-only", title: "Read-only", className: "flex shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LockIcon, { className: "size-3 text-muted-foreground" }) }) : null,
+          open && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 animate-in delay-200 fill-mode-backwards fade-in", children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { size: "sm", "aria-label": `Loading ${name}`, className: "size-3 text-muted-foreground" }) }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(tree.Tree.FolderContent, { children: open ? /* @__PURE__ */ jsxRuntime.jsx(
+      FolderChildren,
+      {
+        path,
+        creating,
+        onCreated: () => setCreating(false),
+        onRequestDelete
+      }
+    ) : null })
+  ] });
+}
+function FolderChildren({
+  path,
+  creating,
+  onCreated,
+  onRequestDelete
+}) {
+  const { workspaceId, onCreateDirectory } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const queryClient = reactQuery.useQueryClient();
+  const { data, isLoading, error } = domains_workspace_hooks_useWorkspaceDirectory.useWorkspaceDirectory(workspaceId, path);
+  const create = async (name) => {
+    try {
+      await onCreateDirectory?.(domains_workspace_path.joinPath(path, name.replace(/^\/+|\/+$/g, "")));
+    } catch {
+      return;
+    }
+    onCreated();
+    await queryClient.invalidateQueries({ queryKey: ["workspace", workspaceId, "fs", "list", path] });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    creating ? /* @__PURE__ */ jsxRuntime.jsx(tree.Tree.Input, { type: "folder", placeholder: "Folder name", onSubmit: (name) => void create(name), onCancel: onCreated }) : null,
+    isLoading ? null : data ? /* @__PURE__ */ jsxRuntime.jsx(Entries, { entries: data, parent: path, onRequestDelete }) : /* @__PURE__ */ jsxRuntime.jsx(domains_workspace_components_workspaceError.WorkspaceError, { error, fallback: "Could not load folder.", className: "my-1 mr-1" })
+  ] });
+}
+function FileNode({ name, size, path, onRequestDelete }) {
+  const { onDelete, isReadOnly, activeFilePath } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const canDelete = onDelete && !isReadOnly(path);
+  const isActive = path === activeFilePath;
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    if (isActive) ref.current?.scrollIntoView?.({ block: "nearest" });
+  }, [isActive]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(tree.Tree.File, { ref, id: path, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tree.Tree.Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(icons_FileIcon.FileIcon, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tree.Tree.Label, { children: name }),
+    /* @__PURE__ */ jsxRuntime.jsxs(RowActions, { children: [
+      size !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "faint", font: "mono", children: formatBytes(size) }) : null,
+      canDelete ? /* @__PURE__ */ jsxRuntime.jsx(DeleteButton, { name, onClick: () => onRequestDelete({ path, type: "file" }) }) : null
+    ] })
+  ] });
+}
+function DeleteDialog({ entry, onClose }) {
+  const { workspaceId, activeFilePath, setActiveFilePath, onDelete } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();
+  const queryClient = reactQuery.useQueryClient();
+  const [isDeleting, setIsDeleting] = React.useState(false);
+  const name = entry?.path.split("/").pop();
+  const confirm = async () => {
+    if (!entry || !onDelete) return;
+    setIsDeleting(true);
+    try {
+      await onDelete(entry);
+    } catch {
+      return;
+    } finally {
+      setIsDeleting(false);
+    }
+    if (activeFilePath === entry.path || activeFilePath?.startsWith(`${entry.path}/`)) setActiveFilePath(void 0);
+    queryClient.removeQueries({ queryKey: ["workspace", workspaceId, "fs", "list", entry.path] });
+    await queryClient.invalidateQueries({ queryKey: ["workspace", workspaceId, "fs", "list", domains_workspace_path.parentOf(entry.path)] });
+    onClose();
+  };
+  let description = null;
+  if (entry) {
+    description = entry.type === "directory" ? `This permanently deletes the folder "${name}" and everything inside it.` : `This permanently deletes "${name}".`;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog,
+    {
+      open: entry !== null,
+      onOpenChange: (open) => {
+        if (!open && !isDeleting) onClose();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog.Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog.Header, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog.Title, { children: [
+            "Delete ",
+            entry?.type === "directory" ? "folder" : "file",
+            "?"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog.Description, { children: [
+            description,
+            " This action cannot be undone."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog.Footer, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Cancel, { disabled: isDeleting, children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "destructive", disabled: isDeleting, onClick: () => void confirm(), children: isDeleting ? "Deleting…" : "Delete" })
+        ] })
+      ] })
+    }
+  );
+}
+function TreeSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "workspace-tree-skeleton", "aria-busy": "true", className: "flex flex-col gap-2 py-2 pl-[18px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-3/4" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-1/2" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-2/3" })
+  ] });
+}
+
+exports.WorkspaceTree = WorkspaceTree;
+//# sourceMappingURL=workspace-tree.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-tree.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-tree.tsx"],"sourcesContent":["import type { WorkspaceFsListResponse } from '@mastra/client-js';\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 { useWorkspaceDirectory } from '../hooks/use-workspace-directory';\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, 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(workspaceId, path, { enabled: open });\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=\"text-destructive size-3\" />\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, 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"],"names":["useWorkspaceContext","useWorkspaceDirectory","ROOT_PATH","useState","jsx","WorkspaceError","jsxs","Fragment","Tree","joinPath","Button","TrashIcon","FolderPlusIcon","MountIcon","FolderIcon","CircleAlertIcon","LockIcon","Spinner","useQueryClient","useRef","useEffect","FileIcon","Txt","parentOf","AlertDialog","Skeleton"],"mappings":"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"}

package/dist/domains/workspace/components/workspace-tree.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workspace/components/workspace-tree'
+export {}

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

@@ -0,0 +1,241 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useQueryClient } from '@tanstack/react-query';
+import { CircleAlertIcon, LockIcon, FolderPlusIcon } from 'lucide-react';
+import { useState, useRef, useEffect } from 'react';
+import { useWorkspaceDirectory } from '../hooks/use-workspace-directory.es.js';
+import { ROOT_PATH, 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 { A as AlertDialog } from '../../../alert-dialog-CzRo39mH.js';
+import { B as Button } from '../../../Button-D43ghVKt.js';
+import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
+import { S as Spinner } from '../../../spinner-ylbE0TJA.js';
+import { T as Tree } from '../../../tree-DixCN7B0.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { FolderIcon } from '../../../icons/FolderIcon.es.js';
+import { FileIcon } from '../../../icons/FileIcon.es.js';
+import { TrashIcon } from '../../../icons/TrashIcon.es.js';
+
+const formatBytes = (bytes) => {
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  const i = bytes > 0 ? Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1) : 0;
+  return `${parseFloat((bytes / 1024 ** i).toFixed(1))} ${units[i]}`;
+};
+function WorkspaceTree() {
+  const { workspaceId, activeFilePath, setActiveFilePath } = useWorkspaceContext();
+  const { data, isLoading, error } = useWorkspaceDirectory(workspaceId, ROOT_PATH);
+  const [pendingDelete, setPendingDelete] = useState(null);
+  if (isLoading) return /* @__PURE__ */ jsx(TreeSkeleton, {});
+  if (!data) return /* @__PURE__ */ jsx(WorkspaceError, { error, fallback: "Could not load files.", className: "m-2" });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tree, { "aria-label": "Workspace files", selectedId: activeFilePath, onSelect: setActiveFilePath, className: "py-1", children: /* @__PURE__ */ jsx(Entries, { entries: data, parent: ROOT_PATH, onRequestDelete: setPendingDelete }) }),
+    /* @__PURE__ */ jsx(DeleteDialog, { entry: pendingDelete, onClose: () => setPendingDelete(null) })
+  ] });
+}
+function Entries({
+  entries,
+  parent,
+  onRequestDelete
+}) {
+  return entries.map((entry) => {
+    const path = joinPath(parent, entry.name);
+    return entry.type === "directory" ? /* @__PURE__ */ jsx(
+      FolderNode,
+      {
+        name: entry.name,
+        path,
+        mount: entry.mount,
+        onRequestDelete
+      },
+      entry.name
+    ) : /* @__PURE__ */ jsx(FileNode, { name: entry.name, size: entry.size, path, onRequestDelete }, entry.name);
+  });
+}
+function RowActions({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "ml-auto flex shrink-0 items-center gap-1 opacity-0 group-focus-within:opacity-100 group-hover:opacity-100", children });
+}
+function DeleteButton({ name, onClick }) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "destructive-ghost",
+      size: "icon-sm",
+      tooltip: `Delete ${name}`,
+      onClick: (event) => {
+        event.stopPropagation();
+        onClick();
+      },
+      onKeyDown: (event) => event.stopPropagation(),
+      children: /* @__PURE__ */ jsx(TrashIcon, {})
+    }
+  );
+}
+function FolderNode({ name, path, mount, onRequestDelete }) {
+  const { workspaceId, onDelete, onCreateDirectory, isReadOnly, openFolders, setFolderOpen } = useWorkspaceContext();
+  const open = openFolders.has(path);
+  const { isLoading } = useWorkspaceDirectory(workspaceId, path, { enabled: open });
+  const [creating, setCreating] = useState(false);
+  const canDelete = onDelete && !isReadOnly(path);
+  const canCreate = onCreateDirectory && !isReadOnly(path);
+  return /* @__PURE__ */ jsxs(Tree.Folder, { id: path, open, onOpenChange: (next) => setFolderOpen(path, next), children: [
+    /* @__PURE__ */ jsxs(
+      Tree.FolderTrigger,
+      {
+        actions: canDelete || canCreate ? /* @__PURE__ */ jsxs(RowActions, { children: [
+          canCreate ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              tooltip: `New folder in ${name}`,
+              onClick: (event) => {
+                event.stopPropagation();
+                setFolderOpen(path, true);
+                setCreating(true);
+              },
+              onKeyDown: (event) => event.stopPropagation(),
+              children: /* @__PURE__ */ jsx(FolderPlusIcon, {})
+            }
+          ) : null,
+          canDelete ? /* @__PURE__ */ jsx(DeleteButton, { name, onClick: () => onRequestDelete({ path, type: "directory" }) }) : null
+        ] }) : void 0,
+        children: [
+          /* @__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(" — "),
+              className: "flex",
+              children: /* @__PURE__ */ jsx(MountIcon, { mount })
+            }
+          ) : /* @__PURE__ */ jsx(FolderIcon, {}) }),
+          /* @__PURE__ */ jsx(Tree.Label, { children: name }),
+          mount?.status === "error" ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              role: "img",
+              "aria-label": `Mount error: ${mount.error ?? "unavailable"}`,
+              title: mount.error,
+              className: "flex shrink-0",
+              children: /* @__PURE__ */ jsx(CircleAlertIcon, { className: "text-destructive size-3" })
+            }
+          ) : null,
+          mount && isReadOnly(path) ? /* @__PURE__ */ jsx("span", { role: "img", "aria-label": "Read-only", title: "Read-only", className: "flex shrink-0", children: /* @__PURE__ */ jsx(LockIcon, { className: "size-3 text-muted-foreground" }) }) : null,
+          open && isLoading ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 animate-in delay-200 fill-mode-backwards fade-in", children: /* @__PURE__ */ jsx(Spinner, { size: "sm", "aria-label": `Loading ${name}`, className: "size-3 text-muted-foreground" }) }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Tree.FolderContent, { children: open ? /* @__PURE__ */ jsx(
+      FolderChildren,
+      {
+        path,
+        creating,
+        onCreated: () => setCreating(false),
+        onRequestDelete
+      }
+    ) : null })
+  ] });
+}
+function FolderChildren({
+  path,
+  creating,
+  onCreated,
+  onRequestDelete
+}) {
+  const { workspaceId, onCreateDirectory } = useWorkspaceContext();
+  const queryClient = useQueryClient();
+  const { data, isLoading, error } = useWorkspaceDirectory(workspaceId, path);
+  const create = async (name) => {
+    try {
+      await onCreateDirectory?.(joinPath(path, name.replace(/^\/+|\/+$/g, "")));
+    } catch {
+      return;
+    }
+    onCreated();
+    await queryClient.invalidateQueries({ queryKey: ["workspace", workspaceId, "fs", "list", path] });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    creating ? /* @__PURE__ */ jsx(Tree.Input, { type: "folder", placeholder: "Folder name", onSubmit: (name) => void create(name), onCancel: onCreated }) : null,
+    isLoading ? null : data ? /* @__PURE__ */ jsx(Entries, { entries: data, parent: path, onRequestDelete }) : /* @__PURE__ */ jsx(WorkspaceError, { error, fallback: "Could not load folder.", className: "my-1 mr-1" })
+  ] });
+}
+function FileNode({ name, size, path, onRequestDelete }) {
+  const { onDelete, isReadOnly, activeFilePath } = useWorkspaceContext();
+  const canDelete = onDelete && !isReadOnly(path);
+  const isActive = path === activeFilePath;
+  const ref = useRef(null);
+  useEffect(() => {
+    if (isActive) ref.current?.scrollIntoView?.({ block: "nearest" });
+  }, [isActive]);
+  return /* @__PURE__ */ jsxs(Tree.File, { ref, id: path, children: [
+    /* @__PURE__ */ jsx(Tree.Icon, { children: /* @__PURE__ */ jsx(FileIcon, {}) }),
+    /* @__PURE__ */ jsx(Tree.Label, { children: name }),
+    /* @__PURE__ */ jsxs(RowActions, { children: [
+      size !== void 0 ? /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "faint", font: "mono", children: formatBytes(size) }) : null,
+      canDelete ? /* @__PURE__ */ jsx(DeleteButton, { name, onClick: () => onRequestDelete({ path, type: "file" }) }) : null
+    ] })
+  ] });
+}
+function DeleteDialog({ entry, onClose }) {
+  const { workspaceId, activeFilePath, setActiveFilePath, onDelete } = useWorkspaceContext();
+  const queryClient = useQueryClient();
+  const [isDeleting, setIsDeleting] = useState(false);
+  const name = entry?.path.split("/").pop();
+  const confirm = async () => {
+    if (!entry || !onDelete) return;
+    setIsDeleting(true);
+    try {
+      await onDelete(entry);
+    } catch {
+      return;
+    } finally {
+      setIsDeleting(false);
+    }
+    if (activeFilePath === entry.path || activeFilePath?.startsWith(`${entry.path}/`)) setActiveFilePath(void 0);
+    queryClient.removeQueries({ queryKey: ["workspace", workspaceId, "fs", "list", entry.path] });
+    await queryClient.invalidateQueries({ queryKey: ["workspace", workspaceId, "fs", "list", parentOf(entry.path)] });
+    onClose();
+  };
+  let description = null;
+  if (entry) {
+    description = entry.type === "directory" ? `This permanently deletes the folder "${name}" and everything inside it.` : `This permanently deletes "${name}".`;
+  }
+  return /* @__PURE__ */ jsx(
+    AlertDialog,
+    {
+      open: entry !== null,
+      onOpenChange: (open) => {
+        if (!open && !isDeleting) onClose();
+      },
+      children: /* @__PURE__ */ jsxs(AlertDialog.Content, { children: [
+        /* @__PURE__ */ jsxs(AlertDialog.Header, { children: [
+          /* @__PURE__ */ jsxs(AlertDialog.Title, { children: [
+            "Delete ",
+            entry?.type === "directory" ? "folder" : "file",
+            "?"
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialog.Description, { children: [
+            description,
+            " This action cannot be undone."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(AlertDialog.Footer, { children: [
+          /* @__PURE__ */ jsx(AlertDialog.Cancel, { disabled: isDeleting, children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { variant: "destructive", disabled: isDeleting, onClick: () => void confirm(), children: isDeleting ? "Deleting…" : "Delete" })
+        ] })
+      ] })
+    }
+  );
+}
+function TreeSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "workspace-tree-skeleton", "aria-busy": "true", className: "flex flex-col gap-2 py-2 pl-[18px]", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/3" })
+  ] });
+}
+
+export { WorkspaceTree };
+//# sourceMappingURL=workspace-tree.es.js.map