@athenaintel/react 0.19.0 → 0.21.0

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-list.cjs

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactStore = require("@tanstack/react-store");
+const react = require("react");
+const useMenuItems = require("../data/use-menu-items.cjs");
+const scopeRegistry = require("../data/scope-registry.cjs");
+const getScopeName = require("./get-scope-name.cjs");
+const menuList = require("./menu-list.cjs");
+const menuSummary = require("./menu-summary.cjs");
+const useKeyboardNavigation = require("./use-keyboard-navigation.cjs");
+const useMenuNavigation = require("./use-menu-navigation.cjs");
+const utils = require("./utils.cjs");
+const MentionSuggestionList = react.forwardRef(({ store, editor, query, command, closeMenu }, ref) => {
+  const [selectedIndexOverride, setSelectedIndexOverride] = react.useState(null);
+  const navStore = useMenuNavigation.useMenuNavigation();
+  const currentScopeId = reactStore.useStore(navStore, (s) => useMenuNavigation.getCurrentScope(s));
+  const navSelectedIndex = reactStore.useStore(navStore, (s) => useMenuNavigation.getSelectedIndex(s));
+  const selectedIndex = selectedIndexOverride ?? navSelectedIndex;
+  const scopeStack = reactStore.useStore(navStore, (s) => s.scopeStack);
+  let effectiveScopeId = currentScopeId;
+  if (query) {
+    try {
+      const searchScope = scopeRegistry.getSearchScope(store.state.registry, currentScopeId);
+      if (searchScope) {
+        effectiveScopeId = searchScope;
+      }
+    } catch {
+    }
+  }
+  const { items, isFetching, hasMore, loadMore } = useMenuItems.useMenuItems(store, {
+    scope: effectiveScopeId,
+    query,
+    minItems: 50,
+    parentScope: currentScopeId !== effectiveScopeId ? currentScopeId : void 0
+  });
+  react.useEffect(() => {
+    setSelectedIndexOverride(null);
+  }, [query, effectiveScopeId]);
+  const scopePath = scopeStack.map((entry) => ({
+    id: entry.scope,
+    name: entry.breadcrumbLabel ?? getScopeName.getScopeName(entry.scope, store)
+  }));
+  const handleSelect = react.useCallback(
+    (item) => {
+      if (item.navigatesToScope) {
+        navStore.navigateTo(item.navigatesToScope, selectedIndex, {
+          breadcrumbLabel: item.name,
+          parentScope: currentScopeId
+        });
+        utils.clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+        return;
+      }
+      command(item);
+    },
+    [command, editor, navStore, selectedIndex, currentScopeId]
+  );
+  const handleBack = react.useCallback(() => {
+    navStore.navigateBack();
+    utils.clearTextAfterTrigger(editor);
+    setSelectedIndexOverride(null);
+  }, [editor, navStore]);
+  const handleBreadcrumbNavigate = react.useCallback(
+    (targetScopeId) => {
+      const targetIdx = scopeStack.findIndex((entry) => entry.scope === targetScopeId);
+      if (targetIdx >= 0) {
+        const popsNeeded = scopeStack.length - 1 - targetIdx;
+        for (let i = 0; i < popsNeeded; i++) {
+          navStore.navigateBack();
+        }
+        utils.clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+      }
+    },
+    [editor, navStore, scopeStack]
+  );
+  useKeyboardNavigation.useKeyboardNavigation(ref, {
+    items,
+    selectedIndex,
+    onSelect: handleSelect,
+    onBack: currentScopeId !== "root" ? handleBack : void 0,
+    onClose: () => closeMenu(true),
+    setSelectedIndex: (idx) => {
+      setSelectedIndexOverride(idx);
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white border border-gray-300 rounded shadow-lg min-w-[280px] max-w-[380px] max-h-[320px] flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+      menuList.MenuList,
+      {
+        items,
+        selectedIndex,
+        isLoading: isFetching,
+        hasMore,
+        onSelect: handleSelect,
+        onMouseMove: (idx) => {
+          setSelectedIndexOverride(idx);
+        },
+        onLoadMore: loadMore
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      menuSummary.MenuSummary,
+      {
+        scopePath,
+        onNavigate: handleBreadcrumbNavigate,
+        onBackClick: currentScopeId !== "root" ? handleBack : void 0,
+        isFetching
+      }
+    )
+  ] });
+});
+MentionSuggestionList.displayName = "MentionSuggestionList";
+exports.MentionSuggestionList = MentionSuggestionList;
+//# sourceMappingURL=mention-suggestion-list.cjs.map

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-suggestion-list.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-suggestion-list.tsx"],"sourcesContent":["/**\n * MentionSuggestionList — Main mention menu component.\n *\n * Composed of:\n * - Registry + cache backed data (async fetching)\n * - useMenuNavigation for scope stack management\n * - useKeyboardNavigation for keyboard handling\n * - MenuList for item rendering with loading states\n * - MenuSummary for breadcrumbs + back\n */\n\nimport { useStore } from \"@tanstack/react-store\";\nimport type { Editor } from \"@tiptap/core\";\nimport { forwardRef, useCallback, useEffect, useState } from \"react\";\nimport type { MenuItem } from \"../data/types\";\nimport type { MentionSuggestionsStore } from \"../data/use-mention-suggestions\";\nimport { useMenuItems } from \"../data/use-menu-items\";\nimport { getSearchScope } from \"../data/scope-registry\";\nimport { getScopeName } from \"./get-scope-name\";\nimport { MenuList } from \"./menu-list\";\nimport { MenuSummary } from \"./menu-summary\";\nimport { useKeyboardNavigation, type KeyboardNavigationHandle } from \"./use-keyboard-navigation\";\nimport {\n  getCurrentScope,\n  getSelectedIndex,\n  useMenuNavigation,\n} from \"./use-menu-navigation\";\nimport { clearTextAfterTrigger } from \"./utils\";\n\nexport interface MentionSuggestionListProps {\n  store: MentionSuggestionsStore;\n  editor: Editor;\n  query: string;\n  command: (item: MenuItem) => void;\n  closeMenu: (dismissedByUser?: boolean) => void;\n}\n\nexport const MentionSuggestionList = forwardRef<\n  KeyboardNavigationHandle,\n  MentionSuggestionListProps\n>(({ store, editor, query, command, closeMenu }, ref) => {\n  const [selectedIndexOverride, setSelectedIndexOverride] = useState<number | null>(null);\n  const navStore = useMenuNavigation();\n\n  // Get current scope from navigation\n  const currentScopeId = useStore(navStore, (s) => getCurrentScope(s));\n  const navSelectedIndex = useStore(navStore, (s) => getSelectedIndex(s));\n  const selectedIndex = selectedIndexOverride ?? navSelectedIndex;\n  const scopeStack = useStore(navStore, (s) => s.scopeStack);\n\n  let effectiveScopeId = currentScopeId;\n\n  if (query) {\n    try {\n      const searchScope = getSearchScope(store.state.registry, currentScopeId);\n      if (searchScope) {\n        effectiveScopeId = searchScope;\n      }\n    } catch {\n      // No search scope binding — use current\n    }\n  }\n\n  // Get items from the data store (reactive, with async fetching)\n  const { items, isFetching, hasMore, loadMore } = useMenuItems(store, {\n    scope: effectiveScopeId,\n    query,\n    minItems: 50,\n    parentScope: currentScopeId !== effectiveScopeId ? currentScopeId : undefined,\n  });\n\n  // Reset selection on query or scope change\n  useEffect(() => {\n    setSelectedIndexOverride(null);\n  }, [query, effectiveScopeId]);\n\n  // Build scope path for breadcrumbs from the navigation stack\n  const scopePath = scopeStack.map((entry) => ({\n    id: entry.scope,\n    name: entry.breadcrumbLabel ?? getScopeName(entry.scope, store),\n  }));\n\n  // Handle item selection\n  const handleSelect = useCallback(\n    (item: MenuItem) => {\n      if (item.navigatesToScope) {\n        navStore.navigateTo(item.navigatesToScope, selectedIndex, {\n          breadcrumbLabel: item.name,\n          parentScope: currentScopeId,\n        });\n        clearTextAfterTrigger(editor);\n        setSelectedIndexOverride(null);\n        return;\n      }\n      // Insert mention\n      command(item);\n    },\n    [command, editor, navStore, selectedIndex, currentScopeId],\n  );\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    navStore.navigateBack();\n    clearTextAfterTrigger(editor);\n    setSelectedIndexOverride(null);\n  }, [editor, navStore]);\n\n  // Handle breadcrumb navigation\n  const handleBreadcrumbNavigate = useCallback(\n    (targetScopeId: string) => {\n      // Navigate to specific scope in the stack\n      const targetIdx = scopeStack.findIndex((entry) => entry.scope === targetScopeId);\n\n      if (targetIdx >= 0) {\n        // Pop stack down to the target\n        const popsNeeded = scopeStack.length - 1 - targetIdx;\n        for (let i = 0; i < popsNeeded; i++) {\n          navStore.navigateBack();\n        }\n        clearTextAfterTrigger(editor);\n        setSelectedIndexOverride(null);\n      }\n    },\n    [editor, navStore, scopeStack],\n  );\n\n  // Keyboard navigation\n  useKeyboardNavigation(ref, {\n    items,\n    selectedIndex,\n    onSelect: handleSelect,\n    onBack: currentScopeId !== \"root\" ? handleBack : undefined,\n    onClose: () => closeMenu(true),\n    setSelectedIndex: (idx: number) => {\n      setSelectedIndexOverride(idx);\n    },\n  });\n\n  return (\n    <div className=\"bg-white border border-gray-300 rounded shadow-lg min-w-[280px] max-w-[380px] max-h-[320px] flex flex-col\">\n      {/* Scrollable items */}\n      <div className=\"flex-1 overflow-y-auto\">\n        <MenuList\n          items={items}\n          selectedIndex={selectedIndex}\n          isLoading={isFetching}\n          hasMore={hasMore}\n          onSelect={handleSelect}\n          onMouseMove={(idx) => {\n            setSelectedIndexOverride(idx);\n          }}\n          onLoadMore={loadMore}\n        />\n      </div>\n\n      {/* Bottom summary with breadcrumbs + back */}\n      <MenuSummary\n        scopePath={scopePath}\n        onNavigate={handleBreadcrumbNavigate}\n        onBackClick={currentScopeId !== \"root\" ? handleBack : undefined}\n        isFetching={isFetching}\n      />\n    </div>\n  );\n});\n\nMentionSuggestionList.displayName = \"MentionSuggestionList\";\n"],"names":["forwardRef","useState","useMenuNavigation","useStore","getCurrentScope","getSelectedIndex","getSearchScope","useMenuItems","useEffect","getScopeName","useCallback","clearTextAfterTrigger","useKeyboardNavigation","jsxs","jsx","MenuList","MenuSummary"],"mappings":";;;;;;;;;;;;;AAqCO,MAAM,wBAAwBA,MAAAA,WAGnC,CAAC,EAAE,OAAO,QAAQ,OAAO,SAAS,UAAA,GAAa,QAAQ;AACvD,QAAM,CAAC,uBAAuB,wBAAwB,IAAIC,MAAAA,SAAwB,IAAI;AACtF,QAAM,WAAWC,kBAAAA,kBAAA;AAGjB,QAAM,iBAAiBC,WAAAA,SAAS,UAAU,CAAC,MAAMC,kBAAAA,gBAAgB,CAAC,CAAC;AACnE,QAAM,mBAAmBD,WAAAA,SAAS,UAAU,CAAC,MAAME,kBAAAA,iBAAiB,CAAC,CAAC;AACtE,QAAM,gBAAgB,yBAAyB;AAC/C,QAAM,aAAaF,WAAAA,SAAS,UAAU,CAAC,MAAM,EAAE,UAAU;AAEzD,MAAI,mBAAmB;AAEvB,MAAI,OAAO;AACT,QAAI;AACF,YAAM,cAAcG,cAAAA,eAAe,MAAM,MAAM,UAAU,cAAc;AACvE,UAAI,aAAa;AACf,2BAAmB;AAAA,MACrB;AAAA,IACF,QAAQ;AAAA,IAER;AAAA,EACF;AAGA,QAAM,EAAE,OAAO,YAAY,SAAS,SAAA,IAAaC,aAAAA,aAAa,OAAO;AAAA,IACnE,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV,aAAa,mBAAmB,mBAAmB,iBAAiB;AAAA,EAAA,CACrE;AAGDC,QAAAA,UAAU,MAAM;AACd,6BAAyB,IAAI;AAAA,EAC/B,GAAG,CAAC,OAAO,gBAAgB,CAAC;AAG5B,QAAM,YAAY,WAAW,IAAI,CAAC,WAAW;AAAA,IAC3C,IAAI,MAAM;AAAA,IACV,MAAM,MAAM,mBAAmBC,aAAAA,aAAa,MAAM,OAAO,KAAK;AAAA,EAAA,EAC9D;AAGF,QAAM,eAAeC,MAAAA;AAAAA,IACnB,CAAC,SAAmB;AAClB,UAAI,KAAK,kBAAkB;AACzB,iBAAS,WAAW,KAAK,kBAAkB,eAAe;AAAA,UACxD,iBAAiB,KAAK;AAAA,UACtB,aAAa;AAAA,QAAA,CACd;AACDC,cAAAA,sBAAsB,MAAM;AAC5B,iCAAyB,IAAI;AAC7B;AAAA,MACF;AAEA,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,CAAC,SAAS,QAAQ,UAAU,eAAe,cAAc;AAAA,EAAA;AAI3D,QAAM,aAAaD,MAAAA,YAAY,MAAM;AACnC,aAAS,aAAA;AACTC,UAAAA,sBAAsB,MAAM;AAC5B,6BAAyB,IAAI;AAAA,EAC/B,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAGrB,QAAM,2BAA2BD,MAAAA;AAAAA,IAC/B,CAAC,kBAA0B;AAEzB,YAAM,YAAY,WAAW,UAAU,CAAC,UAAU,MAAM,UAAU,aAAa;AAE/E,UAAI,aAAa,GAAG;AAElB,cAAM,aAAa,WAAW,SAAS,IAAI;AAC3C,iBAAS,IAAI,GAAG,IAAI,YAAY,KAAK;AACnC,mBAAS,aAAA;AAAA,QACX;AACAC,cAAAA,sBAAsB,MAAM;AAC5B,iCAAyB,IAAI;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,UAAU,UAAU;AAAA,EAAA;AAI/BC,wBAAAA,sBAAsB,KAAK;AAAA,IACzB;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,mBAAmB,SAAS,aAAa;AAAA,IACjD,SAAS,MAAM,UAAU,IAAI;AAAA,IAC7B,kBAAkB,CAAC,QAAgB;AACjC,+BAAyB,GAAG;AAAA,IAC9B;AAAA,EAAA,CACD;AAED,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,6GAEb,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,0BACb,UAAAA,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,UAAU;AAAA,QACV,aAAa,CAAC,QAAQ;AACpB,mCAAyB,GAAG;AAAA,QAC9B;AAAA,QACA,YAAY;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,IAGAD,2BAAAA;AAAAA,MAACE,YAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,YAAY;AAAA,QACZ,aAAa,mBAAmB,SAAS,aAAa;AAAA,QACtD;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,sBAAsB,cAAc;;"}

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-list.js

