@tutti-os/workspace-file-reference 0.0.57 → 0.0.59

package/dist/ui/index.js

@@ -20,6 +20,7 @@ import {
   DialogTitle,
   cn as cn2
 } from "@tutti-os/ui-system";
+import { useEffect as useEffect2 } from "react";
 
 // src/ui/internal/reference/WorkspaceFileReferencePickerSections.tsx
 import { useId, useState as useState2 } from "react";
@@ -635,6 +636,28 @@ function WorkspaceFileReferencePicker({
     open,
     workspaceId
   });
+  useEffect2(() => {
+    if (!open) {
+      return;
+    }
+    const handleEscapeKeyDown = (event) => {
+      if (event.key !== "Escape") {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+      onClose();
+    };
+    document.addEventListener("keydown", handleEscapeKeyDown, {
+      capture: true
+    });
+    return () => {
+      document.removeEventListener("keydown", handleEscapeKeyDown, {
+        capture: true
+      });
+    };
+  }, [onClose, open]);
   return /* @__PURE__ */ jsx3(
     Dialog,
     {
@@ -651,6 +674,11 @@ function WorkspaceFileReferencePicker({
           className: cn2(
             "nodrag flex h-[min(88vh,44rem)] w-full max-w-5xl flex-col gap-0 overflow-hidden border-[var(--line-1)] bg-[var(--background-fronted)] p-0 text-[var(--text-primary)] shadow-panel [-webkit-app-region:no-drag] sm:h-[min(82vh,44rem)] sm:max-w-5xl"
           ),
+          onEscapeKeyDown: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            onClose();
+          },
           overlayClassName: cn2("nodrag", scoped && "!absolute"),
           portaled: !scoped,
           children: [
@@ -703,7 +731,7 @@ function WorkspaceFileReferencePicker({
 
 // src/ui/internal/reference/ReferenceSourcePicker.tsx
 import {
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useId as useId2,
   useMemo as useMemo2,
   useRef as useRef2,
@@ -748,7 +776,7 @@ import {
 } from "@tutti-os/workspace-file-manager";
 
 // src/react/internal/reference/useReferenceSourcePickerView.ts
-import { useCallback, useEffect as useEffect2, useMemo, useRef, useState as useState3 } from "react";
+import { useCallback, useEffect as useEffect3, useMemo, useRef, useState as useState3 } from "react";
 import { useSnapshot } from "valtio";
 import {
   resolveWorkspaceFileOpenWithCacheKey,
@@ -813,7 +841,7 @@ function useReferenceSourcePickerView({
   );
   const autoEnteredSourcesRef = useRef(/* @__PURE__ */ new Set());
   const appliedInitialTargetRef = useRef(null);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!open) {
       return;
     }
@@ -827,7 +855,7 @@ function useReferenceSourcePickerView({
       controller.close();
     };
   }, [controller, open]);
-  useEffect2(() => {
+  useEffect3(() => {
     const target = initialTarget;
     if (!open || !target || appliedInitialTargetRef.current === target) {
       return;
@@ -944,7 +972,7 @@ function useReferenceSourcePickerView({
     sourceId: activeSourceId,
     nodeId: WORKSPACE_ROOT_GROUP_NODE_ID
   }) : null;
-  useEffect2(() => {
+  useEffect3(() => {
     controller.setSearchScope(searchScopeNodeId);
   }, [controller, searchScopeNodeId]);
   const setActiveSource = useCallback(
@@ -981,7 +1009,7 @@ function useReferenceSourcePickerView({
     },
     [controller, shouldRefreshChildrenOnEnter]
   );
-  useEffect2(() => {
+  useEffect3(() => {
     if (!open || !activeSourceId) {
       return;
     }
@@ -1000,7 +1028,7 @@ function useReferenceSourcePickerView({
     autoEnteredSourcesRef.current.add(activeSourceId);
     enterFolder(firstGroup);
   }, [open, activeSourceId, sidebarGroups, breadcrumbBySource, enterFolder]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!open) {
       return;
     }
@@ -1155,7 +1183,7 @@ function useReferenceSourcePickerView({
       previewObjectUrlRef.current = null;
     }
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     const node = focusedNode;
     if (!node) {
       revokePreviewObjectUrl();
@@ -1271,7 +1299,7 @@ function useReferenceSourcePickerView({
       cancelled = true;
     };
   }, [aggregator, focusedNode, revokePreviewObjectUrl, scope]);
-  useEffect2(() => revokePreviewObjectUrl, [revokePreviewObjectUrl]);
+  useEffect3(() => revokePreviewObjectUrl, [revokePreviewObjectUrl]);
   return {
     tabs: snapshot.tabs,
     activeSourceId,
@@ -1518,6 +1546,28 @@ function ReferenceSourcePicker({
     onCommit: view.setSearchQuery,
     value: view.searchQuery
   });
+  useEffect4(() => {
+    if (!open) {
+      return;
+    }
+    const handleEscapeKeyDown = (event) => {
+      if (event.key !== "Escape") {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+      onClose();
+    };
+    document.addEventListener("keydown", handleEscapeKeyDown, {
+      capture: true
+    });
+    return () => {
+      document.removeEventListener("keydown", handleEscapeKeyDown, {
+        capture: true
+      });
+    };
+  }, [onClose, open]);
   const layoutRef = useRef2(null);
   const menuBoundaryRef = useRef2(null);
   const contextMenuRef = useRef2(null);
@@ -1553,7 +1603,7 @@ function ReferenceSourcePicker({
     includeImageThumbnails: resolveEntryIconUrl !== void 0,
     resolveEntryIconUrl
   });
-  useEffect3(() => {
+  useEffect4(() => {
     if (!contextMenu || !fileManagerCopy) {
       setOpenWithApplications([]);
       setOpenWithLoading(false);
@@ -1587,7 +1637,7 @@ function ReferenceSourcePicker({
       cancelled = true;
     };
   }, [contextMenu?.node, fileManagerCopy]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!contextMenu) {
       return;
     }
@@ -1642,12 +1692,21 @@ function ReferenceSourcePicker({
     middlePanelRef.current,
     56
   );
+  const handleReferencePickerKeyDownCapture = (event) => {
+    if (event.key !== "Escape") {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    onClose();
+  };
   const dialog = /* @__PURE__ */ jsx4(
     "div",
     {
       className: "nodrag fixed inset-0 grid place-items-center bg-[var(--backdrop)] px-3 py-4 backdrop-blur-md [-webkit-app-region:no-drag] sm:px-6 sm:py-8",
       style: { zIndex: "var(--z-panel)" },
       onClick: onClose,
+      onKeyDownCapture: handleReferencePickerKeyDownCapture,
       children: /* @__PURE__ */ jsxs4(
         Card,
         {
@@ -1990,7 +2049,7 @@ function ReferenceSourceContentPane({
     onClose: noopVoid,
     onConfirm: noopVoid
   });
-  useEffect3(() => {
+  useEffect4(() => {
     if (!initialNodeRef) {
       return;
     }
@@ -2054,7 +2113,7 @@ function ReferenceSourceContentPane({
     includeImageThumbnails: resolveEntryIconUrl !== void 0,
     resolveEntryIconUrl
   });
-  useEffect3(() => {
+  useEffect4(() => {
     if (!contextMenu || !fileManagerCopy) {
       setOpenWithApplications([]);
       setOpenWithLoading(false);
@@ -2088,7 +2147,7 @@ function ReferenceSourceContentPane({
       cancelled = true;
     };
   }, [contextMenu?.node, fileManagerCopy]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!contextMenu) {
       return;
     }
@@ -2332,7 +2391,7 @@ function SourceSidebar({
   contentRef
 }) {
   const selectedGroupRef = useRef2(null);
-  useEffect3(() => {
+  useEffect4(() => {
     selectedGroupRef.current?.scrollIntoView({ block: "nearest" });
   }, [view.selectedGroupKey]);
   const [shownBySource, setShownBySource] = useState4(
@@ -2791,7 +2850,7 @@ function FilterCategoryFilter({
 }) {
   const [open, setOpen] = useState4(false);
   const containerRef = useRef2(null);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!open) {
       return;
     }
@@ -2912,12 +2971,12 @@ function TreeNodeRow({
   const active = selected || focused && selectable;
   const focusedRowRef = useRef2(null);
   const [shouldRenderChildContent, setShouldRenderChildContent] = useState4(expanded);
-  useEffect3(() => {
+  useEffect4(() => {
     if (focused) {
       focusedRowRef.current?.scrollIntoView({ block: "nearest" });
     }
   }, [focused]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (expanded) {
       setShouldRenderChildContent(true);
       return;