@athenaintel/react 0.19.0 → 0.20.0

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,62 @@
+"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,
+  onMouseEnter,
+  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;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: -1,
+      onClick,
+      onMouseEnter,
+      className: cnfast.cn(
+        "mention-item flex items-center justify-between gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors",
+        "hover:bg-gray-100",
+        item.menuSection === types.MentionMenuSection.CURRENT_WEBPAGE && !isSelected && "bg-sky-50/70",
+        isSelected && "bg-gray-100 is-selected"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `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: [
+            item.name,
+            ((_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: [
+          item.name,
+          ((_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  onMouseEnter,\n  onClick,\n  showArrow,\n}: {\n  item: MenuItem;\n  isSelected: boolean;\n  onMouseEnter: () => 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\n  return (\n    <div\n      role=\"button\"\n      tabIndex={-1}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      className={cn(\n        \"mention-item flex items-center justify-between gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors\",\n        \"hover:bg-gray-100\",\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={`flex items-center flex-shrink-0 ${hasTwoLines ? \"self-start mt-0.5\" : \"\"}`}\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            {item.name}\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          {item.name}\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;AAE/B,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;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,WAAW,mCAAmC,cAAc,sBAAsB,EAAE;AAAA,YAEpF,UAAAA,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,KAAK;AAAA,cACL,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,KAAK;AAAA,YACL,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.js

@@ -0,0 +1,62 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { MentionMenuSection } from "../data/types.js";
+import { MentionIcon } from "./mention-icon.js";
+import { cn } from "cnfast";
+function MenuItemRow({
+  item,
+  isSelected,
+  onMouseEnter,
+  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;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: -1,
+      onClick,
+      onMouseEnter,
+      className: cn(
+        "mention-item flex items-center justify-between gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors",
+        "hover:bg-gray-100",
+        item.menuSection === MentionMenuSection.CURRENT_WEBPAGE && !isSelected && "bg-sky-50/70",
+        isSelected && "bg-gray-100 is-selected"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `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: [
+            item.name,
+            ((_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: [
+          item.name,
+          ((_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  onMouseEnter,\n  onClick,\n  showArrow,\n}: {\n  item: MenuItem;\n  isSelected: boolean;\n  onMouseEnter: () => 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\n  return (\n    <div\n      role=\"button\"\n      tabIndex={-1}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      className={cn(\n        \"mention-item flex items-center justify-between gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors\",\n        \"hover:bg-gray-100\",\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={`flex items-center flex-shrink-0 ${hasTwoLines ? \"self-start mt-0.5\" : \"\"}`}\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            {item.name}\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          {item.name}\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;AAE/B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;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,mCAAmC,cAAc,sBAAsB,EAAE;AAAA,YAEpF,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,KAAK;AAAA,cACL,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,KAAK;AAAA,YACL,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;"}

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const types = require("../data/types.cjs");
+const menuItem = require("./menu-item.cjs");
+const menuSkeleton = require("./menu-skeleton.cjs");
+function MenuList({
+  items,
+  selectedIndex,
+  isLoading,
+  hasMore,
+  onSelect,
+  onMouseEnter,
+  onLoadMore
+}) {
+  const selectedRef = react.useRef(null);
+  react.useEffect(() => {
+    var _a;
+    (_a = selectedRef.current) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+  }, [selectedIndex]);
+  if (isLoading && items.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(menuSkeleton.MenuSkeleton, {});
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-2 py-9 text-center text-sm text-gray-500", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1", children: "No results found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-400", children: "Try a different search or go back" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-1 py-1", children: [
+    items.map((item, index) => {
+      var _a;
+      const previousSection = (_a = items[index - 1]) == null ? void 0 : _a.menuSection;
+      const startsOtherWebpages = item.menuSection === types.MentionMenuSection.OTHER_WEBPAGES && previousSection !== types.MentionMenuSection.OTHER_WEBPAGES;
+      const startsLibrary = item.menuSection === types.MentionMenuSection.LIBRARY && (previousSection === types.MentionMenuSection.CURRENT_WEBPAGE || previousSection === types.MentionMenuSection.OTHER_WEBPAGES);
+      return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+        startsOtherWebpages && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 pb-1 pt-2 text-[11px] font-medium uppercase tracking-wide text-gray-400", children: "Other webpages in this group" }),
+        startsLibrary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-2 my-1 border-t border-gray-100" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: index === selectedIndex ? selectedRef : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+          menuItem.MenuItemRow,
+          {
+            item,
+            isSelected: index === selectedIndex,
+            onMouseEnter: () => onMouseEnter(index),
+            onClick: () => onSelect(item),
+            showArrow: !!item.navigatesToScope
+          }
+        ) })
+      ] }, item.id);
+    }),
+    isLoading && items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-2 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400", children: "Loading more..." }) }),
+    hasMore && !isLoading && onLoadMore && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onLoadMore,
+        className: "w-full px-2 py-1.5 text-xs text-gray-500 hover:text-gray-700 hover:bg-gray-50 rounded transition-colors text-center",
+        children: "··· Load more"
+      }
+    )
+  ] });
+}
+exports.MenuList = MenuList;
+//# sourceMappingURL=menu-list.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-list.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-list.tsx"],"sourcesContent":["/**\n * Scrollable list of menu items with loading and empty states.\n */\n\nimport { Fragment, useEffect, useRef } from \"react\";\nimport { MentionMenuSection, type MenuItem } from \"../data/types\";\nimport { MenuItemRow } from \"./menu-item\";\nimport { MenuSkeleton } from \"./menu-skeleton\";\n\nexport function MenuList({\n  items,\n  selectedIndex,\n  isLoading,\n  hasMore,\n  onSelect,\n  onMouseEnter,\n  onLoadMore,\n}: {\n  items: MenuItem[];\n  selectedIndex: number;\n  isLoading?: boolean;\n  hasMore?: boolean;\n  onSelect: (item: MenuItem) => void;\n  onMouseEnter: (index: number) => void;\n  onLoadMore?: () => void;\n}) {\n  const selectedRef = useRef<HTMLDivElement>(null);\n\n  // Auto-scroll selected item into view\n  useEffect(() => {\n    selectedRef.current?.scrollIntoView({ block: \"nearest\" });\n  }, [selectedIndex]);\n\n  if (isLoading && items.length === 0) return <MenuSkeleton />;\n\n  if (items.length === 0) {\n    return (\n      <div className=\"px-1 py-1\">\n        <div className=\"px-2 py-9 text-center text-sm text-gray-500\">\n          <div className=\"mb-1\">No results found</div>\n          <div className=\"text-xs text-gray-400\">Try a different search or go back</div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"px-1 py-1\">\n      {items.map((item, index) => {\n        const previousSection = items[index - 1]?.menuSection;\n        const startsOtherWebpages =\n          item.menuSection === MentionMenuSection.OTHER_WEBPAGES &&\n          previousSection !== MentionMenuSection.OTHER_WEBPAGES;\n        const startsLibrary =\n          item.menuSection === MentionMenuSection.LIBRARY &&\n          (previousSection === MentionMenuSection.CURRENT_WEBPAGE ||\n            previousSection === MentionMenuSection.OTHER_WEBPAGES);\n\n        return (\n          <Fragment key={item.id}>\n            {startsOtherWebpages && (\n              <div className=\"px-2 pb-1 pt-2 text-[11px] font-medium uppercase tracking-wide text-gray-400\">\n                Other webpages in this group\n              </div>\n            )}\n            {startsLibrary && <div className=\"mx-2 my-1 border-t border-gray-100\" />}\n            <div ref={index === selectedIndex ? selectedRef : undefined}>\n              <MenuItemRow\n                item={item}\n                isSelected={index === selectedIndex}\n                onMouseEnter={() => onMouseEnter(index)}\n                onClick={() => onSelect(item)}\n                showArrow={!!item.navigatesToScope}\n              />\n            </div>\n          </Fragment>\n        );\n      })}\n\n      {/* Loading more indicator */}\n      {isLoading && items.length > 0 && (\n        <div className=\"px-2 py-2 text-center\">\n          <span className=\"text-xs text-gray-400\">Loading more...</span>\n        </div>\n      )}\n\n      {/* Load more sentinel */}\n      {hasMore && !isLoading && onLoadMore && (\n        <button\n          type=\"button\"\n          onClick={onLoadMore}\n          className=\"w-full px-2 py-1.5 text-xs text-gray-500 hover:text-gray-700 hover:bg-gray-50 rounded transition-colors text-center\"\n        >\n          ··· Load more\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["useRef","useEffect","MenuSkeleton","jsxs","jsx","MentionMenuSection","Fragment","MenuItemRow"],"mappings":";;;;;;;AASO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,cAAcA,MAAAA,OAAuB,IAAI;AAG/CC,QAAAA,UAAU,MAAM;;AACd,sBAAY,YAAZ,mBAAqB,eAAe,EAAE,OAAO;EAC/C,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,aAAa,MAAM,WAAW,EAAG,uCAAQC,aAAAA,cAAA,EAAa;AAE1D,MAAI,MAAM,WAAW,GAAG;AACtB,0CACG,OAAA,EAAI,WAAU,aACb,UAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,QAAO,UAAA,oBAAgB;AAAA,MACtCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,yBAAwB,UAAA,oCAAA,CAAiC;AAAA,IAAA,EAAA,CAC1E,EAAA,CACF;AAAA,EAEJ;AAEA,SACED,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,IAAA,MAAM,IAAI,CAAC,MAAM,UAAU;;AAC1B,YAAM,mBAAkB,WAAM,QAAQ,CAAC,MAAf,mBAAkB;AAC1C,YAAM,sBACJ,KAAK,gBAAgBE,MAAAA,mBAAmB,kBACxC,oBAAoBA,MAAAA,mBAAmB;AACzC,YAAM,gBACJ,KAAK,gBAAgBA,MAAAA,mBAAmB,YACvC,oBAAoBA,MAAAA,mBAAmB,mBACtC,oBAAoBA,MAAAA,mBAAmB;AAE3C,6CACGC,gBAAA,EACE,UAAA;AAAA,QAAA,uBACCF,2BAAAA,IAAC,OAAA,EAAI,WAAU,gFAA+E,UAAA,gCAE9F;AAAA,QAED,iBAAiBA,2BAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,uCACrE,OAAA,EAAI,KAAK,UAAU,gBAAgB,cAAc,QAChD,UAAAA,2BAAAA;AAAAA,UAACG,SAAAA;AAAAA,UAAA;AAAA,YACC;AAAA,YACA,YAAY,UAAU;AAAA,YACtB,cAAc,MAAM,aAAa,KAAK;AAAA,YACtC,SAAS,MAAM,SAAS,IAAI;AAAA,YAC5B,WAAW,CAAC,CAAC,KAAK;AAAA,UAAA;AAAA,QAAA,EACpB,CACF;AAAA,MAAA,EAAA,GAfa,KAAK,EAgBpB;AAAA,IAEJ,CAAC;AAAA,IAGA,aAAa,MAAM,SAAS,KAC3BH,2BAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAwB,6BAAe,GACzD;AAAA,IAID,WAAW,CAAC,aAAa,cACxBA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GAEJ;AAEJ;;"}

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

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, Fragment } from "react";
+import { MentionMenuSection } from "../data/types.js";
+import { MenuItemRow } from "./menu-item.js";
+import { MenuSkeleton } from "./menu-skeleton.js";
+function MenuList({
+  items,
+  selectedIndex,
+  isLoading,
+  hasMore,
+  onSelect,
+  onMouseEnter,
+  onLoadMore
+}) {
+  const selectedRef = useRef(null);
+  useEffect(() => {
+    var _a;
+    (_a = selectedRef.current) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+  }, [selectedIndex]);
+  if (isLoading && items.length === 0) return /* @__PURE__ */ jsx(MenuSkeleton, {});
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "px-1 py-1", children: /* @__PURE__ */ jsxs("div", { className: "px-2 py-9 text-center text-sm text-gray-500", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-1", children: "No results found" }),
+      /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-400", children: "Try a different search or go back" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "px-1 py-1", children: [
+    items.map((item, index) => {
+      var _a;
+      const previousSection = (_a = items[index - 1]) == null ? void 0 : _a.menuSection;
+      const startsOtherWebpages = item.menuSection === MentionMenuSection.OTHER_WEBPAGES && previousSection !== MentionMenuSection.OTHER_WEBPAGES;
+      const startsLibrary = item.menuSection === MentionMenuSection.LIBRARY && (previousSection === MentionMenuSection.CURRENT_WEBPAGE || previousSection === MentionMenuSection.OTHER_WEBPAGES);
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        startsOtherWebpages && /* @__PURE__ */ jsx("div", { className: "px-2 pb-1 pt-2 text-[11px] font-medium uppercase tracking-wide text-gray-400", children: "Other webpages in this group" }),
+        startsLibrary && /* @__PURE__ */ jsx("div", { className: "mx-2 my-1 border-t border-gray-100" }),
+        /* @__PURE__ */ jsx("div", { ref: index === selectedIndex ? selectedRef : void 0, children: /* @__PURE__ */ jsx(
+          MenuItemRow,
+          {
+            item,
+            isSelected: index === selectedIndex,
+            onMouseEnter: () => onMouseEnter(index),
+            onClick: () => onSelect(item),
+            showArrow: !!item.navigatesToScope
+          }
+        ) })
+      ] }, item.id);
+    }),
+    isLoading && items.length > 0 && /* @__PURE__ */ jsx("div", { className: "px-2 py-2 text-center", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400", children: "Loading more..." }) }),
+    hasMore && !isLoading && onLoadMore && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onLoadMore,
+        className: "w-full px-2 py-1.5 text-xs text-gray-500 hover:text-gray-700 hover:bg-gray-50 rounded transition-colors text-center",
+        children: "··· Load more"
+      }
+    )
+  ] });
+}
+export {
+  MenuList
+};
+//# sourceMappingURL=menu-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-list.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-list.tsx"],"sourcesContent":["/**\n * Scrollable list of menu items with loading and empty states.\n */\n\nimport { Fragment, useEffect, useRef } from \"react\";\nimport { MentionMenuSection, type MenuItem } from \"../data/types\";\nimport { MenuItemRow } from \"./menu-item\";\nimport { MenuSkeleton } from \"./menu-skeleton\";\n\nexport function MenuList({\n  items,\n  selectedIndex,\n  isLoading,\n  hasMore,\n  onSelect,\n  onMouseEnter,\n  onLoadMore,\n}: {\n  items: MenuItem[];\n  selectedIndex: number;\n  isLoading?: boolean;\n  hasMore?: boolean;\n  onSelect: (item: MenuItem) => void;\n  onMouseEnter: (index: number) => void;\n  onLoadMore?: () => void;\n}) {\n  const selectedRef = useRef<HTMLDivElement>(null);\n\n  // Auto-scroll selected item into view\n  useEffect(() => {\n    selectedRef.current?.scrollIntoView({ block: \"nearest\" });\n  }, [selectedIndex]);\n\n  if (isLoading && items.length === 0) return <MenuSkeleton />;\n\n  if (items.length === 0) {\n    return (\n      <div className=\"px-1 py-1\">\n        <div className=\"px-2 py-9 text-center text-sm text-gray-500\">\n          <div className=\"mb-1\">No results found</div>\n          <div className=\"text-xs text-gray-400\">Try a different search or go back</div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"px-1 py-1\">\n      {items.map((item, index) => {\n        const previousSection = items[index - 1]?.menuSection;\n        const startsOtherWebpages =\n          item.menuSection === MentionMenuSection.OTHER_WEBPAGES &&\n          previousSection !== MentionMenuSection.OTHER_WEBPAGES;\n        const startsLibrary =\n          item.menuSection === MentionMenuSection.LIBRARY &&\n          (previousSection === MentionMenuSection.CURRENT_WEBPAGE ||\n            previousSection === MentionMenuSection.OTHER_WEBPAGES);\n\n        return (\n          <Fragment key={item.id}>\n            {startsOtherWebpages && (\n              <div className=\"px-2 pb-1 pt-2 text-[11px] font-medium uppercase tracking-wide text-gray-400\">\n                Other webpages in this group\n              </div>\n            )}\n            {startsLibrary && <div className=\"mx-2 my-1 border-t border-gray-100\" />}\n            <div ref={index === selectedIndex ? selectedRef : undefined}>\n              <MenuItemRow\n                item={item}\n                isSelected={index === selectedIndex}\n                onMouseEnter={() => onMouseEnter(index)}\n                onClick={() => onSelect(item)}\n                showArrow={!!item.navigatesToScope}\n              />\n            </div>\n          </Fragment>\n        );\n      })}\n\n      {/* Loading more indicator */}\n      {isLoading && items.length > 0 && (\n        <div className=\"px-2 py-2 text-center\">\n          <span className=\"text-xs text-gray-400\">Loading more...</span>\n        </div>\n      )}\n\n      {/* Load more sentinel */}\n      {hasMore && !isLoading && onLoadMore && (\n        <button\n          type=\"button\"\n          onClick={onLoadMore}\n          className=\"w-full px-2 py-1.5 text-xs text-gray-500 hover:text-gray-700 hover:bg-gray-50 rounded transition-colors text-center\"\n        >\n          ··· Load more\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AASO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,cAAc,OAAuB,IAAI;AAG/C,YAAU,MAAM;;AACd,sBAAY,YAAZ,mBAAqB,eAAe,EAAE,OAAO;EAC/C,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,aAAa,MAAM,WAAW,EAAG,4BAAQ,cAAA,EAAa;AAE1D,MAAI,MAAM,WAAW,GAAG;AACtB,+BACG,OAAA,EAAI,WAAU,aACb,UAAA,qBAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,QAAO,UAAA,oBAAgB;AAAA,MACtC,oBAAC,OAAA,EAAI,WAAU,yBAAwB,UAAA,oCAAA,CAAiC;AAAA,IAAA,EAAA,CAC1E,EAAA,CACF;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,IAAA,MAAM,IAAI,CAAC,MAAM,UAAU;;AAC1B,YAAM,mBAAkB,WAAM,QAAQ,CAAC,MAAf,mBAAkB;AAC1C,YAAM,sBACJ,KAAK,gBAAgB,mBAAmB,kBACxC,oBAAoB,mBAAmB;AACzC,YAAM,gBACJ,KAAK,gBAAgB,mBAAmB,YACvC,oBAAoB,mBAAmB,mBACtC,oBAAoB,mBAAmB;AAE3C,kCACG,UAAA,EACE,UAAA;AAAA,QAAA,uBACC,oBAAC,OAAA,EAAI,WAAU,gFAA+E,UAAA,gCAE9F;AAAA,QAED,iBAAiB,oBAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,4BACrE,OAAA,EAAI,KAAK,UAAU,gBAAgB,cAAc,QAChD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,YAAY,UAAU;AAAA,YACtB,cAAc,MAAM,aAAa,KAAK;AAAA,YACtC,SAAS,MAAM,SAAS,IAAI;AAAA,YAC5B,WAAW,CAAC,CAAC,KAAK;AAAA,UAAA;AAAA,QAAA,EACpB,CACF;AAAA,MAAA,EAAA,GAfa,KAAK,EAgBpB;AAAA,IAEJ,CAAC;AAAA,IAGA,aAAa,MAAM,SAAS,KAC3B,oBAAC,OAAA,EAAI,WAAU,yBACb,UAAA,oBAAC,QAAA,EAAK,WAAU,yBAAwB,6BAAe,GACzD;AAAA,IAID,WAAW,CAAC,aAAa,cACxB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GAEJ;AAEJ;"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+function MenuSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1 py-1", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-2 py-1.5 rounded animate-pulse", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-4 h-4 bg-gray-200 rounded flex-shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3.5 bg-gray-200 rounded flex-1", style: { maxWidth: `${50 + i * 10}%` } })
+  ] }, i)) });
+}
+exports.MenuSkeleton = MenuSkeleton;
+//# sourceMappingURL=menu-skeleton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-skeleton.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-skeleton.tsx"],"sourcesContent":["/**\n * Loading skeleton for the mention menu.\n */\n\nexport function MenuSkeleton() {\n  return (\n    <div className=\"px-1 py-1\">\n      {[1, 2, 3, 4].map((i) => (\n        <div key={i} className=\"flex items-center gap-2 px-2 py-1.5 rounded animate-pulse\">\n          <div className=\"w-4 h-4 bg-gray-200 rounded flex-shrink-0\" />\n          <div className=\"h-3.5 bg-gray-200 rounded flex-1\" style={{ maxWidth: `${50 + i * 10}%` }} />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx"],"mappings":";;;AAIO,SAAS,eAAe;AAC7B,wCACG,OAAA,EAAI,WAAU,aACZ,UAAA,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACjBA,2BAAAA,KAAC,OAAA,EAAY,WAAU,6DACrB,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,4CAAA,CAA4C;AAAA,IAC3DA,2BAAAA,IAAC,OAAA,EAAI,WAAU,oCAAmC,OAAO,EAAE,UAAU,GAAG,KAAK,IAAI,EAAE,IAAA,EAAI,CAAG;AAAA,EAAA,KAFlF,CAGV,CACD,GACH;AAEJ;;"}

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