@@ -0,0 +1,116 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useStore } from "@tanstack/react-store";
+import { forwardRef, useState, useEffect, useCallback } from "react";
+import { useMenuItems } from "../data/use-menu-items.js";
+import { getSearchScope } from "../data/scope-registry.js";
+import { getScopeName } from "./get-scope-name.js";
+import { MenuList } from "./menu-list.js";
+import { MenuSummary } from "./menu-summary.js";
+import { useKeyboardNavigation } from "./use-keyboard-navigation.js";
+import { useMenuNavigation, getCurrentScope, getSelectedIndex } from "./use-menu-navigation.js";
+import { clearTextAfterTrigger } from "./utils.js";
+const MentionSuggestionList = forwardRef(({ store, editor, query, command, closeMenu }, ref) => {
+  const [selectedIndexOverride, setSelectedIndexOverride] = useState(null);
+  const navStore = useMenuNavigation();
+  const currentScopeId = useStore(navStore, (s) => getCurrentScope(s));
+  const navSelectedIndex = useStore(navStore, (s) => getSelectedIndex(s));
+  const selectedIndex = selectedIndexOverride ?? navSelectedIndex;
+  const scopeStack = useStore(navStore, (s) => s.scopeStack);
+  let effectiveScopeId = currentScopeId;
+  if (query) {
+    try {
+      const searchScope = getSearchScope(store.state.registry, currentScopeId);
+      if (searchScope) {
+        effectiveScopeId = searchScope;
+      }
+    } catch {
+    }
+  }
+  const { items, isFetching, hasMore, loadMore } = useMenuItems(store, {
+    scope: effectiveScopeId,
+    query,
+    minItems: 50,
+    parentScope: currentScopeId !== effectiveScopeId ? currentScopeId : void 0
+  });
+  useEffect(() => {
+    setSelectedIndexOverride(null);
+  }, [query, effectiveScopeId]);
+  const scopePath = scopeStack.map((entry) => ({
+    id: entry.scope,
+    name: entry.breadcrumbLabel ?? getScopeName(entry.scope, store)
+  }));
+  const handleSelect = useCallback(
+    (item) => {
+      if (item.navigatesToScope) {
+        navStore.navigateTo(item.navigatesToScope, selectedIndex, {
+          breadcrumbLabel: item.name,
+          parentScope: currentScopeId
+        });
+        clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+        return;
+      }
+      command(item);
+    },
+    [command, editor, navStore, selectedIndex, currentScopeId]
+  );
+  const handleBack = useCallback(() => {
+    navStore.navigateBack();
+    clearTextAfterTrigger(editor);
+    setSelectedIndexOverride(null);
+  }, [editor, navStore]);
+  const handleBreadcrumbNavigate = useCallback(
+    (targetScopeId) => {
+      const targetIdx = scopeStack.findIndex((entry) => entry.scope === targetScopeId);
+      if (targetIdx >= 0) {
+        const popsNeeded = scopeStack.length - 1 - targetIdx;
+        for (let i = 0; i < popsNeeded; i++) {
+          navStore.navigateBack();
+        }
+        clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+      }
+    },
+    [editor, navStore, scopeStack]
+  );
+  useKeyboardNavigation(ref, {
+    items,
+    selectedIndex,
+    onSelect: handleSelect,
+    onBack: currentScopeId !== "root" ? handleBack : void 0,
+    onClose: () => closeMenu(true),
+    setSelectedIndex: (idx) => {
+      setSelectedIndexOverride(idx);
+    }
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white border border-gray-300 rounded shadow-lg min-w-[280px] max-w-[380px] max-h-[320px] flex flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+      MenuList,
+      {
+        items,
+        selectedIndex,
+        isLoading: isFetching,
+        hasMore,
+        onSelect: handleSelect,
+        onMouseMove: (idx) => {
+          setSelectedIndexOverride(idx);
+        },
+        onLoadMore: loadMore
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      MenuSummary,
+      {
+        scopePath,
+        onNavigate: handleBreadcrumbNavigate,
+        onBackClick: currentScopeId !== "root" ? handleBack : void 0,
+        isFetching
+      }
+    )
+  ] });
+});
+MentionSuggestionList.displayName = "MentionSuggestionList";
+export {
+  MentionSuggestionList
+};
+//# sourceMappingURL=mention-suggestion-list.js.map

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-suggestion-list.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-suggestion-list.tsx"],"sourcesContent":["/**\n * MentionSuggestionList — Main mention menu component.\n *\n * Composed of:\n * - Registry + cache backed data (async fetching)\n * - useMenuNavigation for scope stack management\n * - useKeyboardNavigation for keyboard handling\n * - MenuList for item rendering with loading states\n * - MenuSummary for breadcrumbs + back\n */\n\nimport { useStore } from \"@tanstack/react-store\";\nimport type { Editor } from \"@tiptap/core\";\nimport { forwardRef, useCallback, useEffect, useState } from \"react\";\nimport type { MenuItem } from \"../data/types\";\nimport type { MentionSuggestionsStore } from \"../data/use-mention-suggestions\";\nimport { useMenuItems } from \"../data/use-menu-items\";\nimport { getSearchScope } from \"../data/scope-registry\";\nimport { getScopeName } from \"./get-scope-name\";\nimport { MenuList } from \"./menu-list\";\nimport { MenuSummary } from \"./menu-summary\";\nimport { useKeyboardNavigation, type KeyboardNavigationHandle } from \"./use-keyboard-navigation\";\nimport {\n  getCurrentScope,\n  getSelectedIndex,\n  useMenuNavigation,\n} from \"./use-menu-navigation\";\nimport { clearTextAfterTrigger } from \"./utils\";\n\nexport interface MentionSuggestionListProps {\n  store: MentionSuggestionsStore;\n  editor: Editor;\n  query: string;\n  command: (item: MenuItem) => void;\n  closeMenu: (dismissedByUser?: boolean) => void;\n}\n\nexport const MentionSuggestionList = forwardRef<\n  KeyboardNavigationHandle,\n  MentionSuggestionListProps\n>(({ store, editor, query, command, closeMenu }, ref) => {\n  const [selectedIndexOverride, setSelectedIndexOverride] = useState<number | null>(null);\n  const navStore = useMenuNavigation();\n\n  // Get current scope from navigation\n  const currentScopeId = useStore(navStore, (s) => getCurrentScope(s));\n  const navSelectedIndex = useStore(navStore, (s) => getSelectedIndex(s));\n  const selectedIndex = selectedIndexOverride ?? navSelectedIndex;\n  const scopeStack = useStore(navStore, (s) => s.scopeStack);\n\n  let effectiveScopeId = currentScopeId;\n\n  if (query) {\n    try {\n      const searchScope = getSearchScope(store.state.registry, currentScopeId);\n      if (searchScope) {\n        effectiveScopeId = searchScope;\n      }\n    } catch {\n      // No search scope binding — use current\n    }\n  }\n\n  // Get items from the data store (reactive, with async fetching)\n  const { items, isFetching, hasMore, loadMore } = useMenuItems(store, {\n    scope: effectiveScopeId,\n    query,\n    minItems: 50,\n    parentScope: currentScopeId !== effectiveScopeId ? currentScopeId : undefined,\n  });\n\n  // Reset selection on query or scope change\n  useEffect(() => {\n    setSelectedIndexOverride(null);\n  }, [query, effectiveScopeId]);\n\n  // Build scope path for breadcrumbs from the navigation stack\n  const scopePath = scopeStack.map((entry) => ({\n    id: entry.scope,\n    name: entry.breadcrumbLabel ?? getScopeName(entry.scope, store),\n  }));\n\n  // Handle item selection\n  const handleSelect = useCallback(\n    (item: MenuItem) => {\n      if (item.navigatesToScope) {\n        navStore.navigateTo(item.navigatesToScope, selectedIndex, {\n          breadcrumbLabel: item.name,\n          parentScope: currentScopeId,\n        });\n        clearTextAfterTrigger(editor);\n        setSelectedIndexOverride(null);\n        return;\n      }\n      // Insert mention\n      command(item);\n    },\n    [command, editor, navStore, selectedIndex, currentScopeId],\n  );\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    navStore.navigateBack();\n    clearTextAfterTrigger(editor);\n    setSelectedIndexOverride(null);\n  }, [editor, navStore]);\n\n  // Handle breadcrumb navigation\n  const handleBreadcrumbNavigate = useCallback(\n    (targetScopeId: string) => {\n      // Navigate to specific scope in the stack\n      const targetIdx = scopeStack.findIndex((entry) => entry.scope === targetScopeId);\n\n      if (targetIdx >= 0) {\n        // Pop stack down to the target\n        const popsNeeded = scopeStack.length - 1 - targetIdx;\n        for (let i = 0; i < popsNeeded; i++) {\n          navStore.navigateBack();\n        }\n        clearTextAfterTrigger(editor);\n        setSelectedIndexOverride(null);\n      }\n    },\n    [editor, navStore, scopeStack],\n  );\n\n  // Keyboard navigation\n  useKeyboardNavigation(ref, {\n    items,\n    selectedIndex,\n    onSelect: handleSelect,\n    onBack: currentScopeId !== \"root\" ? handleBack : undefined,\n    onClose: () => closeMenu(true),\n    setSelectedIndex: (idx: number) => {\n      setSelectedIndexOverride(idx);\n    },\n  });\n\n  return (\n    <div className=\"bg-white border border-gray-300 rounded shadow-lg min-w-[280px] max-w-[380px] max-h-[320px] flex flex-col\">\n      {/* Scrollable items */}\n      <div className=\"flex-1 overflow-y-auto\">\n        <MenuList\n          items={items}\n          selectedIndex={selectedIndex}\n          isLoading={isFetching}\n          hasMore={hasMore}\n          onSelect={handleSelect}\n          onMouseMove={(idx) => {\n            setSelectedIndexOverride(idx);\n          }}\n          onLoadMore={loadMore}\n        />\n      </div>\n\n      {/* Bottom summary with breadcrumbs + back */}\n      <MenuSummary\n        scopePath={scopePath}\n        onNavigate={handleBreadcrumbNavigate}\n        onBackClick={currentScopeId !== \"root\" ? handleBack : undefined}\n        isFetching={isFetching}\n      />\n    </div>\n  );\n});\n\nMentionSuggestionList.displayName = \"MentionSuggestionList\";\n"],"names":[],"mappings":"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"}

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-popup.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react$1 = require("react");
+const react = require("@floating-ui/react");
+const MentionSuggestionPopup = ({ clientRect, children }) => {
+  const { refs, floatingStyles } = react.useFloating({
+    placement: "bottom-start",
+    middleware: [react.offset(10), react.flip(), react.shift({ padding: 8 })],
+    whileElementsMounted: react.autoUpdate
+  });
+  react$1.useEffect(() => {
+    if (clientRect) {
+      refs.setPositionReference({
+        getBoundingClientRect: () => clientRect() ?? new DOMRect()
+      });
+    }
+  }, [clientRect, refs]);
+  return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: refs.setFloating,
+      style: floatingStyles,
+      className: "z-[9999]",
+      onMouseDown: (e) => e.preventDefault(),
+      children
+    }
+  ) });
+};
+exports.MentionSuggestionPopup = MentionSuggestionPopup;
+//# sourceMappingURL=mention-suggestion-popup.cjs.map

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-popup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-suggestion-popup.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-suggestion-popup.tsx"],"sourcesContent":["/**\n * Floating popup wrapper for the mention suggestion menu.\n * Uses Floating UI for positioning near the cursor.\n */\n\nimport { type FC, type ReactNode, useEffect } from \"react\";\nimport {\n  useFloating,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n  FloatingPortal,\n} from \"@floating-ui/react\";\n\nexport const MentionSuggestionPopup: FC<{\n  clientRect: (() => DOMRect | null) | null;\n  children: ReactNode;\n}> = ({ clientRect, children }) => {\n  const { refs, floatingStyles } = useFloating({\n    placement: \"bottom-start\",\n    middleware: [offset(10), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Use setPositionReference for virtual elements (cursor position)\n  // instead of elements.reference which requires a real DOM element\n  useEffect(() => {\n    if (clientRect) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => clientRect() ?? new DOMRect(),\n      });\n    }\n  }, [clientRect, refs]);\n\n  return (\n    <FloatingPortal>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className=\"z-[9999]\"\n        onMouseDown={(e) => e.preventDefault()} // Prevent focus loss on click\n      >\n        {children}\n      </div>\n    </FloatingPortal>\n  );\n};\n"],"names":["useFloating","offset","flip","shift","autoUpdate","useEffect","FloatingPortal","jsx"],"mappings":";;;;;AAeO,MAAM,yBAGR,CAAC,EAAE,YAAY,eAAe;AACjC,QAAM,EAAE,MAAM,eAAA,IAAmBA,kBAAY;AAAA,IAC3C,WAAW;AAAA,IACX,YAAY,CAACC,aAAO,EAAE,GAAGC,MAAAA,QAAQC,MAAAA,MAAM,EAAE,SAAS,EAAA,CAAG,CAAC;AAAA,IACtD,sBAAsBC,MAAAA;AAAAA,EAAA,CACvB;AAIDC,UAAAA,UAAU,MAAM;AACd,QAAI,YAAY;AACd,WAAK,qBAAqB;AAAA,QACxB,uBAAuB,MAAM,WAAA,KAAgB,IAAI,QAAA;AAAA,MAAQ,CAC1D;AAAA,IACH;AAAA,EACF,GAAG,CAAC,YAAY,IAAI,CAAC;AAErB,wCACGC,MAAAA,gBAAA,EACC,UAAAC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,OAAO;AAAA,MACP,WAAU;AAAA,MACV,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,MAErB;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;;"}

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-popup.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useFloating, autoUpdate, offset, flip, shift, FloatingPortal } from "@floating-ui/react";
+const MentionSuggestionPopup = ({ clientRect, children }) => {
+  const { refs, floatingStyles } = useFloating({
+    placement: "bottom-start",
+    middleware: [offset(10), flip(), shift({ padding: 8 })],
+    whileElementsMounted: autoUpdate
+  });
+  useEffect(() => {
+    if (clientRect) {
+      refs.setPositionReference({
+        getBoundingClientRect: () => clientRect() ?? new DOMRect()
+      });
+    }
+  }, [clientRect, refs]);
+  return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: refs.setFloating,
+      style: floatingStyles,
+      className: "z-[9999]",
+      onMouseDown: (e) => e.preventDefault(),
+      children
+    }
+  ) });
+};
+export {
+  MentionSuggestionPopup
+};
+//# sourceMappingURL=mention-suggestion-popup.js.map

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-suggestion-popup.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-suggestion-popup.tsx"],"sourcesContent":["/**\n * Floating popup wrapper for the mention suggestion menu.\n * Uses Floating UI for positioning near the cursor.\n */\n\nimport { type FC, type ReactNode, useEffect } from \"react\";\nimport {\n  useFloating,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n  FloatingPortal,\n} from \"@floating-ui/react\";\n\nexport const MentionSuggestionPopup: FC<{\n  clientRect: (() => DOMRect | null) | null;\n  children: ReactNode;\n}> = ({ clientRect, children }) => {\n  const { refs, floatingStyles } = useFloating({\n    placement: \"bottom-start\",\n    middleware: [offset(10), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Use setPositionReference for virtual elements (cursor position)\n  // instead of elements.reference which requires a real DOM element\n  useEffect(() => {\n    if (clientRect) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => clientRect() ?? new DOMRect(),\n      });\n    }\n  }, [clientRect, refs]);\n\n  return (\n    <FloatingPortal>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className=\"z-[9999]\"\n        onMouseDown={(e) => e.preventDefault()} // Prevent focus loss on click\n      >\n        {children}\n      </div>\n    </FloatingPortal>\n  );\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,yBAGR,CAAC,EAAE,YAAY,eAAe;AACjC,QAAM,EAAE,MAAM,eAAA,IAAmB,YAAY;AAAA,IAC3C,WAAW;AAAA,IACX,YAAY,CAAC,OAAO,EAAE,GAAG,QAAQ,MAAM,EAAE,SAAS,EAAA,CAAG,CAAC;AAAA,IACtD,sBAAsB;AAAA,EAAA,CACvB;AAID,YAAU,MAAM;AACd,QAAI,YAAY;AACd,WAAK,qBAAqB;AAAA,QACxB,uBAAuB,MAAM,WAAA,KAAgB,IAAI,QAAA;AAAA,MAAQ,CAC1D;AAAA,IACH;AAAA,EACF,GAAG,CAAC,YAAY,IAAI,CAAC;AAErB,6BACG,gBAAA,EACC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,OAAO;AAAA,MACP,WAAU;AAAA,MACV,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,MAErB;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/chat-ui/mentions/suggestions/components/menu-breadcrumbs.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+function MenuBreadcrumbs({
+  scopePath,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 text-xs text-gray-600 min-w-0", children: scopePath.map((item, index) => {
+    const isLast = index === scopePath.length - 1;
+    const isClickable = !isLast;
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 min-w-0", children: [
+      isClickable ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onNavigate(item.id),
+          className: "truncate hover:underline cursor-pointer transition-all hover:text-gray-800",
+          title: `Go to ${item.name}`,
+          children: item.name
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium text-gray-800", children: item.name }),
+      !isLast && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 flex-shrink-0", children: "→" })
+    ] }, item.id);
+  }) });
+}
+exports.MenuBreadcrumbs = MenuBreadcrumbs;
+//# sourceMappingURL=menu-breadcrumbs.cjs.map

