@tutti-os/workspace-file-manager 0.0.23 → 0.0.24

package/dist/index.js

@@ -4,10 +4,13 @@ import {
   createWorkspaceFileManagerService,
   decodeWorkspaceTextFile,
   findWorkspaceFileEntry,
+  findWorkspaceFileLocationById,
+  flattenWorkspaceFileLocations,
   formatWorkspaceFileBytes,
   formatWorkspaceFileModifiedTime,
   isWorkspaceApplicationBundle,
   isWorkspaceFileBrowserOpenable,
+  isWorkspaceFileRecentLocation,
   isWorkspaceTextFileTooLarge,
   looksLikeBinaryText,
   normalizeWorkspaceFilePath,
@@ -16,27 +19,30 @@ import {
   resolveWorkspaceFileEntryArrangeDateMs,
   resolveWorkspaceFileEntryIconCacheKey,
   resolveWorkspaceFileExtension,
+  resolveWorkspaceFileLocationDefaultId,
   resolveWorkspaceFileVisualKind,
   resolveWorkspaceImageMimeType,
+  resolveWorkspaceVideoMimeType,
   shouldResolveWorkspaceFileEntryIcon,
   shouldUseWorkspaceFileArchiveIcon,
   shouldUseWorkspaceFileExtensionDocumentIcon,
   sortWorkspaceFileEntriesForArrangeMode,
   splitWorkspaceFileName,
   workspaceFilePreviewMaxBytes,
+  workspaceFileSearchEntryToEntry,
   workspaceFileTextMaxBytes,
   writeWorkspaceFileManagerArrangeMode
-} from "./chunk-VCW64U6E.js";
+} from "./chunk-6X2KFAFG.js";
 import {
   createWorkspaceFileManagerI18nRuntime,
   resolveRevealInFolderLabel,
   workspaceFileManagerI18nNamespace,
   workspaceFileManagerI18nResources
-} from "./chunk-V2LNXNYT.js";
+} from "./chunk-HIYT2WOT.js";
 
 // src/ui/WorkspaceFileManager.tsx
-import { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef6 } from "react";
-import { cn as cn6 } from "@tutti-os/ui-system";
+import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef7, useState as useState8 } from "react";
+import { cn as cn7 } from "@tutti-os/ui-system";
 
 // src/ui/WorkspaceFileManagerContextMenuContainer.tsx
 import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