@@ -0,0 +1,11 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function MenuSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "px-1 py-1", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2 py-1.5 rounded animate-pulse", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-4 h-4 bg-gray-200 rounded flex-shrink-0" }),
+    /* @__PURE__ */ jsx("div", { className: "h-3.5 bg-gray-200 rounded flex-1", style: { maxWidth: `${50 + i * 10}%` } })
+  ] }, i)) });
+}
+export {
+  MenuSkeleton
+};
+//# sourceMappingURL=menu-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-skeleton.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-skeleton.tsx"],"sourcesContent":["/**\n * Loading skeleton for the mention menu.\n */\n\nexport function MenuSkeleton() {\n  return (\n    <div className=\"px-1 py-1\">\n      {[1, 2, 3, 4].map((i) => (\n        <div key={i} className=\"flex items-center gap-2 px-2 py-1.5 rounded animate-pulse\">\n          <div className=\"w-4 h-4 bg-gray-200 rounded flex-shrink-0\" />\n          <div className=\"h-3.5 bg-gray-200 rounded flex-1\" style={{ maxWidth: `${50 + i * 10}%` }} />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":";AAIO,SAAS,eAAe;AAC7B,6BACG,OAAA,EAAI,WAAU,aACZ,UAAA,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACjB,qBAAC,OAAA,EAAY,WAAU,6DACrB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,4CAAA,CAA4C;AAAA,IAC3D,oBAAC,OAAA,EAAI,WAAU,oCAAmC,OAAO,EAAE,UAAU,GAAG,KAAK,IAAI,EAAE,IAAA,EAAI,CAAG;AAAA,EAAA,KAFlF,CAGV,CACD,GACH;AAEJ;"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const menuBreadcrumbs = require("./menu-breadcrumbs.cjs");
+function MenuSummary({
+  scopePath,
+  onNavigate,
+  onBackClick,
+  isFetching
+}) {
+  if (scopePath.length <= 1 && !isFetching) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-gray-200 px-2 py-2 bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+      scopePath.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(menuBreadcrumbs.MenuBreadcrumbs, { scopePath, onNavigate }),
+      isFetching && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 inline-block w-3 h-3 border border-gray-400 border-t-transparent rounded-full animate-spin" })
+    ] }),
+    onBackClick && /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onBackClick,
+        className: "text-xs text-gray-600 hover:text-gray-800 px-2 py-1 rounded hover:bg-gray-200 transition-colors flex items-center gap-1 flex-shrink-0",
+        title: "Go back (or press ←)",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "←" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Back" })
+        ]
+      }
+    )
+  ] }) });
+}
+exports.MenuSummary = MenuSummary;
+//# sourceMappingURL=menu-summary.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-summary.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-summary.tsx"],"sourcesContent":["/**\n * Summary bar at the bottom of the mention menu.\n * Shows breadcrumbs + back button + optional loading spinner.\n */\n\nimport { MenuBreadcrumbs } from \"./menu-breadcrumbs\";\n\nexport function MenuSummary({\n  scopePath,\n  onNavigate,\n  onBackClick,\n  isFetching,\n}: {\n  scopePath: { id: string; name: string }[];\n  onNavigate: (scopeId: string) => void;\n  onBackClick?: () => void;\n  isFetching?: boolean;\n}) {\n  // Don't show summary at root scope (unless fetching)\n  if (scopePath.length <= 1 && !isFetching) return null;\n\n  return (\n    <div className=\"border-t border-gray-200 px-2 py-2 bg-gray-50\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n          {scopePath.length > 1 && (\n            <MenuBreadcrumbs scopePath={scopePath} onNavigate={onNavigate} />\n          )}\n          {isFetching && (\n            <span className=\"flex-shrink-0 inline-block w-3 h-3 border border-gray-400 border-t-transparent rounded-full animate-spin\" />\n          )}\n        </div>\n        {onBackClick && (\n          <button\n            type=\"button\"\n            onClick={onBackClick}\n            className=\"text-xs text-gray-600 hover:text-gray-800 px-2 py-1 rounded hover:bg-gray-200 transition-colors flex items-center gap-1 flex-shrink-0\"\n            title=\"Go back (or press ←)\"\n          >\n            <span>←</span>\n            <span>Back</span>\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","MenuBreadcrumbs"],"mappings":";;;;AAOO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AAED,MAAI,UAAU,UAAU,KAAK,CAAC,WAAY,QAAO;AAEjD,wCACG,OAAA,EAAI,WAAU,iDACb,UAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,MAAA,UAAU,SAAS,KAClBC,2BAAAA,IAACC,gBAAAA,iBAAA,EAAgB,WAAsB,YAAwB;AAAA,MAEhE,cACCD,2BAAAA,IAAC,QAAA,EAAK,WAAU,2GAAA,CAA2G;AAAA,IAAA,GAE/H;AAAA,IACC,eACCD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAM;AAAA,QAEN,UAAA;AAAA,UAAAC,2BAAAA,IAAC,UAAK,UAAA,IAAA,CAAC;AAAA,UACPA,2BAAAA,IAAC,UAAK,UAAA,OAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,EAAA,CAEJ,EAAA,CACF;AAEJ;;"}

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

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MenuBreadcrumbs } from "./menu-breadcrumbs.js";
+function MenuSummary({
+  scopePath,
+  onNavigate,
+  onBackClick,
+  isFetching
+}) {
+  if (scopePath.length <= 1 && !isFetching) return null;
+  return /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 px-2 py-2 bg-gray-50", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+      scopePath.length > 1 && /* @__PURE__ */ jsx(MenuBreadcrumbs, { scopePath, onNavigate }),
+      isFetching && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 inline-block w-3 h-3 border border-gray-400 border-t-transparent rounded-full animate-spin" })
+    ] }),
+    onBackClick && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onBackClick,
+        className: "text-xs text-gray-600 hover:text-gray-800 px-2 py-1 rounded hover:bg-gray-200 transition-colors flex items-center gap-1 flex-shrink-0",
+        title: "Go back (or press ←)",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: "←" }),
+          /* @__PURE__ */ jsx("span", { children: "Back" })
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  MenuSummary
+};
+//# sourceMappingURL=menu-summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-summary.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-summary.tsx"],"sourcesContent":["/**\n * Summary bar at the bottom of the mention menu.\n * Shows breadcrumbs + back button + optional loading spinner.\n */\n\nimport { MenuBreadcrumbs } from \"./menu-breadcrumbs\";\n\nexport function MenuSummary({\n  scopePath,\n  onNavigate,\n  onBackClick,\n  isFetching,\n}: {\n  scopePath: { id: string; name: string }[];\n  onNavigate: (scopeId: string) => void;\n  onBackClick?: () => void;\n  isFetching?: boolean;\n}) {\n  // Don't show summary at root scope (unless fetching)\n  if (scopePath.length <= 1 && !isFetching) return null;\n\n  return (\n    <div className=\"border-t border-gray-200 px-2 py-2 bg-gray-50\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n          {scopePath.length > 1 && (\n            <MenuBreadcrumbs scopePath={scopePath} onNavigate={onNavigate} />\n          )}\n          {isFetching && (\n            <span className=\"flex-shrink-0 inline-block w-3 h-3 border border-gray-400 border-t-transparent rounded-full animate-spin\" />\n          )}\n        </div>\n        {onBackClick && (\n          <button\n            type=\"button\"\n            onClick={onBackClick}\n            className=\"text-xs text-gray-600 hover:text-gray-800 px-2 py-1 rounded hover:bg-gray-200 transition-colors flex items-center gap-1 flex-shrink-0\"\n            title=\"Go back (or press ←)\"\n          >\n            <span>←</span>\n            <span>Back</span>\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAOO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AAED,MAAI,UAAU,UAAU,KAAK,CAAC,WAAY,QAAO;AAEjD,6BACG,OAAA,EAAI,WAAU,iDACb,UAAA,qBAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,MAAA,UAAU,SAAS,KAClB,oBAAC,iBAAA,EAAgB,WAAsB,YAAwB;AAAA,MAEhE,cACC,oBAAC,QAAA,EAAK,WAAU,2GAAA,CAA2G;AAAA,IAAA,GAE/H;AAAA,IACC,eACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAM;AAAA,QAEN,UAAA;AAAA,UAAA,oBAAC,UAAK,UAAA,IAAA,CAAC;AAAA,UACP,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/chat-ui/mentions/suggestions/components/use-keyboard-navigation.cjs

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function useKeyboardNavigation(ref, opts) {
+  const { items, selectedIndex, setSelectedIndex, onSelect, onBack, onClose } = opts;
+  react.useImperativeHandle(
+    ref,
+    () => ({
+      onKeyDown: (event) => {
+        if (items.length === 0 && event.key !== "Escape") return false;
+        switch (event.key) {
+          case "ArrowDown": {
+            const next = (selectedIndex + 1) % items.length;
+            setSelectedIndex(next);
+            return true;
+          }
+          case "ArrowUp": {
+            const prev = (selectedIndex - 1 + items.length) % items.length;
+            setSelectedIndex(prev);
+            return true;
+          }
+          case "Enter": {
+            const item = items[selectedIndex];
+            if (item) onSelect(item);
+            return true;
+          }
+          case "ArrowLeft": {
+            if (onBack) {
+              onBack();
+              return true;
+            }
+            return false;
+          }
+          case "Backspace": {
+            return false;
+          }
+          case "ArrowRight": {
+            const item = items[selectedIndex];
+            if (item == null ? void 0 : item.navigatesToScope) {
+              onSelect(item);
+              return true;
+            }
+            return false;
+          }
+          case "Escape": {
+            onClose();
+            return true;
+          }
+          default:
+            return false;
+        }
+      }
+    }),
+    [items, selectedIndex, setSelectedIndex, onSelect, onBack, onClose]
+  );
+}
+exports.useKeyboardNavigation = useKeyboardNavigation;
+//# sourceMappingURL=use-keyboard-navigation.cjs.map