package/dist/chat-ui/mentions/suggestions/components/menu-breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-breadcrumbs.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-breadcrumbs.tsx"],"sourcesContent":["/**\n * Breadcrumb navigation for the mention menu.\n */\n\nexport function MenuBreadcrumbs({\n  scopePath,\n  onNavigate,\n}: {\n  scopePath: { id: string; name: string }[];\n  onNavigate: (scopeId: string) => void;\n}) {\n  return (\n    <div className=\"flex items-center gap-1 text-xs text-gray-600 min-w-0\">\n      {scopePath.map((item, index) => {\n        const isLast = index === scopePath.length - 1;\n        const isClickable = !isLast;\n\n        return (\n          <span key={item.id} className=\"flex items-center gap-1 min-w-0\">\n            {isClickable ? (\n              <button\n                type=\"button\"\n                onClick={() => onNavigate(item.id)}\n                className=\"truncate hover:underline cursor-pointer transition-all hover:text-gray-800\"\n                title={`Go to ${item.name}`}\n              >\n                {item.name}\n              </button>\n            ) : (\n              <span className=\"truncate font-medium text-gray-800\">\n                {item.name}\n              </span>\n            )}\n            {!isLast && <span className=\"text-gray-400 flex-shrink-0\">→</span>}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;AAIO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,SACEA,+BAAC,SAAI,WAAU,yDACZ,oBAAU,IAAI,CAAC,MAAM,UAAU;AAC9B,UAAM,SAAS,UAAU,UAAU,SAAS;AAC5C,UAAM,cAAc,CAAC;AAErB,WACEC,2BAAAA,KAAC,QAAA,EAAmB,WAAU,mCAC3B,UAAA;AAAA,MAAA,cACCD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,WAAW,KAAK,EAAE;AAAA,UACjC,WAAU;AAAA,UACV,OAAO,SAAS,KAAK,IAAI;AAAA,UAExB,UAAA,KAAK;AAAA,QAAA;AAAA,MAAA,IAGRA,2BAAAA,IAAC,QAAA,EAAK,WAAU,sCACb,eAAK,MACR;AAAA,MAED,CAAC,UAAUA,2BAAAA,IAAC,QAAA,EAAK,WAAU,+BAA8B,UAAA,IAAA,CAAC;AAAA,IAAA,EAAA,GAflD,KAAK,EAgBhB;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;;"}

package/dist/chat-ui/mentions/suggestions/components/menu-breadcrumbs.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function MenuBreadcrumbs({
+  scopePath,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 text-xs text-gray-600 min-w-0", children: scopePath.map((item, index) => {
+    const isLast = index === scopePath.length - 1;
+    const isClickable = !isLast;
+    return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 min-w-0", children: [
+      isClickable ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onNavigate(item.id),
+          className: "truncate hover:underline cursor-pointer transition-all hover:text-gray-800",
+          title: `Go to ${item.name}`,
+          children: item.name
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-gray-800", children: item.name }),
+      !isLast && /* @__PURE__ */ jsx("span", { className: "text-gray-400 flex-shrink-0", children: "→" })
+    ] }, item.id);
+  }) });
+}
+export {
+  MenuBreadcrumbs
+};
+//# sourceMappingURL=menu-breadcrumbs.js.map

