@athenaintel/react 0.19.0 → 0.21.0

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,
+  onMouseMove,
+  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,
+            onMouseMove: () => onMouseMove(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  onMouseMove,\n  onLoadMore,\n}: {\n  items: MenuItem[];\n  selectedIndex: number;\n  isLoading?: boolean;\n  hasMore?: boolean;\n  onSelect: (item: MenuItem) => void;\n  onMouseMove: (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                onMouseMove={() => onMouseMove(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,aAAa,MAAM,YAAY,KAAK;AAAA,YACpC,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.d.ts

@@ -2,12 +2,12 @@
  * Scrollable list of menu items with loading and empty states.
  */
 import { type MenuItem } from "../data/types";
-export declare function MenuList({ items, selectedIndex, isLoading, hasMore, onSelect, onMouseEnter, onLoadMore, }: {
+export declare function MenuList({ items, selectedIndex, isLoading, hasMore, onSelect, onMouseMove, onLoadMore, }: {
     items: MenuItem[];
     selectedIndex: number;
     isLoading?: boolean;
     hasMore?: boolean;
     onSelect: (item: MenuItem) => void;
-    onMouseEnter: (index: number) => void;
+    onMouseMove: (index: number) => void;
     onLoadMore?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

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,
+  onMouseMove,
+  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,
+            onMouseMove: () => onMouseMove(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  onMouseMove,\n  onLoadMore,\n}: {\n  items: MenuItem[];\n  selectedIndex: number;\n  isLoading?: boolean;\n  hasMore?: boolean;\n  onSelect: (item: MenuItem) => void;\n  onMouseMove: (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                onMouseMove={() => onMouseMove(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,aAAa,MAAM,YAAY,KAAK;AAAA,YACpC,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;"}

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

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const store = require("@tanstack/store");
+const react = require("react");
+function getCurrentScope(state) {
+  const lastEntry = state.scopeStack[state.scopeStack.length - 1];
+  return (lastEntry == null ? void 0 : lastEntry.scope) ?? "root";
+}
+function getSelectedIndex(state) {
+  const lastEntry = state.scopeStack[state.scopeStack.length - 1];
+  return (lastEntry == null ? void 0 : lastEntry.selectedIndex) ?? 0;
+}
+function useMenuNavigation() {
+  const [store$1] = react.useState(() => {
+    const baseStore = new store.Store({
+      scopeStack: [{ scope: "root", selectedIndex: 0 }],
+      query: "",
+      isActive: false
+    });
+    const navigationStore = baseStore;
+    navigationStore.navigateTo = (scope, currentSelectedIndex, options) => {
+      const state = baseStore.state;
+      const updatedStack = [...state.scopeStack];
+      if (updatedStack.length > 0) {
+        updatedStack[updatedStack.length - 1] = {
+          ...updatedStack[updatedStack.length - 1],
+          selectedIndex: currentSelectedIndex
+        };
+      }
+      const newStack = [
+        ...updatedStack,
+        {
+          scope,
+          selectedIndex: 0,
+          breadcrumbLabel: options == null ? void 0 : options.breadcrumbLabel,
+          parentScope: options == null ? void 0 : options.parentScope
+        }
+      ];
+      baseStore.setState((prev) => ({
+        ...prev,
+        scopeStack: newStack,
+        query: ""
+      }));
+    };
+    navigationStore.navigateBack = () => {
+      const state = baseStore.state;
+      if (state.scopeStack.length <= 1) {
+        return;
+      }
+      const newStack = state.scopeStack.slice(0, -1);
+      baseStore.setState((prev) => ({
+        ...prev,
+        scopeStack: newStack,
+        query: ""
+      }));
+    };
+    navigationStore.setQuery = (query) => {
+      baseStore.setState((prev) => ({ ...prev, query }));
+    };
+    navigationStore.open = () => {
+      baseStore.setState(() => ({
+        scopeStack: [{ scope: "root", selectedIndex: 0 }],
+        query: "",
+        isActive: true
+      }));
+    };
+    navigationStore.close = () => {
+      baseStore.setState(() => ({
+        scopeStack: [{ scope: "root", selectedIndex: 0 }],
+        query: "",
+        isActive: false
+      }));
+    };
+    return navigationStore;
+  });
+  return store$1;
+}
+exports.getCurrentScope = getCurrentScope;
+exports.getSelectedIndex = getSelectedIndex;
+exports.useMenuNavigation = useMenuNavigation;
+//# sourceMappingURL=use-menu-navigation.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-navigation.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/use-menu-navigation.ts"],"sourcesContent":["import { Store } from '@tanstack/store';\nimport { useState } from 'react';\nimport type { MenuScope } from '../data/types';\n\n/**\n * Stack entry with scope and selected item position\n *\n * When navigating forward, we save the current selectedIndex so we can restore\n * it when navigating back (like browser history).\n */\nexport interface ScopeStackEntry {\n  scope: MenuScope;\n  selectedIndex: number; // Position of selected item when we left this scope\n  breadcrumbLabel?: string; // Display name for this scope, when it isn't a known category\n  parentScope?: MenuScope; // Scope we navigated from\n}\n\n/**\n * Menu navigation state - tracks current navigation context\n *\n * This is the \"current UI state\" that changes as user navigates and types.\n * Cleared when menu opens/closes.\n *\n * Uses a navigation stack for proper back button behavior:\n * - Forward navigation: push to stack (with current selectedIndex)\n * - Back navigation: pop from stack (restore selectedIndex)\n * - Current scope: last item in stack\n * - Parent scope: second-to-last item in stack\n */\nexport interface MenuNavigationState {\n  // Navigation stack (browser-like history)\n  // Example: [{ scope: 'root', selectedIndex: 2 }, { scope: 'folder_123', selectedIndex: 0 }]\n  // Current scope = scopeStack[scopeStack.length - 1].scope\n  // Parent scope = scopeStack[scopeStack.length - 2].scope\n  scopeStack: ScopeStackEntry[];\n\n  // Current search query\n  query: string;\n\n  // Is menu currently active?\n  isActive: boolean;\n}\n\n/**\n * Menu navigation store with helper methods\n */\nexport interface MenuNavigationStore extends Store<MenuNavigationState> {\n  navigateTo: (\n    scope: MenuScope,\n    currentSelectedIndex: number,\n    options?: { breadcrumbLabel?: string; parentScope?: MenuScope },\n  ) => void;\n  navigateBack: () => void;\n  setQuery: (query: string) => void;\n  open: () => void;\n  close: () => void;\n}\n\n/**\n * Get current scope from state\n */\nexport function getCurrentScope(state: MenuNavigationState): MenuScope {\n  const lastEntry = state.scopeStack[state.scopeStack.length - 1];\n  return lastEntry?.scope ?? \"root\";\n}\n\n/**\n * Get parent scope from state (for source inheritance)\n */\nexport function getParentScope(state: MenuNavigationState): MenuScope | undefined {\n  if (state.scopeStack.length <= 1) return undefined;\n  const parentEntry = state.scopeStack[state.scopeStack.length - 2];\n  return parentEntry?.scope;\n}\n\n/**\n * Get selected index from current scope stack entry\n */\nexport function getSelectedIndex(state: MenuNavigationState): number {\n  const lastEntry = state.scopeStack[state.scopeStack.length - 1];\n  return lastEntry?.selectedIndex ?? 0;\n}\n\n/**\n * useMenuNavigation - Creates per-editor navigation state\n *\n * This is a UI concern - each editor instance gets its own navigation state.\n *\n * Returns a TanStack Store with navigation helper methods.\n */\nexport function useMenuNavigation(): MenuNavigationStore {\n  const [store] = useState(() => {\n    const baseStore = new Store<MenuNavigationState>({\n      scopeStack: [{ scope: 'root', selectedIndex: 0 }],\n      query: '',\n      isActive: false,\n    });\n\n    // Extend store with navigation methods\n    const navigationStore = baseStore as MenuNavigationStore;\n\n    navigationStore.navigateTo = (\n      scope: MenuScope,\n      currentSelectedIndex: number,\n      options?: { breadcrumbLabel?: string; parentScope?: MenuScope },\n    ) => {\n      const state = baseStore.state;\n\n      // Save current selectedIndex in the current entry before navigating forward\n      const updatedStack = [...state.scopeStack];\n      if (updatedStack.length > 0) {\n        updatedStack[updatedStack.length - 1] = {\n          ...updatedStack[updatedStack.length - 1],\n          selectedIndex: currentSelectedIndex,\n        };\n      }\n\n      // Push new scope with selectedIndex = 0 (start at top of new scope)\n      const newStack = [\n        ...updatedStack,\n        {\n          scope,\n          selectedIndex: 0,\n          breadcrumbLabel: options?.breadcrumbLabel,\n          parentScope: options?.parentScope,\n        },\n      ];\n\n      baseStore.setState((prev) => ({\n        ...prev,\n        scopeStack: newStack,\n        query: '',\n      }));\n    };\n\n    navigationStore.navigateBack = () => {\n      const state = baseStore.state;\n\n      if (state.scopeStack.length <= 1) {\n        return;\n      }\n\n      const newStack = state.scopeStack.slice(0, -1);\n\n      baseStore.setState((prev) => ({\n        ...prev,\n        scopeStack: newStack,\n        query: '',\n      }));\n    };\n\n    navigationStore.setQuery = (query: string) => {\n      baseStore.setState((prev) => ({ ...prev, query }));\n    };\n\n    navigationStore.open = () => {\n      baseStore.setState(() => ({\n        scopeStack: [{ scope: 'root', selectedIndex: 0 }],\n        query: '',\n        isActive: true,\n      }));\n    };\n\n    navigationStore.close = () => {\n      baseStore.setState(() => ({\n        scopeStack: [{ scope: 'root', selectedIndex: 0 }],\n        query: '',\n        isActive: false,\n      }));\n    };\n\n    return navigationStore;\n  });\n\n  return store;\n}\n"],"names":["store","useState","Store"],"mappings":";;;;AA6DO,SAAS,gBAAgB,OAAuC;AACrE,QAAM,YAAY,MAAM,WAAW,MAAM,WAAW,SAAS,CAAC;AAC9D,UAAO,uCAAW,UAAS;AAC7B;AAcO,SAAS,iBAAiB,OAAoC;AACnE,QAAM,YAAY,MAAM,WAAW,MAAM,WAAW,SAAS,CAAC;AAC9D,UAAO,uCAAW,kBAAiB;AACrC;AASO,SAAS,oBAAyC;AACvD,QAAM,CAACA,OAAK,IAAIC,MAAAA,SAAS,MAAM;AAC7B,UAAM,YAAY,IAAIC,YAA2B;AAAA,MAC/C,YAAY,CAAC,EAAE,OAAO,QAAQ,eAAe,GAAG;AAAA,MAChD,OAAO;AAAA,MACP,UAAU;AAAA,IAAA,CACX;AAGD,UAAM,kBAAkB;AAExB,oBAAgB,aAAa,CAC3B,OACA,sBACA,YACG;AACH,YAAM,QAAQ,UAAU;AAGxB,YAAM,eAAe,CAAC,GAAG,MAAM,UAAU;AACzC,UAAI,aAAa,SAAS,GAAG;AAC3B,qBAAa,aAAa,SAAS,CAAC,IAAI;AAAA,UACtC,GAAG,aAAa,aAAa,SAAS,CAAC;AAAA,UACvC,eAAe;AAAA,QAAA;AAAA,MAEnB;AAGA,YAAM,WAAW;AAAA,QACf,GAAG;AAAA,QACH;AAAA,UACE;AAAA,UACA,eAAe;AAAA,UACf,iBAAiB,mCAAS;AAAA,UAC1B,aAAa,mCAAS;AAAA,QAAA;AAAA,MACxB;AAGF,gBAAU,SAAS,CAAC,UAAU;AAAA,QAC5B,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA,EACP;AAAA,IACJ;AAEA,oBAAgB,eAAe,MAAM;AACnC,YAAM,QAAQ,UAAU;AAExB,UAAI,MAAM,WAAW,UAAU,GAAG;AAChC;AAAA,MACF;AAEA,YAAM,WAAW,MAAM,WAAW,MAAM,GAAG,EAAE;AAE7C,gBAAU,SAAS,CAAC,UAAU;AAAA,QAC5B,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA,EACP;AAAA,IACJ;AAEA,oBAAgB,WAAW,CAAC,UAAkB;AAC5C,gBAAU,SAAS,CAAC,UAAU,EAAE,GAAG,MAAM,QAAQ;AAAA,IACnD;AAEA,oBAAgB,OAAO,MAAM;AAC3B,gBAAU,SAAS,OAAO;AAAA,QACxB,YAAY,CAAC,EAAE,OAAO,QAAQ,eAAe,GAAG;AAAA,QAChD,OAAO;AAAA,QACP,UAAU;AAAA,MAAA,EACV;AAAA,IACJ;AAEA,oBAAgB,QAAQ,MAAM;AAC5B,gBAAU,SAAS,OAAO;AAAA,QACxB,YAAY,CAAC,EAAE,OAAO,QAAQ,eAAe,GAAG;AAAA,QAChD,OAAO;AAAA,QACP,UAAU;AAAA,MAAA,EACV;AAAA,IACJ;AAEA,WAAO;AAAA,EACT,CAAC;AAED,SAAOF;AACT;;;;"}

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

@@ -0,0 +1,81 @@
+import { Store } from "@tanstack/store";
+import { useState } from "react";
+function getCurrentScope(state) {
+  const lastEntry = state.scopeStack[state.scopeStack.length - 1];
+  return (lastEntry == null ? void 0 : lastEntry.scope) ?? "root";
+}
+function getSelectedIndex(state) {
+  const lastEntry = state.scopeStack[state.scopeStack.length - 1];
+  return (lastEntry == null ? void 0 : lastEntry.selectedIndex) ?? 0;
+}
+function useMenuNavigation() {
+  const [store] = useState(() => {
+    const baseStore = new Store({
+      scopeStack: [{ scope: "root", selectedIndex: 0 }],
+      query: "",
+      isActive: false
+    });
+    const navigationStore = baseStore;
+    navigationStore.navigateTo = (scope, currentSelectedIndex, options) => {
+      const state = baseStore.state;
+      const updatedStack = [...state.scopeStack];
+      if (updatedStack.length > 0) {
+        updatedStack[updatedStack.length - 1] = {
+          ...updatedStack[updatedStack.length - 1],
+          selectedIndex: currentSelectedIndex
+        };
+      }
+      const newStack = [
+        ...updatedStack,
+        {
+          scope,
+          selectedIndex: 0,
+          breadcrumbLabel: options == null ? void 0 : options.breadcrumbLabel,
+          parentScope: options == null ? void 0 : options.parentScope
+        }
+      ];
+      baseStore.setState((prev) => ({
+        ...prev,
+        scopeStack: newStack,
+        query: ""
+      }));
+    };
+    navigationStore.navigateBack = () => {
+      const state = baseStore.state;
+      if (state.scopeStack.length <= 1) {
+        return;
+      }
+      const newStack = state.scopeStack.slice(0, -1);
+      baseStore.setState((prev) => ({
+        ...prev,
+        scopeStack: newStack,
+        query: ""
+      }));
+    };
+    navigationStore.setQuery = (query) => {
+      baseStore.setState((prev) => ({ ...prev, query }));
+    };
+    navigationStore.open = () => {
+      baseStore.setState(() => ({
+        scopeStack: [{ scope: "root", selectedIndex: 0 }],
+        query: "",
+        isActive: true
+      }));
+    };
+    navigationStore.close = () => {
+      baseStore.setState(() => ({
+        scopeStack: [{ scope: "root", selectedIndex: 0 }],
+        query: "",
+        isActive: false
+      }));
+    };
+    return navigationStore;
+  });
+  return store;
+}
+export {
+  getCurrentScope,
+  getSelectedIndex,
+  useMenuNavigation
+};
+//# sourceMappingURL=use-menu-navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-navigation.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/use-menu-navigation.ts"],"sourcesContent":["import { Store } from '@tanstack/store';\nimport { useState } from 'react';\nimport type { MenuScope } from '../data/types';\n\n/**\n * Stack entry with scope and selected item position\n *\n * When navigating forward, we save the current selectedIndex so we can restore\n * it when navigating back (like browser history).\n */\nexport interface ScopeStackEntry {\n  scope: MenuScope;\n  selectedIndex: number; // Position of selected item when we left this scope\n  breadcrumbLabel?: string; // Display name for this scope, when it isn't a known category\n  parentScope?: MenuScope; // Scope we navigated from\n}\n\n/**\n * Menu navigation state - tracks current navigation context\n *\n * This is the \"current UI state\" that changes as user navigates and types.\n * Cleared when menu opens/closes.\n *\n * Uses a navigation stack for proper back button behavior:\n * - Forward navigation: push to stack (with current selectedIndex)\n * - Back navigation: pop from stack (restore selectedIndex)\n * - Current scope: last item in stack\n * - Parent scope: second-to-last item in stack\n */\nexport interface MenuNavigationState {\n  // Navigation stack (browser-like history)\n  // Example: [{ scope: 'root', selectedIndex: 2 }, { scope: 'folder_123', selectedIndex: 0 }]\n  // Current scope = scopeStack[scopeStack.length - 1].scope\n  // Parent scope = scopeStack[scopeStack.length - 2].scope\n  scopeStack: ScopeStackEntry[];\n\n  // Current search query\n  query: string;\n\n  // Is menu currently active?\n  isActive: boolean;\n}\n\n/**\n * Menu navigation store with helper methods\n */\nexport interface MenuNavigationStore extends Store<MenuNavigationState> {\n  navigateTo: (\n    scope: MenuScope,\n    currentSelectedIndex: number,\n    options?: { breadcrumbLabel?: string; parentScope?: MenuScope },\n  ) => void;\n  navigateBack: () => void;\n  setQuery: (query: string) => void;\n  open: () => void;\n  close: () => void;\n}\n\n/**\n * Get current scope from state\n */\nexport function getCurrentScope(state: MenuNavigationState): MenuScope {\n  const lastEntry = state.scopeStack[state.scopeStack.length - 1];\n  return lastEntry?.scope ?? \"root\";\n}\n\n/**\n * Get parent scope from state (for source inheritance)\n */\nexport function getParentScope(state: MenuNavigationState): MenuScope | undefined {\n  if (state.scopeStack.length <= 1) return undefined;\n  const parentEntry = state.scopeStack[state.scopeStack.length - 2];\n  return parentEntry?.scope;\n}\n\n/**\n * Get selected index from current scope stack entry\n */\nexport function getSelectedIndex(state: MenuNavigationState): number {\n  const lastEntry = state.scopeStack[state.scopeStack.length - 1];\n  return lastEntry?.selectedIndex ?? 0;\n}\n\n/**\n * useMenuNavigation - Creates per-editor navigation state\n *\n * This is a UI concern - each editor instance gets its own navigation state.\n *\n * Returns a TanStack Store with navigation helper methods.\n */\nexport function useMenuNavigation(): MenuNavigationStore {\n  const [store] = useState(() => {\n    const baseStore = new Store<MenuNavigationState>({\n      scopeStack: [{ scope: 'root', selectedIndex: 0 }],\n      query: '',\n      isActive: false,\n    });\n\n    // Extend store with navigation methods\n    const navigationStore = baseStore as MenuNavigationStore;\n\n    navigationStore.navigateTo = (\n      scope: MenuScope,\n      currentSelectedIndex: number,\n      options?: { breadcrumbLabel?: string; parentScope?: MenuScope },\n    ) => {\n      const state = baseStore.state;\n\n      // Save current selectedIndex in the current entry before navigating forward\n      const updatedStack = [...state.scopeStack];\n      if (updatedStack.length > 0) {\n        updatedStack[updatedStack.length - 1] = {\n          ...updatedStack[updatedStack.length - 1],\n          selectedIndex: currentSelectedIndex,\n        };\n      }\n\n      // Push new scope with selectedIndex = 0 (start at top of new scope)\n      const newStack = [\n        ...updatedStack,\n        {\n          scope,\n          selectedIndex: 0,\n          breadcrumbLabel: options?.breadcrumbLabel,\n          parentScope: options?.parentScope,\n        },\n      ];\n\n      baseStore.setState((prev) => ({\n        ...prev,\n        scopeStack: newStack,\n        query: '',\n      }));\n    };\n\n    navigationStore.navigateBack = () => {\n      const state = baseStore.state;\n\n      if (state.scopeStack.length <= 1) {\n        return;\n      }\n\n      const newStack = state.scopeStack.slice(0, -1);\n\n      baseStore.setState((prev) => ({\n        ...prev,\n        scopeStack: newStack,\n        query: '',\n      }));\n    };\n\n    navigationStore.setQuery = (query: string) => {\n      baseStore.setState((prev) => ({ ...prev, query }));\n    };\n\n    navigationStore.open = () => {\n      baseStore.setState(() => ({\n        scopeStack: [{ scope: 'root', selectedIndex: 0 }],\n        query: '',\n        isActive: true,\n      }));\n    };\n\n    navigationStore.close = () => {\n      baseStore.setState(() => ({\n        scopeStack: [{ scope: 'root', selectedIndex: 0 }],\n        query: '',\n        isActive: false,\n      }));\n    };\n\n    return navigationStore;\n  });\n\n  return store;\n}\n"],"names":[],"mappings":";;AA6DO,SAAS,gBAAgB,OAAuC;AACrE,QAAM,YAAY,MAAM,WAAW,MAAM,WAAW,SAAS,CAAC;AAC9D,UAAO,uCAAW,UAAS;AAC7B;AAcO,SAAS,iBAAiB,OAAoC;AACnE,QAAM,YAAY,MAAM,WAAW,MAAM,WAAW,SAAS,CAAC;AAC9D,UAAO,uCAAW,kBAAiB;AACrC;AASO,SAAS,oBAAyC;AACvD,QAAM,CAAC,KAAK,IAAI,SAAS,MAAM;AAC7B,UAAM,YAAY,IAAI,MAA2B;AAAA,MAC/C,YAAY,CAAC,EAAE,OAAO,QAAQ,eAAe,GAAG;AAAA,MAChD,OAAO;AAAA,MACP,UAAU;AAAA,IAAA,CACX;AAGD,UAAM,kBAAkB;AAExB,oBAAgB,aAAa,CAC3B,OACA,sBACA,YACG;AACH,YAAM,QAAQ,UAAU;AAGxB,YAAM,eAAe,CAAC,GAAG,MAAM,UAAU;AACzC,UAAI,aAAa,SAAS,GAAG;AAC3B,qBAAa,aAAa,SAAS,CAAC,IAAI;AAAA,UACtC,GAAG,aAAa,aAAa,SAAS,CAAC;AAAA,UACvC,eAAe;AAAA,QAAA;AAAA,MAEnB;AAGA,YAAM,WAAW;AAAA,QACf,GAAG;AAAA,QACH;AAAA,UACE;AAAA,UACA,eAAe;AAAA,UACf,iBAAiB,mCAAS;AAAA,UAC1B,aAAa,mCAAS;AAAA,QAAA;AAAA,MACxB;AAGF,gBAAU,SAAS,CAAC,UAAU;AAAA,QAC5B,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA,EACP;AAAA,IACJ;AAEA,oBAAgB,eAAe,MAAM;AACnC,YAAM,QAAQ,UAAU;AAExB,UAAI,MAAM,WAAW,UAAU,GAAG;AAChC;AAAA,MACF;AAEA,YAAM,WAAW,MAAM,WAAW,MAAM,GAAG,EAAE;AAE7C,gBAAU,SAAS,CAAC,UAAU;AAAA,QAC5B,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA,EACP;AAAA,IACJ;AAEA,oBAAgB,WAAW,CAAC,UAAkB;AAC5C,gBAAU,SAAS,CAAC,UAAU,EAAE,GAAG,MAAM,QAAQ;AAAA,IACnD;AAEA,oBAAgB,OAAO,MAAM;AAC3B,gBAAU,SAAS,OAAO;AAAA,QACxB,YAAY,CAAC,EAAE,OAAO,QAAQ,eAAe,GAAG;AAAA,QAChD,OAAO;AAAA,QACP,UAAU;AAAA,MAAA,EACV;AAAA,IACJ;AAEA,oBAAgB,QAAQ,MAAM;AAC5B,gBAAU,SAAS,OAAO;AAAA,QACxB,YAAY,CAAC,EAAE,OAAO,QAAQ,eAAe,GAAG;AAAA,QAChD,OAAO;AAAA,QACP,UAAU;AAAA,MAAA,EACV;AAAA,IACJ;AAEA,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;"}