@ai-matrx/context-menu 0.1.5 → 0.1.7

package/dist/react.js

@@ -382,11 +382,21 @@ var CONTEXT_REGION_TRIGGER_ATTRS = {
 };
 
 // src/engine/utils/table-at-target.ts
-import { shapeTextOfNode } from "@ai-matrx/records-ui/table-shape";
+var shapeReader = null;
+var shapeLoad = null;
+function preloadTableShape() {
+  shapeLoad ??= import("@ai-matrx/records-ui/table-shape").then((m) => {
+    shapeReader = m.shapeTextOfNode;
+  }).catch((error) => {
+    shapeLoad = null;
+    console.error("[ContextMenuV3] could not load the table shape reader", error);
+  });
+  return shapeLoad;
+}
 function tableTextAtTarget(target) {
   const table = target?.closest("table");
-  if (!table) return null;
-  const text = shapeTextOfNode(table.cloneNode(true));
+  if (!table || !shapeReader) return null;
+  const text = shapeReader(table.cloneNode(true));
   return text.trim() ? text : null;
 }
 
@@ -525,7 +535,6 @@ function useContextMenuHostBindings() {
 
 // src/engine/ContextMenuV3.tsx
 import { selectAllShortcutsArray } from "@ai-matrx/chat/agents/redux/agent-shortcuts/selectors";
-import { fetchUnifiedMenu } from "@ai-matrx/chat/agents/redux/agent-shortcuts/thunks";
 import { jsx, jsxs } from "react/jsx-runtime";
 var NON_TEXT_INPUT_TYPES = /* @__PURE__ */ new Set([
   "button",
@@ -597,17 +606,7 @@ function warmMenuContent() {
   }
   return menuContentSlot().warm ?? Promise.resolve();
 }
-function useWarmMenuContentWhenIdle() {
-  useEffect(() => {
-    if (menuContentSlot().warm) return;
-    if (typeof window.requestIdleCallback === "function") {
-      const id2 = window.requestIdleCallback(() => void warmMenuContent(), { timeout: 4e3 });
-      return () => window.cancelIdleCallback(id2);
-    }
-    const id = window.setTimeout(() => void warmMenuContent(), 1500);
-    return () => window.clearTimeout(id);
-  }, []);
-}
+var menuEverOpened = false;
 function ShortcutKeyRunner(props) {
   const mod = useMenuContentModule();
   return mod ? /* @__PURE__ */ jsx(mod.ShortcutKeyRunner, { ...props }) : null;
@@ -722,7 +721,8 @@ function ContextMenuV3({
   const store = React.useContext(ReactReduxContext)?.store;
   const [menuPoint, setMenuPoint] = useState({ x: 0, y: 0 });
   const [openSeq, setOpenSeq] = useState(0);
-  useWarmMenuContentWhenIdle();
+  const [engaged, setEngaged] = useState(false);
+  const engage = () => setEngaged(true);
   const capturedSelection = useRef(null);
   const selectionLocked = useRef(false);
   const lastMousePos = useRef(null);
@@ -753,7 +753,7 @@ function ContextMenuV3({
     onTextInsertAfter,
     getApplicationScope
   }) : null;
-  const widgetHandleId = useOptionalWidgetHandle(widgetHandle);
+  const widgetHandleId = useOptionalWidgetHandle(engaged ? widgetHandle : null);
   const getEffectiveContextData = () => mergeResolvedContextData(
     contextData,
     resolvedContext
@@ -761,6 +761,7 @@ function ContextMenuV3({
   const surfaceSpokeAboutEntity = !!resolvedContext && types_exports.CONTEXT_MENU_ENTITY_KEY in resolvedContext;
   const effectiveEntity = surfaceSpokeAboutEntity ? resolveEffectiveEntity(entity, resolvedContext) : sniffedEntity ?? entity;
   useEffect(() => {
+    if (!engaged) return;
     const handleSelection = () => {
       if (selectionLocked.current) return;
       const owner = selectionOwnerRef.current;
@@ -777,18 +778,15 @@ function ContextMenuV3({
     };
     document.addEventListener("selectionchange", handleSelection);
     return () => document.removeEventListener("selectionchange", handleSelection);
-  }, []);
-  useEffect(() => {
-    const handleMouseMove = (e) => {
-      lastMousePos.current = { x: e.clientX, y: e.clientY };
-    };
-    document.addEventListener("mousemove", handleMouseMove, { passive: true });
-    return () => document.removeEventListener("mousemove", handleMouseMove);
-  }, []);
+  }, [engaged]);
+  const rememberPointer = (e) => {
+    lastMousePos.current = { x: e.clientX, y: e.clientY };
+  };
   const handleMouseDown = (e) => {
     if (suppressed) return;
     if (reachedThroughPortal(e)) return;
     if (e.button !== 2) return;
+    void warmMenuContent();
     if (!isEditable && yieldsToNativeTextMenu(e.target)) return;
     const target = e.target;
     resolvePerTargetContext(target);
@@ -804,6 +802,9 @@ function ContextMenuV3({
     }
   };
   const resolvePerTargetContext = (target) => {
+    menuEverOpened = true;
+    engage();
+    if (target?.closest("table")) void preloadTableShape();
     const rowHit = resolveTableRowItem(target);
     const rowMenu = rowHit?.menu ?? null;
     setResolvedItem(rowHit?.item ?? null);
@@ -944,11 +945,14 @@ function ContextMenuV3({
     setDropdownOpen(true);
   };
   const selectionHost = { kind: "context-menu-selection", open: openFromSelection };
-  useSelectionZone(selectionOwner, {
-    // A suppressed menu (the text is streaming) keeps the toolbar away until it settles.
-    suppress: suppressed,
-    host: { [CONTEXT_MENU_SELECTION_HOST_KEY]: selectionHost }
-  });
+  useSelectionZone(
+    selectionOwner,
+    engaged ? {
+      // A suppressed menu (the text is streaming) keeps the toolbar away until it settles.
+      suppress: suppressed,
+      host: { [CONTEXT_MENU_SELECTION_HOST_KEY]: selectionHost }
+    } : null
+  );
   const clearLongPress = () => {
     if (longPressTimer.current !== null) {
       clearTimeout(longPressTimer.current);
@@ -1084,6 +1088,8 @@ function ContextMenuV3({
     const reg = paletteRegistry();
     const now = Date.now();
     if (e.type === "pointerdown") reg.pointerDown = { element: e.target, at: now };
+    if (e.type === "pointerdown" || e.type === "focusin" || e.type === "focus") engage();
+    if (e.type === "pointerover" || e.type === "pointerdown") rememberPointer(e);
     reg.seq += 1;
     reg[kind] = { id: paletteIdRef.current, element: e.target, seq: reg.seq, at: now };
   };
@@ -1104,6 +1110,7 @@ function ContextMenuV3({
     const native = e.nativeEvent;
     if (native[KEY_RUN_CLAIMED] || e.defaultPrevented || suppressed || e.repeat) return;
     if (reachedThroughPortal(e)) return;
+    if (!menuEverOpened) return;
     if (!store || !e.altKey && !e.ctrlKey && !e.metaKey) return;
     const matchOf = (event) => findComboMatch(
       event,
@@ -1139,7 +1146,7 @@ function ContextMenuV3({
   const loadShortcuts = () => {
     if (!store || !isEditable || shortcutsLoaded.current) return null;
     if (!shortcutsLoad.current) {
-      shortcutsLoad.current = store.dispatch(fetchUnifiedMenu({ scope, scopeId })).catch(() => void 0).finally(() => {
+      shortcutsLoad.current = import("@ai-matrx/chat/agents/redux/agent-shortcuts/thunks").then(({ fetchUnifiedMenu: fetchUnifiedMenu2 }) => store.dispatch(fetchUnifiedMenu2({ scope, scopeId }))).catch(() => void 0).finally(() => {
         shortcutsLoaded.current = true;
       });
     }
@@ -1158,6 +1165,7 @@ function ContextMenuV3({
     "data-content-source": contentSource ? contentSourceKey(contentSource) : void 0,
     onContextMenuCapture: (e) => {
       if (reachedThroughPortal(e)) return;
+      void warmMenuContent();
       if (!isEditable && yieldsToNativeTextMenu(e.target))
         NATIVE_TEXT_YIELD.set(e.nativeEvent, e.currentTarget);
     },
@@ -1796,6 +1804,17 @@ function toast2(props) {
   else notify.message(message, options);
 }
 
+// src/engine/utils/ensure-block-template.ts
+import { supabase } from "@ai-matrx/chat/host/db";
+import { sklActions } from "@ai-matrx/chat/host/ui-slots";
+async function ensureBlockTemplate(blockId, dispatch) {
+  const { data, error } = await supabase.schema("skill").from("render_definition").select("template").eq("id", blockId).single();
+  if (error) throw new Error(error.message);
+  const template = data?.template ?? "";
+  dispatch(sklActions.renderDefinitionsMerged([{ id: blockId, template }]));
+  return template;
+}
+
 // src/engine/hooks/useContextMenuActions.ts
 import { selectOrganizationId } from "@ai-matrx/chat/host/org";
 import { useAgentLauncher } from "@ai-matrx/chat/agents/hooks/useAgentLauncher";
@@ -1932,7 +1951,7 @@ import {
 import { useMemo, useState as useState4, useCallback as useCallback2 } from "react";
 import { useAppDispatch, useAppSelector } from "@ai-matrx/chat/store/hooks";
 import {
-  fetchUnifiedMenu as fetchUnifiedMenu2,
+  fetchUnifiedMenu,
   unifiedMenuLoadedKey
 } from "@ai-matrx/chat/agents/redux/agent-shortcuts/thunks";
 
@@ -2102,7 +2121,7 @@ function useUnifiedAgentContextMenu(args) {
     try {
       setError(null);
       await (0, menu_deadline_exports.withMenuDeadline)(
-        dispatch(fetchUnifiedMenu2({ scope, scopeId })).unwrap(),
+        dispatch(fetchUnifiedMenu({ scope, scopeId })).unwrap(),
         "Loading the menu's AI actions"
       );
     } catch (err) {
@@ -2995,12 +3014,25 @@ function useContextMenuActions(props) {
   };
   const insertTargets = { editorId, getTextarea, insertAtCaret, onTextReplace };
   const handleContentBlockInsert = (entry) => {
-    const template = entry.template;
-    if (insertIntoEditor(insertTargets, template)) {
-      onContentInserted?.();
-      return;
-    }
-    void kitCopyText(template).then((copied) => {
+    void (async () => {
+      let template = entry.template;
+      if (!template) {
+        try {
+          template = await ensureBlockTemplate(entry.id, dispatch);
+        } catch (error) {
+          toast2({
+            title: "Couldn't load that block",
+            description: error instanceof Error ? error.message : "Try again.",
+            variant: "destructive"
+          });
+          return;
+        }
+      }
+      if (insertIntoEditor(insertTargets, template)) {
+        onContentInserted?.();
+        return;
+      }
+      const copied = await kitCopyText(template);
       if (copied) {
         toast2({
           title: "Copied to clipboard",
@@ -3009,7 +3041,7 @@ function useContextMenuActions(props) {
       } else {
         getContextMenuHost().showManualCopy({ text: template });
       }
-    });
+    })();
   };
   const handleEntrySelect = (entry) => {
     if (entry.entryType === "agent_shortcut") void handleShortcutExecute(entry);