package/dist/chat-ui/mentions/suggestions/components/menu-breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-breadcrumbs.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-breadcrumbs.tsx"],"sourcesContent":["/**\n * Breadcrumb navigation for the mention menu.\n */\n\nexport function MenuBreadcrumbs({\n  scopePath,\n  onNavigate,\n}: {\n  scopePath: { id: string; name: string }[];\n  onNavigate: (scopeId: string) => void;\n}) {\n  return (\n    <div className=\"flex items-center gap-1 text-xs text-gray-600 min-w-0\">\n      {scopePath.map((item, index) => {\n        const isLast = index === scopePath.length - 1;\n        const isClickable = !isLast;\n\n        return (\n          <span key={item.id} className=\"flex items-center gap-1 min-w-0\">\n            {isClickable ? (\n              <button\n                type=\"button\"\n                onClick={() => onNavigate(item.id)}\n                className=\"truncate hover:underline cursor-pointer transition-all hover:text-gray-800\"\n                title={`Go to ${item.name}`}\n              >\n                {item.name}\n              </button>\n            ) : (\n              <span className=\"truncate font-medium text-gray-800\">\n                {item.name}\n              </span>\n            )}\n            {!isLast && <span className=\"text-gray-400 flex-shrink-0\">→</span>}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":";AAIO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,SACE,oBAAC,SAAI,WAAU,yDACZ,oBAAU,IAAI,CAAC,MAAM,UAAU;AAC9B,UAAM,SAAS,UAAU,UAAU,SAAS;AAC5C,UAAM,cAAc,CAAC;AAErB,WACE,qBAAC,QAAA,EAAmB,WAAU,mCAC3B,UAAA;AAAA,MAAA,cACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,WAAW,KAAK,EAAE;AAAA,UACjC,WAAU;AAAA,UACV,OAAO,SAAS,KAAK,IAAI;AAAA,UAExB,UAAA,KAAK;AAAA,QAAA;AAAA,MAAA,IAGR,oBAAC,QAAA,EAAK,WAAU,sCACb,eAAK,MACR;AAAA,MAED,CAAC,UAAU,oBAAC,QAAA,EAAK,WAAU,+BAA8B,UAAA,IAAA,CAAC;AAAA,IAAA,EAAA,GAflD,KAAK,EAgBhB;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}

package/dist/chat-ui/mentions/suggestions/components/menu-item.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const types = require("../data/types.cjs");
+const mentionIcon = require("./mention-icon.cjs");
+const cnfast = require("cnfast");
+function MenuItemRow({
+  item,
+  isSelected,
+  onMouseMove,
+  onClick,
+  showArrow
+}) {
+  var _a, _b, _c, _d;
+  const hasTwoLines = item.type === "tool" && item.description || item.type === "user" && item.email || item.type === "workspace_item" && item.description || item.type === "tab" && item.description;
+  const nameContent = item.type === "tab" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", title: item.name, children: item.name }) : item.name;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: -1,
+      onClick,
+      onMouseMove,
+      className: cnfast.cn(
+        "mention-item flex items-center justify-between gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors",
+        item.menuSection === types.MentionMenuSection.CURRENT_WEBPAGE && !isSelected && "bg-sky-50/70",
+        isSelected && "bg-gray-100 is-selected"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cnfast.cn(
+              "flex items-center flex-shrink-0",
+              hasTwoLines && "self-start mt-0.5"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              mentionIcon.MentionIcon,
+              {
+                fallbackIcon: item.fallbackIcon,
+                thumbnailUrl: item.thumbnailUrl,
+                alt: item.name
+              }
+            )
+          }
+        ),
+        hasTwoLines ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col gap-0 min-w-0 -mt-0.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm leading-tight flex items-center gap-1.5", children: [
+            nameContent,
+            ((_a = item.extra) == null ? void 0 : _a.isAdminOnly) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0" }),
+            ((_b = item.extra) == null ? void 0 : _b.isExperimental) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700", children: "Experimental" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500 leading-tight mt-0.5 truncate", children: item.type === "user" ? item.email : item.description })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1 text-sm truncate min-w-0 flex items-center gap-1.5", children: [
+          nameContent,
+          ((_c = item.extra) == null ? void 0 : _c.isAdminOnly) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0" }),
+          ((_d = item.extra) == null ? void 0 : _d.isExperimental) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700", children: "Experimental" })
+        ] }),
+        showArrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 text-sm px-1 rounded transition-all cursor-pointer hover:text-gray-600 hover:bg-gray-200", children: "→" }) })
+      ]
+    }
+  );
+}
+exports.MenuItemRow = MenuItemRow;
+//# sourceMappingURL=menu-item.cjs.map

