@tutti-os/workspace-file-manager 0.0.230 → 0.0.231

package/dist/index.js

@@ -31,10 +31,10 @@ import {
 
 // src/ui/WorkspaceFileManager.tsx
 import {
-  useCallback as useCallback6,
+  useCallback as useCallback7,
   useEffect as useEffect7,
   useLayoutEffect as useLayoutEffect5,
-  useMemo as useMemo3,
+  useMemo as useMemo4,
   useRef as useRef7,
   useState as useState8
 } from "react";
@@ -1127,6 +1127,12 @@ function WorkspaceFileManagerUnsupportedDialog({
   );
 }
 
+// src/ui/WorkspaceFileManagerPanelsContainer.tsx
+import {
+  useCallback as useCallback4,
+  useMemo as useMemo3
+} from "react";
+
 // src/ui/WorkspaceFileManagerPanels.tsx
 import {
   ArrowRightIcon as ArrowRightIcon2,
@@ -1140,6 +1146,7 @@ import {
 import { resolveWorkspaceFileVisualKind as resolveWorkspaceFileVisualKind2 } from "@tutti-os/workspace-file-preview";
 import { WorkspaceFilePreviewSurface as SharedWorkspaceFilePreviewSurface } from "@tutti-os/workspace-file-preview/react";
 import {
+  memo,
   useCallback as useCallback2,
   useEffect as useEffect4,
   useLayoutEffect as useLayoutEffect4,
@@ -2366,7 +2373,7 @@ function resolveWorkspaceFileManagerDateColumnLabel(copy, arrangeMode) {
       return copy.t("modifiedLabel");
   }
 }
-function EntryRow({
+var EntryRow = memo(function EntryRow2({
   arrangeMode,
   canMove,
   contextMenuActive,
@@ -2540,7 +2547,7 @@ function EntryRow({
       ]
     }
   );
-}
+});
 function MoveDragPreview({
   iconUrlByCacheKey,
   preview,
@@ -2976,231 +2983,700 @@ function FeedbackState({ message }) {
   return /* @__PURE__ */ jsx6("div", { className: "grid min-h-0 flex-1 place-items-center p-6 text-center text-sm text-[var(--text-tertiary)]", children: /* @__PURE__ */ jsx6("span", { className: "max-w-[34ch] [overflow-wrap:anywhere]", children: message }) });
 }
 
-// src/ui/WorkspaceFileManagerToolbar.tsx
-import {
-  ArrowLeftIcon as ArrowLeftIcon2,
-  ArrowRightIcon as ArrowRightIcon3,
-  Button as Button2,
-  ChevronDownIcon,
-  CloseIcon,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-  Input as Input2,
-  LoadingIcon as LoadingIcon3,
-  RefreshIcon,
-  SearchIcon,
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-  ViewGridLinedIcon,
-  ViewListLinedIcon,
-  cn as cn5
-} from "@tutti-os/ui-system";
-import { useEffect as useEffect5, useRef as useRef6, useState as useState4 } from "react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function WorkspaceFileManagerToolbar({
-  breadcrumbs,
-  canSearch,
-  canGoBack,
-  canGoForward,
-  copy,
-  currentDirectoryPath,
-  isBusy,
-  isLoading,
-  isMutating,
-  isSearching,
-  arrangeMode,
-  layoutMode,
-  renderToolbarTrailingActions,
-  searchQuery,
-  onGoBack,
-  onGoForward,
-  onArrangeModeChange,
-  onLayoutModeChange,
-  onLoadDirectory,
-  onRefresh,
-  onSearchClear,
-  onSearchQueryChange
-}) {
-  const [refreshAnimationKey, setRefreshAnimationKey] = useState4(0);
-  const handleRefresh = () => {
-    setRefreshAnimationKey((currentKey) => currentKey + 1);
-    onRefresh();
-  };
-  return /* @__PURE__ */ jsxs6("header", { className: "@max-[600px]/workspace-file-manager:flex-nowrap flex h-10 min-h-10 w-full min-w-0 items-center gap-2 border-b border-[var(--border-1)] px-2 py-1", children: [
-    /* @__PURE__ */ jsx7(
-      ToolbarIconButton,
-      {
-        ariaLabel: copy.t("backLabel"),
-        disabled: !canGoBack || isLoading || isBusy,
-        title: copy.t("backLabel"),
-        onClick: onGoBack,
-        children: /* @__PURE__ */ jsx7(ArrowLeftIcon2, { className: "size-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      ToolbarIconButton,
-      {
-        ariaLabel: copy.t("forwardLabel"),
-        disabled: !canGoForward || isLoading || isBusy,
-        title: copy.t("forwardLabel"),
-        onClick: onGoForward,
-        children: /* @__PURE__ */ jsx7(ArrowRightIcon3, { className: "size-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      "nav",
-      {
-        "aria-label": currentDirectoryPath,
-        className: "@max-[600px]/workspace-file-manager:flex-auto flex min-w-0 flex-1 overflow-hidden pr-2",
-        "data-workspace-file-manager-path": "",
-        children: /* @__PURE__ */ jsx7("ol", { className: "flex min-w-0 max-w-full flex-1 items-center gap-2 overflow-hidden", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsx7(
-          BreadcrumbButton,
-          {
-            active: index === breadcrumbs.length - 1,
-            label: crumb.label,
-            showSeparator: index > 0,
-            onClick: () => {
-              onLoadDirectory(crumb.path);
-            }
-          },
-          crumb.path
-        )) })
-      }
-    ),
-    /* @__PURE__ */ jsxs6("div", { className: "@max-[600px]/workspace-file-manager:justify-end flex flex-none items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx7(
-        LayoutModeToggle,
-        {
-          arrangeMode,
-          copy,
-          layoutMode,
-          onArrangeModeChange,
-          onLayoutModeChange
-        }
-      ),
-      /* @__PURE__ */ jsxs6(
-        ToolbarActionButton,
-        {
-          disabled: isLoading || isMutating || isBusy,
-          onClick: handleRefresh,
-          children: [
-            isLoading ? /* @__PURE__ */ jsx7(LoadingIcon3, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx7(
-              RefreshIcon,
-              {
-                className: cn5(
-                  "size-4",
-                  refreshAnimationKey > 0 && "motion-safe:animate-[spin_520ms_cubic-bezier(0.4,0,0.2,1)_1_reverse]"
-                )
-              },
-              refreshAnimationKey
-            ),
-            /* @__PURE__ */ jsx7("span", { className: "@max-[600px]/workspace-file-manager:hidden", children: copy.t("refreshLabel") })
-          ]
-        }
-      ),
-      renderToolbarTrailingActions?.({
-        currentDirectoryPath,
-        isBusy,
-        isLoading,
-        isMutating
-      }) ?? null,
-      /* @__PURE__ */ jsx7(
-        WorkspaceFileManagerToolbarSearch,
-        {
-          canSearch,
-          copy,
-          isSearching,
-          searchQuery,
-          onClear: onSearchClear,
-          onSearchQueryChange
-        }
-      )
-    ] })
-  ] });
+// src/ui/useWorkspaceFileEntryIconUrls.ts
+import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo2, useState as useState4 } from "react";
+
+// src/ui/workspaceFileEntryIconUrlQueue.ts
+var defaultMaxConcurrentIconRequests = 3;
+var imageThumbnailCacheKeyPrefix = "image-thumbnail:";
+function shouldKeepResolvedIconAfterViewportLeave(cacheKey) {
+  return cacheKey.startsWith(imageThumbnailCacheKeyPrefix);
 }
-function WorkspaceFileManagerToolbarSearch({
-  canSearch,
-  copy,
-  isSearching,
-  searchQuery,
-  onClear,
-  onSearchQueryChange
-}) {
-  const [expanded, setExpanded] = useState4(searchQuery.trim().length > 0);
-  const [inputValue, setInputValue] = useState4(searchQuery);
-  const inputRef = useRef6(null);
-  const isComposingRef = useRef6(false);
-  const active = expanded || searchQuery.trim().length > 0;
-  useEffect5(() => {
-    if (searchQuery.trim().length > 0) {
-      setExpanded(true);
+function createWorkspaceFileEntryIconUrlQueue(options) {
+  const maxConcurrent = Math.max(
+    1,
+    Math.floor(options.maxConcurrent ?? defaultMaxConcurrentIconRequests)
+  );
+  const iconUrlByCacheKey = /* @__PURE__ */ new Map();
+  const inFlightCacheKeys = /* @__PURE__ */ new Set();
+  const listeners = /* @__PURE__ */ new Set();
+  const queuedEntries = /* @__PURE__ */ new Map();
+  const visibleReferenceCountByCacheKey = /* @__PURE__ */ new Map();
+  let activeCount = 0;
+  let disposed = false;
+  let retainedCacheKeys = null;
+  const policyOptions = {
+    includeImageThumbnails: options.includeImageThumbnails
+  };
+  function publish() {
+    for (const listener of listeners) {
+      listener();
     }
-  }, [searchQuery]);
-  useEffect5(() => {
-    if (!expanded) {
+  }
+  function isRetained(cacheKey) {
+    return retainedCacheKeys === null || retainedCacheKeys.has(cacheKey);
+  }
+  function isVisible(cacheKey) {
+    return (visibleReferenceCountByCacheKey.get(cacheKey) ?? 0) > 0;
+  }
+  function shouldResolveCacheKey(cacheKey) {
+    return isVisible(cacheKey) || shouldKeepResolvedIconAfterViewportLeave(cacheKey);
+  }
+  function retainVisibleReference(cacheKey) {
+    visibleReferenceCountByCacheKey.set(
+      cacheKey,
+      (visibleReferenceCountByCacheKey.get(cacheKey) ?? 0) + 1
+    );
+  }
+  function releaseVisibleReference(cacheKey) {
+    const nextCount = (visibleReferenceCountByCacheKey.get(cacheKey) ?? 0) - 1;
+    if (nextCount > 0) {
+      visibleReferenceCountByCacheKey.set(cacheKey, nextCount);
       return;
     }
-    inputRef.current?.focus();
-  }, [expanded]);
-  useEffect5(() => {
-    if (isComposingRef.current) {
+    visibleReferenceCountByCacheKey.delete(cacheKey);
+    if (shouldKeepResolvedIconAfterViewportLeave(cacheKey)) {
       return;
     }
-    setInputValue(searchQuery);
-  }, [searchQuery]);
-  const commitInputValue = (value) => {
-    setInputValue(value);
-    onSearchQueryChange(value);
-  };
-  const handleClear = () => {
-    isComposingRef.current = false;
-    setInputValue("");
-    onClear();
-    setExpanded(false);
-  };
-  if (!active) {
-    return /* @__PURE__ */ jsx7(
-      ToolbarIconButton,
-      {
-        ariaLabel: copy.t("searchPlaceholder"),
-        disabled: !canSearch,
-        title: copy.t("searchPlaceholder"),
-        onClick: () => {
-          setExpanded(true);
-        },
-        children: /* @__PURE__ */ jsx7(SearchIcon, { className: "size-4" })
-      }
-    );
+    queuedEntries.delete(cacheKey);
+    const hadCachedIcon = iconUrlByCacheKey.delete(cacheKey);
+    if (hadCachedIcon) {
+      publish();
+    }
   }
-  return /* @__PURE__ */ jsxs6(
-    "div",
-    {
-      className: cn5(
-        "relative h-7 w-[min(220px,34vw)] flex-none overflow-hidden rounded-md bg-[var(--transparency-block)] transition-[width,opacity,background-color] duration-200 ease-out",
-        "@max-[600px]/workspace-file-manager:w-[min(170px,42vw)]",
-        !canSearch && "opacity-60"
-      ),
-      children: [
-        /* @__PURE__ */ jsx7(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-2 size-4 -translate-y-1/2 text-[var(--text-tertiary)]" }),
-        /* @__PURE__ */ jsx7(
-          Input2,
-          {
-            "aria-label": copy.t("searchPlaceholder"),
-            className: "h-full border-0 bg-transparent pr-8 pl-8 text-sm shadow-none focus-visible:ring-0",
-            disabled: !canSearch,
-            placeholder: copy.t("searchPlaceholder"),
-            ref: inputRef,
-            value: inputValue,
-            onBlur: (event) => {
-              commitInputValue(event.currentTarget.value);
-            },
-            onChange: (event) => {
+  function drain() {
+    if (disposed || !options.resolveEntryIconUrl) {
+      return;
+    }
+    while (activeCount < maxConcurrent && queuedEntries.size > 0) {
+      const next = queuedEntries.entries().next().value;
+      if (!next) {
+        return;
+      }
+      const [cacheKey, entry] = next;
+      queuedEntries.delete(cacheKey);
+      if (!shouldResolveCacheKey(cacheKey) || iconUrlByCacheKey.has(cacheKey) || inFlightCacheKeys.has(cacheKey)) {
+        continue;
+      }
+      activeCount += 1;
+      inFlightCacheKeys.add(cacheKey);
+      void options.resolveEntryIconUrl(entry).then((iconUrl) => {
+        const shouldStore = !disposed && isRetained(cacheKey) && shouldResolveCacheKey(cacheKey);
+        if (shouldStore) {
+          iconUrlByCacheKey.set(cacheKey, iconUrl?.trim() || null);
+          publish();
+        }
+      }).catch(() => {
+        const shouldStore = !disposed && isRetained(cacheKey) && shouldResolveCacheKey(cacheKey);
+        if (shouldStore) {
+          iconUrlByCacheKey.set(cacheKey, null);
+          publish();
+        }
+      }).finally(() => {
+        activeCount -= 1;
+        inFlightCacheKeys.delete(cacheKey);
+        drain();
+      });
+    }
+  }
+  return {
+    activate() {
+      disposed = false;
+    },
+    dispose() {
+      disposed = true;
+      queuedEntries.clear();
+      visibleReferenceCountByCacheKey.clear();
+      listeners.clear();
+    },
+    leaveViewport(entry) {
+      if (disposed || !shouldResolveWorkspaceFileEntryIcon(entry, policyOptions)) {
+        return;
+      }
+      const cacheKey = resolveWorkspaceFileEntryIconCacheKey(entry);
+      releaseVisibleReference(cacheKey);
+    },
+    enterViewport(entry) {
+      if (disposed || !options.resolveEntryIconUrl || !shouldResolveWorkspaceFileEntryIcon(entry, policyOptions)) {
+        return;
+      }
+      const cacheKey = resolveWorkspaceFileEntryIconCacheKey(entry);
+      retainVisibleReference(cacheKey);
+      if (iconUrlByCacheKey.has(cacheKey) || inFlightCacheKeys.has(cacheKey) || queuedEntries.has(cacheKey)) {
+        return;
+      }
+      queuedEntries.set(cacheKey, entry);
+      drain();
+    },
+    retainEntries(entries) {
+      retainedCacheKeys = new Set(
+        entries.filter(
+          (entry) => shouldResolveWorkspaceFileEntryIcon(entry, policyOptions)
+        ).map((entry) => resolveWorkspaceFileEntryIconCacheKey(entry))
+      );
+      let changed = false;
+      for (const cacheKey of iconUrlByCacheKey.keys()) {
+        if (!isRetained(cacheKey)) {
+          iconUrlByCacheKey.delete(cacheKey);
+          changed = true;
+          continue;
+        }
+        if (iconUrlByCacheKey.get(cacheKey) === null) {
+          iconUrlByCacheKey.delete(cacheKey);
+          changed = true;
+        }
+      }
+      for (const cacheKey of queuedEntries.keys()) {
+        if (!isRetained(cacheKey)) {
+          queuedEntries.delete(cacheKey);
+        }
+      }
+      for (const cacheKey of visibleReferenceCountByCacheKey.keys()) {
+        if (!isRetained(cacheKey)) {
+          visibleReferenceCountByCacheKey.delete(cacheKey);
+        }
+      }
+      if (changed) {
+        publish();
+      }
+    },
+    snapshot() {
+      return new Map(iconUrlByCacheKey);
+    },
+    subscribe(listener) {
+      if (disposed) {
+        return () => {
+        };
+      }
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+}
+
+// src/ui/useWorkspaceFileEntryIconUrls.ts
+function buildIconTargetSignature(entries, options) {
+  return entries.filter((entry) => shouldResolveWorkspaceFileEntryIcon(entry, options)).map((entry) => resolveWorkspaceFileEntryIconCacheKey(entry)).join("\0");
+}
+function useWorkspaceFileEntryIconUrls(input) {
+  const { entries, includeImageThumbnails, resolveEntryIconUrl } = input;
+  const queue = useMemo2(
+    () => createWorkspaceFileEntryIconUrlQueue({
+      includeImageThumbnails,
+      resolveEntryIconUrl
+    }),
+    [includeImageThumbnails, resolveEntryIconUrl]
+  );
+  const [iconUrlByCacheKey, setIconUrlByCacheKey] = useState4(() => queue.snapshot());
+  const iconTargetSignature = useMemo2(
+    () => buildIconTargetSignature(entries, { includeImageThumbnails }),
+    [entries, includeImageThumbnails]
+  );
+  useEffect5(() => {
+    queue.activate();
+    return () => {
+      queue.dispose();
+    };
+  }, [queue]);
+  useEffect5(() => {
+    queue.retainEntries(entries);
+  }, [entries, iconTargetSignature, queue]);
+  useEffect5(() => {
+    setIconUrlByCacheKey(queue.snapshot());
+    return queue.subscribe(() => {
+      setIconUrlByCacheKey(queue.snapshot());
+    });
+  }, [queue]);
+  const reportEntryIconViewportEnter = useCallback3(
+    (entry) => {
+      queue.enterViewport(entry);
+    },
+    [queue]
+  );
+  const reportEntryIconViewportLeave = useCallback3(
+    (entry) => {
+      queue.leaveViewport(entry);
+    },
+    [queue]
+  );
+  return {
+    iconUrlByCacheKey,
+    reportEntryIconViewportEnter,
+    reportEntryIconViewportLeave
+  };
+}
+
+// src/ui/workspaceFileManagerVisibleTree.ts
+function buildWorkspaceFileManagerVisibleTreeRows(input) {
+  return appendWorkspaceFileManagerVisibleTreeRows({
+    ...input,
+    depth: 0
+  });
+}
+function collectWorkspaceFileManagerVisibleTreeEntries(rows) {
+  return rows.flatMap((row) => row.kind === "entry" ? [row.entry] : []);
+}
+function appendWorkspaceFileManagerVisibleTreeRows(input) {
+  const sortedEntries = sortWorkspaceFileEntriesForArrangeMode(
+    input.entries,
+    input.arrangeMode
+  );
+  const rows = [];
+  for (const entry of sortedEntries) {
+    const expandable = entry.kind === "directory" && entry.hasChildren;
+    const expanded = expandable ? input.expandedDirectoryPaths[entry.path] === true : false;
+    const childState = input.directoryExpansionByPath[entry.path];
+    rows.push({
+      depth: input.depth,
+      entry,
+      expanded,
+      expandable,
+      kind: "entry",
+      loadingChildren: childState?.isLoading ?? false
+    });
+    if (!expanded) {
+      continue;
+    }
+    if (!childState || childState.isLoading) {
+      rows.push({
+        depth: input.depth + 1,
+        key: `${entry.path}:loading`,
+        kind: "feedback",
+        parentPath: entry.path,
+        status: "loading"
+      });
+      continue;
+    }
+    if (childState.error) {
+      rows.push({
+        depth: input.depth + 1,
+        key: `${entry.path}:error`,
+        kind: "feedback",
+        message: childState.error,
+        parentPath: entry.path,
+        status: "error"
+      });
+      continue;
+    }
+    if (childState.loaded && childState.entries.length === 0) {
+      rows.push({
+        depth: input.depth + 1,
+        key: `${entry.path}:empty`,
+        kind: "feedback",
+        parentPath: entry.path,
+        status: "empty"
+      });
+      continue;
+    }
+    rows.push(
+      ...appendWorkspaceFileManagerVisibleTreeRows({
+        ...input,
+        depth: input.depth + 1,
+        entries: childState.entries
+      })
+    );
+  }
+  return rows;
+}
+
+// src/ui/WorkspaceFileManagerPanelsContainer.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function WorkspaceFileManagerPanelsContainer({
+  arrangeMode,
+  dateLocale,
+  entryDragMode,
+  i18n,
+  layoutMode,
+  onDirectoryExpanded,
+  onEntryDragStart,
+  onOpenContextMenu,
+  resolveEntryIconUrl,
+  session,
+  showPreviewPanel
+}) {
+  const { state, view } = useWorkspaceFileManagerPanelsView(session);
+  const arrangedEntries = useMemo3(
+    () => sortWorkspaceFileEntriesForArrangeMode(state.entries, arrangeMode),
+    [arrangeMode, state.entries]
+  );
+  const searchEntries = useMemo3(
+    () => view.searchEntries.map(workspaceFileSearchEntryToEntry),
+    [view.searchEntries]
+  );
+  const searchEntryContextByPath = useMemo3(() => {
+    const contextByPath = /* @__PURE__ */ new Map();
+    for (const entry of view.searchEntries) {
+      contextByPath.set(entry.path, entry.directoryPath);
+    }
+    return contextByPath;
+  }, [view.searchEntries]);
+  const treeRows = useMemo3(
+    () => buildWorkspaceFileManagerVisibleTreeRows({
+      arrangeMode,
+      directoryExpansionByPath: state.directoryExpansionByPath,
+      entries: arrangedEntries,
+      expandedDirectoryPaths: state.expandedDirectoryPaths
+    }),
+    [
+      arrangeMode,
+      arrangedEntries,
+      state.directoryExpansionByPath,
+      state.expandedDirectoryPaths
+    ]
+  );
+  const searchTreeRows = useMemo3(
+    () => searchEntries.map((entry) => ({
+      depth: 0,
+      entry,
+      expanded: false,
+      expandable: false,
+      kind: "entry",
+      loadingChildren: false
+    })),
+    [searchEntries]
+  );
+  const displayedEntries = view.isSearchMode ? searchEntries : arrangedEntries;
+  const displayedTreeRows = view.isSearchMode ? searchTreeRows : treeRows;
+  const visibleTreeEntries = useMemo3(
+    () => collectWorkspaceFileManagerVisibleTreeEntries(displayedTreeRows),
+    [displayedTreeRows]
+  );
+  const panelState = useMemo3(
+    () => ({
+      entries: displayedEntries,
+      error: view.isSearchMode ? view.searchError : state.error,
+      isLoading: view.isSearchMode ? view.isSearching : state.isLoading,
+      isSearchMode: view.isSearchMode
+    }),
+    [
+      displayedEntries,
+      state.error,
+      state.isLoading,
+      view.isSearchMode,
+      view.isSearching,
+      view.searchError
+    ]
+  );
+  const {
+    iconUrlByCacheKey,
+    reportEntryIconViewportEnter,
+    reportEntryIconViewportLeave
+  } = useWorkspaceFileEntryIconUrls({
+    entries: layoutMode === "list" ? visibleTreeEntries : displayedEntries,
+    includeImageThumbnails: true,
+    resolveEntryIconUrl
+  });
+  const handleBlankContextMenu = useCallback4(
+    (event) => {
+      onOpenContextMenu(event, null);
+    },
+    [onOpenContextMenu]
+  );
+  const handleCancelInlineRename = useCallback4(() => {
+    session.cancelInlineRename();
+  }, [session]);
+  const handleClearInlineRenameValidation = useCallback4(() => {
+    session.clearInlineRenameValidation();
+  }, [session]);
+  const handleConfirmInlineRename = useCallback4(
+    (newName) => session.confirmInlineRename(newName),
+    [session]
+  );
+  const handleMoveEntry = useCallback4(
+    (entry, targetDirectoryPath) => {
+      void session.moveEntry(entry, targetDirectoryPath);
+    },
+    [session]
+  );
+  const handleOpenEntry = useCallback4(
+    (entry) => {
+      if (entry.kind === "directory") {
+        onDirectoryExpanded?.(entry.path);
+      }
+      void session.openEntry(entry);
+    },
+    [onDirectoryExpanded, session]
+  );
+  const handleSelect = useCallback4(
+    (path) => {
+      session.select(path);
+    },
+    [session]
+  );
+  const handleToggleDirectoryExpanded = useCallback4(
+    (entry, expanded) => {
+      if (!expanded) {
+        onDirectoryExpanded?.(entry.path);
+      }
+      void session.toggleDirectoryExpanded(entry);
+    },
+    [onDirectoryExpanded, session]
+  );
+  return /* @__PURE__ */ jsx7(
+    WorkspaceFileManagerPanels,
+    {
+      arrangeMode,
+      canMove: view.isSearchMode ? false : view.canMove,
+      contextMenuEntryPath: view.contextMenuEntryPath,
+      copy: i18n,
+      dateLocale,
+      entryContextByPath: view.isSearchMode ? searchEntryContextByPath : null,
+      entryDragMode,
+      iconUrlByCacheKey,
+      inlineRenameEntryPath: view.inlineRenameEntryPath,
+      inlineRenameValidation: view.inlineRenameValidation,
+      isRenaming: view.isRenaming,
+      layoutMode,
+      pendingDirectoryPath: view.pendingDirectoryPath,
+      previewState: view.previewState,
+      selectedEntry: view.selectedEntry,
+      selectedPath: view.selectedPath,
+      showPreviewPanel,
+      state: panelState,
+      treeRows: displayedTreeRows,
+      onBlankContextMenu: handleBlankContextMenu,
+      onCancelInlineRename: handleCancelInlineRename,
+      onClearInlineRenameValidation: handleClearInlineRenameValidation,
+      onConfirmInlineRename: handleConfirmInlineRename,
+      onEntryContextMenu: onOpenContextMenu,
+      onEntryDragStart,
+      onEntryIconViewportEnter: reportEntryIconViewportEnter,
+      onEntryIconViewportLeave: reportEntryIconViewportLeave,
+      onMoveEntry: handleMoveEntry,
+      onOpenEntry: handleOpenEntry,
+      onSelect: handleSelect,
+      onToggleDirectoryExpanded: handleToggleDirectoryExpanded
+    }
+  );
+}
+
+// src/ui/WorkspaceFileManagerToolbar.tsx
+import {
+  ArrowLeftIcon as ArrowLeftIcon2,
+  ArrowRightIcon as ArrowRightIcon3,
+  Button as Button2,
+  ChevronDownIcon,
+  CloseIcon,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  Input as Input2,
+  LoadingIcon as LoadingIcon3,
+  RefreshIcon,
+  SearchIcon,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  ViewGridLinedIcon,
+  ViewListLinedIcon,
+  cn as cn5
+} from "@tutti-os/ui-system";
+import { useEffect as useEffect6, useRef as useRef6, useState as useState5 } from "react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function WorkspaceFileManagerToolbar({
+  breadcrumbs,
+  canSearch,
+  canGoBack,
+  canGoForward,
+  copy,
+  currentDirectoryPath,
+  isBusy,
+  isLoading,
+  isMutating,
+  isSearching,
+  arrangeMode,
+  layoutMode,
+  renderToolbarTrailingActions,
+  searchQuery,
+  onGoBack,
+  onGoForward,
+  onArrangeModeChange,
+  onLayoutModeChange,
+  onLoadDirectory,
+  onRefresh,
+  onSearchClear,
+  onSearchQueryChange
+}) {
+  const [refreshAnimationKey, setRefreshAnimationKey] = useState5(0);
+  const handleRefresh = () => {
+    setRefreshAnimationKey((currentKey) => currentKey + 1);
+    onRefresh();
+  };
+  return /* @__PURE__ */ jsxs6("header", { className: "@max-[600px]/workspace-file-manager:flex-nowrap flex h-10 min-h-10 w-full min-w-0 items-center gap-2 border-b border-[var(--border-1)] px-2 py-1", children: [
+    /* @__PURE__ */ jsx8(
+      ToolbarIconButton,
+      {
+        ariaLabel: copy.t("backLabel"),
+        disabled: !canGoBack || isLoading || isBusy,
+        title: copy.t("backLabel"),
+        onClick: onGoBack,
+        children: /* @__PURE__ */ jsx8(ArrowLeftIcon2, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      ToolbarIconButton,
+      {
+        ariaLabel: copy.t("forwardLabel"),
+        disabled: !canGoForward || isLoading || isBusy,
+        title: copy.t("forwardLabel"),
+        onClick: onGoForward,
+        children: /* @__PURE__ */ jsx8(ArrowRightIcon3, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      "nav",
+      {
+        "aria-label": currentDirectoryPath,
+        className: "@max-[600px]/workspace-file-manager:flex-auto flex min-w-0 flex-1 overflow-hidden pr-2",
+        "data-workspace-file-manager-path": "",
+        children: /* @__PURE__ */ jsx8("ol", { className: "flex min-w-0 max-w-full flex-1 items-center gap-2 overflow-hidden", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsx8(
+          BreadcrumbButton,
+          {
+            active: index === breadcrumbs.length - 1,
+            label: crumb.label,
+            showSeparator: index > 0,
+            onClick: () => {
+              onLoadDirectory(crumb.path);
+            }
+          },
+          crumb.path
+        )) })
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { className: "@max-[600px]/workspace-file-manager:justify-end flex flex-none items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx8(
+        LayoutModeToggle,
+        {
+          arrangeMode,
+          copy,
+          layoutMode,
+          onArrangeModeChange,
+          onLayoutModeChange
+        }
+      ),
+      /* @__PURE__ */ jsxs6(
+        ToolbarActionButton,
+        {
+          disabled: isLoading || isMutating || isBusy,
+          onClick: handleRefresh,
+          children: [
+            isLoading ? /* @__PURE__ */ jsx8(LoadingIcon3, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx8(
+              RefreshIcon,
+              {
+                className: cn5(
+                  "size-4",
+                  refreshAnimationKey > 0 && "motion-safe:animate-[spin_520ms_cubic-bezier(0.4,0,0.2,1)_1_reverse]"
+                )
+              },
+              refreshAnimationKey
+            ),
+            /* @__PURE__ */ jsx8("span", { className: "@max-[600px]/workspace-file-manager:hidden", children: copy.t("refreshLabel") })
+          ]
+        }
+      ),
+      renderToolbarTrailingActions?.({
+        currentDirectoryPath,
+        isBusy,
+        isLoading,
+        isMutating
+      }) ?? null,
+      /* @__PURE__ */ jsx8(
+        WorkspaceFileManagerToolbarSearch,
+        {
+          canSearch,
+          copy,
+          isSearching,
+          searchQuery,
+          onClear: onSearchClear,
+          onSearchQueryChange
+        }
+      )
+    ] })
+  ] });
+}
+function WorkspaceFileManagerToolbarSearch({
+  canSearch,
+  copy,
+  isSearching,
+  searchQuery,
+  onClear,
+  onSearchQueryChange
+}) {
+  const [expanded, setExpanded] = useState5(searchQuery.trim().length > 0);
+  const [inputValue, setInputValue] = useState5(searchQuery);
+  const inputRef = useRef6(null);
+  const isComposingRef = useRef6(false);
+  const active = expanded || searchQuery.trim().length > 0;
+  useEffect6(() => {
+    if (searchQuery.trim().length > 0) {
+      setExpanded(true);
+    }
+  }, [searchQuery]);
+  useEffect6(() => {
+    if (!expanded) {
+      return;
+    }
+    inputRef.current?.focus();
+  }, [expanded]);
+  useEffect6(() => {
+    if (isComposingRef.current) {
+      return;
+    }
+    setInputValue(searchQuery);
+  }, [searchQuery]);
+  const commitInputValue = (value) => {
+    setInputValue(value);
+    onSearchQueryChange(value);
+  };
+  const handleClear = () => {
+    isComposingRef.current = false;
+    setInputValue("");
+    onClear();
+    setExpanded(false);
+  };
+  if (!active) {
+    return /* @__PURE__ */ jsx8(
+      ToolbarIconButton,
+      {
+        ariaLabel: copy.t("searchPlaceholder"),
+        disabled: !canSearch,
+        title: copy.t("searchPlaceholder"),
+        onClick: () => {
+          setExpanded(true);
+        },
+        children: /* @__PURE__ */ jsx8(SearchIcon, { className: "size-4" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: cn5(
+        "relative h-7 w-[min(220px,34vw)] flex-none overflow-hidden rounded-md bg-[var(--transparency-block)] transition-[width,opacity,background-color] duration-200 ease-out",
+        "@max-[600px]/workspace-file-manager:w-[min(170px,42vw)]",
+        !canSearch && "opacity-60"
+      ),
+      children: [
+        /* @__PURE__ */ jsx8(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-2 size-4 -translate-y-1/2 text-[var(--text-tertiary)]" }),
+        /* @__PURE__ */ jsx8(
+          Input2,
+          {
+            "aria-label": copy.t("searchPlaceholder"),
+            className: "h-full border-0 bg-transparent pr-8 pl-8 text-sm shadow-none focus-visible:ring-0",
+            disabled: !canSearch,
+            placeholder: copy.t("searchPlaceholder"),
+            ref: inputRef,
+            value: inputValue,
+            onBlur: (event) => {
+              commitInputValue(event.currentTarget.value);
+            },
+            onChange: (event) => {
               const nextValue = event.currentTarget.value;
               if (isComposingRef.current) {
                 setInputValue(nextValue);
@@ -3227,14 +3703,14 @@ function WorkspaceFileManagerToolbarSearch({
             }
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           "button",
           {
             "aria-label": copy.t("clearSearchLabel"),
             className: "absolute top-1/2 right-1 grid size-5 -translate-y-1/2 place-items-center rounded-[4px] text-[var(--text-tertiary)] transition-colors hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)]",
             type: "button",
             onClick: handleClear,
-            children: isSearching ? /* @__PURE__ */ jsx7(LoadingIcon3, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx7(CloseIcon, { className: "size-3" })
+            children: isSearching ? /* @__PURE__ */ jsx8(LoadingIcon3, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx8(CloseIcon, { className: "size-3" })
           }
         )
       ]
@@ -3259,13 +3735,13 @@ function LayoutModeToggle({
     { label: copy.t("arrangeCreatedLabel"), mode: "created" },
     { label: copy.t("sizeLabel"), mode: "size" }
   ];
-  return /* @__PURE__ */ jsx7(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx8(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs6(
     "div",
     {
       className: "flex items-center rounded-md border border-[var(--border-1)] bg-[var(--transparency-block)] p-0.5",
       role: "group",
       children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           LayoutModeButton,
           {
             active: layoutMode === "icon",
@@ -3274,10 +3750,10 @@ function LayoutModeToggle({
             onClick: () => {
               onLayoutModeChange("icon");
             },
-            children: /* @__PURE__ */ jsx7(ViewGridLinedIcon, { className: "size-4" })
+            children: /* @__PURE__ */ jsx8(ViewGridLinedIcon, { className: "size-4" })
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           LayoutModeButton,
           {
             active: layoutMode === "list",
@@ -3286,12 +3762,12 @@ function LayoutModeToggle({
             onClick: () => {
               onLayoutModeChange("list");
             },
-            children: /* @__PURE__ */ jsx7(ViewListLinedIcon, { className: "size-4" })
+            children: /* @__PURE__ */ jsx8(ViewListLinedIcon, { className: "size-4" })
           }
         ),
-        /* @__PURE__ */ jsx7("span", { className: "mx-0.5 h-4 w-px bg-[var(--border-1)]", "aria-hidden": true }),
+        /* @__PURE__ */ jsx8("span", { className: "mx-0.5 h-4 w-px bg-[var(--border-1)]", "aria-hidden": true }),
         /* @__PURE__ */ jsxs6(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx7(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
             Button2,
             {
               "aria-label": copy.t("arrangeMenuLabel"),
@@ -3299,17 +3775,17 @@ function LayoutModeToggle({
               size: "icon-sm",
               type: "button",
               variant: "ghost",
-              children: /* @__PURE__ */ jsx7(ChevronDownIcon, { className: "size-3.5" })
+              children: /* @__PURE__ */ jsx8(ChevronDownIcon, { className: "size-3.5" })
             }
           ) }),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             DropdownMenuContent,
             {
               align: "end",
               className: "min-w-[236px] px-1 py-1",
               sideOffset: 7,
               style: { zIndex: "var(--z-panel-popover)" },
-              children: /* @__PURE__ */ jsx7(
+              children: /* @__PURE__ */ jsx8(
                 DropdownMenuRadioGroup,
                 {
                   value: arrangeMode,
@@ -3319,8 +3795,8 @@ function LayoutModeToggle({
                     );
                   },
                   children: arrangeOptions.map((option, index) => /* @__PURE__ */ jsxs6("div", { children: [
-                    index === 1 ? /* @__PURE__ */ jsx7(DropdownMenuSeparator, {}) : null,
-                    /* @__PURE__ */ jsx7(
+                    index === 1 ? /* @__PURE__ */ jsx8(DropdownMenuSeparator, {}) : null,
+                    /* @__PURE__ */ jsx8(
                       DropdownMenuRadioItem,
                       {
                         className: "h-8 text-sm font-normal",
@@ -3346,7 +3822,7 @@ function LayoutModeButton({
   tooltipLabel
 }) {
   return /* @__PURE__ */ jsxs6(Tooltip, { children: [
-    /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
       Button2,
       {
         "aria-label": ariaLabel,
@@ -3362,7 +3838,7 @@ function LayoutModeButton({
         children
       }
     ) }),
-    /* @__PURE__ */ jsx7(TooltipContent, { side: "bottom", children: tooltipLabel })
+    /* @__PURE__ */ jsx8(TooltipContent, { side: "bottom", children: tooltipLabel })
   ] });
 }
 function ToolbarIconButton({
@@ -3372,7 +3848,7 @@ function ToolbarIconButton({
   onClick,
   title
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Button2,
     {
       "aria-label": ariaLabel,
@@ -3392,7 +3868,7 @@ function ToolbarActionButton({
   disabled,
   onClick
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Button2,
     {
       className: "@max-[600px]/workspace-file-manager:size-7 @max-[600px]/workspace-file-manager:min-w-7 @max-[600px]/workspace-file-manager:px-0 cursor-pointer",
@@ -3412,8 +3888,8 @@ function BreadcrumbButton({
   showSeparator
 }) {
   return /* @__PURE__ */ jsxs6("li", { className: "flex min-w-0 items-center gap-2", children: [
-    showSeparator ? /* @__PURE__ */ jsx7("span", { className: "flex-none text-[var(--text-tertiary)]", children: "/" }) : null,
-    /* @__PURE__ */ jsx7(
+    showSeparator ? /* @__PURE__ */ jsx8("span", { className: "flex-none text-[var(--text-tertiary)]", children: "/" }) : null,
+    /* @__PURE__ */ jsx8(
       "button",
       {
         className: cn5(
@@ -3439,7 +3915,7 @@ import {
   TooltipTrigger as TooltipTrigger2,
   cn as cn6
 } from "@tutti-os/ui-system";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function WorkspaceFileManagerSidebar({
   disabled,
   locationSections,
@@ -3453,14 +3929,14 @@ function WorkspaceFileManagerSidebar({
   if (visibleSections.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "aside",
     {
       className: "@max-[600px]/workspace-file-manager:hidden flex shrink-0 flex-col border-r border-[var(--border-1)] bg-[var(--background-panel)]",
       style: { minWidth: width, width },
-      children: /* @__PURE__ */ jsx8(ScrollArea2, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx8(TooltipProvider2, { delayDuration: 350, children: /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-3 px-2 py-3", children: visibleSections.map((section) => /* @__PURE__ */ jsxs7("section", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx8("h2", { className: "mb-1 px-2 text-[11px] font-medium uppercase tracking-normal text-[var(--text-tertiary)]", children: section.label }),
-        /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-0.5", children: section.locations.map((location) => /* @__PURE__ */ jsx8(
+      children: /* @__PURE__ */ jsx9(ScrollArea2, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx9(TooltipProvider2, { delayDuration: 350, children: /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-3 px-2 py-3", children: visibleSections.map((section) => /* @__PURE__ */ jsxs7("section", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx9("h2", { className: "mb-1 px-2 text-[11px] font-medium uppercase tracking-normal text-[var(--text-tertiary)]", children: section.label }),
+        /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-0.5", children: section.locations.map((location) => /* @__PURE__ */ jsx9(
           WorkspaceFileManagerSidebarLocation,
           {
             active: location.id === selectedLocationId,
@@ -3496,8 +3972,8 @@ function WorkspaceFileManagerSidebarLocation({
         onSelectLocation(location);
       },
       children: [
-        location.kind === "external" && location.iconUrl ? /* @__PURE__ */ jsx8(ExternalLocationIcon, { location }) : /* @__PURE__ */ jsx8(Icon, { className: "size-4 flex-none" }),
-        /* @__PURE__ */ jsx8("span", { className: "min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: location.label })
+        location.kind === "external" && location.iconUrl ? /* @__PURE__ */ jsx9(ExternalLocationIcon, { location }) : /* @__PURE__ */ jsx9(Icon, { className: "size-4 flex-none" }),
+        /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: location.label })
       ]
     }
   );
@@ -3505,14 +3981,14 @@ function WorkspaceFileManagerSidebarLocation({
     return content;
   }
   return /* @__PURE__ */ jsxs7(Tooltip2, { children: [
-    /* @__PURE__ */ jsx8(TooltipTrigger2, { asChild: true, children: content }),
-    /* @__PURE__ */ jsx8(TooltipContent2, { side: "right", children: location.contextLabel })
+    /* @__PURE__ */ jsx9(TooltipTrigger2, { asChild: true, children: content }),
+    /* @__PURE__ */ jsx9(TooltipContent2, { side: "right", children: location.contextLabel })
   ] });
 }
 function ExternalLocationIcon({
   location
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "img",
     {
       alt: "",
@@ -3523,12 +3999,12 @@ function ExternalLocationIcon({
 }
 
 // src/ui/useWorkspaceFileManagerArrangeMode.ts
-import { useCallback as useCallback3, useState as useState5 } from "react";
+import { useCallback as useCallback5, useState as useState6 } from "react";
 function useWorkspaceFileManagerArrangeMode() {
-  const [arrangeMode, setArrangeModeState] = useState5(
+  const [arrangeMode, setArrangeModeState] = useState6(
     readWorkspaceFileManagerArrangeMode
   );
-  const setArrangeMode = useCallback3(
+  const setArrangeMode = useCallback5(
     (nextArrangeMode) => {
       setArrangeModeState(nextArrangeMode);
       writeWorkspaceFileManagerArrangeMode(nextArrangeMode);
@@ -3536,270 +4012,45 @@ function useWorkspaceFileManagerArrangeMode() {
     []
   );
   return { arrangeMode, setArrangeMode };
-}
-
-// src/ui/useWorkspaceFileManagerLayoutMode.ts
-import { useCallback as useCallback4, useState as useState6 } from "react";
-
-// src/ui/workspaceFileManagerLayoutMode.ts
-var workspaceFileManagerLayoutModeStorageKey = "tutti.workspace-file-manager.layout-mode";
-function readWorkspaceFileManagerLayoutMode() {
-  if (typeof window === "undefined") {
-    return "list";
-  }
-  const stored = window.localStorage.getItem(
-    workspaceFileManagerLayoutModeStorageKey
-  );
-  return stored === "icon" ? "icon" : "list";
-}
-function writeWorkspaceFileManagerLayoutMode(layoutMode) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  window.localStorage.setItem(
-    workspaceFileManagerLayoutModeStorageKey,
-    layoutMode
-  );
-}
-
-// src/ui/useWorkspaceFileManagerLayoutMode.ts
-function useWorkspaceFileManagerLayoutMode() {
-  const [layoutMode, setLayoutModeState] = useState6(
-    readWorkspaceFileManagerLayoutMode
-  );
-  const setLayoutMode = useCallback4(
-    (nextLayoutMode) => {
-      setLayoutModeState(nextLayoutMode);
-      writeWorkspaceFileManagerLayoutMode(nextLayoutMode);
-    },
-    []
-  );
-  return { layoutMode, setLayoutMode };
-}
-
-// src/ui/useWorkspaceFileEntryIconUrls.ts
-import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo2, useState as useState7 } from "react";
-
-// src/ui/workspaceFileEntryIconUrlQueue.ts
-var defaultMaxConcurrentIconRequests = 3;
-var imageThumbnailCacheKeyPrefix = "image-thumbnail:";
-function shouldKeepResolvedIconAfterViewportLeave(cacheKey) {
-  return cacheKey.startsWith(imageThumbnailCacheKeyPrefix);
-}
-function createWorkspaceFileEntryIconUrlQueue(options) {
-  const maxConcurrent = Math.max(
-    1,
-    Math.floor(options.maxConcurrent ?? defaultMaxConcurrentIconRequests)
-  );
-  const iconUrlByCacheKey = /* @__PURE__ */ new Map();
-  const inFlightCacheKeys = /* @__PURE__ */ new Set();
-  const listeners = /* @__PURE__ */ new Set();
-  const queuedEntries = /* @__PURE__ */ new Map();
-  const visibleReferenceCountByCacheKey = /* @__PURE__ */ new Map();
-  let activeCount = 0;
-  let disposed = false;
-  let retainedCacheKeys = null;
-  const policyOptions = {
-    includeImageThumbnails: options.includeImageThumbnails
-  };
-  function publish() {
-    for (const listener of listeners) {
-      listener();
-    }
-  }
-  function isRetained(cacheKey) {
-    return retainedCacheKeys === null || retainedCacheKeys.has(cacheKey);
-  }
-  function isVisible(cacheKey) {
-    return (visibleReferenceCountByCacheKey.get(cacheKey) ?? 0) > 0;
-  }
-  function shouldResolveCacheKey(cacheKey) {
-    return isVisible(cacheKey) || shouldKeepResolvedIconAfterViewportLeave(cacheKey);
-  }
-  function retainVisibleReference(cacheKey) {
-    visibleReferenceCountByCacheKey.set(
-      cacheKey,
-      (visibleReferenceCountByCacheKey.get(cacheKey) ?? 0) + 1
-    );
-  }
-  function releaseVisibleReference(cacheKey) {
-    const nextCount = (visibleReferenceCountByCacheKey.get(cacheKey) ?? 0) - 1;
-    if (nextCount > 0) {
-      visibleReferenceCountByCacheKey.set(cacheKey, nextCount);
-      return;
-    }
-    visibleReferenceCountByCacheKey.delete(cacheKey);
-    if (shouldKeepResolvedIconAfterViewportLeave(cacheKey)) {
-      return;
-    }
-    queuedEntries.delete(cacheKey);
-    const hadCachedIcon = iconUrlByCacheKey.delete(cacheKey);
-    if (hadCachedIcon) {
-      publish();
-    }
-  }
-  function drain() {
-    if (disposed || !options.resolveEntryIconUrl) {
-      return;
-    }
-    while (activeCount < maxConcurrent && queuedEntries.size > 0) {
-      const next = queuedEntries.entries().next().value;
-      if (!next) {
-        return;
-      }
-      const [cacheKey, entry] = next;
-      queuedEntries.delete(cacheKey);
-      if (!shouldResolveCacheKey(cacheKey) || iconUrlByCacheKey.has(cacheKey) || inFlightCacheKeys.has(cacheKey)) {
-        continue;
-      }
-      activeCount += 1;
-      inFlightCacheKeys.add(cacheKey);
-      void options.resolveEntryIconUrl(entry).then((iconUrl) => {
-        const shouldStore = !disposed && isRetained(cacheKey) && shouldResolveCacheKey(cacheKey);
-        if (shouldStore) {
-          iconUrlByCacheKey.set(cacheKey, iconUrl?.trim() || null);
-          publish();
-        }
-      }).catch(() => {
-        const shouldStore = !disposed && isRetained(cacheKey) && shouldResolveCacheKey(cacheKey);
-        if (shouldStore) {
-          iconUrlByCacheKey.set(cacheKey, null);
-          publish();
-        }
-      }).finally(() => {
-        activeCount -= 1;
-        inFlightCacheKeys.delete(cacheKey);
-        drain();
-      });
-    }
-  }
-  return {
-    activate() {
-      disposed = false;
-    },
-    dispose() {
-      disposed = true;
-      queuedEntries.clear();
-      visibleReferenceCountByCacheKey.clear();
-      listeners.clear();
-    },
-    leaveViewport(entry) {
-      if (disposed || !shouldResolveWorkspaceFileEntryIcon(entry, policyOptions)) {
-        return;
-      }
-      const cacheKey = resolveWorkspaceFileEntryIconCacheKey(entry);
-      releaseVisibleReference(cacheKey);
-    },
-    enterViewport(entry) {
-      if (disposed || !options.resolveEntryIconUrl || !shouldResolveWorkspaceFileEntryIcon(entry, policyOptions)) {
-        return;
-      }
-      const cacheKey = resolveWorkspaceFileEntryIconCacheKey(entry);
-      retainVisibleReference(cacheKey);
-      if (iconUrlByCacheKey.has(cacheKey) || inFlightCacheKeys.has(cacheKey) || queuedEntries.has(cacheKey)) {
-        return;
-      }
-      queuedEntries.set(cacheKey, entry);
-      drain();
-    },
-    retainEntries(entries) {
-      retainedCacheKeys = new Set(
-        entries.filter(
-          (entry) => shouldResolveWorkspaceFileEntryIcon(entry, policyOptions)
-        ).map((entry) => resolveWorkspaceFileEntryIconCacheKey(entry))
-      );
-      let changed = false;
-      for (const cacheKey of iconUrlByCacheKey.keys()) {
-        if (!isRetained(cacheKey)) {
-          iconUrlByCacheKey.delete(cacheKey);
-          changed = true;
-          continue;
-        }
-        if (iconUrlByCacheKey.get(cacheKey) === null) {
-          iconUrlByCacheKey.delete(cacheKey);
-          changed = true;
-        }
-      }
-      for (const cacheKey of queuedEntries.keys()) {
-        if (!isRetained(cacheKey)) {
-          queuedEntries.delete(cacheKey);
-        }
-      }
-      for (const cacheKey of visibleReferenceCountByCacheKey.keys()) {
-        if (!isRetained(cacheKey)) {
-          visibleReferenceCountByCacheKey.delete(cacheKey);
-        }
-      }
-      if (changed) {
-        publish();
-      }
-    },
-    snapshot() {
-      return new Map(iconUrlByCacheKey);
-    },
-    subscribe(listener) {
-      if (disposed) {
-        return () => {
-        };
-      }
-      listeners.add(listener);
-      return () => {
-        listeners.delete(listener);
-      };
-    }
-  };
-}
-
-// src/ui/useWorkspaceFileEntryIconUrls.ts
-function buildIconTargetSignature(entries, options) {
-  return entries.filter((entry) => shouldResolveWorkspaceFileEntryIcon(entry, options)).map((entry) => resolveWorkspaceFileEntryIconCacheKey(entry)).join("\0");
-}
-function useWorkspaceFileEntryIconUrls(input) {
-  const { entries, includeImageThumbnails, resolveEntryIconUrl } = input;
-  const queue = useMemo2(
-    () => createWorkspaceFileEntryIconUrlQueue({
-      includeImageThumbnails,
-      resolveEntryIconUrl
-    }),
-    [includeImageThumbnails, resolveEntryIconUrl]
+}
+
+// src/ui/useWorkspaceFileManagerLayoutMode.ts
+import { useCallback as useCallback6, useState as useState7 } from "react";
+
+// src/ui/workspaceFileManagerLayoutMode.ts
+var workspaceFileManagerLayoutModeStorageKey = "tutti.workspace-file-manager.layout-mode";
+function readWorkspaceFileManagerLayoutMode() {
+  if (typeof window === "undefined") {
+    return "list";
+  }
+  const stored = window.localStorage.getItem(
+    workspaceFileManagerLayoutModeStorageKey
   );
-  const [iconUrlByCacheKey, setIconUrlByCacheKey] = useState7(() => queue.snapshot());
-  const iconTargetSignature = useMemo2(
-    () => buildIconTargetSignature(entries, { includeImageThumbnails }),
-    [entries, includeImageThumbnails]
+  return stored === "icon" ? "icon" : "list";
+}
+function writeWorkspaceFileManagerLayoutMode(layoutMode) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  window.localStorage.setItem(
+    workspaceFileManagerLayoutModeStorageKey,
+    layoutMode
   );
-  useEffect6(() => {
-    queue.activate();
-    return () => {
-      queue.dispose();
-    };
-  }, [queue]);
-  useEffect6(() => {
-    queue.retainEntries(entries);
-  }, [entries, iconTargetSignature, queue]);
-  useEffect6(() => {
-    setIconUrlByCacheKey(queue.snapshot());
-    return queue.subscribe(() => {
-      setIconUrlByCacheKey(queue.snapshot());
-    });
-  }, [queue]);
-  const reportEntryIconViewportEnter = useCallback5(
-    (entry) => {
-      queue.enterViewport(entry);
-    },
-    [queue]
+}
+
+// src/ui/useWorkspaceFileManagerLayoutMode.ts
+function useWorkspaceFileManagerLayoutMode() {
+  const [layoutMode, setLayoutModeState] = useState7(
+    readWorkspaceFileManagerLayoutMode
   );
-  const reportEntryIconViewportLeave = useCallback5(
-    (entry) => {
-      queue.leaveViewport(entry);
+  const setLayoutMode = useCallback6(
+    (nextLayoutMode) => {
+      setLayoutModeState(nextLayoutMode);
+      writeWorkspaceFileManagerLayoutMode(nextLayoutMode);
     },
-    [queue]
+    []
   );
-  return {
-    iconUrlByCacheKey,
-    reportEntryIconViewportEnter,
-    reportEntryIconViewportLeave
-  };
+  return { layoutMode, setLayoutMode };
 }
 
 // src/ui/workspaceFileManagerAnalytics.ts
@@ -3810,81 +4061,8 @@ function normalizeDirectoryPath(path) {
   return path.trim().replaceAll("\\", "/").replace(/\/+$/u, "");
 }
 
-// src/ui/workspaceFileManagerVisibleTree.ts
-function buildWorkspaceFileManagerVisibleTreeRows(input) {
-  return appendWorkspaceFileManagerVisibleTreeRows({
-    ...input,
-    depth: 0
-  });
-}
-function collectWorkspaceFileManagerVisibleTreeEntries(rows) {
-  return rows.flatMap((row) => row.kind === "entry" ? [row.entry] : []);
-}
-function appendWorkspaceFileManagerVisibleTreeRows(input) {
-  const sortedEntries = sortWorkspaceFileEntriesForArrangeMode(
-    input.entries,
-    input.arrangeMode
-  );
-  const rows = [];
-  for (const entry of sortedEntries) {
-    const expandable = entry.kind === "directory" && entry.hasChildren;
-    const expanded = expandable ? input.expandedDirectoryPaths[entry.path] === true : false;
-    const childState = input.directoryExpansionByPath[entry.path];
-    rows.push({
-      depth: input.depth,
-      entry,
-      expanded,
-      expandable,
-      kind: "entry",
-      loadingChildren: childState?.isLoading ?? false
-    });
-    if (!expanded) {
-      continue;
-    }
-    if (!childState || childState.isLoading) {
-      rows.push({
-        depth: input.depth + 1,
-        key: `${entry.path}:loading`,
-        kind: "feedback",
-        parentPath: entry.path,
-        status: "loading"
-      });
-      continue;
-    }
-    if (childState.error) {
-      rows.push({
-        depth: input.depth + 1,
-        key: `${entry.path}:error`,
-        kind: "feedback",
-        message: childState.error,
-        parentPath: entry.path,
-        status: "error"
-      });
-      continue;
-    }
-    if (childState.loaded && childState.entries.length === 0) {
-      rows.push({
-        depth: input.depth + 1,
-        key: `${entry.path}:empty`,
-        kind: "feedback",
-        parentPath: entry.path,
-        status: "empty"
-      });
-      continue;
-    }
-    rows.push(
-      ...appendWorkspaceFileManagerVisibleTreeRows({
-        ...input,
-        depth: input.depth + 1,
-        entries: childState.entries
-      })
-    );
-  }
-  return rows;
-}
-
 // src/ui/WorkspaceFileManager.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var workspaceFileManagerSearchDebounceMs = 180;
 function WorkspaceFileManager({
   className,
@@ -3913,7 +4091,7 @@ function WorkspaceFileManager({
   const { layoutMode, setLayoutMode } = useWorkspaceFileManagerLayoutMode();
   const rootView = useWorkspaceFileManagerRootView(session);
   const { state: panelsState, view: panelsView } = useWorkspaceFileManagerPanelsView(session);
-  const selectedExternalLocation = useMemo3(() => {
+  const selectedExternalLocation = useMemo4(() => {
     const location = findWorkspaceFileLocationById(
       rootView.locationSections,
       rootView.selectedLocationId
@@ -3926,7 +4104,7 @@ function WorkspaceFileManager({
     containerWidth,
     sidebarContentMinWidth
   ) : workspaceFileManagerSidebarDefaultWidth;
-  const updateSidebarWidth = useCallback6(
+  const updateSidebarWidth = useCallback7(
     (width) => {
       const nextWidth = clampWorkspaceFileManagerSidebarWidth({
         containerWidth: rootRef.current?.getBoundingClientRect().width ?? 0,
@@ -3969,7 +4147,7 @@ function WorkspaceFileManager({
       observer.disconnect();
     };
   }, [hasLocationSidebar, sidebarContentMinWidth]);
-  const handleSidebarResizePointerDown = useCallback6(
+  const handleSidebarResizePointerDown = useCallback7(
     (event) => {
       if (event.button !== 0) {
         return;
@@ -3998,7 +4176,7 @@ function WorkspaceFileManager({
     },
     [sidebarWidth]
   );
-  const handleSidebarResizePointerMove = useCallback6(
+  const handleSidebarResizePointerMove = useCallback7(
     (event) => {
       const resize = sidebarResizeRef.current;
       if (!resize || resize.pointerId !== event.pointerId) {
@@ -4010,7 +4188,7 @@ function WorkspaceFileManager({
     },
     [updateSidebarWidth]
   );
-  const handleSidebarResizePointerEnd = useCallback6(
+  const handleSidebarResizePointerEnd = useCallback7(
     (event) => {
       const resize = sidebarResizeRef.current;
       if (!resize || resize.pointerId !== event.pointerId) {
@@ -4022,7 +4200,7 @@ function WorkspaceFileManager({
     },
     []
   );
-  const handleSidebarResizeKeyDown = useCallback6(
+  const handleSidebarResizeKeyDown = useCallback7(
     (event) => {
       let nextWidth = null;
       if (event.key === "Home") {
@@ -4115,27 +4293,30 @@ function WorkspaceFileManager({
     selectedExternalLocation,
     session
   ]);
-  function openContextMenu(event, entry) {
-    event.preventDefault();
-    event.stopPropagation();
-    const menuWidth = 220;
-    const menuHeight = 280;
-    const x = clampContextMenuCoordinate(
-      event.clientX,
-      window.innerWidth,
-      menuWidth
-    );
-    const y = clampContextMenuCoordinate(
-      event.clientY,
-      window.innerHeight,
-      menuHeight
-    );
-    session.openContextMenu({
-      entryPath: entry?.path ?? null,
-      x,
-      y
-    });
-  }
+  const openContextMenu = useCallback7(
+    (event, entry) => {
+      event.preventDefault();
+      event.stopPropagation();
+      const menuWidth = 220;
+      const menuHeight = 280;
+      const x = clampContextMenuCoordinate(
+        event.clientX,
+        window.innerWidth,
+        menuWidth
+      );
+      const y = clampContextMenuCoordinate(
+        event.clientY,
+        window.innerHeight,
+        menuHeight
+      );
+      session.openContextMenu({
+        entryPath: entry?.path ?? null,
+        x,
+        y
+      });
+    },
+    [session]
+  );
   return /* @__PURE__ */ jsxs8(
     "section",
     {
@@ -4154,7 +4335,7 @@ function WorkspaceFileManager({
         "--workspace-file-manager-dialog-overlay-z-index": "20"
       },
       children: [
-        hasLocationSidebar ? /* @__PURE__ */ jsx9(
+        hasLocationSidebar ? /* @__PURE__ */ jsx10(
           WorkspaceFileManagerSidebar,
           {
             disabled: rootView.isBusy || panelsState.isLoading,
@@ -4169,7 +4350,7 @@ function WorkspaceFileManager({
             }
           }
         ) : null,
-        hasLocationSidebar ? /* @__PURE__ */ jsx9(
+        hasLocationSidebar ? /* @__PURE__ */ jsx10(
           "div",
           {
             "aria-label": i18n.t("resizeLocationsSidebar"),
@@ -4187,8 +4368,8 @@ function WorkspaceFileManager({
             onPointerUp: handleSidebarResizePointerEnd
           }
         ) : null,
-        /* @__PURE__ */ jsx9("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", children: selectedExternalLocation ? renderExternalLocationContent?.(selectedExternalLocation) ?? null : /* @__PURE__ */ jsxs8(Fragment3, { children: [
-          /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", children: selectedExternalLocation ? renderExternalLocationContent?.(selectedExternalLocation) ?? null : /* @__PURE__ */ jsxs8(Fragment3, { children: [
+          /* @__PURE__ */ jsx10(
             WorkspaceFileManagerToolbarContainer,
             {
               i18n,
@@ -4201,7 +4382,7 @@ function WorkspaceFileManager({
               session
             }
           ),
-          /* @__PURE__ */ jsx9("div", { className: "@max-[600px]/workspace-file-manager:flex-col @max-[600px]/workspace-file-manager:gap-3 flex min-h-0 min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10("div", { className: "@max-[600px]/workspace-file-manager:flex-col @max-[600px]/workspace-file-manager:gap-3 flex min-h-0 min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsx10(
             WorkspaceFileManagerPanelsContainer,
             {
               dateLocale,
@@ -4219,8 +4400,8 @@ function WorkspaceFileManager({
           ) })
         ] }) }),
         !selectedExternalLocation ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
-          /* @__PURE__ */ jsx9(WorkspaceFileManagerDialogsContainer, { i18n, session }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(WorkspaceFileManagerDialogsContainer, { i18n, session }),
+          /* @__PURE__ */ jsx10(
             WorkspaceFileManagerContextMenuContainer,
             {
               resolveContextMenu,
@@ -4245,7 +4426,7 @@ function WorkspaceFileManagerToolbarContainer({
   const { view } = useWorkspaceFileManagerToolbarView(session, i18n);
   const [searchQuery, setSearchQuery] = useState8(view.searchQuery);
   const submittedSearchQueryRef = useRef7(view.searchQuery);
-  const submitSearchQuery = useCallback6(
+  const submitSearchQuery = useCallback7(
     (query) => {
       submittedSearchQueryRef.current = query;
       void session.search(query);
@@ -4270,11 +4451,11 @@ function WorkspaceFileManagerToolbarContainer({
       clearTimeout(timer);
     };
   }, [searchQuery, submitSearchQuery, view.canSearch]);
-  const handleSearchClear = useCallback6(() => {
+  const handleSearchClear = useCallback7(() => {
     setSearchQuery("");
     submitSearchQuery("");
   }, [submitSearchQuery]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     WorkspaceFileManagerToolbar,
     {
       breadcrumbs: view.breadcrumbs,
@@ -4316,146 +4497,13 @@ function WorkspaceFileManagerToolbarContainer({
     }
   );
 }
-function WorkspaceFileManagerPanelsContainer({
-  arrangeMode,
-  dateLocale,
-  entryDragMode,
-  i18n,
-  layoutMode,
-  onDirectoryExpanded,
-  onEntryDragStart,
-  onOpenContextMenu,
-  resolveEntryIconUrl,
-  session,
-  showPreviewPanel
-}) {
-  const { state, view } = useWorkspaceFileManagerPanelsView(session);
-  const arrangedEntries = useMemo3(
-    () => sortWorkspaceFileEntriesForArrangeMode(state.entries, arrangeMode),
-    [arrangeMode, state.entries]
-  );
-  const searchEntries = useMemo3(
-    () => view.searchEntries.map(workspaceFileSearchEntryToEntry),
-    [view.searchEntries]
-  );
-  const searchEntryContextByPath = useMemo3(() => {
-    const contextByPath = /* @__PURE__ */ new Map();
-    for (const entry of view.searchEntries) {
-      contextByPath.set(entry.path, entry.directoryPath);
-    }
-    return contextByPath;
-  }, [view.searchEntries]);
-  const treeRows = useMemo3(
-    () => buildWorkspaceFileManagerVisibleTreeRows({
-      arrangeMode,
-      directoryExpansionByPath: state.directoryExpansionByPath,
-      entries: arrangedEntries,
-      expandedDirectoryPaths: state.expandedDirectoryPaths
-    }),
-    [
-      arrangeMode,
-      arrangedEntries,
-      state.directoryExpansionByPath,
-      state.expandedDirectoryPaths
-    ]
-  );
-  const searchTreeRows = useMemo3(
-    () => searchEntries.map((entry) => ({
-      depth: 0,
-      entry,
-      expanded: false,
-      expandable: false,
-      kind: "entry",
-      loadingChildren: false
-    })),
-    [searchEntries]
-  );
-  const displayedEntries = view.isSearchMode ? searchEntries : arrangedEntries;
-  const displayedTreeRows = view.isSearchMode ? searchTreeRows : treeRows;
-  const visibleTreeEntries = useMemo3(
-    () => collectWorkspaceFileManagerVisibleTreeEntries(displayedTreeRows),
-    [displayedTreeRows]
-  );
-  const {
-    iconUrlByCacheKey,
-    reportEntryIconViewportEnter,
-    reportEntryIconViewportLeave
-  } = useWorkspaceFileEntryIconUrls({
-    entries: layoutMode === "list" ? visibleTreeEntries : displayedEntries,
-    includeImageThumbnails: true,
-    resolveEntryIconUrl
-  });
-  return /* @__PURE__ */ jsx9(
-    WorkspaceFileManagerPanels,
-    {
-      arrangeMode,
-      canMove: view.isSearchMode ? false : view.canMove,
-      contextMenuEntryPath: view.contextMenuEntryPath,
-      copy: i18n,
-      dateLocale,
-      entryDragMode,
-      iconUrlByCacheKey,
-      inlineRenameEntryPath: view.inlineRenameEntryPath,
-      inlineRenameValidation: view.inlineRenameValidation,
-      isRenaming: view.isRenaming,
-      layoutMode,
-      pendingDirectoryPath: view.pendingDirectoryPath,
-      previewState: view.previewState,
-      entryContextByPath: view.isSearchMode ? searchEntryContextByPath : null,
-      treeRows: displayedTreeRows,
-      onEntryIconViewportEnter: reportEntryIconViewportEnter,
-      onEntryIconViewportLeave: reportEntryIconViewportLeave,
-      selectedEntry: view.selectedEntry,
-      selectedPath: view.selectedPath,
-      showPreviewPanel,
-      state: {
-        entries: displayedEntries,
-        error: view.isSearchMode ? view.searchError : state.error,
-        isLoading: view.isSearchMode ? view.isSearching : state.isLoading,
-        isSearchMode: view.isSearchMode
-      },
-      onBlankContextMenu: (event) => {
-        onOpenContextMenu(event, null);
-      },
-      onCancelInlineRename: () => {
-        session.cancelInlineRename();
-      },
-      onClearInlineRenameValidation: () => {
-        session.clearInlineRenameValidation();
-      },
-      onConfirmInlineRename: (newName) => {
-        return session.confirmInlineRename(newName);
-      },
-      onEntryContextMenu: onOpenContextMenu,
-      onEntryDragStart,
-      onMoveEntry: (entry, targetDirectoryPath) => {
-        void session.moveEntry(entry, targetDirectoryPath);
-      },
-      onOpenEntry: (entry) => {
-        if (entry.kind === "directory") {
-          onDirectoryExpanded?.(entry.path);
-        }
-        void session.openEntry(entry);
-      },
-      onSelect: (path) => {
-        session.select(path);
-      },
-      onToggleDirectoryExpanded: (entry, expanded) => {
-        if (!expanded) {
-          onDirectoryExpanded?.(entry.path);
-        }
-        void session.toggleDirectoryExpanded(entry);
-      }
-    }
-  );
-}
 function WorkspaceFileManagerDialogsContainer({
   i18n,
   session
 }) {
   const { state, view } = useWorkspaceFileManagerDialogsView(session);
   return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       WorkspaceFileManagerCreateDialog,
       {
         busy: view.isBusy && state.busyAction === "create",
@@ -4472,7 +4520,7 @@ function WorkspaceFileManagerDialogsContainer({
         }
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       WorkspaceFileManagerDeleteDialog,
       {
         busy: view.isDeleting,
@@ -4486,7 +4534,7 @@ function WorkspaceFileManagerDialogsContainer({
         }
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       WorkspaceFileManagerUnsupportedDialog,
       {
         copy: i18n,