package/dist/chat-ui/mentions/suggestions/components/use-keyboard-navigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard-navigation.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/use-keyboard-navigation.ts"],"sourcesContent":["/**\n * Keyboard navigation for the mention menu.\n *\n * Exposes an imperative handle so MentionSuggestionList can forward keystrokes\n * from the editor into the menu.\n */\n\nimport type { ForwardedRef } from \"react\";\nimport { useImperativeHandle } from \"react\";\nimport type { MenuItem } from \"../data/types\";\n\nexport interface KeyboardNavigationHandle {\n  onKeyDown: (event: KeyboardEvent) => boolean;\n}\n\nexport function useKeyboardNavigation(\n  ref: ForwardedRef<KeyboardNavigationHandle>,\n  opts: {\n    items: MenuItem[];\n    selectedIndex: number;\n    setSelectedIndex: (index: number) => void;\n    onSelect: (item: MenuItem) => void;\n    onBack?: () => void;\n    onClose: () => void;\n  },\n) {\n  const { items, selectedIndex, setSelectedIndex, onSelect, onBack, onClose } = opts;\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      onKeyDown: (event: KeyboardEvent): boolean => {\n        if (items.length === 0 && event.key !== \"Escape\") return false;\n\n        switch (event.key) {\n          case \"ArrowDown\": {\n            const next = (selectedIndex + 1) % items.length;\n            setSelectedIndex(next);\n            return true;\n          }\n          case \"ArrowUp\": {\n            const prev = (selectedIndex - 1 + items.length) % items.length;\n            setSelectedIndex(prev);\n            return true;\n          }\n          case \"Enter\": {\n            const item = items[selectedIndex];\n            if (item) onSelect(item);\n            return true;\n          }\n          case \"ArrowLeft\": {\n            if (onBack) {\n              onBack();\n              return true;\n            }\n            return false;\n          }\n          case \"Backspace\": {\n            // Never capture Backspace — let Tiptap handle it naturally.\n            // The suggestion plugin closes the popup when you backspace past @.\n            return false;\n          }\n          case \"ArrowRight\": {\n            const item = items[selectedIndex];\n            if (item?.navigatesToScope) {\n              onSelect(item);\n              return true;\n            }\n            return false;\n          }\n          case \"Escape\": {\n            onClose();\n            return true;\n          }\n          default:\n            return false;\n        }\n      },\n    }),\n    [items, selectedIndex, setSelectedIndex, onSelect, onBack, onClose],\n  );\n}\n"],"names":["useImperativeHandle"],"mappings":";;;AAeO,SAAS,sBACd,KACA,MAQA;AACA,QAAM,EAAE,OAAO,eAAe,kBAAkB,UAAU,QAAQ,YAAY;AAE9EA,QAAAA;AAAAA,IACE;AAAA,IACA,OAAO;AAAA,MACL,WAAW,CAAC,UAAkC;AAC5C,YAAI,MAAM,WAAW,KAAK,MAAM,QAAQ,SAAU,QAAO;AAEzD,gBAAQ,MAAM,KAAA;AAAA,UACZ,KAAK,aAAa;AAChB,kBAAM,QAAQ,gBAAgB,KAAK,MAAM;AACzC,6BAAiB,IAAI;AACrB,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,WAAW;AACd,kBAAM,QAAQ,gBAAgB,IAAI,MAAM,UAAU,MAAM;AACxD,6BAAiB,IAAI;AACrB,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,SAAS;AACZ,kBAAM,OAAO,MAAM,aAAa;AAChC,gBAAI,eAAe,IAAI;AACvB,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,aAAa;AAChB,gBAAI,QAAQ;AACV,qBAAA;AACA,qBAAO;AAAA,YACT;AACA,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,aAAa;AAGhB,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,cAAc;AACjB,kBAAM,OAAO,MAAM,aAAa;AAChC,gBAAI,6BAAM,kBAAkB;AAC1B,uBAAS,IAAI;AACb,qBAAO;AAAA,YACT;AACA,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,UAAU;AACb,oBAAA;AACA,mBAAO;AAAA,UACT;AAAA,UACA;AACE,mBAAO;AAAA,QAAA;AAAA,MAEb;AAAA,IAAA;AAAA,IAEF,CAAC,OAAO,eAAe,kBAAkB,UAAU,QAAQ,OAAO;AAAA,EAAA;AAEtE;;"}