package/dist/chat-ui/mentions/suggestions/components/menu-item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-item.tsx"],"sourcesContent":["/**\n * Individual menu item in the mention popup.\n * Supports: tools (with description), users (with email), assets, categories.\n */\n\nimport type { MenuItem } from \"../data/types\";\nimport { MentionMenuSection } from \"../data/types\";\nimport { MentionIcon } from \"./mention-icon\";\nimport { cn } from \"../../../../lib/utils\";\n\nexport function MenuItemRow({\n  item,\n  isSelected,\n  onMouseMove,\n  onClick,\n  showArrow,\n}: {\n  item: MenuItem;\n  isSelected: boolean;\n  onMouseMove: () => void;\n  onClick: () => void;\n  showArrow?: boolean;\n}) {\n  const hasTwoLines =\n    (item.type === \"tool\" && item.description) ||\n    (item.type === \"user\" && item.email) ||\n    (item.type === \"workspace_item\" && item.description) ||\n    (item.type === \"tab\" && item.description);\n  const nameContent = item.type === \"tab\" ? (\n    <span className=\"min-w-0 truncate\" title={item.name}>\n      {item.name}\n    </span>\n  ) : (\n    item.name\n  );\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={-1}\n      onClick={onClick}\n      // Opening or scrolling the popup can place a row under a stationary\n      // cursor. Only mouse movement should override the keyboard selection.\n      onMouseMove={onMouseMove}\n      className={cn(\n        \"mention-item flex items-center justify-between gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors\",\n        item.menuSection === MentionMenuSection.CURRENT_WEBPAGE &&\n          !isSelected &&\n          \"bg-sky-50/70\",\n        isSelected && \"bg-gray-100 is-selected\",\n      )}\n    >\n      {/* Icon */}\n      <span\n        className={cn(\n          \"flex items-center flex-shrink-0\",\n          hasTwoLines && \"self-start mt-0.5\",\n        )}\n      >\n        <MentionIcon\n          fallbackIcon={item.fallbackIcon}\n          thumbnailUrl={item.thumbnailUrl}\n          alt={item.name}\n        />\n      </span>\n\n      {/* Content */}\n      {hasTwoLines ? (\n        <div className=\"flex-1 flex flex-col gap-0 min-w-0 -mt-0.5\">\n          <span className=\"text-sm leading-tight flex items-center gap-1.5\">\n            {nameContent}\n            {item.extra?.isAdminOnly && (\n              <span className=\"w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0\" />\n            )}\n            {item.extra?.isExperimental && (\n              <span className=\"rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700\">\n                Experimental\n              </span>\n            )}\n          </span>\n          <span className=\"text-xs text-gray-500 leading-tight mt-0.5 truncate\">\n            {item.type === \"user\" ? item.email : item.description}\n          </span>\n        </div>\n      ) : (\n        <span className=\"flex-1 text-sm truncate min-w-0 flex items-center gap-1.5\">\n          {nameContent}\n          {item.extra?.isAdminOnly && (\n            <span className=\"w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0\" />\n          )}\n          {item.extra?.isExperimental && (\n            <span className=\"rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700\">\n              Experimental\n            </span>\n          )}\n        </span>\n      )}\n\n      {/* Navigation arrow */}\n      {showArrow && (\n        <div className=\"flex items-center gap-1 flex-shrink-0\">\n          <span className=\"text-gray-400 text-sm px-1 rounded transition-all cursor-pointer hover:text-gray-600 hover:bg-gray-200\">\n            →\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["jsxs","cn","MentionMenuSection","jsx","MentionIcon"],"mappings":";;;;;;AAUO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;;AACD,QAAM,cACH,KAAK,SAAS,UAAU,KAAK,eAC7B,KAAK,SAAS,UAAU,KAAK,SAC7B,KAAK,SAAS,oBAAoB,KAAK,eACvC,KAAK,SAAS,SAAS,KAAK;AAC/B,QAAM,cAAc,KAAK,SAAS,uCAC/B,QAAA,EAAK,WAAU,oBAAmB,OAAO,KAAK,MAC5C,UAAA,KAAK,KAAA,CACR,IAEA,KAAK;AAGP,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MAGA;AAAA,MACA,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA,KAAK,gBAAgBC,MAAAA,mBAAmB,mBACtC,CAAC,cACD;AAAA,QACF,cAAc;AAAA,MAAA;AAAA,MAIhB,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,OAAAA;AAAAA,cACT;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,YAGjB,UAAAE,2BAAAA;AAAAA,cAACC,YAAAA;AAAAA,cAAA;AAAA,gBACC,cAAc,KAAK;AAAA,gBACnB,cAAc,KAAK;AAAA,gBACnB,KAAK,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAID,cACCJ,2BAAAA,KAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,UAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,mDACb,UAAA;AAAA,YAAA;AAAA,cACA,UAAK,UAAL,mBAAY,gBACXG,2BAAAA,IAAC,QAAA,EAAK,WAAU,wDAAuD;AAAA,cAExE,UAAK,UAAL,mBAAY,kDACV,QAAA,EAAK,WAAU,8EAA6E,UAAA,eAAA,CAE7F;AAAA,UAAA,GAEJ;AAAA,UACAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,uDACb,UAAA,KAAK,SAAS,SAAS,KAAK,QAAQ,KAAK,YAAA,CAC5C;AAAA,QAAA,EAAA,CACF,IAEAH,2BAAAA,KAAC,QAAA,EAAK,WAAU,6DACb,UAAA;AAAA,UAAA;AAAA,YACA,UAAK,UAAL,mBAAY,gBACXG,2BAAAA,IAAC,QAAA,EAAK,WAAU,wDAAuD;AAAA,YAExE,UAAK,UAAL,mBAAY,kDACV,QAAA,EAAK,WAAU,8EAA6E,UAAA,eAAA,CAE7F;AAAA,QAAA,GAEJ;AAAA,QAID,aACCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,yCACb,yCAAC,QAAA,EAAK,WAAU,0GAAyG,UAAA,IAAA,CAEzH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