@@ -119,6 +125,8 @@ function WorkspaceFileManagerContextMenu({
   contextMenuRef,
   openInAppBrowserIcon,
   showCopyAction,
+  showCreateAction,
+  showDeleteAction,
   showImportAction,
   showExportAction,
   showOpenInAppBrowserAction,
@@ -258,29 +266,33 @@ function WorkspaceFileManagerContextMenu({
         label: copy.t("downloadLabel")
       });
     }
-    dangerItems.push({
-      action: onDelete,
-      disabled: busy,
-      danger: true,
-      icon: /* @__PURE__ */ jsx(DeleteIcon, { className: "size-4" }),
-      key: "delete",
-      label: copy.t("deleteLabel")
-    });
+    if (showDeleteAction) {
+      dangerItems.push({
+        action: onDelete,
+        disabled: busy,
+        danger: true,
+        icon: /* @__PURE__ */ jsx(DeleteIcon, { className: "size-4" }),
+        key: "delete",
+        label: copy.t("deleteLabel")
+      });
+    }
   } else {
-    createItems.push({
-      action: onCreateFile,
-      disabled: busy,
-      icon: /* @__PURE__ */ jsx(NewWorkspaceLinedIcon, { className: "size-4" }),
-      key: "create-file",
-      label: copy.t("createFileLabel")
-    });
-    createItems.push({
-      action: onCreateDirectory,
-      disabled: busy,
-      icon: /* @__PURE__ */ jsx(FileLinedIcon, { className: "size-4" }),
-      key: "create-directory",
-      label: copy.t("createDirectoryLabel")
-    });
+    if (showCreateAction) {
+      createItems.push({
+        action: onCreateFile,
+        disabled: busy,
+        icon: /* @__PURE__ */ jsx(NewWorkspaceLinedIcon, { className: "size-4" }),
+        key: "create-file",
+        label: copy.t("createFileLabel")
+      });
+      createItems.push({
+        action: onCreateDirectory,
+        disabled: busy,
+        icon: /* @__PURE__ */ jsx(FileLinedIcon, { className: "size-4" }),
+        key: "create-directory",
+        label: copy.t("createDirectoryLabel")
+      });
+    }
     if (showImportAction) {
       transferItems.push({
         action: onImport,
@@ -644,10 +656,19 @@ import { useSnapshot } from "valtio";
 // src/services/internal/workspaceFileManagerViewModel.ts
 function resolveWorkspaceFileManagerRootViewState(input) {
   const { state } = input;
+  const isRecentLocation = isWorkspaceFileRecentLocation(
+    findWorkspaceFileLocationById(
+      state.locationSections,
+      state.selectedLocationId
+    )
+  );
+  const isSearchMode = state.searchQuery.trim().length > 0;
   return {
-    canImportFromDrop: state.capabilities.canImportFromDrop,
+    canImportFromDrop: state.capabilities.canImportFromDrop && !isRecentLocation && !isSearchMode,
     currentDirectoryPath: state.currentDirectoryPath,
-    isBusy: state.busyAction !== null
+    isBusy: state.busyAction !== null,
+    locationSections: state.locationSections,
+    selectedLocationId: state.selectedLocationId
   };
 }
 function resolveWorkspaceFileManagerToolbarViewState(input) {
@@ -662,29 +683,43 @@ function resolveWorkspaceFileManagerToolbarViewState(input) {
       copy.t("breadcrumbRootLabel"),
       state.root
     ),
+    canSearch: state.capabilities.canSearch,
     canGoBack: currentDirectoryPath !== normalizeWorkspaceFilePath(state.root) && state.navigationBackStack.length > 0,
     canGoForward: state.navigationForwardStack.length > 0,
     currentDirectoryPath,
     isBusy: state.busyAction !== null,
     isLoading: state.isLoading,
     isMutating: state.isMutating,
+    isSearching: state.isSearching,
+    searchQuery: state.searchQuery,
     isImporting: state.busyAction === "import",
     showImportAction: state.capabilities.canImportFromPicker
   };
 }
 function resolveWorkspaceFileManagerPanelsViewState(input) {
   const { state } = input;
+  const isRecentLocation = isWorkspaceFileRecentLocation(
+    findWorkspaceFileLocationById(
+      state.locationSections,
+      state.selectedLocationId
+    )
+  );
   return {
-    canMove: state.capabilities.canMove,
+    canMove: state.capabilities.canMove && !isRecentLocation,
     contextMenuEntryPath: state.contextMenuEntryPath,
     entries: state.entries,
     error: state.error,
+    isSearchMode: state.searchQuery.trim().length > 0,
     inlineRenameEntryPath: state.inlineRenameEntryPath,
     inlineRenameValidation: state.inlineRenameValidation,
     isLoading: state.isLoading,
     isRenaming: state.busyAction === "rename",
+    isSearching: state.isSearching,
     pendingDirectoryPath: state.pendingDirectoryPath,
     previewState: state.previewState,
+    searchEntries: state.searchEntries,
+    searchError: state.searchError,
+    searchQuery: state.searchQuery,
     selectedEntry: findSelectedEntry(state),
     selectedPath: state.selectedPath,
     showDropOverlay: state.capabilities.canImportFromDrop && state.dragDepth > 0 && state.busyAction === null
@@ -713,6 +748,13 @@ function resolveWorkspaceFileManagerDialogsViewState(input) {
 }
 function resolveWorkspaceFileManagerContextMenuViewState(input) {
   const { state } = input;
+  const isRecentLocation = isWorkspaceFileRecentLocation(
+    findWorkspaceFileLocationById(
+      state.locationSections,
+      state.selectedLocationId
+    )
+  );
+  const isSearchMode = state.searchQuery.trim().length > 0;
   const contextMenuEntry = state.contextMenu?.entryPath ? findEntry(state, state.contextMenu.entryPath) : null;
   const isContextMenuFile = contextMenuEntry?.kind === "file";
   return {
@@ -725,17 +767,19 @@ function resolveWorkspaceFileManagerContextMenuViewState(input) {
     isBusy: state.busyAction !== null,
     isLoading: state.isLoading,
     isMutating: state.isMutating,
+    showCreateAction: !isRecentLocation && !isSearchMode && (state.capabilities.canCreateDirectory || state.capabilities.canCreateFile),
     showCopyAction: state.capabilities.canCopy,
+    showDeleteAction: state.capabilities.canDelete && !isRecentLocation && !isSearchMode,
     showExportAction: state.capabilities.canExport,
-    showImportAction: state.capabilities.canImportFromPicker,
-    showMoveAction: state.capabilities.canMove,
+    showImportAction: state.capabilities.canImportFromPicker && !isRecentLocation && !isSearchMode,
+    showMoveAction: state.capabilities.canMove && !isRecentLocation && !isSearchMode,
     showOpenInAppBrowserAction: state.capabilities.canOpenInAppBrowser,
     showOpenInDefaultBrowserAction: state.capabilities.canOpenInDefaultBrowser,
     showOpenInFileViewerAction: contextMenuEntry !== null && isContextMenuFile && resolveWorkspaceFileActivationTarget(contextMenuEntry) !== null,
     showOpenWithAction: state.capabilities.canOpenWith && isContextMenuFile,
     showOpenWithOtherAction: state.capabilities.canPickOtherOpenWithApplication && isContextMenuFile,
     showRevealInFolderAction: state.capabilities.canRevealInFolder,
-    showRenameAction: state.capabilities.canRename
+    showRenameAction: state.capabilities.canRename && !isRecentLocation && !isSearchMode
   };
 }
 function findSelectedEntry(state) {
@@ -858,6 +902,8 @@ function WorkspaceFileManagerContextMenuContainer({
       contextMenu: view.contextMenu,
       contextMenuRef,
       showCopyAction: view.showCopyAction,
+      showCreateAction: view.showCreateAction,
+      showDeleteAction: view.showDeleteAction,
       showImportAction: view.showImportAction,
       showExportAction: view.showExportAction,
       showOpenInAppBrowserAction: view.showOpenInAppBrowserAction && !!view.contextMenu?.entry && isWorkspaceFileBrowserOpenable(view.contextMenu.entry),
@@ -1880,6 +1926,7 @@ function WorkspaceFileManagerPanels({
   dateLocale,
   entryDragMode,
   entrySelectionEnabled = true,
+  entryContextByPath = null,
   copy,
   iconUrlByCacheKey,
   inlineRenameEntryPath,
@@ -2216,7 +2263,14 @@ function WorkspaceFileManagerPanels({
         useStackedPreview ? "h-[44%] max-h-[48%] flex-none" : "flex-1"
       ),
       onContextMenu: handleTablePanelContextMenu,
-      children: state.error ? /* @__PURE__ */ jsx6(FeedbackState, { message: state.error }) : state.isLoading && state.entries.length === 0 ? /* @__PURE__ */ jsx6(FeedbackState, { message: copy.t("loading") }) : state.entries.length === 0 ? /* @__PURE__ */ jsx6(FeedbackState, { message: copy.t("emptyDirectory") }) : /* @__PURE__ */ jsx6(ScrollArea, { className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100", children: layoutMode === "icon" ? /* @__PURE__ */ jsx6(
+      children: state.error ? /* @__PURE__ */ jsx6(FeedbackState, { message: state.error }) : state.isLoading && state.entries.length === 0 ? /* @__PURE__ */ jsx6(FeedbackState, { message: copy.t("loading") }) : state.entries.length === 0 ? /* @__PURE__ */ jsx6(
+        FeedbackState,
+        {
+          message: copy.t(
+            state.isSearchMode ? "noSearchResults" : "emptyDirectory"
+          )
+        }
+      ) : /* @__PURE__ */ jsx6(ScrollArea, { className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100", children: layoutMode === "icon" ? /* @__PURE__ */ jsx6(
         WorkspaceFileManagerIconGrid,
         {
           contextMenuEntryPath,
@@ -2292,6 +2346,7 @@ function WorkspaceFileManagerPanels({
               dateLocale,
               depth: row.depth,
               entry: row.entry,
+              contextLabel: entryContextByPath?.get(row.entry.path),
               expanded: row.expanded,
               expandable: row.expandable,
               iconUrlByCacheKey,
@@ -2450,6 +2505,7 @@ function EntryRow({
   arrangeMode,
   canMove,
   contextMenuActive,
+  contextLabel,
   copy,
   dateLocale,
   depth,
@@ -2516,6 +2572,7 @@ function EntryRow({
     EntryNameCell,
     {
       copy,
+      contextLabel,
       entry,
       iconUrlByCacheKey,
       inlineRenameValidation,
@@ -2743,6 +2800,7 @@ function workspaceFileManagerTreeIndentStyle(depth) {
   };
 }
 function EntryNameCell({
+  contextLabel = null,
   copy,
   entry,
   iconUrlByCacheKey,
@@ -2907,9 +2965,12 @@ function EntryNameCell({
             onViewportEnter: onEntryIconViewportEnter
           }
         ),
-        /* @__PURE__ */ jsxs5("span", { className: "flex min-w-0 max-w-full overflow-hidden whitespace-nowrap text-sm", children: [
-          /* @__PURE__ */ jsx6("span", { className: "min-w-0 overflow-hidden text-ellipsis", children: nameParts.start }),
-          nameParts.end ? /* @__PURE__ */ jsx6("span", { className: "flex-none overflow-hidden text-ellipsis", children: nameParts.end }) : null
+        /* @__PURE__ */ jsxs5("span", { className: "flex min-w-0 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsxs5("span", { className: "flex min-w-0 max-w-full overflow-hidden whitespace-nowrap text-sm", children: [
+            /* @__PURE__ */ jsx6("span", { className: "min-w-0 overflow-hidden text-ellipsis", children: nameParts.start }),
+            nameParts.end ? /* @__PURE__ */ jsx6("span", { className: "flex-none overflow-hidden text-ellipsis", children: nameParts.end }) : null
+          ] }),
+          contextLabel ? /* @__PURE__ */ jsx6("span", { className: "block max-w-full truncate text-[11px] leading-3 text-[var(--text-tertiary)]", children: contextLabel }) : null
         ] })
       ]
     }
@@ -3034,14 +3095,17 @@ import {
   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,
@@ -3050,10 +3114,11 @@ import {
   ViewListLinedIcon,
   cn as cn5
 } from "@tutti-os/ui-system";
-import { useState as useState4 } from "react";
+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,
@@ -3061,14 +3126,18 @@ function WorkspaceFileManagerToolbar({
   isBusy,
   isLoading,
   isMutating,
+  isSearching,
   arrangeMode,
   layoutMode,
+  searchQuery,
   onGoBack,
   onGoForward,
   onArrangeModeChange,
   onLayoutModeChange,
   onLoadDirectory,
-  onRefresh
+  onRefresh,
+  onSearchClear,
+  onSearchQueryChange
 }) {
   const [refreshAnimationKey, setRefreshAnimationKey] = useState4(0);
   const handleRefresh = () => {
@@ -3146,10 +3215,138 @@ function WorkspaceFileManagerToolbar({
             /* @__PURE__ */ jsx7("span", { className: "@max-[600px]/workspace-file-manager:hidden", children: copy.t("refreshLabel") })
           ]
         }
+      ),
+      /* @__PURE__ */ jsx7(
+        WorkspaceFileManagerToolbarSearch,
+        {
+          canSearch,
+          copy,
+          isSearching,
+          searchQuery,
+          onClear: onSearchClear,
+          onSearchQueryChange
+        }
       )
     ] })
   ] });
 }
+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);
+    }
+  }, [searchQuery]);
+  useEffect5(() => {
+    if (!expanded) {
+      return;
+    }
+    inputRef.current?.focus();
+  }, [expanded]);
+  useEffect5(() => {
+    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__ */ jsx7(
+      ToolbarIconButton,
+      {
+        ariaLabel: copy.t("searchPlaceholder"),
+        disabled: !canSearch,
+        title: copy.t("searchPlaceholder"),
+        onClick: () => {
+          setExpanded(true);
+        },
+        children: /* @__PURE__ */ jsx7(SearchIcon, { className: "size-4" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: cn5(
+        "relative h-7 w-[min(220px,34vw)] flex-none overflow-hidden rounded-md border border-[var(--border-1)] bg-[var(--background-fronted)] shadow-sm transition-[width,opacity,border-color,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) => {
+              const nextValue = event.currentTarget.value;
+              if (isComposingRef.current) {
+                setInputValue(nextValue);
+                return;
+              }
+              commitInputValue(nextValue);
+            },
+            onCompositionEnd: (event) => {
+              isComposingRef.current = false;
+              commitInputValue(event.currentTarget.value);
+            },
+            onCompositionStart: () => {
+              isComposingRef.current = true;
+            },
+            onKeyDown: (event) => {
+              if (event.key !== "Escape") {
+                return;
+              }
+              if (isComposingRef.current || event.nativeEvent.isComposing) {
+                return;
+              }
+              event.preventDefault();
+              handleClear();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "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" })
+          }
+        )
+      ]
+    }
+  );
+}
 function LayoutModeToggle({
   arrangeMode,
   copy,
@@ -3336,6 +3533,80 @@ function BreadcrumbButton({
   ] });
 }
 
+// src/ui/WorkspaceFileManagerSidebar.tsx
+import {
+  FileIcon,
+  FolderIcon,
+  ScrollArea as ScrollArea2,
+  Tooltip as Tooltip2,
+  TooltipContent as TooltipContent2,
+  TooltipProvider as TooltipProvider2,
+  TooltipTrigger as TooltipTrigger2,
+  cn as cn6
+} from "@tutti-os/ui-system";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function WorkspaceFileManagerSidebar({
+  disabled,
+  locationSections,
+  selectedLocationId,
+  onSelectLocation
+}) {
+  const visibleSections = locationSections.filter(
+    (section) => section.locations.length > 0
+  );
+  if (visibleSections.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx8("aside", { className: "@max-[600px]/workspace-file-manager:hidden flex w-[188px] min-w-[188px] flex-col border-r border-[var(--border-1)] bg-[var(--background-panel)]", 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(
+      WorkspaceFileManagerSidebarLocation,
+      {
+        active: location.id === selectedLocationId,
+        disabled,
+        location,
+        onSelectLocation
+      },
+      location.id
+    )) })
+  ] }, section.id)) }) }) }) });
+}
+function WorkspaceFileManagerSidebarLocation({
+  active,
+  disabled,
+  location,
+  onSelectLocation
+}) {
+  const Icon = location.kind === "recent" ? FileIcon : FolderIcon;
+  const content = /* @__PURE__ */ jsxs7(
+    "button",
+    {
+      "aria-current": active ? "page" : void 0,
+      className: cn6(
+        "flex h-8 min-w-0 items-center gap-2 rounded-md px-2 text-left text-sm text-[var(--text-secondary)] transition-colors",
+        active ? "bg-[var(--background-fronted)] text-[var(--text-primary)] shadow-sm" : "hover:bg-[var(--transparency-block)] hover:text-[var(--text-primary)]",
+        disabled && "pointer-events-none opacity-60"
+      ),
+      disabled,
+      type: "button",
+      onClick: () => {
+        onSelectLocation(location);
+      },
+      children: [
+        /* @__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 })
+      ]
+    }
+  );
+  if (!location.contextLabel) {
+    return content;
+  }
+  return /* @__PURE__ */ jsxs7(Tooltip2, { children: [
+    /* @__PURE__ */ jsx8(TooltipTrigger2, { asChild: true, children: content }),
+    /* @__PURE__ */ jsx8(TooltipContent2, { side: "right", children: location.contextLabel })
+  ] });
+}
+
 // src/ui/useWorkspaceFileManagerArrangeMode.ts
 import { useCallback as useCallback3, useState as useState5 } from "react";
 function useWorkspaceFileManagerArrangeMode() {
@@ -3392,7 +3663,7 @@ function useWorkspaceFileManagerLayoutMode() {
 }
 
 // src/ui/useWorkspaceFileEntryIconUrls.ts
-import { useCallback as useCallback5, useEffect as useEffect5, useMemo as useMemo2, useState as useState7 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo2, useState as useState7 } from "react";
 
 // src/ui/workspaceFileEntryIconUrlQueue.ts
 var defaultMaxConcurrentIconRequests = 3;
@@ -3582,16 +3853,16 @@ function useWorkspaceFileEntryIconUrls(input) {
     () => buildIconTargetSignature(entries, { includeImageThumbnails }),
     [entries, includeImageThumbnails]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     queue.activate();
     return () => {
       queue.dispose();
     };
   }, [queue]);
-  useEffect5(() => {
+  useEffect6(() => {
     queue.retainEntries(entries);
   }, [entries, iconTargetSignature, queue]);
-  useEffect5(() => {
+  useEffect6(() => {
     setIconUrlByCacheKey(queue.snapshot());
     return queue.subscribe(() => {
       setIconUrlByCacheKey(queue.snapshot());
@@ -3698,7 +3969,8 @@ function appendWorkspaceFileManagerVisibleTreeRows(input) {
 }
 
 // src/ui/WorkspaceFileManager.tsx
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var workspaceFileManagerSearchDebounceMs = 180;
 function WorkspaceFileManager({
   className,
   dateLocale,
@@ -3715,12 +3987,12 @@ function WorkspaceFileManager({
   session,
   surface = "card"
 }) {
-  const rootRef = useRef6(null);
+  const rootRef = useRef7(null);
   const { arrangeMode, setArrangeMode } = useWorkspaceFileManagerArrangeMode();
   const { layoutMode, setLayoutMode } = useWorkspaceFileManagerLayoutMode();
   const rootView = useWorkspaceFileManagerRootView(session);
   const { state: panelsState, view: panelsView } = useWorkspaceFileManagerPanelsView(session);
-  useEffect6(() => {
+  useEffect7(() => {
     function handleCopyShortcut(event) {
       if (!(event.metaKey || event.ctrlKey) || event.key !== "c" || event.shiftKey) {
         return;
@@ -3749,7 +4021,7 @@ function WorkspaceFileManager({
       window.removeEventListener("keydown", handleCopyShortcut);
     };
   }, [onCopyEntry, panelsState, panelsView.selectedEntry, session]);
-  useEffect6(() => {
+  useEffect7(() => {
     function handleRenameShortcut(event) {
       if (event.key !== "Enter" || event.metaKey || event.ctrlKey || event.altKey) {
         return;
@@ -3760,7 +4032,7 @@ function WorkspaceFileManager({
       if (!rootRef.current?.contains(event.target)) {
         return;
       }
-      if (!panelsState.capabilities.canRename || panelsState.busyAction !== null || panelsState.isLoading || panelsState.isMutating || panelsState.inlineRenameEntryPath !== null) {
+      if (!panelsState.capabilities.canRename || panelsState.busyAction !== null || panelsState.isLoading || panelsState.isMutating || panelsState.inlineRenameEntryPath !== null || panelsState.searchQuery.trim().length > 0) {
         return;
       }
       const entry = panelsView.selectedEntry;
@@ -3775,7 +4047,7 @@ function WorkspaceFileManager({
       window.removeEventListener("keydown", handleRenameShortcut);
     };
   }, [panelsState, panelsView.selectedEntry, session]);
-  useEffect6(() => {
+  useEffect7(() => {
     function resetDropOverlay() {
       session.resetDragDepth();
     }
@@ -3858,10 +4130,10 @@ function WorkspaceFileManager({
       rootView.currentDirectoryPath
     );
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "section",
     {
-      className: cn6(
+      className: cn7(
         "@container/workspace-file-manager relative flex h-full min-h-0 w-full overflow-hidden text-[14px] text-[var(--text-primary)]",
         surface === "card" ? "rounded-lg border border-[var(--border-1)] bg-[var(--background-panel)]" : "rounded-none border-0 bg-transparent",
         className
@@ -3874,8 +4146,22 @@ function WorkspaceFileManager({
       onDrop: handleDrop,
       ref: rootRef,
       children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", children: [
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
+          WorkspaceFileManagerSidebar,
+          {
+            disabled: rootView.isBusy || panelsState.isLoading,
+            locationSections: rootView.locationSections,
+            selectedLocationId: rootView.selectedLocationId,
+            onSelectLocation: (location) => {
+              if (location.kind === "directory") {
+                onDirectoryExpanded?.(location.path);
+              }
+              void session.selectLocation(location.id);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs8("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsx9(
             WorkspaceFileManagerToolbarContainer,
             {
               i18n,
@@ -3887,14 +4173,14 @@ function WorkspaceFileManager({
               session
             }
           ),
-          /* @__PURE__ */ jsx8(
+          /* @__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",
               style: {
                 "--workspace-file-manager-dialog-overlay-z-index": "20"
               },
-              children: /* @__PURE__ */ jsx8(
+              children: /* @__PURE__ */ jsx9(
                 WorkspaceFileManagerPanelsContainer,
                 {
                   dateLocale,
@@ -3912,8 +4198,8 @@ function WorkspaceFileManager({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx8(WorkspaceFileManagerDialogsContainer, { i18n, session }),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(WorkspaceFileManagerDialogsContainer, { i18n, session }),
+        /* @__PURE__ */ jsx9(
           WorkspaceFileManagerContextMenuContainer,
           {
             hostOs,
@@ -3939,10 +4225,42 @@ function WorkspaceFileManagerToolbarContainer({
   session
 }) {
   const { view } = useWorkspaceFileManagerToolbarView(session, i18n);
-  return /* @__PURE__ */ jsx8(
+  const [searchQuery, setSearchQuery] = useState8(view.searchQuery);
+  const submittedSearchQueryRef = useRef7(view.searchQuery);
+  const submitSearchQuery = useCallback6(
+    (query) => {
+      submittedSearchQueryRef.current = query;
+      void session.search(query);
+    },
+    [session]
+  );
+  useEffect7(() => {
+    if (view.searchQuery === submittedSearchQueryRef.current) {
+      return;
+    }
+    submittedSearchQueryRef.current = view.searchQuery;
+    setSearchQuery(view.searchQuery);
+  }, [view.searchQuery]);
+  useEffect7(() => {
+    if (!view.canSearch || searchQuery === submittedSearchQueryRef.current) {
+      return;
+    }
+    const timer = setTimeout(() => {
+      submitSearchQuery(searchQuery);
+    }, workspaceFileManagerSearchDebounceMs);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [searchQuery, submitSearchQuery, view.canSearch]);
+  const handleSearchClear = useCallback6(() => {
+    setSearchQuery("");
+    submitSearchQuery("");
+  }, [submitSearchQuery]);
+  return /* @__PURE__ */ jsx9(
     WorkspaceFileManagerToolbar,
     {
       breadcrumbs: view.breadcrumbs,
+      canSearch: view.canSearch,
       canGoBack: view.canGoBack,
       canGoForward: view.canGoForward,
       copy: i18n,
@@ -3950,8 +4268,10 @@ function WorkspaceFileManagerToolbarContainer({
       isBusy: view.isBusy,
       isLoading: view.isLoading,
       isMutating: view.isMutating,
+      isSearching: view.isSearching,
       arrangeMode,
       layoutMode,
+      searchQuery,
       onArrangeModeChange,
       onGoBack: () => {
         void session.goBack();
@@ -3971,7 +4291,9 @@ function WorkspaceFileManagerToolbarContainer({
       },
       onRefresh: () => {
         void session.refresh();
-      }
+      },
+      onSearchClear: handleSearchClear,
+      onSearchQueryChange: setSearchQuery
     }
   );
 }
@@ -3992,6 +4314,17 @@ function WorkspaceFileManagerPanelsContainer({
     () => 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,
@@ -4006,24 +4339,37 @@ function WorkspaceFileManagerPanelsContainer({
       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(treeRows),
-    [treeRows]
+    () => collectWorkspaceFileManagerVisibleTreeEntries(displayedTreeRows),
+    [displayedTreeRows]
   );
   const {
     iconUrlByCacheKey,
     reportEntryIconViewportEnter,
     reportEntryIconViewportLeave
   } = useWorkspaceFileEntryIconUrls({
-    entries: layoutMode === "list" ? visibleTreeEntries : arrangedEntries,
+    entries: layoutMode === "list" ? visibleTreeEntries : displayedEntries,
     includeImageThumbnails: true,
     resolveEntryIconUrl
   });
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     WorkspaceFileManagerPanels,
     {
       arrangeMode,
-      canMove: view.canMove,
+      canMove: view.isSearchMode ? false : view.canMove,
       contextMenuEntryPath: view.contextMenuEntryPath,
       copy: i18n,
       dateLocale,
@@ -4035,16 +4381,18 @@ function WorkspaceFileManagerPanelsContainer({
       layoutMode,
       pendingDirectoryPath: view.pendingDirectoryPath,
       previewState: view.previewState,
-      treeRows,
+      entryContextByPath: view.isSearchMode ? searchEntryContextByPath : null,
+      treeRows: displayedTreeRows,
       onEntryIconViewportEnter: reportEntryIconViewportEnter,
       onEntryIconViewportLeave: reportEntryIconViewportLeave,
       selectedEntry: view.selectedEntry,
       selectedPath: view.selectedPath,
       showDropOverlay: view.showDropOverlay,
       state: {
-        entries: arrangedEntries,
-        error: state.error,
-        isLoading: state.isLoading
+        entries: displayedEntries,
+        error: view.isSearchMode ? view.searchError : state.error,
+        isLoading: view.isSearchMode ? view.isSearching : state.isLoading,
+        isSearchMode: view.isSearchMode
       },
       onBlankContextMenu: (event) => {
         onOpenContextMenu(event, null);
@@ -4086,8 +4434,8 @@ function WorkspaceFileManagerDialogsContainer({
   session
 }) {
   const { state, view } = useWorkspaceFileManagerDialogsView(session);
-  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    /* @__PURE__ */ jsx9(
       WorkspaceFileManagerCreateDialog,
       {
         busy: view.isBusy && state.busyAction === "create",
@@ -4104,7 +4452,7 @@ function WorkspaceFileManagerDialogsContainer({
         }
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       WorkspaceFileManagerDeleteDialog,
       {
         busy: view.isDeleting,
@@ -4118,7 +4466,7 @@ function WorkspaceFileManagerDialogsContainer({
         }
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       WorkspaceFileManagerImportConflictDialog,
       {
         busy: view.isImporting,
@@ -4132,7 +4480,7 @@ function WorkspaceFileManagerDialogsContainer({
         }
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       WorkspaceFileManagerUnsupportedDialog,
       {
         copy: i18n,
@@ -4175,11 +4523,16 @@ export {
   createWorkspaceFileManagerI18nRuntime,
   createWorkspaceFileManagerService,
   decodeWorkspaceTextFile,
+  findWorkspaceFileLocationById,
+  flattenWorkspaceFileLocations,
+  isWorkspaceFileRecentLocation,
   isWorkspaceTextFileTooLarge,
   looksLikeBinaryText,
   resolveWorkspaceFileActivationTarget,
   resolveWorkspaceFileExtension,
+  resolveWorkspaceFileLocationDefaultId,
   resolveWorkspaceImageMimeType,
+  resolveWorkspaceVideoMimeType,
   workspaceFileManagerI18nNamespace,
   workspaceFileManagerI18nResources,
   workspaceFilePreviewMaxBytes,