@athenaintel/react 0.13.0 → 0.15.0

package/dist/chat-ui.js

@@ -0,0 +1,2085 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { a4 as createLucideIcon, W as Node, z as mergeAttributes, a0 as Extension, av as Suggestion, at as useFloating, au as FloatingPortal, q as autoUpdate, o as offset, k as flip, s as shift, ar as getFilteredItems, aY as getFetchState, aZ as getEntry, a_ as updateFetchState, az as addItems, ay as registerSource, a$ as bindScopes, aq as useStore, ag as FileText, a6 as Workflow, aj as BookOpen, aM as Sheet, aK as Table, ah as Database, ai as Calendar, aa as Mail, aL as Image, a9 as Monitor, aI as Code, aN as Camera, ab as LayoutGrid, ac as HardDrive, a8 as Package, a5 as Wrench, a7 as Users, aJ as Search, ad as Globe, ae as FolderKanban, af as Folder, aU as File$1, t as cn, ax as Store, b0 as getSearchScope, b1 as assetTypeToThumb, b2 as fetchGraphQL, b3 as PAGINATED_ASSETS_QUERY, b4 as WORKSPACE_MEMBERS_QUERY, b5 as SIMPLE_SEARCH_QUERY, b6 as assetTypeToIcon, b7 as useMentionAuth, aB as createScopeRegistry, aA as createItemCache, an as useEditor, ap as StarterKit, aE as Placeholder, ao as EditorContent } from "./composer-send-or-stop-C5AVmcwO.js";
+import { b8, b9, ba, bb, bc, aQ, aP, bd, aR, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA } from "./composer-send-or-stop-C5AVmcwO.js";
+import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { useEffect, useState, useRef, Fragment, useImperativeHandle, forwardRef, useCallback, useMemo, useId } from "react";
+import { useAui, unstable_useComposerInput } from "@assistant-ui/react";
+import "@assistant-ui/tap";
+import "statewire";
+import "@assistant-ui/store";
+import "@assistant-ui/react-statewire";
+const mentionHandlersByThread = /* @__PURE__ */ new Map();
+function registerChatAssetMentionHandler(threadId, handler) {
+  mentionHandlersByThread.set(threadId, handler);
+  return () => {
+    if (mentionHandlersByThread.get(threadId) === handler) {
+      mentionHandlersByThread.delete(threadId);
+    }
+  };
+}
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$k = [
+  ["path", { d: "M10 12h4", key: "a56b0p" }],
+  ["path", { d: "M10 8h4", key: "1sr2af" }],
+  ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
+  [
+    "path",
+    {
+      d: "M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",
+      key: "secmi2"
+    }
+  ],
+  ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
+];
+const Building2 = createLucideIcon("building-2", __iconNode$k);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$j = [
+  ["path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z", key: "p7xjir" }]
+];
+const Cloud = createLucideIcon("cloud", __iconNode$j);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$i = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+];
+const Eye = createLucideIcon("eye", __iconNode$i);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$h = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
+  ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
+];
+const FileCode = createLucideIcon("file-code", __iconNode$h);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$g = [
+  [
+    "path",
+    {
+      d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3",
+      key: "1xhozi"
+    }
+  ]
+];
+const Headphones = createLucideIcon("headphones", __iconNode$g);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$f = [
+  ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
+  ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
+  ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
+];
+const Key = createLucideIcon("key", __iconNode$f);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$e = [
+  ["path", { d: "M10 8h.01", key: "1r9ogq" }],
+  ["path", { d: "M12 12h.01", key: "1mp3jc" }],
+  ["path", { d: "M14 8h.01", key: "1primd" }],
+  ["path", { d: "M16 12h.01", key: "1l6xoz" }],
+  ["path", { d: "M18 8h.01", key: "emo2bl" }],
+  ["path", { d: "M6 8h.01", key: "x9i8wu" }],
+  ["path", { d: "M7 16h10", key: "wp8him" }],
+  ["path", { d: "M8 12h.01", key: "czm47f" }],
+  ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }]
+];
+const Keyboard = createLucideIcon("keyboard", __iconNode$e);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$d = [
+  ["rect", { width: "7", height: "9", x: "3", y: "3", rx: "1", key: "10lvy0" }],
+  ["rect", { width: "7", height: "5", x: "14", y: "3", rx: "1", key: "16une8" }],
+  ["rect", { width: "7", height: "9", x: "14", y: "12", rx: "1", key: "1hutg5" }],
+  ["rect", { width: "7", height: "5", x: "3", y: "16", rx: "1", key: "ldoo1y" }]
+];
+const LayoutDashboard = createLucideIcon("layout-dashboard", __iconNode$d);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$c = [
+  ["path", { d: "m16 6 4 14", key: "ji33uf" }],
+  ["path", { d: "M12 6v14", key: "1n7gus" }],
+  ["path", { d: "M8 8v12", key: "1gg7y9" }],
+  ["path", { d: "M4 4v16", key: "6qkkli" }]
+];
+const Library = createLucideIcon("library", __iconNode$c);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$b = [
+  ["path", { d: "M12 19v3", key: "npa21l" }],
+  ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
+  ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
+];
+const Mic = createLucideIcon("mic", __iconNode$b);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$a = [
+  [
+    "path",
+    {
+      d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",
+      key: "e79jfc"
+    }
+  ],
+  ["circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", key: "1okk4w" }],
+  ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
+  ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
+  ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }]
+];
+const Palette = createLucideIcon("palette", __iconNode$a);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$9 = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 9h18", key: "1pudct" }],
+  ["path", { d: "M9 21V9", key: "1oto5p" }]
+];
+const PanelsTopLeft = createLucideIcon("panels-top-left", __iconNode$9);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$8 = [
+  [
+    "path",
+    {
+      d: "M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z",
+      key: "nt11vn"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18",
+      key: "15qc1e"
+    }
+  ],
+  ["path", { d: "m2.3 2.3 7.286 7.286", key: "1wuzzi" }],
+  ["circle", { cx: "11", cy: "11", r: "2", key: "xmgehs" }]
+];
+const PenTool = createLucideIcon("pen-tool", __iconNode$8);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$7 = [
+  [
+    "path",
+    {
+      d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",
+      key: "9njp5v"
+    }
+  ]
+];
+const Phone = createLucideIcon("phone", __iconNode$7);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$6 = [
+  ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }]
+];
+const Smartphone = createLucideIcon("smartphone", __iconNode$6);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
+  [
+    "path",
+    {
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+      key: "1s2grr"
+    }
+  ],
+  ["path", { d: "M20 2v4", key: "1rf3ol" }],
+  ["path", { d: "M22 4h-4", key: "gwowj6" }],
+  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
+];
+const Sparkles = createLucideIcon("sparkles", __iconNode$5);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$4 = [
+  [
+    "path",
+    { d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344", key: "2acyp4" }
+  ],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+];
+const SquareCheckBig = createLucideIcon("square-check-big", __iconNode$4);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  [
+    "path",
+    {
+      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+      key: "r04s7s"
+    }
+  ]
+];
+const Star = createLucideIcon("star", __iconNode$3);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+];
+const User = createLucideIcon("user", __iconNode$2);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$1 = [
+  [
+    "path",
+    {
+      d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
+      key: "ftymec"
+    }
+  ],
+  ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
+];
+const Video = createLucideIcon("video", __iconNode$1);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode = [
+  [
+    "path",
+    {
+      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+      key: "1xq2db"
+    }
+  ]
+];
+const Zap = createLucideIcon("zap", __iconNode);
+function makeMentionUrl(attrs) {
+  if (attrs.type === "tool") {
+    return `mention://tool?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? "")}`;
+  }
+  if (attrs.type === "asset") {
+    const params2 = new URLSearchParams({ asset_ids: attrs.id });
+    if (attrs.assetType) params2.set("assetType", attrs.assetType);
+    return `/dashboard/spaces?${params2.toString()}`;
+  }
+  if (attrs.type === "tab") {
+    const params2 = new URLSearchParams({
+      tab_id: attrs.id,
+      url: attrs.url ?? "",
+      title: attrs.title ?? attrs.name
+    });
+    return `mention://webpage?${params2.toString()}`;
+  }
+  const params = new URLSearchParams();
+  params.set("id", attrs.id);
+  if (attrs.assetType) params.set("assetType", attrs.assetType);
+  if (attrs.thumbnailUrl) params.set("thumb", attrs.thumbnailUrl);
+  return `mention://${encodeURIComponent(attrs.type)}?${params.toString()}`;
+}
+function parseMentionAnchorAttributes({
+  href,
+  textContent
+}) {
+  const url = new URL(href);
+  const isWebpage = url.hostname === "webpage";
+  return {
+    type: isWebpage ? "tab" : url.hostname || "tool",
+    name: (textContent == null ? void 0 : textContent.replace(/^@/, "")) || "",
+    id: isWebpage ? url.searchParams.get("tab_id") || "" : url.searchParams.get("name") || url.searchParams.get("id") || "",
+    title: url.searchParams.get("title") || "",
+    url: url.searchParams.get("url") || "",
+    description: url.searchParams.get("description") || "",
+    thumbnailUrl: url.searchParams.get("thumb") || "",
+    fallbackIcon: "",
+    assetType: url.searchParams.get("assetType") || ""
+  };
+}
+const MentionExtension = Node.create({
+  name: "mention",
+  group: "inline",
+  inline: true,
+  selectable: false,
+  atom: true,
+  addAttributes() {
+    return {
+      type: { default: "tool" },
+      name: { default: "" },
+      id: { default: "" },
+      title: { default: "" },
+      url: { default: "" },
+      description: { default: "" },
+      thumbnailUrl: { default: "" },
+      fallbackIcon: { default: "" },
+      assetType: { default: "" }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "span[data-mention]",
+        getAttrs: (dom) => {
+          var _a;
+          const el = dom;
+          return {
+            type: el.getAttribute("data-type") || "tool",
+            name: el.getAttribute("data-name") || ((_a = el.textContent) == null ? void 0 : _a.replace(/^@/, "")) || "",
+            id: el.getAttribute("data-id") || "",
+            title: el.getAttribute("data-title") || "",
+            url: el.getAttribute("data-url") || "",
+            description: el.getAttribute("data-description") || "",
+            thumbnailUrl: el.getAttribute("data-thumbnail-url") || "",
+            fallbackIcon: el.getAttribute("data-fallback-icon") || "",
+            assetType: el.getAttribute("data-asset-type") || ""
+          };
+        }
+      },
+      {
+        tag: "a[href^='mention://']",
+        getAttrs: (dom) => {
+          const el = dom;
+          return parseMentionAnchorAttributes({
+            href: el.href,
+            textContent: el.textContent
+          });
+        }
+      }
+    ];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    const thumbnailUrl = node.attrs.thumbnailUrl;
+    const children = [];
+    if (thumbnailUrl) {
+      children.push([
+        "img",
+        {
+          src: thumbnailUrl,
+          alt: "",
+          class: "mention-chip-icon",
+          draggable: "false"
+        }
+      ]);
+    }
+    children.push(["span", { class: "mention-chip-text" }, node.attrs.name]);
+    return [
+      "span",
+      mergeAttributes(HTMLAttributes, {
+        "data-mention": "",
+        "data-type": node.attrs.type,
+        "data-name": node.attrs.name,
+        "data-id": node.attrs.id,
+        "data-title": node.attrs.title || "",
+        "data-url": node.attrs.url || "",
+        "data-thumbnail-url": node.attrs.thumbnailUrl || "",
+        "data-asset-type": node.attrs.assetType || "",
+        class: "mention-chip"
+      }),
+      ...children
+    ];
+  },
+  renderText({ node }) {
+    const url = makeMentionUrl({
+      id: node.attrs.id,
+      type: node.attrs.type,
+      name: node.attrs.name,
+      title: node.attrs.title,
+      url: node.attrs.url,
+      description: node.attrs.description,
+      thumbnailUrl: node.attrs.thumbnailUrl,
+      assetType: node.attrs.assetType
+    });
+    return `[@${node.attrs.name}](${url})`;
+  }
+});
+const MentionSuggestionsExtension = Extension.create({
+  name: "mentionSuggestions",
+  addOptions() {
+    return {
+      store: null,
+      callbacks: null
+    };
+  },
+  addProseMirrorPlugins() {
+    const callbacks = this.options.callbacks;
+    return [
+      Suggestion({
+        editor: this.editor,
+        char: "@",
+        allowSpaces: false,
+        startOfLine: false,
+        allowedPrefixes: [" ", "	", "\n", "\r", "(", "[", "{", '"', "'", " "],
+        items: () => [],
+        command: ({ editor, range, props }) => {
+          var _a, _b, _c;
+          const item = props;
+          if (item.navigatesToScope || item.isNavigationOnly) return;
+          editor.chain().focus().deleteRange(range).insertContent({
+            type: "mention",
+            attrs: {
+              type: item.type,
+              name: item.name,
+              id: item.type === "tab" && typeof ((_a = item.extra) == null ? void 0 : _a.tabId) === "number" ? String(item.extra.tabId) : item.id,
+              title: item.type === "tab" && typeof ((_b = item.extra) == null ? void 0 : _b.title) === "string" ? item.extra.title : item.name,
+              url: item.url ?? "",
+              description: item.description ?? "",
+              thumbnailUrl: item.thumbnailUrl ?? "",
+              fallbackIcon: item.fallbackIcon ?? "",
+              assetType: typeof ((_c = item.extra) == null ? void 0 : _c.athenaOriginalType) === "string" ? item.extra.athenaOriginalType : ""
+            }
+          }).insertContent(" ").run();
+        },
+        render: () => ({
+          onStart: (props) => {
+            callbacks == null ? void 0 : callbacks.onStart({
+              query: props.query,
+              command: (item) => props.command(item),
+              clientRect: props.clientRect ?? null,
+              editor: props.editor
+            });
+          },
+          onUpdate: (props) => {
+            callbacks == null ? void 0 : callbacks.onUpdate({
+              query: props.query,
+              command: (item) => props.command(item),
+              clientRect: props.clientRect ?? null,
+              editor: props.editor
+            });
+          },
+          onKeyDown: ({ event }) => {
+            return (callbacks == null ? void 0 : callbacks.onKeyDown(event)) ?? false;
+          },
+          onExit: () => {
+            callbacks == null ? void 0 : callbacks.onExit();
+          }
+        })
+      })
+    ];
+  }
+});
+const MentionSuggestionPopup = ({ clientRect, children }) => {
+  const { refs, floatingStyles } = useFloating({
+    placement: "bottom-start",
+    middleware: [offset(10), flip(), shift({ padding: 8 })],
+    whileElementsMounted: autoUpdate
+  });
+  useEffect(() => {
+    if (clientRect) {
+      refs.setPositionReference({
+        getBoundingClientRect: () => clientRect() ?? new DOMRect()
+      });
+    }
+  }, [clientRect, refs]);
+  return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: refs.setFloating,
+      style: floatingStyles,
+      className: "z-[9999]",
+      onMouseDown: (e) => e.preventDefault(),
+      children
+    }
+  ) });
+};
+const MAX_ERROR_RETRIES = 3;
+function selectItems(store, scope, query, _targetCount, parentScope) {
+  const state = store.state;
+  const scopeId = typeof scope === "string" ? scope : scope.id;
+  const parentScopeId = parentScope ? typeof parentScope === "string" ? parentScope : parentScope.id : void 0;
+  const items = getFilteredItems(state.cache, scopeId, query);
+  let isFetching = false;
+  let hasMore = true;
+  try {
+    const fetchState = getFetchState(state.registry, scopeId, query, parentScopeId);
+    isFetching = fetchState.isFetching;
+    hasMore = fetchState.hasNextPage;
+  } catch {
+    hasMore = false;
+  }
+  return { items, isFetching, hasMore };
+}
+function triggerFetchIfNeeded(store, scope, query, _targetCount, parentScope) {
+  const scopeId = typeof scope === "string" ? scope : scope.id;
+  const parentScopeId = parentScope ? typeof parentScope === "string" ? parentScope : parentScope.id : void 0;
+  const state = store.state;
+  let entry;
+  try {
+    entry = getEntry(state.registry, scopeId, parentScopeId);
+  } catch {
+    return;
+  }
+  const fetchState = getFetchState(state.registry, scopeId, query, parentScopeId);
+  if (fetchState.isFetching || !fetchState.hasNextPage || fetchState.error) {
+    return;
+  }
+  const meta = fetchState.meta || {};
+  if ((meta.fetchAttempts || 0) >= 10) return;
+  updateFetchState(state.registry, scopeId, query, { isFetching: true }, parentScopeId);
+  store.setState((prev) => ({ ...prev }));
+  const sourceFn = entry.sourceFn;
+  const sourceConfig = entry.sourceConfig;
+  sourceFn({
+    scope: scopeId,
+    query,
+    fetchState,
+    sourceConfig
+  }).then((result) => {
+    var _a, _b;
+    const currentState = store.state;
+    addItems(currentState.cache, result.items, scopeId);
+    if (result.sources) {
+      for (const src of result.sources) {
+        try {
+          getEntry(currentState.registry, src.scope);
+        } catch {
+          registerSource(
+            currentState.registry,
+            src.scope,
+            src.sourceFn,
+            src.sourceConfig,
+            src.isFlat
+          );
+        }
+      }
+    }
+    if (result.bindings) {
+      for (const binding of result.bindings) {
+        bindScopes(currentState.registry, binding.browseScope, binding.searchScope);
+      }
+    }
+    const currentMeta = fetchState.meta || {};
+    const consumed = ((_a = result.pagination) == null ? void 0 : _a.consumedCount) ?? result.items.length;
+    const newValidated = (currentMeta.validatedCount || 0) + consumed;
+    updateFetchState(
+      currentState.registry,
+      scopeId,
+      query,
+      {
+        isFetching: false,
+        hasNextPage: ((_b = result.pagination) == null ? void 0 : _b.hasMore) ?? false,
+        error: null,
+        meta: {
+          ...currentMeta,
+          ...result.meta,
+          validatedCount: newValidated,
+          fetchAttempts: (currentMeta.fetchAttempts || 0) + 1,
+          errorAttempts: 0
+        }
+      },
+      parentScopeId
+    );
+    store.setState((prev) => ({ ...prev }));
+  }).catch((error) => {
+    console.error(`[orchestrator] Fetch error for scope ${scopeId}:`, error);
+    const currentState = store.state;
+    const currentMeta = fetchState.meta || {};
+    const errorAttempts = (currentMeta.errorAttempts || 0) + 1;
+    const retriable = errorAttempts < MAX_ERROR_RETRIES;
+    updateFetchState(
+      currentState.registry,
+      scopeId,
+      query,
+      {
+        isFetching: false,
+        hasNextPage: retriable,
+        error: retriable ? null : error instanceof Error ? error : new Error(String(error)),
+        meta: { ...currentMeta, errorAttempts }
+      },
+      parentScopeId
+    );
+    store.setState((prev) => ({ ...prev }));
+  });
+}
+function useMenuItems(store, options) {
+  const { scope, query = "", minItems = 50, parentScope } = options;
+  const [targetCount, setTargetCount] = useState(minItems);
+  useEffect(() => {
+    setTargetCount(minItems);
+  }, [scope, query, minItems]);
+  const snapshot = useStore(
+    store,
+    () => selectItems(store, scope, query, targetCount, parentScope)
+  );
+  useEffect(() => {
+    if (snapshot.items.length < targetCount && snapshot.hasMore && !snapshot.isFetching) {
+      triggerFetchIfNeeded(store, scope, query, targetCount, parentScope);
+    }
+  }, [
+    store,
+    scope,
+    query,
+    targetCount,
+    parentScope,
+    snapshot.items.length,
+    snapshot.hasMore,
+    snapshot.isFetching
+  ]);
+  const loadMore = () => {
+    if (snapshot.hasMore && !snapshot.isFetching) {
+      setTargetCount((prev) => prev + 50);
+    }
+  };
+  return {
+    items: snapshot.items,
+    isFetching: snapshot.isFetching,
+    hasMore: snapshot.hasMore,
+    loadMore,
+    targetCount
+    // Expose for debugging
+  };
+}
+const KNOWN_SCOPE_NAMES = {
+  root: "All",
+  global_search: "Search",
+  // Legacy order: my_spaces, favorites, assets, folders, tools, toolkits, team, workspace, drives
+  my_spaces: "My Spaces",
+  favorites: "Favorites",
+  athena_assets: "Assets",
+  athena_folders: "Folders",
+  tools: "Tools",
+  toolkits: "Toolkits",
+  team: "Team",
+  workspace: "Workspace",
+  drive_catalogs: "Drives",
+  athena_projects: "Projects",
+  athena_browse_profiles: "Browse Profiles",
+  // Additional scopes
+  asset_search: "Search"
+};
+function getScopeName(scope, store) {
+  const knownName = KNOWN_SCOPE_NAMES[scope];
+  if (knownName) {
+    return knownName;
+  }
+  const { cache } = store.state;
+  const allItems = Object.values(cache.items);
+  const item = allItems.find((item2) => item2.navigatesToScope === scope);
+  if (item) {
+    return item.name;
+  }
+  return scope.split("_").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+const MentionMenuSection = {
+  CURRENT_WEBPAGE: "current-webpage",
+  OTHER_WEBPAGES: "other-webpages",
+  LIBRARY: "library"
+};
+const ICON_MAP = {
+  // General
+  file: File$1,
+  "file-text": FileText,
+  "file-code": FileCode,
+  folder: Folder,
+  "folder-kanban": FolderKanban,
+  globe: Globe,
+  search: Search,
+  star: Star,
+  users: Users,
+  user: User,
+  wrench: Wrench,
+  package: Package,
+  "building-2": Building2,
+  "hard-drive": HardDrive,
+  "layout-grid": LayoutGrid,
+  zap: Zap,
+  eye: Eye,
+  // Chrome tools
+  camera: Camera,
+  keyboard: Keyboard,
+  code: Code,
+  monitor: Monitor,
+  // Asset types
+  image: Image,
+  video: Video,
+  headphones: Headphones,
+  mic: Mic,
+  mail: Mail,
+  calendar: Calendar,
+  phone: Phone,
+  database: Database,
+  table: Table,
+  sheet: Sheet,
+  palette: Palette,
+  "pen-tool": PenTool,
+  layout: PanelsTopLeft,
+  "layout-dashboard": LayoutDashboard,
+  library: Library,
+  "book-open": BookOpen,
+  sparkles: Sparkles,
+  "check-square": SquareCheckBig,
+  key: Key,
+  smartphone: Smartphone,
+  cloud: Cloud,
+  workflow: Workflow,
+  presentation: FileText
+  // Fallback for presentation type
+};
+function MentionIcon({
+  fallbackIcon,
+  thumbnailUrl,
+  alt,
+  className = "w-4 h-4 flex-shrink-0"
+}) {
+  if (thumbnailUrl) {
+    return /* @__PURE__ */ jsx("img", { src: thumbnailUrl, alt: alt ?? "", className });
+  }
+  const Icon = fallbackIcon ? ICON_MAP[fallbackIcon] : void 0;
+  if (Icon) return /* @__PURE__ */ jsx(Icon, { className });
+  if (fallbackIcon) return /* @__PURE__ */ jsx("span", { className: "text-sm flex-shrink-0", children: fallbackIcon });
+  return /* @__PURE__ */ jsx(File$1, { className });
+}
+function MenuItemRow({
+  item,
+  isSelected,
+  onMouseEnter,
+  onClick,
+  showArrow
+}) {
+  var _a, _b;
+  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" })
+          ] }),
+          /* @__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,
+          ((_b = item.extra) == null ? void 0 : _b.isAdminOnly) && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0" })
+        ] }),
+        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: "→" }) })
+      ]
+    }
+  );
+}
+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)) });
+}
+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"
+      }
+    )
+  ] });
+}
+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);
+  }) });
+}
+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" })
+        ]
+      }
+    )
+  ] }) });
+}
+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]
+  );
+}
+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;
+}
+function clearTextAfterTrigger(editor) {
+  const { state } = editor;
+  const { from: cursorPos } = state.selection;
+  const backwardText = state.doc.textBetween(0, cursorPos, void 0, "");
+  const triggerIndex = backwardText.lastIndexOf("@");
+  if (triggerIndex === -1) return;
+  const offset2 = backwardText.length - triggerIndex;
+  const from = cursorPos - offset2 + 1;
+  const to = cursorPos;
+  if (from < to) {
+    const tr = state.tr.deleteRange(from, to);
+    editor.view.dispatch(tr);
+  }
+}
+const MentionSuggestionList = forwardRef(({ store, editor, query, command, closeMenu }, ref) => {
+  const [selectedIndexOverride, setSelectedIndexOverride] = useState(null);
+  const navStore = useMenuNavigation();
+  const currentScopeId = useStore(navStore, (s) => getCurrentScope(s));
+  const navSelectedIndex = useStore(navStore, (s) => getSelectedIndex(s));
+  const selectedIndex = selectedIndexOverride ?? navSelectedIndex;
+  const scopeStack = useStore(navStore, (s) => s.scopeStack);
+  let effectiveScopeId = currentScopeId;
+  if (query) {
+    try {
+      const searchScope = getSearchScope(store.state.registry, currentScopeId);
+      if (searchScope) {
+        effectiveScopeId = searchScope;
+      }
+    } catch {
+    }
+  }
+  const { items, isFetching, hasMore, loadMore } = useMenuItems(store, {
+    scope: effectiveScopeId,
+    query,
+    minItems: 50,
+    parentScope: currentScopeId !== effectiveScopeId ? currentScopeId : void 0
+  });
+  useEffect(() => {
+    setSelectedIndexOverride(null);
+  }, [query, effectiveScopeId]);
+  const scopePath = scopeStack.map((entry) => ({
+    id: entry.scope,
+    name: entry.breadcrumbLabel ?? getScopeName(entry.scope, store)
+  }));
+  const handleSelect = useCallback(
+    (item) => {
+      if (item.navigatesToScope) {
+        navStore.navigateTo(item.navigatesToScope, selectedIndex, {
+          breadcrumbLabel: item.name,
+          parentScope: currentScopeId
+        });
+        clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+        return;
+      }
+      command(item);
+    },
+    [command, editor, navStore, selectedIndex, currentScopeId]
+  );
+  const handleBack = useCallback(() => {
+    navStore.navigateBack();
+    clearTextAfterTrigger(editor);
+    setSelectedIndexOverride(null);
+  }, [editor, navStore]);
+  const handleBreadcrumbNavigate = useCallback(
+    (targetScopeId) => {
+      const targetIdx = scopeStack.findIndex((entry) => entry.scope === targetScopeId);
+      if (targetIdx >= 0) {
+        const popsNeeded = scopeStack.length - 1 - targetIdx;
+        for (let i = 0; i < popsNeeded; i++) {
+          navStore.navigateBack();
+        }
+        clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+      }
+    },
+    [editor, navStore, scopeStack]
+  );
+  useKeyboardNavigation(ref, {
+    items,
+    selectedIndex,
+    onSelect: handleSelect,
+    onBack: currentScopeId !== "root" ? handleBack : void 0,
+    onClose: () => closeMenu(true),
+    setSelectedIndex: (idx) => {
+      setSelectedIndexOverride(idx);
+    }
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white border border-gray-300 rounded shadow-lg min-w-[280px] max-w-[380px] max-h-[320px] flex flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+      MenuList,
+      {
+        items,
+        selectedIndex,
+        isLoading: isFetching,
+        hasMore,
+        onSelect: handleSelect,
+        onMouseEnter: (idx) => {
+          setSelectedIndexOverride(idx);
+        },
+        onLoadMore: loadMore
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      MenuSummary,
+      {
+        scopePath,
+        onNavigate: handleBreadcrumbNavigate,
+        onBackClick: currentScopeId !== "root" ? handleBack : void 0,
+        isFetching
+      }
+    )
+  ] });
+});
+MentionSuggestionList.displayName = "MentionSuggestionList";
+function assetToMenuItem(asset) {
+  const isFolder = asset.athenaOriginalType === "folder";
+  return {
+    id: asset.id,
+    name: asset.title || "Untitled",
+    type: isFolder ? "folder" : "asset",
+    thumbnailUrl: assetTypeToThumb(asset.athenaOriginalType),
+    fallbackIcon: assetTypeToIcon(asset.athenaOriginalType),
+    navigatesToScope: isFolder ? asset.id : void 0,
+    visibleInScopes: /* @__PURE__ */ new Set(),
+    updatedAt: asset.updatedAt ?? void 0,
+    extra: {
+      athenaOriginalType: asset.athenaOriginalType,
+      parentFolderId: asset.parentFolderId
+    }
+  };
+}
+async function querySimpleSearch(auth, opts) {
+  var _a, _b;
+  const searchRequest = {
+    query: ((_a = opts.query) == null ? void 0 : _a.trim()) || "",
+    type: opts.includeTypes || [],
+    notType: opts.excludeTypes || [],
+    limit: opts.limit,
+    offset: opts.offset
+  };
+  const input = {
+    searchRequest,
+    returnFullAsset: true,
+    shouldCalculateTotal: false,
+    sort: { field: "UPDATED_AT", direction: "DESC" },
+    filterColumns: { isArchived: false, isHidden: false }
+  };
+  const data = await fetchGraphQL(
+    auth,
+    SIMPLE_SEARCH_QUERY,
+    { input }
+  );
+  const assets = ((_b = data.simpleSearch) == null ? void 0 : _b.assets) || [];
+  return {
+    items: assets.map(assetToMenuItem),
+    hasMore: assets.length === opts.limit
+  };
+}
+const CATEGORY_DEFS = {
+  favorites: { name: "Favorites", icon: "star", scope: "favorites" },
+  assets: { name: "Assets", icon: "file-text", scope: "athena_assets" },
+  projects: { name: "Projects", icon: "folder-kanban", scope: "athena_projects" },
+  browse_profiles: { name: "Browse Profiles", icon: "globe", scope: "athena_browse_profiles" },
+  folders: { name: "Folders", icon: "folder", scope: "athena_folders" },
+  team: { name: "Team", icon: "users", scope: "team" },
+  drives: { name: "Drives", icon: "hard-drive", scope: "drive_catalogs" }
+};
+function webpageDescription(webpage) {
+  try {
+    const hostname = new URL(webpage.url).hostname;
+    return webpage.isCurrent ? `${webpage.title} · ${hostname}` : hostname;
+  } catch {
+    return webpage.title;
+  }
+}
+function webpageToMenuItem(webpage) {
+  return {
+    id: `webpage-tab-${webpage.tabId}`,
+    name: webpage.isCurrent ? "This webpage" : webpage.title,
+    type: "tab",
+    thumbnailUrl: assetTypeToThumb("web_page"),
+    fallbackIcon: "globe",
+    visibleInScopes: /* @__PURE__ */ new Set(["root"]),
+    description: webpageDescription(webpage),
+    url: webpage.url,
+    menuSection: webpage.isCurrent ? MentionMenuSection.CURRENT_WEBPAGE : MentionMenuSection.OTHER_WEBPAGES,
+    extra: {
+      tabId: webpage.tabId,
+      title: webpage.title,
+      isCurrent: webpage.isCurrent
+    }
+  };
+}
+function buildRootMenuItems({
+  categories,
+  webpages
+}) {
+  const webpageItems = webpages.map(webpageToMenuItem);
+  const categoryItems = categories.filter((cat) => CATEGORY_DEFS[cat]).map((cat) => {
+    const def = CATEGORY_DEFS[cat];
+    return {
+      id: cat,
+      name: def.name,
+      type: "menu",
+      fallbackIcon: def.icon,
+      visibleInScopes: /* @__PURE__ */ new Set(["root"]),
+      navigatesToScope: def.scope,
+      isNavigationOnly: true,
+      menuSection: MentionMenuSection.LIBRARY
+    };
+  });
+  return [...webpageItems, ...categoryItems];
+}
+const transformRootCategories = async (context) => {
+  const { sourceConfig } = context;
+  const items = buildRootMenuItems({
+    categories: sourceConfig.categories,
+    webpages: sourceConfig.getWebpages()
+  });
+  return { items, pagination: { hasMore: false } };
+};
+const fetchAssets = async (context) => {
+  const { query, fetchState, sourceConfig } = context;
+  const limit = sourceConfig.limit ?? 50;
+  const meta = fetchState.meta || {};
+  const offset2 = meta.validatedCount || 0;
+  const result = await querySimpleSearch(sourceConfig.auth, {
+    query,
+    limit,
+    offset: offset2,
+    excludeTypes: ["folder", "catalog", "spaces", "session", "table", "task_item"]
+  });
+  return {
+    items: result.items,
+    pagination: { hasMore: result.hasMore }
+  };
+};
+const fetchFavorites = async (context) => {
+  const { query, fetchState, sourceConfig } = context;
+  const limit = sourceConfig.limit ?? 50;
+  const meta = fetchState.meta || {};
+  const offset2 = meta.validatedCount || 0;
+  const data = await fetchGraphQL(
+    sourceConfig.auth,
+    PAGINATED_ASSETS_QUERY,
+    {
+      limit,
+      offset: offset2,
+      parentFolderId: null,
+      filterTypes: null,
+      filterColumns: {
+        isFavorited: true,
+        isArchived: false,
+        isHidden: false
+      }
+    }
+  );
+  const assets = data.getPaginatedAssetsForWorkspace || [];
+  const items = assets.map(assetToMenuItem);
+  return {
+    items,
+    pagination: { hasMore: assets.length === limit }
+  };
+};
+const fetchFolders = async (context) => {
+  const { query, fetchState, sourceConfig } = context;
+  const limit = sourceConfig.limit ?? 50;
+  const meta = fetchState.meta || {};
+  const offset2 = meta.validatedCount || 0;
+  const result = await querySimpleSearch(sourceConfig.auth, {
+    query,
+    limit,
+    offset: offset2,
+    includeTypes: ["folder"]
+  });
+  return {
+    items: result.items,
+    pagination: { hasMore: result.hasMore }
+  };
+};
+const fetchFolderContents = async (context) => {
+  const { scope, query, fetchState, sourceConfig } = context;
+  const limit = sourceConfig.limit ?? 50;
+  const meta = fetchState.meta || {};
+  const offset2 = meta.validatedCount || 0;
+  const parentFolderId = scope === "internal_drive" ? null : scope;
+  const data = await fetchGraphQL(
+    sourceConfig.auth,
+    PAGINATED_ASSETS_QUERY,
+    {
+      limit,
+      offset: offset2,
+      parentFolderId,
+      filterTypes: null,
+      filterColumns: {
+        isArchived: false,
+        isHidden: false,
+        ...query ? { title: [{ op: "LIKE", value: `%${query}%` }] } : {}
+      }
+    }
+  );
+  const rawAssets = data.getPaginatedAssetsForWorkspace || [];
+  const assets = rawAssets.filter(
+    (a) => a.athenaConvertedType !== "catalog" && a.athenaOriginalType !== "catalog"
+  );
+  const items = assets.map(assetToMenuItem);
+  return {
+    items,
+    pagination: {
+      hasMore: rawAssets.length === limit,
+      consumedCount: rawAssets.length
+    }
+  };
+};
+const fetchTypedAssets = async (context) => {
+  const { query, fetchState, sourceConfig } = context;
+  const limit = sourceConfig.limit ?? 50;
+  const meta = fetchState.meta || {};
+  const offset2 = meta.validatedCount || 0;
+  const result = await querySimpleSearch(sourceConfig.auth, {
+    query,
+    limit,
+    offset: offset2,
+    includeTypes: sourceConfig.includeOnlyTypes
+  });
+  return {
+    items: result.items,
+    pagination: { hasMore: result.hasMore }
+  };
+};
+const fetchTeam = async (context) => {
+  const { sourceConfig } = context;
+  const { auth } = sourceConfig;
+  if (!auth.workspaceId) {
+    return { items: [], pagination: { hasMore: false } };
+  }
+  const data = await fetchGraphQL(
+    auth,
+    WORKSPACE_MEMBERS_QUERY,
+    { workspaceId: auth.workspaceId }
+  );
+  const members = data.getUsersInWorkspace || [];
+  const items = members.map((member) => {
+    const displayName = [member.firstName, member.lastName].filter(Boolean).join(" ").trim() || member.email || "Unknown User";
+    return {
+      id: member.email || member.id,
+      name: displayName,
+      type: "user",
+      fallbackIcon: "user",
+      visibleInScopes: /* @__PURE__ */ new Set(),
+      email: member.email ?? void 0,
+      extra: { isAdmin: member.isAdmin }
+    };
+  });
+  return { items, pagination: { hasMore: false } };
+};
+const fetchDrives = async (context) => {
+  const { fetchState, sourceConfig } = context;
+  const meta = fetchState.meta || {};
+  const offset2 = meta.validatedCount || 0;
+  const result = await querySimpleSearch(sourceConfig.auth, {
+    limit: 50,
+    offset: offset2,
+    includeTypes: ["catalog"]
+  });
+  const items = result.items.map((item) => ({
+    ...item,
+    type: "drive_catalog",
+    fallbackIcon: "hard-drive",
+    isNavigationOnly: true,
+    navigatesToScope: item.id
+  }));
+  const sources = items.map((item) => ({
+    scope: item.id,
+    sourceFn: fetchFolderContents,
+    sourceConfig: { auth: sourceConfig.auth, limit: 50 }
+  }));
+  return {
+    items,
+    pagination: { hasMore: result.hasMore },
+    sources
+  };
+};
+const fetchGlobalSearch = async (context) => {
+  const { query, fetchState, sourceConfig } = context;
+  if (!(query == null ? void 0 : query.trim())) return { items: [], pagination: { hasMore: false } };
+  const meta = fetchState.meta || {};
+  const offset2 = meta.validatedCount || 0;
+  const result = await querySimpleSearch(sourceConfig.auth, {
+    query,
+    limit: 50,
+    offset: offset2,
+    excludeTypes: ["table", "catalog", "spaces", "task_item", "session"]
+  });
+  return {
+    items: result.items,
+    pagination: { hasMore: result.hasMore }
+  };
+};
+function webpageMentionFingerprint(webpages) {
+  return JSON.stringify(
+    webpages.map(({ tabId, title, url, isCurrent }) => [
+      tabId,
+      title,
+      url,
+      isCurrent
+    ])
+  );
+}
+const ROOT_MENTION_CATEGORIES = [
+  "favorites",
+  "assets",
+  "projects",
+  "browse_profiles",
+  "folders",
+  "team",
+  "drives"
+];
+function buildStore({
+  auth,
+  getWebpages,
+  rootCategories
+}) {
+  const registry = createScopeRegistry();
+  const cache = createItemCache();
+  registerSource(registry, "root", transformRootCategories, {
+    categories: [...rootCategories],
+    getWebpages
+  });
+  registerSource(registry, "global_search", fetchGlobalSearch, { auth });
+  bindScopes(registry, "root", "global_search");
+  registerSource(registry, "athena_assets", fetchAssets, { auth, limit: 50 });
+  registerSource(registry, "favorites", fetchFavorites, { auth, limit: 50 });
+  registerSource(
+    registry,
+    "athena_folders",
+    fetchFolders,
+    { auth, limit: 50 },
+    true
+    /* isFlat */
+  );
+  registerSource(registry, "internal_drive", fetchFolderContents, { auth, limit: 50 });
+  registerSource(registry, "athena_projects", fetchTypedAssets, {
+    auth,
+    includeOnlyTypes: ["project"],
+    limit: 50
+  });
+  registerSource(registry, "athena_browse_profiles", fetchTypedAssets, {
+    auth,
+    includeOnlyTypes: ["browse_profile"],
+    limit: 50
+  });
+  registerSource(registry, "team", fetchTeam, { auth });
+  registerSource(registry, "drive_catalogs", fetchDrives, { auth });
+  return new Store({ registry, cache });
+}
+function useMentionSuggestions({
+  webpages,
+  rootCategories = ROOT_MENTION_CATEGORIES
+}) {
+  const auth = useMentionAuth();
+  const webpagesRef = useRef(webpages);
+  webpagesRef.current = webpages;
+  const store = useMemo(
+    () => buildStore({
+      auth,
+      getWebpages: () => webpagesRef.current,
+      rootCategories
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      auth.backendUrl,
+      auth.accessToken,
+      auth.apiKey,
+      auth.workspaceId,
+      auth.userId,
+      rootCategories.join(",")
+    ]
+  );
+  const invalidate = useMemo(
+    () => (scope) => {
+      const state = store.state;
+      const { registry, cache } = state;
+      if (cache.items) {
+        for (const item of Object.values(cache.items)) {
+          item.visibleInScopes.delete(scope);
+        }
+        for (const [id, item] of Object.entries(cache.items)) {
+          if (item.visibleInScopes.size === 0) {
+            delete cache.items[id];
+          }
+        }
+      }
+      if (registry.entries[scope]) {
+        registry.entries[scope].fetchStates = {};
+      }
+      store.setState((prev) => ({ ...prev }));
+    },
+    [store]
+  );
+  const webpageFingerprint = webpageMentionFingerprint(webpages);
+  const previousWebpageFingerprintRef = useRef(null);
+  useEffect(() => {
+    if (previousWebpageFingerprintRef.current === webpageFingerprint) return;
+    previousWebpageFingerprintRef.current = webpageFingerprint;
+    invalidate("root");
+  }, [invalidate, webpageFingerprint]);
+  return { store, invalidate };
+}
+class PendingAttachmentUploads {
+  constructor() {
+    __publicField(this, "pending", /* @__PURE__ */ new Set());
+  }
+  track(upload) {
+    this.pending.add(upload);
+    void upload.then(
+      () => this.pending.delete(upload),
+      () => this.pending.delete(upload)
+    );
+    return upload;
+  }
+  async waitForIdle() {
+    while (this.pending.size > 0) {
+      await Promise.allSettled([...this.pending]);
+    }
+  }
+}
+const SubmitKeybind = Extension.create({
+  name: "submitKeybind",
+  priority: 1e3,
+  addOptions() {
+    return { onSubmit: () => {
+    }, isMentionOpen: () => false };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => {
+        if (this.options.isMentionOpen()) return false;
+        this.options.onSubmit();
+        return true;
+      },
+      "Shift-Enter": () => {
+        this.editor.commands.setHardBreak();
+        return true;
+      }
+    };
+  }
+});
+const MENTION_STYLES = `
+  .mention-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    background: rgba(148, 163, 184, 0.1);
+    color: #475569;
+    border: 1px solid #cbd5e1;
+    border-radius: 6px;
+    padding: 1px 6px;
+    font-size: 0.85em;
+    font-weight: 500;
+    white-space: nowrap;
+    user-select: all;
+    vertical-align: middle;
+    height: 20px;
+    line-height: 1;
+  }
+  .mention-chip-icon {
+    width: 14px;
+    height: 14px;
+    flex-shrink: 0;
+  }
+  .mention-chip-text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 180px;
+  }
+  .ProseMirror {
+    outline: none;
+    min-height: 36px;
+    max-height: 120px;
+    overflow-y: auto;
+  }
+  .ProseMirror p {
+    margin: 0;
+  }
+  .ProseMirror p.is-editor-empty:first-child::before {
+    content: attr(data-placeholder);
+    float: left;
+    color: #9ca3af;
+    pointer-events: none;
+    height: 0;
+  }
+`;
+function plainTextToTiptapContent(text) {
+  return {
+    type: "doc",
+    content: text.split("\n").map((line) => ({
+      type: "paragraph",
+      ...line.length > 0 ? { content: [{ type: "text", text: line }] } : {}
+    }))
+  };
+}
+const NO_WEBPAGES = [];
+const TiptapComposer = forwardRef(({ placeholder = "Message Athena... (type @ to mention)", threadId, disabled = false, webpages = NO_WEBPAGES, rootCategories, onDraftStateChange }, outerRef) => {
+  const aui = useAui();
+  const composerInput = unstable_useComposerInput();
+  const applyingRuntimeTextRef = useRef(false);
+  const listRef = useRef(null);
+  const pendingUploadsRef = useRef(new PendingAttachmentUploads());
+  const submitInFlightRef = useRef(false);
+  const { store } = useMentionSuggestions({ webpages, rootCategories });
+  const [popupOpen, setPopupOpen] = useState(false);
+  const popupOpenRef = useRef(false);
+  const [popupProps, setPopupProps] = useState(null);
+  const callbacksRef = useRef({
+    onStart: (props) => {
+      setPopupOpen(true);
+      popupOpenRef.current = true;
+      setPopupProps(props);
+    },
+    onUpdate: (props) => {
+      setPopupProps(props);
+    },
+    onKeyDown: (event) => {
+      var _a;
+      return ((_a = listRef.current) == null ? void 0 : _a.onKeyDown(event)) ?? false;
+    },
+    onExit: () => {
+      setPopupOpen(false);
+      popupOpenRef.current = false;
+      setPopupProps(null);
+    }
+  });
+  const editorRef = useRef(null);
+  const handleSubmit = useCallback(async () => {
+    if (disabled) return;
+    if (submitInFlightRef.current) return;
+    submitInFlightRef.current = true;
+    try {
+      await pendingUploadsRef.current.waitForIdle();
+      const ed = editorRef.current;
+      if (!ed) return;
+      const text = ed.getText({ blockSeparator: "\n" }).trim();
+      if (!text) return;
+      if (!composerInput.canSend) return;
+      composerInput.setText(text);
+      composerInput.send({ steer: false });
+      ed.commands.clearContent();
+      onDraftStateChange == null ? void 0 : onDraftStateChange(false);
+    } finally {
+      submitInFlightRef.current = false;
+    }
+  }, [composerInput, disabled, onDraftStateChange]);
+  const handleSubmitRef = useRef(handleSubmit);
+  handleSubmitRef.current = handleSubmit;
+  const addAttachment = useCallback(
+    (file) => pendingUploadsRef.current.track(aui.composer.addAttachment(file)),
+    [aui]
+  );
+  const handlePaste = useCallback(
+    (_view, event) => {
+      var _a;
+      const items = (_a = event.clipboardData) == null ? void 0 : _a.items;
+      if (!items) return false;
+      let handled = false;
+      for (const item of items) {
+        if (item.type.startsWith("image/")) {
+          event.preventDefault();
+          const blob = item.getAsFile();
+          if (blob) {
+            const ext = item.type.split("/")[1] || "png";
+            const file = new File([blob], `pasted-image-${Date.now()}.${ext}`, { type: item.type });
+            void addAttachment(file).catch((error) => {
+              console.error("[attach] Pasted image upload failed:", error);
+            });
+          }
+          handled = true;
+        }
+      }
+      return handled;
+    },
+    [addAttachment]
+  );
+  const handleDrop = useCallback(
+    (_view, event) => {
+      var _a;
+      const files = (_a = event.dataTransfer) == null ? void 0 : _a.files;
+      if (!(files == null ? void 0 : files.length)) return false;
+      let handled = false;
+      for (const file of files) {
+        if (file.type.startsWith("image/")) {
+          event.preventDefault();
+          void addAttachment(file).catch((error) => {
+            console.error("[attach] Dropped image upload failed:", error);
+          });
+          handled = true;
+        }
+      }
+      return handled;
+    },
+    [addAttachment]
+  );
+  const editor = useEditor({
+    editable: !disabled,
+    extensions: [
+      StarterKit.configure({
+        heading: false,
+        blockquote: false,
+        bulletList: false,
+        orderedList: false,
+        codeBlock: false,
+        horizontalRule: false
+      }),
+      Placeholder.configure({ placeholder }),
+      MentionExtension,
+      MentionSuggestionsExtension.configure({
+        store,
+        callbacks: callbacksRef.current
+      }),
+      SubmitKeybind.configure({
+        onSubmit: () => void handleSubmitRef.current(),
+        isMentionOpen: () => popupOpenRef.current
+      })
+    ],
+    editorProps: {
+      attributes: {
+        class: "w-full resize-none bg-transparent px-1.5 py-2 text-sm leading-snug outline-none"
+      },
+      handlePaste,
+      handleDrop
+    },
+    onUpdate: ({ editor: updatedEditor }) => {
+      const nextText = updatedEditor.getText({ blockSeparator: "\n" });
+      if (!applyingRuntimeTextRef.current) {
+        composerInput.setText(nextText);
+      }
+      onDraftStateChange == null ? void 0 : onDraftStateChange(nextText.trim().length > 0);
+    },
+    immediatelyRender: false
+  });
+  editorRef.current = editor;
+  useEffect(() => {
+    editor == null ? void 0 : editor.setEditable(!disabled);
+  }, [disabled, editor]);
+  useEffect(() => {
+    if (!editor) return;
+    const editorText = editor.getText({ blockSeparator: "\n" });
+    if (editorText === composerInput.value) return;
+    applyingRuntimeTextRef.current = true;
+    editor.commands.setContent(plainTextToTiptapContent(composerInput.value));
+    applyingRuntimeTextRef.current = false;
+    onDraftStateChange == null ? void 0 : onDraftStateChange(composerInput.value.trim().length > 0);
+  }, [composerInput.value, editor, onDraftStateChange]);
+  const insertAssetMention = useCallback((asset) => {
+    const currentEditor = editorRef.current;
+    if (!currentEditor) throw new Error("The chat composer is not ready.");
+    currentEditor.chain().focus().insertContent({
+      type: "mention",
+      attrs: {
+        type: "asset",
+        name: asset.title,
+        id: asset.id,
+        assetType: asset.assetType
+      }
+    }).insertContent(" ").run();
+  }, []);
+  useEffect(
+    () => registerChatAssetMentionHandler(threadId, insertAssetMention),
+    [insertAssetMention, threadId]
+  );
+  useImperativeHandle(
+    outerRef,
+    () => ({ submit: handleSubmit, addAttachment, insertAssetMention }),
+    [addAttachment, handleSubmit, insertAssetMention]
+  );
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx("style", { children: MENTION_STYLES }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex-1 min-w-0",
+        "aria-label": "Message composer",
+        "aria-disabled": disabled,
+        children: /* @__PURE__ */ jsx(EditorContent, { editor })
+      }
+    ),
+    popupOpen && popupProps && editor && /* @__PURE__ */ jsx(MentionSuggestionPopup, { clientRect: popupProps.clientRect, children: /* @__PURE__ */ jsx(
+      MentionSuggestionList,
+      {
+        ref: listRef,
+        store,
+        editor,
+        query: popupProps.query,
+        command: (item) => popupProps.command(item),
+        closeMenu: () => {
+          setPopupOpen(false);
+          editor.commands.focus();
+        }
+      }
+    ) })
+  ] });
+});
+TiptapComposer.displayName = "TiptapComposer";
+const SignInCard = ({
+  buildLabel,
+  subtitle,
+  children,
+  error,
+  notice,
+  primaryLabel,
+  primaryPendingLabel,
+  isPending,
+  disabled = false,
+  onPrimary,
+  footer
+}) => (
+  // `min-h-full` centers the card in hosts whose root is not a flex container.
+  /* @__PURE__ */ jsx("div", { className: "flex min-h-full flex-1 flex-col items-center justify-center bg-muted/20 p-5", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-5 rounded-2xl border bg-background/95 p-5 shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold tracking-tight text-foreground", children: "Sign in to Athena" }),
+      buildLabel ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: buildLabel }) : null,
+      subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs leading-relaxed text-muted-foreground", children: subtitle }) : null
+    ] }),
+    children ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children }) : null,
+    notice ? /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: notice }) : null,
+    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", children: error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }) : null }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "h-10 w-full rounded-lg bg-primary px-4 text-sm font-semibold text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-40",
+        onClick: onPrimary,
+        disabled: isPending || disabled,
+        children: isPending ? primaryPendingLabel : primaryLabel
+      }
+    ),
+    footer
+  ] }) })
+);
+const SignInSelect = ({ id, label, value, options, onChange, hint }) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+  /* @__PURE__ */ jsx(
+    "label",
+    {
+      htmlFor: id,
+      className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground",
+      children: label
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "select",
+    {
+      id,
+      className: "h-10 w-full rounded-lg border bg-background px-3 text-sm outline-none transition-shadow focus:ring-2 focus:ring-ring/20",
+      value,
+      onChange: (event) => onChange(event.target.value),
+      children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+    }
+  ),
+  hint ? /* @__PURE__ */ jsx("p", { className: "px-1 text-[10px] text-muted-foreground", children: hint }) : null
+] });
+const SignInTextField = ({ label, placeholder, value, onChange, type = "text", className }) => /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+  /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx(
+    "input",
+    {
+      className: cn(
+        "h-9 w-full rounded-md border bg-background px-2.5 text-xs outline-none focus:ring-2 focus:ring-ring/20",
+        className
+      ),
+      type,
+      placeholder,
+      value,
+      onChange: (event) => onChange(event.target.value)
+    }
+  )
+] });
+const SignInFallbackSection = ({ isOpen, onToggle, label, children }) => {
+  const contentId = useId();
+  return /* @__PURE__ */ jsxs("div", { className: "border-t pt-3", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": isOpen,
+        "aria-controls": contentId,
+        className: "w-full text-left text-[11px] font-medium text-muted-foreground hover:text-foreground",
+        onClick: onToggle,
+        children: [
+          isOpen ? "Hide" : "Show",
+          " ",
+          label
+        ]
+      }
+    ),
+    isOpen ? /* @__PURE__ */ jsx("div", { id: contentId, className: "mt-3 space-y-2", children }) : null
+  ] });
+};
+const SignInSecondaryButton = ({ onClick, disabled = false, children }) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    type: "button",
+    className: "h-9 w-full rounded-lg border bg-background text-xs font-medium hover:bg-muted disabled:opacity-40",
+    disabled,
+    onClick,
+    children
+  }
+);
+const SignInConsent = ({ checked, onChange, children }) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-start gap-2.5 rounded-lg border bg-muted/30 p-3 text-xs leading-relaxed text-muted-foreground", children: [
+  /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      className: "mt-0.5 h-4 w-4 shrink-0 accent-primary",
+      checked,
+      onChange: (event) => onChange(event.target.checked)
+    }
+  ),
+  /* @__PURE__ */ jsx("span", { children })
+] });
+export {
+  b8 as BranchPicker,
+  b9 as COMPOSER_DOCK_CLASS,
+  ba as COMPOSER_EDITOR_ROW_CLASS,
+  bb as COMPOSER_SURFACE_CLASS,
+  bc as COMPOSER_TOOLBAR_CLASS,
+  aQ as ChatComposerDock,
+  aP as ChatThreadShell,
+  bd as ComposerSendButton,
+  aR as ComposerSendOrStop,
+  be as ComposerStopButton,
+  bf as IconButton,
+  bg as MarkdownText,
+  bh as MentionAuthCtx,
+  bi as MentionChip,
+  MentionExtension,
+  MentionIcon,
+  bj as MentionLink,
+  MentionMenuSection,
+  MentionSuggestionList,
+  MentionSuggestionPopup,
+  MentionSuggestionsExtension,
+  MenuList,
+  PendingAttachmentUploads,
+  ROOT_MENTION_CATEGORIES,
+  SIMPLE_SEARCH_QUERY,
+  SignInCard,
+  SignInConsent,
+  SignInFallbackSection,
+  SignInSecondaryButton,
+  SignInSelect,
+  SignInTextField,
+  bk as SmallIconButton,
+  bl as THREAD_HEADER_ACTIONS_CLASS,
+  bm as THREAD_HEADER_CLASS,
+  bn as THREAD_HEADER_ICON_CLASS,
+  bo as THREAD_HEADER_PILL_CLASS,
+  bp as THREAD_PANEL_CLASS,
+  bq as THREAD_SCROLL_TO_BOTTOM_CLASS,
+  br as TextShimmerLoader,
+  bs as ThreadRunningIndicator,
+  TiptapComposer,
+  bt as UserMessage,
+  assetTypeToIcon,
+  assetTypeToThumb,
+  buildRootMenuItems,
+  bu as configureAssetIconBasePath,
+  bv as createAssistantMessage,
+  bw as createOlympusAssetUrl,
+  fetchGraphQL,
+  makeMentionUrl,
+  bx as normalizeAthenaMentionHtml,
+  parseMentionAnchorAttributes,
+  by as parseMentionUrl,
+  bz as parseMentionsInText,
+  plainTextToTiptapContent,
+  bA as resolveComposerAction,
+  useMentionAuth,
+  useMentionSuggestions,
+  webpageMentionFingerprint
+};
+//# sourceMappingURL=chat-ui.js.map