package/dist/chat-ui/mentions/suggestions/components/menu-item.d.ts

@@ -3,10 +3,10 @@
  * Supports: tools (with description), users (with email), assets, categories.
  */
 import type { MenuItem } from "../data/types";
-export declare function MenuItemRow({ item, isSelected, onMouseEnter, onClick, showArrow, }: {
+export declare function MenuItemRow({ item, isSelected, onMouseMove, onClick, showArrow, }: {
     item: MenuItem;
     isSelected: boolean;
-    onMouseEnter: () => void;
+    onMouseMove: () => void;
     onClick: () => void;
     showArrow?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/chat-ui/mentions/suggestions/components/menu-item.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MentionMenuSection } from "../data/types.js";
+import { MentionIcon } from "./mention-icon.js";
+import { cn } from "cnfast";
+function MenuItemRow({
+  item,
+  isSelected,
+  onMouseMove,
+  onClick,
+  showArrow
+}) {
+  var _a, _b, _c, _d;
+  const hasTwoLines = item.type === "tool" && item.description || item.type === "user" && item.email || item.type === "workspace_item" && item.description || item.type === "tab" && item.description;
+  const nameContent = item.type === "tab" ? /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", title: item.name, children: item.name }) : item.name;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: -1,
+      onClick,
+      onMouseMove,
+      className: cn(
+        "mention-item flex items-center justify-between gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors",
+        item.menuSection === MentionMenuSection.CURRENT_WEBPAGE && !isSelected && "bg-sky-50/70",
+        isSelected && "bg-gray-100 is-selected"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "flex items-center flex-shrink-0",
+              hasTwoLines && "self-start mt-0.5"
+            ),
+            children: /* @__PURE__ */ jsx(
+              MentionIcon,
+              {
+                fallbackIcon: item.fallbackIcon,
+                thumbnailUrl: item.thumbnailUrl,
+                alt: item.name
+              }
+            )
+          }
+        ),
+        hasTwoLines ? /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-0 min-w-0 -mt-0.5", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-sm leading-tight flex items-center gap-1.5", children: [
+            nameContent,
+            ((_a = item.extra) == null ? void 0 : _a.isAdminOnly) && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0" }),
+            ((_b = item.extra) == null ? void 0 : _b.isExperimental) && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700", children: "Experimental" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 leading-tight mt-0.5 truncate", children: item.type === "user" ? item.email : item.description })
+        ] }) : /* @__PURE__ */ jsxs("span", { className: "flex-1 text-sm truncate min-w-0 flex items-center gap-1.5", children: [
+          nameContent,
+          ((_c = item.extra) == null ? void 0 : _c.isAdminOnly) && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0" }),
+          ((_d = item.extra) == null ? void 0 : _d.isExperimental) && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700", children: "Experimental" })
+        ] }),
+        showArrow && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 flex-shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-gray-400 text-sm px-1 rounded transition-all cursor-pointer hover:text-gray-600 hover:bg-gray-200", children: "→" }) })
+      ]
+    }
+  );
+}
+export {
+  MenuItemRow
+};
+//# sourceMappingURL=menu-item.js.map

