@tutti-os/workspace-file-manager 0.0.38 → 0.0.40

package/dist/{chunk-KBMBX2K2.js → chunk-M7G5F5PL.js}

@@ -2478,6 +2478,8 @@ export {
   resolveWorkspaceFileLocationDefaultId,
   isWorkspaceFileRecentLocation,
   findWorkspaceFileEntry,
+  resolveWorkspaceFileOpenWithCacheKey,
+  WorkspaceFileOpenWithApplicationsCache,
   createWorkspaceFileManagerService,
   shouldResolveWorkspaceFileEntryIcon,
   shouldUseWorkspaceFileExtensionDocumentIcon,
@@ -2490,4 +2492,4 @@ export {
   sortWorkspaceFileEntriesForArrangeMode,
   resolveWorkspaceFileEntryArrangeDateMs
 };
-//# sourceMappingURL=chunk-KBMBX2K2.js.map
+//# sourceMappingURL=chunk-M7G5F5PL.js.map

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { E as WorkspaceFileOpenWithApplication, c as WorkspaceFileEntry, B as WorkspaceFileManagerSession } from './workspaceFileManagerLocations-VT6VDqTL.js';
 export { C as CreateWorkspaceFileManagerSessionInput, W as WorkspaceFileActivationTarget, a as WorkspaceFileDirectoryListing, b as WorkspaceFileDirectoryLocation, d as WorkspaceFileEntryKind, e as WorkspaceFileImportConflict, f as WorkspaceFileImportSummary, g as WorkspaceFileImportSummaryReason, h as WorkspaceFileImportSummaryReasonCount, i as WorkspaceFileLocation, j as WorkspaceFileLocationKind, k as WorkspaceFileLocationSection, l as WorkspaceFileManagerCapabilities, m as WorkspaceFileManagerFileActivationRequest, o as WorkspaceFileManagerHost, p as WorkspaceFileManagerHostActionMessage, q as WorkspaceFileManagerHostActionMessageStatus, r as WorkspaceFileManagerHostActionResult, s as WorkspaceFileManagerHostExportResult, t as WorkspaceFileManagerHostFallbackAction, u as WorkspaceFileManagerHostFallbackActionKind, v as WorkspaceFileManagerHostFileActivationResult, w as WorkspaceFileManagerHostImportConflict, x as WorkspaceFileManagerHostImportResult, y as WorkspaceFileManagerMutationErrorMessage, z as WorkspaceFileManagerPersistedState, A as WorkspaceFileManagerService, D as WorkspaceFileManagerState, F as WorkspaceFilePreviewKind, G as WorkspaceFilePreviewState, H as WorkspaceFileRecentLocation, I as WorkspaceFileSearchEntry, J as WorkspaceFileSearchResult, K as classifyWorkspaceFilePreviewKind, L as createWorkspaceFileManagerService, M as findWorkspaceFileLocationById, N as flattenWorkspaceFileLocations, O as isWorkspaceFileRecentLocation, P as resolveWorkspaceFileActivationTarget, Q as resolveWorkspaceFileLocationDefaultId } from './workspaceFileManagerLocations-VT6VDqTL.js';
 import { a as WorkspaceFileManagerI18nRuntime } from './index-D23bxzS8.js';
-export { W as WorkspaceFileManagerI18nKey, c as createWorkspaceFileManagerI18nRuntime, w as workspaceFileManagerI18nNamespace, b as workspaceFileManagerI18nResources } from './index-D23bxzS8.js';
-import { ReactElement } from 'react';
+export { W as WorkspaceFileManagerI18nKey, c as createWorkspaceFileManagerI18nRuntime, r as resolveRevealInFolderLabel, w as workspaceFileManagerI18nNamespace, b as workspaceFileManagerI18nResources } from './index-D23bxzS8.js';
+import { ReactElement, RefObject } from 'react';
 import { TuttiDateLocale } from '@tutti-os/ui-system/date-format';
 export { decodeWorkspaceTextFile, isWorkspaceTextFileTooLarge, looksLikeBinaryText, resolveWorkspaceFileExtension, resolveWorkspaceImageMimeType, resolveWorkspaceVideoMimeType, workspaceFilePreviewMaxBytes, workspaceFileTextMaxBytes } from '@tutti-os/workspace-file-preview';
 import '@tutti-os/ui-i18n-runtime';
@@ -27,4 +27,51 @@ interface WorkspaceFileManagerProps {
 }
 declare function WorkspaceFileManager({ className, dateLocale, entryDragMode, i18n, onCopyEntry, onCopyPath, onDirectoryExpanded, onEntryDragStart, openInAppBrowserIcon, resolveOpenWithApplicationIcon, resolveEntryIconUrl, hostOs, session, surface }: WorkspaceFileManagerProps): ReactElement;
 
-export { WorkspaceFileEntry, WorkspaceFileManager, type WorkspaceFileManagerEntryDragMode, WorkspaceFileManagerI18nRuntime, type WorkspaceFileManagerProps, WorkspaceFileManagerSession };
+interface WorkspaceFileManagerContextMenuProps {
+    busy: boolean;
+    copy: WorkspaceFileManagerI18nRuntime;
+    contextMenu: {
+        entry: WorkspaceFileEntry | null;
+        x: number;
+        y: number;
+    } | null;
+    contextMenuRef: RefObject<HTMLDivElement | null>;
+    openInAppBrowserIcon?: ReactElement;
+    positionMode?: "local" | "viewport";
+    resolveOpenWithApplicationIcon?: (application: WorkspaceFileOpenWithApplication) => ReactElement | null;
+    showCopyAction: boolean;
+    showCopyPathAction: boolean;
+    showCreateAction: boolean;
+    showDeleteAction: boolean;
+    showImportAction: boolean;
+    showExportAction: boolean;
+    showOpenInAppBrowserAction: boolean;
+    showOpenInDefaultBrowserAction: boolean;
+    showOpenInFileViewerAction: boolean;
+    showOpenWithAction: boolean;
+    showOpenWithOtherAction: boolean;
+    showRevealInFolderAction: boolean;
+    showRenameAction: boolean;
+    revealInFolderLabel: string;
+    openWithApplications: readonly WorkspaceFileOpenWithApplication[];
+    openWithLoading: boolean;
+    onClose: () => void;
+    onCreateDirectory: () => void;
+    onCreateFile: () => void;
+    onCopy: () => Promise<void>;
+    onCopyPath: () => Promise<void>;
+    onDelete: () => void;
+    onExport: () => Promise<void>;
+    onOpen: () => Promise<void>;
+    onOpenInAppBrowser: () => Promise<void>;
+    onOpenInDefaultBrowser: () => Promise<void>;
+    onOpenInFileViewer: () => Promise<void>;
+    onOpenWithApplication: (applicationPath: string) => Promise<void>;
+    onOpenWithOtherApplication: () => Promise<void>;
+    onImport: () => Promise<void>;
+    onRevealInFolder: () => Promise<void>;
+    onRename: () => void;
+}
+declare function WorkspaceFileManagerContextMenu({ busy, copy, contextMenu, contextMenuRef, openInAppBrowserIcon, positionMode, showCopyAction, showCopyPathAction, showCreateAction, showDeleteAction, showImportAction, showExportAction, showOpenInAppBrowserAction, showOpenInDefaultBrowserAction, showOpenInFileViewerAction, showOpenWithAction, showOpenWithOtherAction, showRevealInFolderAction, showRenameAction, revealInFolderLabel, openWithApplications, openWithLoading, resolveOpenWithApplicationIcon, onClose, onCreateDirectory, onCreateFile, onCopy, onCopyPath, onDelete, onExport, onOpen, onOpenInAppBrowser, onOpenInDefaultBrowser, onOpenInFileViewer, onOpenWithApplication, onOpenWithOtherApplication, onImport, onRevealInFolder, onRename }: WorkspaceFileManagerContextMenuProps): ReactElement | null;
+
+export { WorkspaceFileEntry, WorkspaceFileManager, WorkspaceFileManagerContextMenu, type WorkspaceFileManagerContextMenuProps, type WorkspaceFileManagerEntryDragMode, WorkspaceFileManagerI18nRuntime, type WorkspaceFileManagerProps, WorkspaceFileManagerSession, WorkspaceFileOpenWithApplication };

package/dist/index.js

@@ -32,7 +32,7 @@ import {
   workspaceFileSearchEntryToEntry,
   workspaceFileTextMaxBytes,
   writeWorkspaceFileManagerArrangeMode
-} from "./chunk-KBMBX2K2.js";
+} from "./chunk-M7G5F5PL.js";
 import {
   createWorkspaceFileManagerI18nRuntime,
   resolveRevealInFolderLabel,
@@ -124,7 +124,9 @@ function WorkspaceFileManagerContextMenu({
   contextMenu,
   contextMenuRef,
   openInAppBrowserIcon,
+  positionMode = "local",
   showCopyAction,
+  showCopyPathAction,
   showCreateAction,
   showDeleteAction,
   showImportAction,
@@ -172,16 +174,21 @@ function WorkspaceFileManagerContextMenu({
       return;
     }
     const menu = contextMenuRef.current;
-    const boundary = menu?.closest("[data-workspace-file-manager]");
-    if (!menu || !boundary) {
+    if (!menu) {
       return;
     }
-    const boundaryRect = boundary.getBoundingClientRect();
     const menuRect = menu.getBoundingClientRect();
+    const boundary = positionMode === "local" ? menu.closest(
+      "[data-workspace-file-menu-boundary], [data-workspace-file-manager]"
+    ) : null;
+    if (positionMode === "local" && !boundary) {
+      return;
+    }
+    const boundaryRect = boundary?.getBoundingClientRect();
     setPosition(
       clampContextMenuPosition({
-        boundaryHeight: boundaryRect.height,
-        boundaryWidth: boundaryRect.width,
+        boundaryHeight: boundaryRect?.height ?? window.innerHeight,
+        boundaryWidth: boundaryRect?.width ?? window.innerWidth,
         menuHeight: menuRect.height,
         menuWidth: menuRect.width,
         x: contextMenu.x,
@@ -193,7 +200,9 @@ function WorkspaceFileManagerContextMenu({
     contextMenuRef,
     openWithApplications.length,
     openWithLoading,
+    positionMode,
     showCopyAction,
+    showCopyPathAction,
     showExportAction,
     showImportAction,
     showOpenInAppBrowserAction,
@@ -232,13 +241,15 @@ function WorkspaceFileManagerContextMenu({
         label: copy.t("copyLabel")
       });
     }
-    editItems.push({
-      action: onCopyPath,
-      disabled: busy,
-      icon: /* @__PURE__ */ jsx(CopyIcon, { className: "size-4" }),
-      key: "copy-path",
-      label: copy.t("copyPathLabel")
-    });
+    if (showCopyPathAction) {
+      editItems.push({
+        action: onCopyPath,
+        disabled: busy,
+        icon: /* @__PURE__ */ jsx(CopyIcon, { className: "size-4" }),
+        key: "copy-path",
+        label: copy.t("copyPathLabel")
+      });
+    }
     if (showRevealInFolderAction) {
       editItems.push({
         action: onRevealInFolder,
@@ -318,7 +329,10 @@ function WorkspaceFileManagerContextMenu({
     MenuSurface,
     {
       ref: contextMenuRef,
-      className: "absolute w-[220px] overflow-visible p-1",
+      className: cn(
+        "w-[220px] overflow-visible p-1",
+        positionMode === "viewport" ? "fixed" : "absolute"
+      ),
       role: "menu",
       style: {
         left: `${position.x}px`,
@@ -399,12 +413,22 @@ function ContextMenuActionGroup({
   ] });
 }
 function ContextMenuActionButton({
+  activateOnPointerDown = false,
   danger = false,
   disabled = false,
   icon,
   label,
   onClick
 }) {
+  const pointerActivatedRef = useRef(false);
+  const pointerActivationResetTimerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (pointerActivationResetTimerRef.current !== null) {
+        window.clearTimeout(pointerActivationResetTimerRef.current);
+      }
+    };
+  }, []);
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -415,7 +439,33 @@ function ContextMenuActionButton({
       disabled,
       role: "menuitem",
       type: "button",
-      onClick,
+      onClick: () => {
+        if (pointerActivatedRef.current) {
+          pointerActivatedRef.current = false;
+          if (pointerActivationResetTimerRef.current !== null) {
+            window.clearTimeout(pointerActivationResetTimerRef.current);
+            pointerActivationResetTimerRef.current = null;
+          }
+          return;
+        }
+        onClick();
+      },
+      onPointerDown: (event) => {
+        if (!activateOnPointerDown || disabled || event.button !== 0) {
+          return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        pointerActivatedRef.current = true;
+        if (pointerActivationResetTimerRef.current !== null) {
+          window.clearTimeout(pointerActivationResetTimerRef.current);
+        }
+        pointerActivationResetTimerRef.current = window.setTimeout(() => {
+          pointerActivatedRef.current = false;
+          pointerActivationResetTimerRef.current = null;
+        }, 750);
+        onClick();
+      },
       children: [
         /* @__PURE__ */ jsx(
           "span",
@@ -455,7 +505,7 @@ function OpenWithMenuItem({
 }) {
   const triggerRef = useRef(null);
   const [open, setOpen] = useState(false);
-  const [placementPoint, setPlacementPoint] = useState({ x: 0, y: 0 });
+  const [submenuPosition, setSubmenuPosition] = useState({ left: 0, top: 0 });
   const closeTimerRef = useRef(null);
   const showExternalSection = showOpenInDefaultBrowser || showOpenWithOther || isLoading || applications.length > 0;
   const estimatedSubmenuHeight = estimateOpenWithSubmenuHeight({
@@ -498,9 +548,14 @@ function OpenWithMenuItem({
       return;
     }
     const rect = trigger.getBoundingClientRect();
-    setPlacementPoint({
-      x: rect.right + CONTEXT_MENU_SUBMENU_GAP_PX,
-      y: rect.top
+    const maxHeight = Math.min(
+      estimatedSubmenuHeight,
+      480,
+      Math.max(0, window.innerHeight - 24)
+    );
+    setSubmenuPosition({
+      left: rect.right + CONTEXT_MENU_SUBMENU_GAP_PX,
+      top: Math.max(12, Math.min(rect.top, window.innerHeight - maxHeight - 12))
     });
   }, [open, estimatedSubmenuHeight]);
   return /* @__PURE__ */ jsxs(
@@ -556,40 +611,42 @@ function OpenWithMenuItem({
             dismissOnPointerDownOutside: false,
             dismissOnScroll: false,
             placement: {
-              type: "point",
-              point: placementPoint,
-              alignX: "start",
-              alignY: "auto",
-              estimatedSize: {
-                width: 220,
-                height: estimatedSubmenuHeight
-              }
+              type: "absolute",
+              left: submenuPosition.left,
+              top: submenuPosition.top,
+              boundaryPoint: { x: -1, y: -1 },
+              constrainToBoundary: false
             },
             role: "menu",
+            style: { zIndex: "calc(var(--z-panel-popover) + 200)" },
             onPointerEnter: openSubmenu,
             onPointerLeave: scheduleClose,
             children: [
               showOpenInFileViewer ? /* @__PURE__ */ jsx(
                 ContextMenuActionButton,
                 {
+                  activateOnPointerDown: true,
                   disabled: busy,
                   icon: /* @__PURE__ */ jsx(EyeIcon, { className: "size-4" }),
                   label: copy.t("openInFileViewerLabel"),
                   onClick: () => {
+                    const openPromise = onOpenInFileViewer();
                     onClose();
-                    void onOpenInFileViewer();
+                    void openPromise;
                   }
                 }
               ) : null,
               showOpenInAppBrowser ? /* @__PURE__ */ jsx(
                 ContextMenuActionButton,
                 {
+                  activateOnPointerDown: true,
                   disabled: busy,
                   icon: openInAppBrowserIcon ?? /* @__PURE__ */ jsx(WebIcon, { className: "size-4" }),
                   label: copy.t("openInAppBrowserLabel"),
                   onClick: () => {
+                    const openPromise = onOpenInAppBrowser();
                     onClose();
-                    void onOpenInAppBrowser();
+                    void openPromise;
                   }
                 }
               ) : null,
@@ -600,6 +657,7 @@ function OpenWithMenuItem({
                 return /* @__PURE__ */ jsx(
                   ContextMenuActionButton,
                   {
+                    activateOnPointerDown: true,
                     disabled: busy,
                     icon: resolvedIcon ?? (application.iconDataUrl ? /* @__PURE__ */ jsx(
                       "img",
@@ -611,8 +669,11 @@ function OpenWithMenuItem({
                     ) : /* @__PURE__ */ jsx(EyeIcon, { className: "size-4" })),
                     label: application.name,
                     onClick: () => {
+                      const openPromise = onOpenWithApplication(
+                        application.applicationPath
+                      );
                       onClose();
-                      void onOpenWithApplication(application.applicationPath);
+                      void openPromise;
                     }
                   },
                   application.applicationPath
@@ -621,24 +682,28 @@ function OpenWithMenuItem({
               showOpenInDefaultBrowser ? /* @__PURE__ */ jsx(
                 ContextMenuActionButton,
                 {
+                  activateOnPointerDown: true,
                   disabled: busy,
                   icon: /* @__PURE__ */ jsx(WebIcon, { className: "size-4" }),
                   label: copy.t("openInDefaultBrowserLabel"),
                   onClick: () => {
+                    const openPromise = onOpenInDefaultBrowser();
                     onClose();
-                    void onOpenInDefaultBrowser();
+                    void openPromise;
                   }
                 }
               ) : null,
               showOpenWithOther ? /* @__PURE__ */ jsx(
                 ContextMenuActionButton,
                 {
+                  activateOnPointerDown: true,
                   disabled: busy,
                   icon: /* @__PURE__ */ jsx(LaunchIcon, { className: "size-4" }),
                   label: copy.t("openWithOtherLabel"),
                   onClick: () => {
+                    const openPromise = onOpenWithOtherApplication();
                     onClose();
-                    void onOpenWithOtherApplication();
+                    void openPromise;
                   }
                 }
               ) : null
@@ -902,6 +967,7 @@ function WorkspaceFileManagerContextMenuContainer({
       contextMenu: view.contextMenu,
       contextMenuRef,
       showCopyAction: view.showCopyAction,
+      showCopyPathAction: true,
       showCreateAction: view.showCreateAction,
       showDeleteAction: view.showDeleteAction,
       showImportAction: view.showImportAction,
@@ -4519,6 +4585,7 @@ function isPointInsideElement(element, clientX, clientY) {
 }
 export {
   WorkspaceFileManager,
+  WorkspaceFileManagerContextMenu,
   classifyWorkspaceFilePreviewKind,
   createWorkspaceFileManagerI18nRuntime,
   createWorkspaceFileManagerService,
@@ -4528,6 +4595,7 @@ export {
   isWorkspaceFileRecentLocation,
   isWorkspaceTextFileTooLarge,
   looksLikeBinaryText,
+  resolveRevealInFolderLabel,
   resolveWorkspaceFileActivationTarget,
   resolveWorkspaceFileExtension,
   resolveWorkspaceFileLocationDefaultId,