package/dist/chat-ui/mentions/suggestions/components/use-keyboard-navigation.js

@@ -0,0 +1,58 @@
+import { useImperativeHandle } from "react";
+function useKeyboardNavigation(ref, opts) {
+  const { items, selectedIndex, setSelectedIndex, onSelect, onBack, onClose } = opts;
+  useImperativeHandle(
+    ref,
+    () => ({
+      onKeyDown: (event) => {
+        if (items.length === 0 && event.key !== "Escape") return false;
+        switch (event.key) {
+          case "ArrowDown": {
+            const next = (selectedIndex + 1) % items.length;
+            setSelectedIndex(next);
+            return true;
+          }
+          case "ArrowUp": {
+            const prev = (selectedIndex - 1 + items.length) % items.length;
+            setSelectedIndex(prev);
+            return true;
+          }
+          case "Enter": {
+            const item = items[selectedIndex];
+            if (item) onSelect(item);
+            return true;
+          }
+          case "ArrowLeft": {
+            if (onBack) {
+              onBack();
+              return true;
+            }
+            return false;
+          }
+          case "Backspace": {
+            return false;
+          }
+          case "ArrowRight": {
+            const item = items[selectedIndex];
+            if (item == null ? void 0 : item.navigatesToScope) {
+              onSelect(item);
+              return true;
+            }
+            return false;
+          }
+          case "Escape": {
+            onClose();
+            return true;
+          }
+          default:
+            return false;
+        }
+      }
+    }),
+    [items, selectedIndex, setSelectedIndex, onSelect, onBack, onClose]
+  );
+}
+export {
+  useKeyboardNavigation
+};
+//# sourceMappingURL=use-keyboard-navigation.js.map