package/dist/chat-ui/mentions/suggestions/components/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-item.tsx"],"sourcesContent":["/**\n * Individual menu item in the mention popup.\n * Supports: tools (with description), users (with email), assets, categories.\n */\n\nimport type { MenuItem } from \"../data/types\";\nimport { MentionMenuSection } from \"../data/types\";\nimport { MentionIcon } from \"./mention-icon\";\nimport { cn } from \"../../../../lib/utils\";\n\nexport function MenuItemRow({\n  item,\n  isSelected,\n  onMouseMove,\n  onClick,\n  showArrow,\n}: {\n  item: MenuItem;\n  isSelected: boolean;\n  onMouseMove: () => void;\n  onClick: () => void;\n  showArrow?: boolean;\n}) {\n  const hasTwoLines =\n    (item.type === \"tool\" && item.description) ||\n    (item.type === \"user\" && item.email) ||\n    (item.type === \"workspace_item\" && item.description) ||\n    (item.type === \"tab\" && item.description);\n  const nameContent = item.type === \"tab\" ? (\n    <span className=\"min-w-0 truncate\" title={item.name}>\n      {item.name}\n    </span>\n  ) : (\n    item.name\n  );\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={-1}\n      onClick={onClick}\n      // Opening or scrolling the popup can place a row under a stationary\n      // cursor. Only mouse movement should override the keyboard selection.\n      onMouseMove={onMouseMove}\n      className={cn(\n        \"mention-item flex items-center justify-between gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors\",\n        item.menuSection === MentionMenuSection.CURRENT_WEBPAGE &&\n          !isSelected &&\n          \"bg-sky-50/70\",\n        isSelected && \"bg-gray-100 is-selected\",\n      )}\n    >\n      {/* Icon */}\n      <span\n        className={cn(\n          \"flex items-center flex-shrink-0\",\n          hasTwoLines && \"self-start mt-0.5\",\n        )}\n      >\n        <MentionIcon\n          fallbackIcon={item.fallbackIcon}\n          thumbnailUrl={item.thumbnailUrl}\n          alt={item.name}\n        />\n      </span>\n\n      {/* Content */}\n      {hasTwoLines ? (\n        <div className=\"flex-1 flex flex-col gap-0 min-w-0 -mt-0.5\">\n          <span className=\"text-sm leading-tight flex items-center gap-1.5\">\n            {nameContent}\n            {item.extra?.isAdminOnly && (\n              <span className=\"w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0\" />\n            )}\n            {item.extra?.isExperimental && (\n              <span className=\"rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700\">\n                Experimental\n              </span>\n            )}\n          </span>\n          <span className=\"text-xs text-gray-500 leading-tight mt-0.5 truncate\">\n            {item.type === \"user\" ? item.email : item.description}\n          </span>\n        </div>\n      ) : (\n        <span className=\"flex-1 text-sm truncate min-w-0 flex items-center gap-1.5\">\n          {nameContent}\n          {item.extra?.isAdminOnly && (\n            <span className=\"w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0\" />\n          )}\n          {item.extra?.isExperimental && (\n            <span className=\"rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700\">\n              Experimental\n            </span>\n          )}\n        </span>\n      )}\n\n      {/* Navigation arrow */}\n      {showArrow && (\n        <div className=\"flex items-center gap-1 flex-shrink-0\">\n          <span className=\"text-gray-400 text-sm px-1 rounded transition-all cursor-pointer hover:text-gray-600 hover:bg-gray-200\">\n            →\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;;AACD,QAAM,cACH,KAAK,SAAS,UAAU,KAAK,eAC7B,KAAK,SAAS,UAAU,KAAK,SAC7B,KAAK,SAAS,oBAAoB,KAAK,eACvC,KAAK,SAAS,SAAS,KAAK;AAC/B,QAAM,cAAc,KAAK,SAAS,4BAC/B,QAAA,EAAK,WAAU,oBAAmB,OAAO,KAAK,MAC5C,UAAA,KAAK,KAAA,CACR,IAEA,KAAK;AAGP,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MAGA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,KAAK,gBAAgB,mBAAmB,mBACtC,CAAC,cACD;AAAA,QACF,cAAc;AAAA,MAAA;AAAA,MAIhB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,YAGjB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,cAAc,KAAK;AAAA,gBACnB,cAAc,KAAK;AAAA,gBACnB,KAAK,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAID,cACC,qBAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAK,WAAU,mDACb,UAAA;AAAA,YAAA;AAAA,cACA,UAAK,UAAL,mBAAY,gBACX,oBAAC,QAAA,EAAK,WAAU,wDAAuD;AAAA,cAExE,UAAK,UAAL,mBAAY,uCACV,QAAA,EAAK,WAAU,8EAA6E,UAAA,eAAA,CAE7F;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,QAAA,EAAK,WAAU,uDACb,UAAA,KAAK,SAAS,SAAS,KAAK,QAAQ,KAAK,YAAA,CAC5C;AAAA,QAAA,EAAA,CACF,IAEA,qBAAC,QAAA,EAAK,WAAU,6DACb,UAAA;AAAA,UAAA;AAAA,YACA,UAAK,UAAL,mBAAY,gBACX,oBAAC,QAAA,EAAK,WAAU,wDAAuD;AAAA,YAExE,UAAK,UAAL,mBAAY,uCACV,QAAA,EAAK,WAAU,8EAA6E,UAAA,eAAA,CAE7F;AAAA,QAAA,GAEJ;AAAA,QAID,aACC,oBAAC,OAAA,EAAI,WAAU,yCACb,8BAAC,QAAA,EAAK,WAAU,0GAAyG,UAAA,IAAA,CAEzH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}