@ai-matrx/context-menu 0.1.5 → 0.1.7

package/dist/react.cjs

@@ -427,11 +427,21 @@ var CONTEXT_REGION_TRIGGER_ATTRS = {
 };
 
 // src/engine/utils/table-at-target.ts
-var import_table_shape = require("@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 = (0, import_table_shape.shapeTextOfNode)(table.cloneNode(true));
+  if (!table || !shapeReader) return null;
+  const text = shapeReader(table.cloneNode(true));
   return text.trim() ? text : null;
 }
 
@@ -570,7 +580,6 @@ function useContextMenuHostBindings() {
 
 // src/engine/ContextMenuV3.tsx
 var import_selectors = require("@ai-matrx/chat/agents/redux/agent-shortcuts/selectors");
-var import_thunks = require("@ai-matrx/chat/agents/redux/agent-shortcuts/thunks");
 var import_jsx_runtime = require("react/jsx-runtime");
 var NON_TEXT_INPUT_TYPES = /* @__PURE__ */ new Set([
   "button",
@@ -642,17 +651,7 @@ function warmMenuContent() {
   }
   return menuContentSlot().warm ?? Promise.resolve();
 }
-function useWarmMenuContentWhenIdle() {
-  (0, import_react2.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__ */ (0, import_jsx_runtime.jsx)(mod.ShortcutKeyRunner, { ...props }) : null;
@@ -767,7 +766,8 @@ function ContextMenuV3({
   const store = import_react2.default.useContext(import_react_redux.ReactReduxContext)?.store;
   const [menuPoint, setMenuPoint] = (0, import_react2.useState)({ x: 0, y: 0 });
   const [openSeq, setOpenSeq] = (0, import_react2.useState)(0);
-  useWarmMenuContentWhenIdle();
+  const [engaged, setEngaged] = (0, import_react2.useState)(false);
+  const engage = () => setEngaged(true);
   const capturedSelection = (0, import_react2.useRef)(null);
   const selectionLocked = (0, import_react2.useRef)(false);
   const lastMousePos = (0, import_react2.useRef)(null);
@@ -798,7 +798,7 @@ function ContextMenuV3({
     onTextInsertAfter,
     getApplicationScope
   }) : null;
-  const widgetHandleId = (0, import_useWidgetHandle.useOptionalWidgetHandle)(widgetHandle);
+  const widgetHandleId = (0, import_useWidgetHandle.useOptionalWidgetHandle)(engaged ? widgetHandle : null);
   const getEffectiveContextData = () => mergeResolvedContextData(
     contextData,
     resolvedContext
@@ -806,6 +806,7 @@ function ContextMenuV3({
   const surfaceSpokeAboutEntity = !!resolvedContext && types_exports.CONTEXT_MENU_ENTITY_KEY in resolvedContext;
   const effectiveEntity = surfaceSpokeAboutEntity ? resolveEffectiveEntity(entity, resolvedContext) : sniffedEntity ?? entity;
   (0, import_react2.useEffect)(() => {
+    if (!engaged) return;
     const handleSelection = () => {
       if (selectionLocked.current) return;
       const owner = selectionOwnerRef.current;
@@ -822,18 +823,15 @@ function ContextMenuV3({
     };
     document.addEventListener("selectionchange", handleSelection);
     return () => document.removeEventListener("selectionchange", handleSelection);
-  }, []);
-  (0, import_react2.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);
@@ -849,6 +847,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);
@@ -989,11 +990,14 @@ function ContextMenuV3({
     setDropdownOpen(true);
   };
   const selectionHost = { kind: "context-menu-selection", open: openFromSelection };
-  (0, import_selection_zones.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 }
-  });
+  (0, import_selection_zones.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);
@@ -1129,6 +1133,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 };
   };
@@ -1149,6 +1155,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,
@@ -1184,7 +1191,7 @@ function ContextMenuV3({
   const loadShortcuts = () => {
     if (!store || !isEditable || shortcutsLoaded.current) return null;
     if (!shortcutsLoad.current) {
-      shortcutsLoad.current = store.dispatch((0, import_thunks.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;
       });
     }
@@ -1203,6 +1210,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);
     },
@@ -1820,6 +1828,17 @@ function toast2(props) {
   else import_notify2.toast.message(message, options);
 }
 
+// src/engine/utils/ensure-block-template.ts
+var import_db = require("@ai-matrx/chat/host/db");
+var import_ui_slots = require("@ai-matrx/chat/host/ui-slots");
+async function ensureBlockTemplate(blockId, dispatch) {
+  const { data, error } = await import_db.supabase.schema("skill").from("render_definition").select("template").eq("id", blockId).single();
+  if (error) throw new Error(error.message);
+  const template = data?.template ?? "";
+  dispatch(import_ui_slots.sklActions.renderDefinitionsMerged([{ id: blockId, template }]));
+  return template;
+}
+
 // src/engine/hooks/useContextMenuActions.ts
 var import_org = require("@ai-matrx/chat/host/org");
 var import_useAgentLauncher = require("@ai-matrx/chat/agents/hooks/useAgentLauncher");
@@ -1951,7 +1970,7 @@ var import_constants2 = require("@ai-matrx/chat/agents/shortcuts/constants");
 // src/engine/hooks/useUnifiedAgentContextMenu.ts
 var import_react4 = require("react");
 var import_hooks = require("@ai-matrx/chat/store/hooks");
-var import_thunks2 = require("@ai-matrx/chat/agents/redux/agent-shortcuts/thunks");
+var import_thunks = require("@ai-matrx/chat/agents/redux/agent-shortcuts/thunks");
 
 // src/engine/utils/menu-deadline.ts
 var menu_deadline_exports = {};
@@ -2109,7 +2128,7 @@ function useUnifiedAgentContextMenu(args) {
   const categories = (0, import_hooks.useAppSelector)(import_selectors3.selectAllCategoriesArray);
   const contentBlocks = (0, import_hooks.useAppSelector)((state) => getContextMenuHost().selectRenderDefinitions(state));
   const rowsInHand = (0, import_hooks.useAppSelector)(
-    (state) => state.agentShortcut.contextLoaded?.[(0, import_thunks2.unifiedMenuLoadedKey)({ scope, scopeId })] ?? false
+    (state) => state.agentShortcut.contextLoaded?.[(0, import_thunks.unifiedMenuLoadedKey)({ scope, scopeId })] ?? false
   );
   const [error, setError] = (0, import_react4.useState)(null);
   const refresh = (0, import_react4.useCallback)(async () => {
@@ -2117,7 +2136,7 @@ function useUnifiedAgentContextMenu(args) {
     try {
       setError(null);
       await (0, menu_deadline_exports.withMenuDeadline)(
-        dispatch((0, import_thunks2.fetchUnifiedMenu)({ scope, scopeId })).unwrap(),
+        dispatch((0, import_thunks.fetchUnifiedMenu)({ scope, scopeId })).unwrap(),
         "Loading the menu's AI actions"
       );
     } catch (err) {
@@ -3005,12 +3024,25 @@ function useContextMenuActions(props) {
   };
   const insertTargets = { editorId, getTextarea, insertAtCaret, onTextReplace };
   const handleContentBlockInsert = (entry) => {
-    const template = entry.template;
-    if (insertIntoEditor(insertTargets, template)) {
-      onContentInserted?.();
-      return;
-    }
-    void (0, import_clipboard.copyText)(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 (0, import_clipboard.copyText)(template);
       if (copied) {
         toast2({
           title: "Copied to clipboard",
@@ -3019,7 +3051,7 @@ function useContextMenuActions(props) {
       } else {
         getContextMenuHost().showManualCopy({ text: template });
       }
-    });
+    })();
   };
   const handleEntrySelect = (entry) => {
     if (entry.entryType === "agent_shortcut") void handleShortcutExecute(entry);