package/dist/chat-ui/mentions/suggestions/components/use-keyboard-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard-navigation.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/use-keyboard-navigation.ts"],"sourcesContent":["/**\n * Keyboard navigation for the mention menu.\n *\n * Exposes an imperative handle so MentionSuggestionList can forward keystrokes\n * from the editor into the menu.\n */\n\nimport type { ForwardedRef } from \"react\";\nimport { useImperativeHandle } from \"react\";\nimport type { MenuItem } from \"../data/types\";\n\nexport interface KeyboardNavigationHandle {\n  onKeyDown: (event: KeyboardEvent) => boolean;\n}\n\nexport function useKeyboardNavigation(\n  ref: ForwardedRef<KeyboardNavigationHandle>,\n  opts: {\n    items: MenuItem[];\n    selectedIndex: number;\n    setSelectedIndex: (index: number) => void;\n    onSelect: (item: MenuItem) => void;\n    onBack?: () => void;\n    onClose: () => void;\n  },\n) {\n  const { items, selectedIndex, setSelectedIndex, onSelect, onBack, onClose } = opts;\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      onKeyDown: (event: KeyboardEvent): boolean => {\n        if (items.length === 0 && event.key !== \"Escape\") return false;\n\n        switch (event.key) {\n          case \"ArrowDown\": {\n            const next = (selectedIndex + 1) % items.length;\n            setSelectedIndex(next);\n            return true;\n          }\n          case \"ArrowUp\": {\n            const prev = (selectedIndex - 1 + items.length) % items.length;\n            setSelectedIndex(prev);\n            return true;\n          }\n          case \"Enter\": {\n            const item = items[selectedIndex];\n            if (item) onSelect(item);\n            return true;\n          }\n          case \"ArrowLeft\": {\n            if (onBack) {\n              onBack();\n              return true;\n            }\n            return false;\n          }\n          case \"Backspace\": {\n            // Never capture Backspace — let Tiptap handle it naturally.\n            // The suggestion plugin closes the popup when you backspace past @.\n            return false;\n          }\n          case \"ArrowRight\": {\n            const item = items[selectedIndex];\n            if (item?.navigatesToScope) {\n              onSelect(item);\n              return true;\n            }\n            return false;\n          }\n          case \"Escape\": {\n            onClose();\n            return true;\n          }\n          default:\n            return false;\n        }\n      },\n    }),\n    [items, selectedIndex, setSelectedIndex, onSelect, onBack, onClose],\n  );\n}\n"],"names":[],"mappings":";AAeO,SAAS,sBACd,KACA,MAQA;AACA,QAAM,EAAE,OAAO,eAAe,kBAAkB,UAAU,QAAQ,YAAY;AAE9E;AAAA,IACE;AAAA,IACA,OAAO;AAAA,MACL,WAAW,CAAC,UAAkC;AAC5C,YAAI,MAAM,WAAW,KAAK,MAAM,QAAQ,SAAU,QAAO;AAEzD,gBAAQ,MAAM,KAAA;AAAA,UACZ,KAAK,aAAa;AAChB,kBAAM,QAAQ,gBAAgB,KAAK,MAAM;AACzC,6BAAiB,IAAI;AACrB,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,WAAW;AACd,kBAAM,QAAQ,gBAAgB,IAAI,MAAM,UAAU,MAAM;AACxD,6BAAiB,IAAI;AACrB,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,SAAS;AACZ,kBAAM,OAAO,MAAM,aAAa;AAChC,gBAAI,eAAe,IAAI;AACvB,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,aAAa;AAChB,gBAAI,QAAQ;AACV,qBAAA;AACA,qBAAO;AAAA,YACT;AACA,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,aAAa;AAGhB,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,cAAc;AACjB,kBAAM,OAAO,MAAM,aAAa;AAChC,gBAAI,6BAAM,kBAAkB;AAC1B,uBAAS,IAAI;AACb,qBAAO;AAAA,YACT;AACA,mBAAO;AAAA,UACT;AAAA,UACA,KAAK,UAAU;AACb,oBAAA;AACA,mBAAO;AAAA,UACT;AAAA,UACA;AACE,mBAAO;AAAA,QAAA;AAAA,MAEb;AAAA,IAAA;AAAA,IAEF,CAAC,OAAO,eAAe,kBAAkB,UAAU,QAAQ,OAAO;AAAA,EAAA;AAEtE;"}