@athenaintel/react 0.20.0 → 0.21.0

package/dist/chat-ui/mentions/mention-chip.js

@@ -1,6 +1,21 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useContext } from "react";
-import { Globe2Icon } from "lucide-react";
+import "../../packages/agent-runtime/src/generated/runconfig-contract.js";
+import "@assistant-ui/tap";
+import "statewire";
+import "../../packages/agent-runtime/src/statewire-suspended.js";
+import "@tanstack/react-query";
+import "../../packages/agent-runtime/src/statewire-state.js";
+import "../../packages/agent-runtime/src/messages.js";
+import "@assistant-ui/react-statewire";
+import "@assistant-ui/store";
+import { isScreenPointHref, parseScreenPointHref, formatScreenPoint } from "../../packages/agent-runtime/src/screen-point.js";
+import "../../packages/agent-runtime/src/quota-safe-local-storage-session.js";
+import "../../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/core";
+import "../../packages/agent-runtime/src/thread-handoff.js";
+import { Globe2Icon, CrosshairIcon } from "lucide-react";
 import { createOlympusAssetUrl } from "../lib/asset-urls.js";
 import { MentionAuthCtx } from "./suggestions/data/api-client.js";
 import { assetTypeToThumb } from "./suggestions/data/sources/asset-type-icons.js";
@@ -13,7 +28,7 @@ function getSpacesAssetType(url) {
   const assetType = url.searchParams.get("assetType") || url.searchParams.get("asset_type") || url.searchParams.get("type");
   return assetType === "sheet" ? "spreadsheet" : assetType;
 }
-const MentionLink = ({ href, children }) => {
+const MentionLink = ({ href, children, interactive = true }) => {
   if (href && (href.startsWith("mention://") || isSpacesMentionUrl(href))) {
     const name = typeof children === "string" ? children.replace(/^@/, "") : Array.isArray(children) ? String(children[0] ?? "").replace(/^@/, "") : "";
     const parsed = parseMentionUrl(href);
@@ -24,16 +39,45 @@ const MentionLink = ({ href, children }) => {
         type: parsed.type,
         assetIds: parsed.assetIds,
         thumbnailUrl: parsed.thumbnailUrl,
-        sourceHref: isSpacesMentionUrl(href) ? href : void 0
+        sourceHref: isSpacesMentionUrl(href) ? href : void 0,
+        interactive
       }
     );
   }
   if (href == null ? void 0 : href.startsWith("chrome-extension://")) {
     return /* @__PURE__ */ jsx("span", { children });
   }
+  if (isScreenPointHref(href)) {
+    return /* @__PURE__ */ jsx(ScreenPointChip, { href, children });
+  }
   return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children });
 };
-const MentionChip = ({ name, type, assetIds, thumbnailUrl, sourceHref }) => {
+const ScreenPointChip = ({ href, children }) => {
+  const parsed = parseScreenPointHref(href);
+  if (!parsed.ok) {
+    return /* @__PURE__ */ jsx("span", { children });
+  }
+  const description = formatScreenPoint(parsed.point);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "not-prose inline-flex max-w-[260px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600",
+      title: description,
+      "aria-label": description,
+      "data-screen-point": "valid",
+      children: [
+        /* @__PURE__ */ jsx(CrosshairIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "max-w-[180px] overflow-hidden text-ellipsis", children }),
+        /* @__PURE__ */ jsxs("span", { className: "font-normal text-slate-400", children: [
+          parsed.point.x,
+          ", ",
+          parsed.point.y
+        ] })
+      ]
+    }
+  );
+};
+const MentionChip = ({ name, type, assetIds, thumbnailUrl, sourceHref, interactive = true }) => {
   const auth = useContext(MentionAuthCtx);
   const assetRootHref = type === "asset" && (assetIds == null ? void 0 : assetIds.length) ? createOlympusAssetUrl({
     appUrl: auth == null ? void 0 : auth.appUrl,
@@ -71,7 +115,7 @@ const MentionChip = ({ name, type, assetIds, thumbnailUrl, sourceHref }) => {
     !thumbnailUrl && type === "webpage" && /* @__PURE__ */ jsx(Globe2Icon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
     /* @__PURE__ */ jsx("span", { className: "max-w-[180px] overflow-hidden text-ellipsis", children: name })
   ] });
-  if (href) {
+  if (href && interactive) {
     return /* @__PURE__ */ jsx(
       "a",
       {
@@ -201,6 +245,7 @@ function parseMentionsInText(text) {
 export {
   MentionChip,
   MentionLink,
+  ScreenPointChip,
   normalizeAthenaMentionHtml,
   parseMentionUrl,
   parseMentionsInText

package/dist/chat-ui/mentions/mention-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"mention-chip.js","sources":["../../../src/chat-ui/mentions/mention-chip.tsx"],"sourcesContent":["/**\n * Mention chip rendering for message display.\n *\n * Parses [@name](mention://type?...) markdown links and renders them\n * as styled inline chips matching the Olympus mention style.\n * Used in both user messages (inline text) and assistant messages (markdown links).\n */\n\nimport { useContext, type FC, type ReactElement, type ReactNode } from \"react\";\nimport { Globe2Icon } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\nimport { createOlympusAssetUrl } from \"../lib/asset-urls\";\nimport { MentionAuthCtx } from \"./suggestions/data/api-client\";\nimport { assetTypeToThumb } from \"./suggestions/data/sources/asset-type-icons\";\n\nconst SPACES_MENTION_PATH = /\\/dashboard\\/spaces\\/?\\?/;\n\nfunction isSpacesMentionUrl(url: string): boolean {\n  return SPACES_MENTION_PATH.test(url);\n}\n\nfunction getSpacesAssetType(url: URL): string | null {\n  const assetType =\n    url.searchParams.get(\"assetType\") ||\n    url.searchParams.get(\"asset_type\") ||\n    url.searchParams.get(\"type\");\n  return assetType === \"sheet\" ? \"spreadsheet\" : assetType;\n}\n\n// ── Mention link component for markdown renderer ──\n\n/**\n * Custom <a> renderer for MarkdownTextPrimitive.\n * Intercepts mention:// links and renders them as chips.\n * Falls through to a normal link for non-mention URLs.\n */\nexport const MentionLink: FC<{\n  href?: string;\n  children?: ReactNode;\n}> = ({ href, children }) => {\n  if (\n    href &&\n    (href.startsWith(\"mention://\") || isSpacesMentionUrl(href))\n  ) {\n    const name = typeof children === \"string\"\n      ? children.replace(/^@/, \"\")\n      : Array.isArray(children)\n        ? String(children[0] ?? \"\").replace(/^@/, \"\")\n        : \"\";\n\n    const parsed = parseMentionUrl(href);\n\n    return (\n      <MentionChip\n        name={name || parsed.name}\n        type={parsed.type}\n        assetIds={parsed.assetIds}\n        thumbnailUrl={parsed.thumbnailUrl}\n        sourceHref={isSpacesMentionUrl(href) ? href : undefined}\n      />\n    );\n  }\n\n  if (href?.startsWith(\"chrome-extension://\")) {\n    return <span>{children}</span>;\n  }\n\n  // Normal link — render as-is\n  return (\n    <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n      {children}\n    </a>\n  );\n};\n\n// ── Inline mention chip ──\n\nexport const MentionChip: FC<{\n  name: string;\n  type?: string;\n  assetIds?: string[];\n  thumbnailUrl?: string;\n  sourceHref?: string;\n}> = ({ name, type, assetIds, thumbnailUrl, sourceHref }) => {\n  const auth = useContext(MentionAuthCtx);\n  const assetRootHref =\n    type === \"asset\" && assetIds?.length\n      ? createOlympusAssetUrl({\n          appUrl: auth?.appUrl,\n          backendUrl: auth?.backendUrl,\n          assetIds,\n        })\n      : null;\n  const href = (() => {\n    if (!assetRootHref || !sourceHref) return assetRootHref;\n    try {\n      const source = new URL(sourceHref, \"https://app.athenaintel.com\");\n      const destination = new URL(assetRootHref);\n      for (const [key, value] of source.searchParams) {\n        destination.searchParams.set(key, value);\n      }\n      destination.searchParams.set(\"asset_ids\", assetIds?.join(\",\") ?? \"\");\n      return destination.toString();\n    } catch {\n      return assetRootHref;\n    }\n  })();\n  // `not-prose` matters: assistant messages render inside Tailwind\n  // Typography's `prose`, whose zero-specificity `img` margins (~1.7em\n  // top/bottom) would otherwise inflate the chip's icon into a tall card\n  // that breaks the sentence flow around it.\n  const className = cn(\n    \"not-prose inline-flex max-w-[220px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600 no-underline\",\n    href &&\n      \"cursor-pointer transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-800 hover:no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1\",\n  );\n  const contents = (\n    <>\n      {thumbnailUrl && (\n        <img\n          src={thumbnailUrl}\n          alt=\"\"\n          className=\"size-3.5 shrink-0\"\n          draggable={false}\n        />\n      )}\n      {!thumbnailUrl && type === \"webpage\" && (\n        <Globe2Icon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n      )}\n      <span className=\"max-w-[180px] overflow-hidden text-ellipsis\">\n        {name}\n      </span>\n    </>\n  );\n\n  if (href) {\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={className}\n        aria-label={`Open ${name} in Spaces`}\n        title={`Open ${name} in Spaces`}\n      >\n        {contents}\n      </a>\n    );\n  }\n\n  return <span className={className}>{contents}</span>;\n};\n\n// ── Parse mention:// URLs ──\n\nexport function parseMentionUrl(url: string): {\n  type: string;\n  name: string;\n  id: string;\n  assetIds?: string[];\n  thumbnailUrl?: string;\n} {\n  try {\n    if (isSpacesMentionUrl(url)) {\n      const parsed = new URL(url, \"https://app.athenaintel.com\");\n      const assetIds = (parsed.searchParams.get(\"asset_ids\") ?? \"\")\n        .split(\",\")\n        .map((id) => id.trim())\n        .filter(Boolean);\n      const id = assetIds[0] ?? \"\";\n      const assetType = getSpacesAssetType(parsed);\n      return {\n        type: \"asset\",\n        name: assetIds.length > 1 ? `${assetIds.length} assets` : \"Asset\",\n        id,\n        assetIds,\n        thumbnailUrl: assetTypeToThumb(assetType),\n      };\n    }\n    // mention://tool?name=...&description=...\n    // mention://asset?id=...&assetType=project&thumb=../icons/files/ic-project.svg\n    const u = new URL(url);\n    const type = u.hostname || u.pathname.replace(/^\\/\\//, \"\").split(\"?\")[0];\n    const isWebpage = type === \"webpage\";\n    const id = isWebpage\n      ? u.searchParams.get(\"tab_id\") || \"\"\n      : u.searchParams.get(\"id\") || u.searchParams.get(\"name\") || \"\";\n    const name = isWebpage\n      ? u.searchParams.get(\"title\") || \"This webpage\"\n      : u.searchParams.get(\"name\") || id;\n\n    // Get thumbnail: prefer explicit thumb param, then derive from assetType\n    let thumbnailUrl = u.searchParams.get(\"thumb\") || undefined;\n    if (!thumbnailUrl) {\n      const assetType = u.searchParams.get(\"assetType\");\n      if (assetType) {\n        thumbnailUrl = assetTypeToThumb(assetType);\n      } else if (type === \"asset\" || type === \"folder\") {\n        thumbnailUrl = assetTypeToThumb(type === \"folder\" ? \"folder\" : null);\n      }\n    }\n\n    return {\n      type,\n      name,\n      id,\n      assetIds: type === \"asset\" && id ? [id] : undefined,\n      thumbnailUrl,\n    };\n  } catch {\n    return { type: \"unknown\", name: \"\", id: \"\" };\n  }\n}\n\nfunction htmlAttribute(attributes: string, name: string): string | null {\n  const escapedName = name.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n  const match = new RegExp(\n    `(?:^|\\\\s)${escapedName}\\\\s*=\\\\s*(?:\"([^\"]*)\"|'([^']*)'|([^\\\\s>]+))`,\n    \"i\",\n  ).exec(attributes);\n  return match?.[1] ?? match?.[2] ?? match?.[3] ?? null;\n}\n\nfunction decodeHtmlAttribute(value: string): string {\n  return value\n    .replace(/&amp;/gi, \"&\")\n    .replace(/&quot;/gi, '\"')\n    .replace(/&#39;|&apos;/gi, \"'\")\n    .replace(/&lt;/gi, \"<\")\n    .replace(/&gt;/gi, \">\");\n}\n\n/** Turn complete model-emitted URL citation anchors into safe Markdown links. */\nexport function normalizeAthenaMentionHtml(text: string): string {\n  return text.replace(\n    /<a\\b([^>]*)>([\\s\\S]*?)<\\/a>/gi,\n    (original, attributes: string, rawLabel: string) => {\n      const className = htmlAttribute(attributes, \"class\") ?? \"\";\n      const type = htmlAttribute(attributes, \"data-type\") ?? \"\";\n      if (!className.split(/\\s+/).includes(\"mention\") || type !== \"url\") {\n        return original;\n      }\n\n      const rawUrl =\n        htmlAttribute(attributes, \"data-url\") ??\n        htmlAttribute(attributes, \"href\");\n      if (!rawUrl) return original;\n      const url = decodeHtmlAttribute(rawUrl);\n      let normalizedUrl: string;\n      try {\n        const parsed = new URL(url);\n        if (parsed.protocol !== \"http:\" && parsed.protocol !== \"https:\") {\n          return original;\n        }\n        normalizedUrl = parsed.toString();\n      } catch {\n        return original;\n      }\n\n      const label = decodeHtmlAttribute(rawLabel.replace(/<[^>]*>/g, \"\"))\n        .trim()\n        .replace(/([\\\\[\\]])/g, \"\\\\$1\");\n      return label ? `[${label}](<${normalizedUrl}>)` : original;\n    },\n  );\n}\n// ── Parse mention markdown in plain text ──\n\nconst MENTION_RE =\n  /\\[@([^\\]]*)\\]\\(((?:mention:\\/\\/|(?:https?:\\/\\/[^)\\s]+)?\\/dashboard\\/spaces\\/?\\?)[^)]+)\\)/g;\n\n/**\n * Parse text containing [@name](mention://...) patterns into\n * an array of string segments and MentionChip elements.\n */\nexport function parseMentionsInText(text: string): (string | ReactElement)[] {\n  const parts: (string | ReactElement)[] = [];\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  MENTION_RE.lastIndex = 0;\n\n  while ((match = MENTION_RE.exec(text)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(text.slice(lastIndex, match.index));\n    }\n\n    const name = match[1];\n    const url = match[2];\n    const parsed = parseMentionUrl(url);\n\n    parts.push(\n      <MentionChip\n        key={`mention-${match.index}`}\n        name={name || parsed.name}\n        type={parsed.type}\n        assetIds={parsed.assetIds}\n        thumbnailUrl={parsed.thumbnailUrl}\n        sourceHref={isSpacesMentionUrl(url) ? url : undefined}\n      />\n    );\n\n    lastIndex = match.index + match[0].length;\n  }\n\n  if (lastIndex < text.length) {\n    parts.push(text.slice(lastIndex));\n  }\n\n  return parts.length > 0 ? parts : [text];\n}\n"],"names":["id"],"mappings":"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"}
+{"version":3,"file":"mention-chip.js","sources":["../../../src/chat-ui/mentions/mention-chip.tsx"],"sourcesContent":["/**\n * Mention chip rendering for message display.\n *\n * Parses [@name](mention://type?...) markdown links and renders them\n * as styled inline chips matching the Olympus mention style.\n * Used in both user messages (inline text) and assistant messages (markdown links).\n */\n\nimport { useContext, type FC, type ReactElement, type ReactNode } from \"react\";\nimport {\n  formatScreenPoint,\n  isScreenPointHref,\n  parseScreenPointHref,\n} from \"@athenaintel/agent-runtime\";\nimport { CrosshairIcon, Globe2Icon } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\nimport { createOlympusAssetUrl } from \"../lib/asset-urls\";\nimport { MentionAuthCtx } from \"./suggestions/data/api-client\";\nimport { assetTypeToThumb } from \"./suggestions/data/sources/asset-type-icons\";\n\nconst SPACES_MENTION_PATH = /\\/dashboard\\/spaces\\/?\\?/;\n\nfunction isSpacesMentionUrl(url: string): boolean {\n  return SPACES_MENTION_PATH.test(url);\n}\n\nfunction getSpacesAssetType(url: URL): string | null {\n  const assetType =\n    url.searchParams.get(\"assetType\") ||\n    url.searchParams.get(\"asset_type\") ||\n    url.searchParams.get(\"type\");\n  return assetType === \"sheet\" ? \"spreadsheet\" : assetType;\n}\n\n// ── Mention link component for markdown renderer ──\n\n/**\n * Custom <a> renderer for MarkdownTextPrimitive.\n * Intercepts mention:// links and renders them as chips.\n * Falls through to a normal link for non-mention URLs.\n */\nexport const MentionLink: FC<{\n  href?: string;\n  children?: ReactNode;\n  interactive?: boolean;\n}> = ({ href, children, interactive = true }) => {\n  if (\n    href &&\n    (href.startsWith(\"mention://\") || isSpacesMentionUrl(href))\n  ) {\n    const name = typeof children === \"string\"\n      ? children.replace(/^@/, \"\")\n      : Array.isArray(children)\n        ? String(children[0] ?? \"\").replace(/^@/, \"\")\n        : \"\";\n\n    const parsed = parseMentionUrl(href);\n\n    return (\n      <MentionChip\n        name={name || parsed.name}\n        type={parsed.type}\n        assetIds={parsed.assetIds}\n        thumbnailUrl={parsed.thumbnailUrl}\n        sourceHref={isSpacesMentionUrl(href) ? href : undefined}\n        interactive={interactive}\n      />\n    );\n  }\n\n  if (href?.startsWith(\"chrome-extension://\")) {\n    return <span>{children}</span>;\n  }\n\n  if (isScreenPointHref(href)) {\n    return <ScreenPointChip href={href}>{children}</ScreenPointChip>;\n  }\n\n  // Normal link — render as-is\n  return (\n    <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n      {children}\n    </a>\n  );\n};\n\n// ── Inline screen-point chip ──\n\n/**\n * Renders an `athena-point://` link as a non-navigating coordinate chip.\n * Surfaces without screenshot context (extension side panel, SDK consumers)\n * get the label plus the coordinates; malformed points fall back to text.\n */\nexport const ScreenPointChip: FC<{\n  href: string;\n  children?: ReactNode;\n}> = ({ href, children }) => {\n  const parsed = parseScreenPointHref(href);\n  if (!parsed.ok) {\n    return <span>{children}</span>;\n  }\n  const description = formatScreenPoint(parsed.point);\n  return (\n    <span\n      className=\"not-prose inline-flex max-w-[260px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600\"\n      title={description}\n      aria-label={description}\n      data-screen-point=\"valid\"\n    >\n      <CrosshairIcon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n      <span className=\"max-w-[180px] overflow-hidden text-ellipsis\">\n        {children}\n      </span>\n      <span className=\"font-normal text-slate-400\">\n        {parsed.point.x}, {parsed.point.y}\n      </span>\n    </span>\n  );\n};\n\n// ── Inline mention chip ──\n\nexport const MentionChip: FC<{\n  name: string;\n  type?: string;\n  assetIds?: string[];\n  thumbnailUrl?: string;\n  sourceHref?: string;\n  interactive?: boolean;\n}> = ({ name, type, assetIds, thumbnailUrl, sourceHref, interactive = true }) => {\n  const auth = useContext(MentionAuthCtx);\n  const assetRootHref =\n    type === \"asset\" && assetIds?.length\n      ? createOlympusAssetUrl({\n          appUrl: auth?.appUrl,\n          backendUrl: auth?.backendUrl,\n          assetIds,\n        })\n      : null;\n  const href = (() => {\n    if (!assetRootHref || !sourceHref) return assetRootHref;\n    try {\n      const source = new URL(sourceHref, \"https://app.athenaintel.com\");\n      const destination = new URL(assetRootHref);\n      for (const [key, value] of source.searchParams) {\n        destination.searchParams.set(key, value);\n      }\n      destination.searchParams.set(\"asset_ids\", assetIds?.join(\",\") ?? \"\");\n      return destination.toString();\n    } catch {\n      return assetRootHref;\n    }\n  })();\n  // `not-prose` matters: assistant messages render inside Tailwind\n  // Typography's `prose`, whose zero-specificity `img` margins (~1.7em\n  // top/bottom) would otherwise inflate the chip's icon into a tall card\n  // that breaks the sentence flow around it.\n  const className = cn(\n    \"not-prose inline-flex max-w-[220px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600 no-underline\",\n    href &&\n      \"cursor-pointer transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-800 hover:no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1\",\n  );\n  const contents = (\n    <>\n      {thumbnailUrl && (\n        <img\n          src={thumbnailUrl}\n          alt=\"\"\n          className=\"size-3.5 shrink-0\"\n          draggable={false}\n        />\n      )}\n      {!thumbnailUrl && type === \"webpage\" && (\n        <Globe2Icon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n      )}\n      <span className=\"max-w-[180px] overflow-hidden text-ellipsis\">\n        {name}\n      </span>\n    </>\n  );\n\n  if (href && interactive) {\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={className}\n        aria-label={`Open ${name} in Spaces`}\n        title={`Open ${name} in Spaces`}\n      >\n        {contents}\n      </a>\n    );\n  }\n\n  return <span className={className}>{contents}</span>;\n};\n\n// ── Parse mention:// URLs ──\n\nexport function parseMentionUrl(url: string): {\n  type: string;\n  name: string;\n  id: string;\n  assetIds?: string[];\n  thumbnailUrl?: string;\n} {\n  try {\n    if (isSpacesMentionUrl(url)) {\n      const parsed = new URL(url, \"https://app.athenaintel.com\");\n      const assetIds = (parsed.searchParams.get(\"asset_ids\") ?? \"\")\n        .split(\",\")\n        .map((id) => id.trim())\n        .filter(Boolean);\n      const id = assetIds[0] ?? \"\";\n      const assetType = getSpacesAssetType(parsed);\n      return {\n        type: \"asset\",\n        name: assetIds.length > 1 ? `${assetIds.length} assets` : \"Asset\",\n        id,\n        assetIds,\n        thumbnailUrl: assetTypeToThumb(assetType),\n      };\n    }\n    // mention://tool?name=...&description=...\n    // mention://asset?id=...&assetType=project&thumb=../icons/files/ic-project.svg\n    const u = new URL(url);\n    const type = u.hostname || u.pathname.replace(/^\\/\\//, \"\").split(\"?\")[0];\n    const isWebpage = type === \"webpage\";\n    const id = isWebpage\n      ? u.searchParams.get(\"tab_id\") || \"\"\n      : u.searchParams.get(\"id\") || u.searchParams.get(\"name\") || \"\";\n    const name = isWebpage\n      ? u.searchParams.get(\"title\") || \"This webpage\"\n      : u.searchParams.get(\"name\") || id;\n\n    // Get thumbnail: prefer explicit thumb param, then derive from assetType\n    let thumbnailUrl = u.searchParams.get(\"thumb\") || undefined;\n    if (!thumbnailUrl) {\n      const assetType = u.searchParams.get(\"assetType\");\n      if (assetType) {\n        thumbnailUrl = assetTypeToThumb(assetType);\n      } else if (type === \"asset\" || type === \"folder\") {\n        thumbnailUrl = assetTypeToThumb(type === \"folder\" ? \"folder\" : null);\n      }\n    }\n\n    return {\n      type,\n      name,\n      id,\n      assetIds: type === \"asset\" && id ? [id] : undefined,\n      thumbnailUrl,\n    };\n  } catch {\n    return { type: \"unknown\", name: \"\", id: \"\" };\n  }\n}\n\nfunction htmlAttribute(attributes: string, name: string): string | null {\n  const escapedName = name.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n  const match = new RegExp(\n    `(?:^|\\\\s)${escapedName}\\\\s*=\\\\s*(?:\"([^\"]*)\"|'([^']*)'|([^\\\\s>]+))`,\n    \"i\",\n  ).exec(attributes);\n  return match?.[1] ?? match?.[2] ?? match?.[3] ?? null;\n}\n\nfunction decodeHtmlAttribute(value: string): string {\n  return value\n    .replace(/&amp;/gi, \"&\")\n    .replace(/&quot;/gi, '\"')\n    .replace(/&#39;|&apos;/gi, \"'\")\n    .replace(/&lt;/gi, \"<\")\n    .replace(/&gt;/gi, \">\");\n}\n\n/** Turn complete model-emitted URL citation anchors into safe Markdown links. */\nexport function normalizeAthenaMentionHtml(text: string): string {\n  return text.replace(\n    /<a\\b([^>]*)>([\\s\\S]*?)<\\/a>/gi,\n    (original, attributes: string, rawLabel: string) => {\n      const className = htmlAttribute(attributes, \"class\") ?? \"\";\n      const type = htmlAttribute(attributes, \"data-type\") ?? \"\";\n      if (!className.split(/\\s+/).includes(\"mention\") || type !== \"url\") {\n        return original;\n      }\n\n      const rawUrl =\n        htmlAttribute(attributes, \"data-url\") ??\n        htmlAttribute(attributes, \"href\");\n      if (!rawUrl) return original;\n      const url = decodeHtmlAttribute(rawUrl);\n      let normalizedUrl: string;\n      try {\n        const parsed = new URL(url);\n        if (parsed.protocol !== \"http:\" && parsed.protocol !== \"https:\") {\n          return original;\n        }\n        normalizedUrl = parsed.toString();\n      } catch {\n        return original;\n      }\n\n      const label = decodeHtmlAttribute(rawLabel.replace(/<[^>]*>/g, \"\"))\n        .trim()\n        .replace(/([\\\\[\\]])/g, \"\\\\$1\");\n      return label ? `[${label}](<${normalizedUrl}>)` : original;\n    },\n  );\n}\n// ── Parse mention markdown in plain text ──\n\nconst MENTION_RE =\n  /\\[@([^\\]]*)\\]\\(((?:mention:\\/\\/|(?:https?:\\/\\/[^)\\s]+)?\\/dashboard\\/spaces\\/?\\?)[^)]+)\\)/g;\n\n/**\n * Parse text containing [@name](mention://...) patterns into\n * an array of string segments and MentionChip elements.\n */\nexport function parseMentionsInText(text: string): (string | ReactElement)[] {\n  const parts: (string | ReactElement)[] = [];\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  MENTION_RE.lastIndex = 0;\n\n  while ((match = MENTION_RE.exec(text)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(text.slice(lastIndex, match.index));\n    }\n\n    const name = match[1];\n    const url = match[2];\n    const parsed = parseMentionUrl(url);\n\n    parts.push(\n      <MentionChip\n        key={`mention-${match.index}`}\n        name={name || parsed.name}\n        type={parsed.type}\n        assetIds={parsed.assetIds}\n        thumbnailUrl={parsed.thumbnailUrl}\n        sourceHref={isSpacesMentionUrl(url) ? url : undefined}\n      />\n    );\n\n    lastIndex = match.index + match[0].length;\n  }\n\n  if (lastIndex < text.length) {\n    parts.push(text.slice(lastIndex));\n  }\n\n  return parts.length > 0 ? parts : [text];\n}\n"],"names":["id"],"mappings":"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"}

package/dist/chat-ui/mentions/mention-extension.cjs

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const core = require("@tiptap/core");
 function makeMentionUrl(attrs) {
+  if (attrs.href && (attrs.href.startsWith("mention://") || ASSET_MENTION_HREF.test(attrs.href))) {
+    return attrs.href;
+  }
   if (attrs.type === "tool" || attrs.type === "toolkit") {
     return `mention://${attrs.type}?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? "")}`;
   }
@@ -34,6 +37,7 @@ function parseMentionAnchorAttributes({
   const url = new URL(href);
   const isWebpage = url.hostname === "webpage";
   return {
+    href,
     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") || "",
@@ -45,7 +49,7 @@ function parseMentionAnchorAttributes({
     assetType: url.searchParams.get("assetType") || ""
   };
 }
-const ASSET_MENTION_HREF = /^\/dashboard\/spaces\?/;
+const ASSET_MENTION_HREF = /^(?:https?:\/\/[^/]+)?\/dashboard\/spaces\/?\?/;
 function parseAssetAnchorAttributes({
   href,
   textContent
@@ -56,6 +60,7 @@ function parseAssetAnchorAttributes({
   if (!id) return null;
   return {
     type: "asset",
+    href,
     name: (textContent == null ? void 0 : textContent.replace(/^@/, "")) || "",
     id,
     assetType: params.get("assetType") || ""
@@ -70,6 +75,7 @@ const MentionExtension = core.Node.create({
   atom: true,
   addAttributes() {
     return {
+      href: { default: null },
       type: { default: "tool" },
       name: { default: "" },
       id: { default: "" },
@@ -103,6 +109,7 @@ const MentionExtension = core.Node.create({
           var _a;
           const el = dom;
           return {
+            href: el.getAttribute("data-href"),
             type: el.getAttribute("data-type") || "tool",
             name: el.getAttribute("data-name") || ((_a = el.textContent) == null ? void 0 : _a.replace(/^@/, "")) || "",
             id: el.getAttribute("data-id") || "",
@@ -121,14 +128,18 @@ const MentionExtension = core.Node.create({
         priority: ANCHOR_RULE_PRIORITY,
         getAttrs: (dom) => {
           const el = dom;
-          return parseMentionAnchorAttributes({
-            href: el.getAttribute("href") ?? el.href,
-            textContent: el.textContent
-          });
+          try {
+            return parseMentionAnchorAttributes({
+              href: el.getAttribute("href") ?? el.href,
+              textContent: el.textContent
+            });
+          } catch {
+            return false;
+          }
         }
       },
       {
-        tag: "a[href^='/dashboard/spaces?']",
+        tag: "a[href]",
         priority: ANCHOR_RULE_PRIORITY,
         getAttrs: (dom) => {
           const el = dom;
@@ -159,6 +170,7 @@ const MentionExtension = core.Node.create({
       "span",
       core.mergeAttributes(HTMLAttributes, {
         "data-mention": "",
+        "data-href": node.attrs.href || "",
         "data-type": node.attrs.type,
         "data-name": node.attrs.name,
         "data-id": node.attrs.id,

package/dist/chat-ui/mentions/mention-extension.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mention-extension.cjs","sources":["../../../src/chat-ui/mentions/mention-extension.ts"],"sourcesContent":["/**\n * Tiptap Mention Node Extension\n *\n * Defines the mention node type used in the editor. When a mention is\n * inserted, it creates a non-editable inline node with metadata.\n *\n * Renders as a chip with: [icon] Name. Serializes — to plain text and to\n * Markdown alike — as `[@Name](url)`, and parses that link back into a chip.\n */\n\nimport { mergeAttributes, Node } from \"@tiptap/core\";\nimport type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\n\nexport function makeMentionUrl(attrs: { id: string; type: string; name: string; title?: string; url?: string; description?: string; thumbnailUrl?: string; assetType?: string }): string {\n  if (attrs.type === \"tool\" || attrs.type === \"toolkit\") {\n    return `mention://${attrs.type}?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? \"\")}`;\n  }\n  if (attrs.type === \"asset\") {\n    const params = new URLSearchParams({ asset_ids: attrs.id });\n    if (attrs.assetType) params.set(\"assetType\", attrs.assetType);\n    return `/dashboard/spaces?${params.toString()}`;\n  }\n  if (attrs.type === \"tab\") {\n    const params = new URLSearchParams({\n      tab_id: attrs.id,\n      url: attrs.url ?? \"\",\n      title: attrs.title ?? attrs.name,\n    });\n    return `mention://webpage?${params.toString()}`;\n  }\n  // Include athenaOriginalType and thumbnailUrl so the chip can be reconstructed\n  const params = new URLSearchParams();\n  params.set(\"id\", attrs.id);\n  if (attrs.assetType) params.set(\"assetType\", attrs.assetType);\n  if (attrs.thumbnailUrl) params.set(\"thumb\", attrs.thumbnailUrl);\n  return `mention://${encodeURIComponent(attrs.type)}?${params.toString()}`;\n}\n\nexport interface MentionNodeAttrs {\n  type: string;\n  name: string;\n  id: string;\n  title?: string;\n  url?: string;\n  description?: string;\n  thumbnailUrl?: string;\n  fallbackIcon?: string;\n  assetType?: string;\n  displayAsPreview?: boolean;\n}\n\n/** The `[@Name](url)` form a mention takes in the outgoing text. */\nexport function serializeMention(attrs: MentionNodeAttrs): string {\n  return `[@${attrs.name}](${makeMentionUrl(attrs)})`;\n}\n\nexport function parseMentionAnchorAttributes({\n  href,\n  textContent,\n}: {\n  href: string;\n  textContent: string | null;\n}): MentionNodeAttrs {\n  const url = new URL(href);\n  const isWebpage = url.hostname === \"webpage\";\n  return {\n    type: isWebpage ? \"tab\" : url.hostname || \"tool\",\n    name: textContent?.replace(/^@/, \"\") || \"\",\n    id: isWebpage\n      ? url.searchParams.get(\"tab_id\") || \"\"\n      : url.searchParams.get(\"name\") || url.searchParams.get(\"id\") || \"\",\n    title: url.searchParams.get(\"title\") || \"\",\n    url: url.searchParams.get(\"url\") || \"\",\n    description: url.searchParams.get(\"description\") || \"\",\n    thumbnailUrl: url.searchParams.get(\"thumb\") || \"\",\n    fallbackIcon: \"\",\n    assetType: url.searchParams.get(\"assetType\") || \"\",\n  };\n}\n\n/** The asset link `makeMentionUrl` writes (`/dashboard/spaces?asset_ids=…`). */\nconst ASSET_MENTION_HREF = /^\\/dashboard\\/spaces\\?/;\n\n/**\n * Attributes of an asset mention from its `/dashboard/spaces?asset_ids=…`\n * link, or null for a spaces link that names no asset.\n */\nexport function parseAssetAnchorAttributes({\n  href,\n  textContent,\n}: {\n  href: string;\n  textContent: string | null;\n}): MentionNodeAttrs | null {\n  if (!ASSET_MENTION_HREF.test(href)) return null;\n  const params = new URLSearchParams(href.slice(href.indexOf(\"?\") + 1));\n  const id = params.get(\"asset_ids\");\n  if (!id) return null;\n  return {\n    type: \"asset\",\n    name: textContent?.replace(/^@/, \"\") || \"\",\n    id,\n    assetType: params.get(\"assetType\") || \"\",\n  };\n}\n\ninterface MarkdownSerializerState {\n  write(text: string): void;\n}\n\n/**\n * ProseMirror tries parse rules by rule priority (default 50), mark rules\n * before node rules at a tie: a serialized mention is an anchor, so its rules\n * must outrank the Link mark's `a[href]` rule or the chip comes back as a\n * plain link.\n */\nconst ANCHOR_RULE_PRIORITY = 100;\n\nexport const MentionExtension = Node.create({\n  name: \"mention\",\n  group: \"inline\",\n  inline: true,\n  selectable: false,\n  atom: true,\n\n  addAttributes() {\n    return {\n      type: { default: \"tool\" },\n      name: { default: \"\" },\n      id: { default: \"\" },\n      title: { default: \"\" },\n      url: { default: \"\" },\n      description: { default: \"\" },\n      thumbnailUrl: { default: \"\" },\n      fallbackIcon: { default: \"\" },\n      assetType: { default: \"\" },\n      displayAsPreview: { default: false },\n    };\n  },\n\n  /** tiptap-markdown reads this spec so `getMarkdown()` writes the mention, not HTML. */\n  addStorage() {\n    return {\n      markdown: {\n        serialize(state: MarkdownSerializerState, node: ProseMirrorNode) {\n          state.write(serializeMention(node.attrs as MentionNodeAttrs));\n        },\n        parse: {\n          // The Markdown parser renders the link to an anchor; parseHTML takes it from there.\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-mention]\",\n        getAttrs: (dom) => {\n          const el = dom as HTMLElement;\n          return {\n            type: el.getAttribute(\"data-type\") || \"tool\",\n            name: el.getAttribute(\"data-name\") || el.textContent?.replace(/^@/, \"\") || \"\",\n            id: el.getAttribute(\"data-id\") || \"\",\n            title: el.getAttribute(\"data-title\") || \"\",\n            url: el.getAttribute(\"data-url\") || \"\",\n            description: el.getAttribute(\"data-description\") || \"\",\n            thumbnailUrl: el.getAttribute(\"data-thumbnail-url\") || \"\",\n            fallbackIcon: el.getAttribute(\"data-fallback-icon\") || \"\",\n            assetType: el.getAttribute(\"data-asset-type\") || \"\",\n            displayAsPreview:\n              el.getAttribute(\"data-display-as-preview\") === \"true\",\n          };\n        },\n      },\n      {\n        tag: \"a[href^='mention://']\",\n        priority: ANCHOR_RULE_PRIORITY,\n        getAttrs: (dom) => {\n          const el = dom as HTMLAnchorElement;\n          return parseMentionAnchorAttributes({\n            href: el.getAttribute(\"href\") ?? el.href,\n            textContent: el.textContent,\n          });\n        },\n      },\n      {\n        tag: \"a[href^='/dashboard/spaces?']\",\n        priority: ANCHOR_RULE_PRIORITY,\n        getAttrs: (dom) => {\n          const el = dom as HTMLAnchorElement;\n          return (\n            parseAssetAnchorAttributes({\n              href: el.getAttribute(\"href\") ?? \"\",\n              textContent: el.textContent,\n            }) ?? false\n          );\n        },\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const thumbnailUrl = node.attrs.thumbnailUrl;\n\n    // Build child elements: [icon] name\n    const children: any[] = [];\n\n    if (thumbnailUrl) {\n      // Render SVG thumbnail as an img element inside the chip\n      children.push([\n        \"img\",\n        {\n          src: thumbnailUrl,\n          alt: \"\",\n          class: \"mention-chip-icon\",\n          draggable: \"false\",\n        },\n      ]);\n    }\n\n    children.push([\"span\", { class: \"mention-chip-text\" }, node.attrs.name]);\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-mention\": \"\",\n        \"data-type\": node.attrs.type,\n        \"data-name\": node.attrs.name,\n        \"data-id\": node.attrs.id,\n        \"data-title\": node.attrs.title || \"\",\n        \"data-url\": node.attrs.url || \"\",\n        \"data-thumbnail-url\": node.attrs.thumbnailUrl || \"\",\n        \"data-asset-type\": node.attrs.assetType || \"\",\n        \"data-display-as-preview\": String(node.attrs.displayAsPreview === true),\n        class: \"mention-chip\",\n      }),\n      ...children,\n    ];\n  },\n\n  renderText({ node }) {\n    return serializeMention(node.attrs as MentionNodeAttrs);\n  },\n});\n"],"names":["params","Node","mergeAttributes"],"mappings":"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"}
+{"version":3,"file":"mention-extension.cjs","sources":["../../../src/chat-ui/mentions/mention-extension.ts"],"sourcesContent":["/**\n * Tiptap Mention Node Extension\n *\n * Defines the mention node type used in the editor. When a mention is\n * inserted, it creates a non-editable inline node with metadata.\n *\n * Renders as a chip with: [icon] Name. Serializes — to plain text and to\n * Markdown alike — as `[@Name](url)`, and parses that link back into a chip.\n */\n\nimport { mergeAttributes, Node } from \"@tiptap/core\";\nimport type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\n\nexport function makeMentionUrl(attrs: { id: string; type: string; name: string; title?: string; url?: string; description?: string; thumbnailUrl?: string; assetType?: string; href?: string }): string {\n  if (attrs.href && (attrs.href.startsWith(\"mention://\") || ASSET_MENTION_HREF.test(attrs.href))) {\n    return attrs.href;\n  }\n  if (attrs.type === \"tool\" || attrs.type === \"toolkit\") {\n    return `mention://${attrs.type}?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? \"\")}`;\n  }\n  if (attrs.type === \"asset\") {\n    const params = new URLSearchParams({ asset_ids: attrs.id });\n    if (attrs.assetType) params.set(\"assetType\", attrs.assetType);\n    return `/dashboard/spaces?${params.toString()}`;\n  }\n  if (attrs.type === \"tab\") {\n    const params = new URLSearchParams({\n      tab_id: attrs.id,\n      url: attrs.url ?? \"\",\n      title: attrs.title ?? attrs.name,\n    });\n    return `mention://webpage?${params.toString()}`;\n  }\n  // Include athenaOriginalType and thumbnailUrl so the chip can be reconstructed\n  const params = new URLSearchParams();\n  params.set(\"id\", attrs.id);\n  if (attrs.assetType) params.set(\"assetType\", attrs.assetType);\n  if (attrs.thumbnailUrl) params.set(\"thumb\", attrs.thumbnailUrl);\n  return `mention://${encodeURIComponent(attrs.type)}?${params.toString()}`;\n}\n\nexport interface MentionNodeAttrs {\n  type: string;\n  name: string;\n  id: string;\n  title?: string;\n  url?: string;\n  description?: string;\n  thumbnailUrl?: string;\n  fallbackIcon?: string;\n  assetType?: string;\n  displayAsPreview?: boolean;\n  href?: string;\n}\n\n/** The `[@Name](url)` form a mention takes in the outgoing text. */\nexport function serializeMention(attrs: MentionNodeAttrs): string {\n  return `[@${attrs.name}](${makeMentionUrl(attrs)})`;\n}\n\nexport function parseMentionAnchorAttributes({\n  href,\n  textContent,\n}: {\n  href: string;\n  textContent: string | null;\n}): MentionNodeAttrs {\n  const url = new URL(href);\n  const isWebpage = url.hostname === \"webpage\";\n  return {\n    href,\n    type: isWebpage ? \"tab\" : url.hostname || \"tool\",\n    name: textContent?.replace(/^@/, \"\") || \"\",\n    id: isWebpage\n      ? url.searchParams.get(\"tab_id\") || \"\"\n      : url.searchParams.get(\"name\") || url.searchParams.get(\"id\") || \"\",\n    title: url.searchParams.get(\"title\") || \"\",\n    url: url.searchParams.get(\"url\") || \"\",\n    description: url.searchParams.get(\"description\") || \"\",\n    thumbnailUrl: url.searchParams.get(\"thumb\") || \"\",\n    fallbackIcon: \"\",\n    assetType: url.searchParams.get(\"assetType\") || \"\",\n  };\n}\n\n/** The asset link `makeMentionUrl` writes (`/dashboard/spaces?asset_ids=…`). */\nconst ASSET_MENTION_HREF = /^(?:https?:\\/\\/[^/]+)?\\/dashboard\\/spaces\\/?\\?/;\n\n/**\n * Attributes of an asset mention from its `/dashboard/spaces?asset_ids=…`\n * link, or null for a spaces link that names no asset.\n */\nexport function parseAssetAnchorAttributes({\n  href,\n  textContent,\n}: {\n  href: string;\n  textContent: string | null;\n}): MentionNodeAttrs | null {\n  if (!ASSET_MENTION_HREF.test(href)) return null;\n  const params = new URLSearchParams(href.slice(href.indexOf(\"?\") + 1));\n  const id = params.get(\"asset_ids\");\n  if (!id) return null;\n  return {\n    type: \"asset\",\n    href,\n    name: textContent?.replace(/^@/, \"\") || \"\",\n    id,\n    assetType: params.get(\"assetType\") || \"\",\n  };\n}\n\ninterface MarkdownSerializerState {\n  write(text: string): void;\n}\n\n/**\n * ProseMirror tries parse rules by rule priority (default 50), mark rules\n * before node rules at a tie: a serialized mention is an anchor, so its rules\n * must outrank the Link mark's `a[href]` rule or the chip comes back as a\n * plain link.\n */\nconst ANCHOR_RULE_PRIORITY = 100;\n\nexport const MentionExtension = Node.create({\n  name: \"mention\",\n  group: \"inline\",\n  inline: true,\n  selectable: false,\n  atom: true,\n\n  addAttributes() {\n    return {\n      href: { default: null },\n      type: { default: \"tool\" },\n      name: { default: \"\" },\n      id: { default: \"\" },\n      title: { default: \"\" },\n      url: { default: \"\" },\n      description: { default: \"\" },\n      thumbnailUrl: { default: \"\" },\n      fallbackIcon: { default: \"\" },\n      assetType: { default: \"\" },\n      displayAsPreview: { default: false },\n    };\n  },\n\n  /** tiptap-markdown reads this spec so `getMarkdown()` writes the mention, not HTML. */\n  addStorage() {\n    return {\n      markdown: {\n        serialize(state: MarkdownSerializerState, node: ProseMirrorNode) {\n          state.write(serializeMention(node.attrs as MentionNodeAttrs));\n        },\n        parse: {\n          // The Markdown parser renders the link to an anchor; parseHTML takes it from there.\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-mention]\",\n        getAttrs: (dom) => {\n          const el = dom as HTMLElement;\n          return {\n            href: el.getAttribute(\"data-href\"),\n            type: el.getAttribute(\"data-type\") || \"tool\",\n            name: el.getAttribute(\"data-name\") || el.textContent?.replace(/^@/, \"\") || \"\",\n            id: el.getAttribute(\"data-id\") || \"\",\n            title: el.getAttribute(\"data-title\") || \"\",\n            url: el.getAttribute(\"data-url\") || \"\",\n            description: el.getAttribute(\"data-description\") || \"\",\n            thumbnailUrl: el.getAttribute(\"data-thumbnail-url\") || \"\",\n            fallbackIcon: el.getAttribute(\"data-fallback-icon\") || \"\",\n            assetType: el.getAttribute(\"data-asset-type\") || \"\",\n            displayAsPreview:\n              el.getAttribute(\"data-display-as-preview\") === \"true\",\n          };\n        },\n      },\n      {\n        tag: \"a[href^='mention://']\",\n        priority: ANCHOR_RULE_PRIORITY,\n        getAttrs: (dom) => {\n          const el = dom as HTMLAnchorElement;\n          try {\n            return parseMentionAnchorAttributes({\n              href: el.getAttribute(\"href\") ?? el.href,\n              textContent: el.textContent,\n            });\n          } catch {\n            return false;\n          }\n        },\n      },\n      {\n        tag: \"a[href]\",\n        priority: ANCHOR_RULE_PRIORITY,\n        getAttrs: (dom) => {\n          const el = dom as HTMLAnchorElement;\n          return (\n            parseAssetAnchorAttributes({\n              href: el.getAttribute(\"href\") ?? \"\",\n              textContent: el.textContent,\n            }) ?? false\n          );\n        },\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const thumbnailUrl = node.attrs.thumbnailUrl;\n\n    // Build child elements: [icon] name\n    const children: any[] = [];\n\n    if (thumbnailUrl) {\n      // Render SVG thumbnail as an img element inside the chip\n      children.push([\n        \"img\",\n        {\n          src: thumbnailUrl,\n          alt: \"\",\n          class: \"mention-chip-icon\",\n          draggable: \"false\",\n        },\n      ]);\n    }\n\n    children.push([\"span\", { class: \"mention-chip-text\" }, node.attrs.name]);\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-mention\": \"\",\n        \"data-href\": node.attrs.href || \"\",\n        \"data-type\": node.attrs.type,\n        \"data-name\": node.attrs.name,\n        \"data-id\": node.attrs.id,\n        \"data-title\": node.attrs.title || \"\",\n        \"data-url\": node.attrs.url || \"\",\n        \"data-thumbnail-url\": node.attrs.thumbnailUrl || \"\",\n        \"data-asset-type\": node.attrs.assetType || \"\",\n        \"data-display-as-preview\": String(node.attrs.displayAsPreview === true),\n        class: \"mention-chip\",\n      }),\n      ...children,\n    ];\n  },\n\n  renderText({ node }) {\n    return serializeMention(node.attrs as MentionNodeAttrs);\n  },\n});\n"],"names":["params","Node","mergeAttributes"],"mappings":"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"}

package/dist/chat-ui/mentions/mention-extension.d.ts

@@ -18,6 +18,7 @@ export declare function makeMentionUrl(attrs: {
     description?: string;
     thumbnailUrl?: string;
     assetType?: string;
+    href?: string;
 }): string;
 export interface MentionNodeAttrs {
     type: string;
@@ -30,6 +31,7 @@ export interface MentionNodeAttrs {
     fallbackIcon?: string;
     assetType?: string;
     displayAsPreview?: boolean;
+    href?: string;
 }
 /** The `[@Name](url)` form a mention takes in the outgoing text. */
 export declare function serializeMention(attrs: MentionNodeAttrs): string;

package/dist/chat-ui/mentions/mention-extension.js

@@ -1,5 +1,8 @@
 import { Node, mergeAttributes } from "@tiptap/core";
 function makeMentionUrl(attrs) {
+  if (attrs.href && (attrs.href.startsWith("mention://") || ASSET_MENTION_HREF.test(attrs.href))) {
+    return attrs.href;
+  }
   if (attrs.type === "tool" || attrs.type === "toolkit") {
     return `mention://${attrs.type}?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? "")}`;
   }
@@ -32,6 +35,7 @@ function parseMentionAnchorAttributes({
   const url = new URL(href);
   const isWebpage = url.hostname === "webpage";
   return {
+    href,
     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") || "",
@@ -43,7 +47,7 @@ function parseMentionAnchorAttributes({
     assetType: url.searchParams.get("assetType") || ""
   };
 }
-const ASSET_MENTION_HREF = /^\/dashboard\/spaces\?/;
+const ASSET_MENTION_HREF = /^(?:https?:\/\/[^/]+)?\/dashboard\/spaces\/?\?/;
 function parseAssetAnchorAttributes({
   href,
   textContent
@@ -54,6 +58,7 @@ function parseAssetAnchorAttributes({
   if (!id) return null;
   return {
     type: "asset",
+    href,
     name: (textContent == null ? void 0 : textContent.replace(/^@/, "")) || "",
     id,
     assetType: params.get("assetType") || ""
@@ -68,6 +73,7 @@ const MentionExtension = Node.create({
   atom: true,
   addAttributes() {
     return {
+      href: { default: null },
       type: { default: "tool" },
       name: { default: "" },
       id: { default: "" },
@@ -101,6 +107,7 @@ const MentionExtension = Node.create({
           var _a;
           const el = dom;
           return {
+            href: el.getAttribute("data-href"),
             type: el.getAttribute("data-type") || "tool",
             name: el.getAttribute("data-name") || ((_a = el.textContent) == null ? void 0 : _a.replace(/^@/, "")) || "",
             id: el.getAttribute("data-id") || "",
@@ -119,14 +126,18 @@ const MentionExtension = Node.create({
         priority: ANCHOR_RULE_PRIORITY,
         getAttrs: (dom) => {
           const el = dom;
-          return parseMentionAnchorAttributes({
-            href: el.getAttribute("href") ?? el.href,
-            textContent: el.textContent
-          });
+          try {
+            return parseMentionAnchorAttributes({
+              href: el.getAttribute("href") ?? el.href,
+              textContent: el.textContent
+            });
+          } catch {
+            return false;
+          }
         }
       },
       {
-        tag: "a[href^='/dashboard/spaces?']",
+        tag: "a[href]",
         priority: ANCHOR_RULE_PRIORITY,
         getAttrs: (dom) => {
           const el = dom;
@@ -157,6 +168,7 @@ const MentionExtension = Node.create({
       "span",
       mergeAttributes(HTMLAttributes, {
         "data-mention": "",
+        "data-href": node.attrs.href || "",
         "data-type": node.attrs.type,
         "data-name": node.attrs.name,
         "data-id": node.attrs.id,

package/dist/chat-ui/mentions/mention-extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"mention-extension.js","sources":["../../../src/chat-ui/mentions/mention-extension.ts"],"sourcesContent":["/**\n * Tiptap Mention Node Extension\n *\n * Defines the mention node type used in the editor. When a mention is\n * inserted, it creates a non-editable inline node with metadata.\n *\n * Renders as a chip with: [icon] Name. Serializes — to plain text and to\n * Markdown alike — as `[@Name](url)`, and parses that link back into a chip.\n */\n\nimport { mergeAttributes, Node } from \"@tiptap/core\";\nimport type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\n\nexport function makeMentionUrl(attrs: { id: string; type: string; name: string; title?: string; url?: string; description?: string; thumbnailUrl?: string; assetType?: string }): string {\n  if (attrs.type === \"tool\" || attrs.type === \"toolkit\") {\n    return `mention://${attrs.type}?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? \"\")}`;\n  }\n  if (attrs.type === \"asset\") {\n    const params = new URLSearchParams({ asset_ids: attrs.id });\n    if (attrs.assetType) params.set(\"assetType\", attrs.assetType);\n    return `/dashboard/spaces?${params.toString()}`;\n  }\n  if (attrs.type === \"tab\") {\n    const params = new URLSearchParams({\n      tab_id: attrs.id,\n      url: attrs.url ?? \"\",\n      title: attrs.title ?? attrs.name,\n    });\n    return `mention://webpage?${params.toString()}`;\n  }\n  // Include athenaOriginalType and thumbnailUrl so the chip can be reconstructed\n  const params = new URLSearchParams();\n  params.set(\"id\", attrs.id);\n  if (attrs.assetType) params.set(\"assetType\", attrs.assetType);\n  if (attrs.thumbnailUrl) params.set(\"thumb\", attrs.thumbnailUrl);\n  return `mention://${encodeURIComponent(attrs.type)}?${params.toString()}`;\n}\n\nexport interface MentionNodeAttrs {\n  type: string;\n  name: string;\n  id: string;\n  title?: string;\n  url?: string;\n  description?: string;\n  thumbnailUrl?: string;\n  fallbackIcon?: string;\n  assetType?: string;\n  displayAsPreview?: boolean;\n}\n\n/** The `[@Name](url)` form a mention takes in the outgoing text. */\nexport function serializeMention(attrs: MentionNodeAttrs): string {\n  return `[@${attrs.name}](${makeMentionUrl(attrs)})`;\n}\n\nexport function parseMentionAnchorAttributes({\n  href,\n  textContent,\n}: {\n  href: string;\n  textContent: string | null;\n}): MentionNodeAttrs {\n  const url = new URL(href);\n  const isWebpage = url.hostname === \"webpage\";\n  return {\n    type: isWebpage ? \"tab\" : url.hostname || \"tool\",\n    name: textContent?.replace(/^@/, \"\") || \"\",\n    id: isWebpage\n      ? url.searchParams.get(\"tab_id\") || \"\"\n      : url.searchParams.get(\"name\") || url.searchParams.get(\"id\") || \"\",\n    title: url.searchParams.get(\"title\") || \"\",\n    url: url.searchParams.get(\"url\") || \"\",\n    description: url.searchParams.get(\"description\") || \"\",\n    thumbnailUrl: url.searchParams.get(\"thumb\") || \"\",\n    fallbackIcon: \"\",\n    assetType: url.searchParams.get(\"assetType\") || \"\",\n  };\n}\n\n/** The asset link `makeMentionUrl` writes (`/dashboard/spaces?asset_ids=…`). */\nconst ASSET_MENTION_HREF = /^\\/dashboard\\/spaces\\?/;\n\n/**\n * Attributes of an asset mention from its `/dashboard/spaces?asset_ids=…`\n * link, or null for a spaces link that names no asset.\n */\nexport function parseAssetAnchorAttributes({\n  href,\n  textContent,\n}: {\n  href: string;\n  textContent: string | null;\n}): MentionNodeAttrs | null {\n  if (!ASSET_MENTION_HREF.test(href)) return null;\n  const params = new URLSearchParams(href.slice(href.indexOf(\"?\") + 1));\n  const id = params.get(\"asset_ids\");\n  if (!id) return null;\n  return {\n    type: \"asset\",\n    name: textContent?.replace(/^@/, \"\") || \"\",\n    id,\n    assetType: params.get(\"assetType\") || \"\",\n  };\n}\n\ninterface MarkdownSerializerState {\n  write(text: string): void;\n}\n\n/**\n * ProseMirror tries parse rules by rule priority (default 50), mark rules\n * before node rules at a tie: a serialized mention is an anchor, so its rules\n * must outrank the Link mark's `a[href]` rule or the chip comes back as a\n * plain link.\n */\nconst ANCHOR_RULE_PRIORITY = 100;\n\nexport const MentionExtension = Node.create({\n  name: \"mention\",\n  group: \"inline\",\n  inline: true,\n  selectable: false,\n  atom: true,\n\n  addAttributes() {\n    return {\n      type: { default: \"tool\" },\n      name: { default: \"\" },\n      id: { default: \"\" },\n      title: { default: \"\" },\n      url: { default: \"\" },\n      description: { default: \"\" },\n      thumbnailUrl: { default: \"\" },\n      fallbackIcon: { default: \"\" },\n      assetType: { default: \"\" },\n      displayAsPreview: { default: false },\n    };\n  },\n\n  /** tiptap-markdown reads this spec so `getMarkdown()` writes the mention, not HTML. */\n  addStorage() {\n    return {\n      markdown: {\n        serialize(state: MarkdownSerializerState, node: ProseMirrorNode) {\n          state.write(serializeMention(node.attrs as MentionNodeAttrs));\n        },\n        parse: {\n          // The Markdown parser renders the link to an anchor; parseHTML takes it from there.\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-mention]\",\n        getAttrs: (dom) => {\n          const el = dom as HTMLElement;\n          return {\n            type: el.getAttribute(\"data-type\") || \"tool\",\n            name: el.getAttribute(\"data-name\") || el.textContent?.replace(/^@/, \"\") || \"\",\n            id: el.getAttribute(\"data-id\") || \"\",\n            title: el.getAttribute(\"data-title\") || \"\",\n            url: el.getAttribute(\"data-url\") || \"\",\n            description: el.getAttribute(\"data-description\") || \"\",\n            thumbnailUrl: el.getAttribute(\"data-thumbnail-url\") || \"\",\n            fallbackIcon: el.getAttribute(\"data-fallback-icon\") || \"\",\n            assetType: el.getAttribute(\"data-asset-type\") || \"\",\n            displayAsPreview:\n              el.getAttribute(\"data-display-as-preview\") === \"true\",\n          };\n        },\n      },\n      {\n        tag: \"a[href^='mention://']\",\n        priority: ANCHOR_RULE_PRIORITY,\n        getAttrs: (dom) => {\n          const el = dom as HTMLAnchorElement;\n          return parseMentionAnchorAttributes({\n            href: el.getAttribute(\"href\") ?? el.href,\n            textContent: el.textContent,\n          });\n        },\n      },\n      {\n        tag: \"a[href^='/dashboard/spaces?']\",\n        priority: ANCHOR_RULE_PRIORITY,\n        getAttrs: (dom) => {\n          const el = dom as HTMLAnchorElement;\n          return (\n            parseAssetAnchorAttributes({\n              href: el.getAttribute(\"href\") ?? \"\",\n              textContent: el.textContent,\n            }) ?? false\n          );\n        },\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const thumbnailUrl = node.attrs.thumbnailUrl;\n\n    // Build child elements: [icon] name\n    const children: any[] = [];\n\n    if (thumbnailUrl) {\n      // Render SVG thumbnail as an img element inside the chip\n      children.push([\n        \"img\",\n        {\n          src: thumbnailUrl,\n          alt: \"\",\n          class: \"mention-chip-icon\",\n          draggable: \"false\",\n        },\n      ]);\n    }\n\n    children.push([\"span\", { class: \"mention-chip-text\" }, node.attrs.name]);\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-mention\": \"\",\n        \"data-type\": node.attrs.type,\n        \"data-name\": node.attrs.name,\n        \"data-id\": node.attrs.id,\n        \"data-title\": node.attrs.title || \"\",\n        \"data-url\": node.attrs.url || \"\",\n        \"data-thumbnail-url\": node.attrs.thumbnailUrl || \"\",\n        \"data-asset-type\": node.attrs.assetType || \"\",\n        \"data-display-as-preview\": String(node.attrs.displayAsPreview === true),\n        class: \"mention-chip\",\n      }),\n      ...children,\n    ];\n  },\n\n  renderText({ node }) {\n    return serializeMention(node.attrs as MentionNodeAttrs);\n  },\n});\n"],"names":["params"],"mappings":"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"}
+{"version":3,"file":"mention-extension.js","sources":["../../../src/chat-ui/mentions/mention-extension.ts"],"sourcesContent":["/**\n * Tiptap Mention Node Extension\n *\n * Defines the mention node type used in the editor. When a mention is\n * inserted, it creates a non-editable inline node with metadata.\n *\n * Renders as a chip with: [icon] Name. Serializes — to plain text and to\n * Markdown alike — as `[@Name](url)`, and parses that link back into a chip.\n */\n\nimport { mergeAttributes, Node } from \"@tiptap/core\";\nimport type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\n\nexport function makeMentionUrl(attrs: { id: string; type: string; name: string; title?: string; url?: string; description?: string; thumbnailUrl?: string; assetType?: string; href?: string }): string {\n  if (attrs.href && (attrs.href.startsWith(\"mention://\") || ASSET_MENTION_HREF.test(attrs.href))) {\n    return attrs.href;\n  }\n  if (attrs.type === \"tool\" || attrs.type === \"toolkit\") {\n    return `mention://${attrs.type}?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? \"\")}`;\n  }\n  if (attrs.type === \"asset\") {\n    const params = new URLSearchParams({ asset_ids: attrs.id });\n    if (attrs.assetType) params.set(\"assetType\", attrs.assetType);\n    return `/dashboard/spaces?${params.toString()}`;\n  }\n  if (attrs.type === \"tab\") {\n    const params = new URLSearchParams({\n      tab_id: attrs.id,\n      url: attrs.url ?? \"\",\n      title: attrs.title ?? attrs.name,\n    });\n    return `mention://webpage?${params.toString()}`;\n  }\n  // Include athenaOriginalType and thumbnailUrl so the chip can be reconstructed\n  const params = new URLSearchParams();\n  params.set(\"id\", attrs.id);\n  if (attrs.assetType) params.set(\"assetType\", attrs.assetType);\n  if (attrs.thumbnailUrl) params.set(\"thumb\", attrs.thumbnailUrl);\n  return `mention://${encodeURIComponent(attrs.type)}?${params.toString()}`;\n}\n\nexport interface MentionNodeAttrs {\n  type: string;\n  name: string;\n  id: string;\n  title?: string;\n  url?: string;\n  description?: string;\n  thumbnailUrl?: string;\n  fallbackIcon?: string;\n  assetType?: string;\n  displayAsPreview?: boolean;\n  href?: string;\n}\n\n/** The `[@Name](url)` form a mention takes in the outgoing text. */\nexport function serializeMention(attrs: MentionNodeAttrs): string {\n  return `[@${attrs.name}](${makeMentionUrl(attrs)})`;\n}\n\nexport function parseMentionAnchorAttributes({\n  href,\n  textContent,\n}: {\n  href: string;\n  textContent: string | null;\n}): MentionNodeAttrs {\n  const url = new URL(href);\n  const isWebpage = url.hostname === \"webpage\";\n  return {\n    href,\n    type: isWebpage ? \"tab\" : url.hostname || \"tool\",\n    name: textContent?.replace(/^@/, \"\") || \"\",\n    id: isWebpage\n      ? url.searchParams.get(\"tab_id\") || \"\"\n      : url.searchParams.get(\"name\") || url.searchParams.get(\"id\") || \"\",\n    title: url.searchParams.get(\"title\") || \"\",\n    url: url.searchParams.get(\"url\") || \"\",\n    description: url.searchParams.get(\"description\") || \"\",\n    thumbnailUrl: url.searchParams.get(\"thumb\") || \"\",\n    fallbackIcon: \"\",\n    assetType: url.searchParams.get(\"assetType\") || \"\",\n  };\n}\n\n/** The asset link `makeMentionUrl` writes (`/dashboard/spaces?asset_ids=…`). */\nconst ASSET_MENTION_HREF = /^(?:https?:\\/\\/[^/]+)?\\/dashboard\\/spaces\\/?\\?/;\n\n/**\n * Attributes of an asset mention from its `/dashboard/spaces?asset_ids=…`\n * link, or null for a spaces link that names no asset.\n */\nexport function parseAssetAnchorAttributes({\n  href,\n  textContent,\n}: {\n  href: string;\n  textContent: string | null;\n}): MentionNodeAttrs | null {\n  if (!ASSET_MENTION_HREF.test(href)) return null;\n  const params = new URLSearchParams(href.slice(href.indexOf(\"?\") + 1));\n  const id = params.get(\"asset_ids\");\n  if (!id) return null;\n  return {\n    type: \"asset\",\n    href,\n    name: textContent?.replace(/^@/, \"\") || \"\",\n    id,\n    assetType: params.get(\"assetType\") || \"\",\n  };\n}\n\ninterface MarkdownSerializerState {\n  write(text: string): void;\n}\n\n/**\n * ProseMirror tries parse rules by rule priority (default 50), mark rules\n * before node rules at a tie: a serialized mention is an anchor, so its rules\n * must outrank the Link mark's `a[href]` rule or the chip comes back as a\n * plain link.\n */\nconst ANCHOR_RULE_PRIORITY = 100;\n\nexport const MentionExtension = Node.create({\n  name: \"mention\",\n  group: \"inline\",\n  inline: true,\n  selectable: false,\n  atom: true,\n\n  addAttributes() {\n    return {\n      href: { default: null },\n      type: { default: \"tool\" },\n      name: { default: \"\" },\n      id: { default: \"\" },\n      title: { default: \"\" },\n      url: { default: \"\" },\n      description: { default: \"\" },\n      thumbnailUrl: { default: \"\" },\n      fallbackIcon: { default: \"\" },\n      assetType: { default: \"\" },\n      displayAsPreview: { default: false },\n    };\n  },\n\n  /** tiptap-markdown reads this spec so `getMarkdown()` writes the mention, not HTML. */\n  addStorage() {\n    return {\n      markdown: {\n        serialize(state: MarkdownSerializerState, node: ProseMirrorNode) {\n          state.write(serializeMention(node.attrs as MentionNodeAttrs));\n        },\n        parse: {\n          // The Markdown parser renders the link to an anchor; parseHTML takes it from there.\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-mention]\",\n        getAttrs: (dom) => {\n          const el = dom as HTMLElement;\n          return {\n            href: el.getAttribute(\"data-href\"),\n            type: el.getAttribute(\"data-type\") || \"tool\",\n            name: el.getAttribute(\"data-name\") || el.textContent?.replace(/^@/, \"\") || \"\",\n            id: el.getAttribute(\"data-id\") || \"\",\n            title: el.getAttribute(\"data-title\") || \"\",\n            url: el.getAttribute(\"data-url\") || \"\",\n            description: el.getAttribute(\"data-description\") || \"\",\n            thumbnailUrl: el.getAttribute(\"data-thumbnail-url\") || \"\",\n            fallbackIcon: el.getAttribute(\"data-fallback-icon\") || \"\",\n            assetType: el.getAttribute(\"data-asset-type\") || \"\",\n            displayAsPreview:\n              el.getAttribute(\"data-display-as-preview\") === \"true\",\n          };\n        },\n      },\n      {\n        tag: \"a[href^='mention://']\",\n        priority: ANCHOR_RULE_PRIORITY,\n        getAttrs: (dom) => {\n          const el = dom as HTMLAnchorElement;\n          try {\n            return parseMentionAnchorAttributes({\n              href: el.getAttribute(\"href\") ?? el.href,\n              textContent: el.textContent,\n            });\n          } catch {\n            return false;\n          }\n        },\n      },\n      {\n        tag: \"a[href]\",\n        priority: ANCHOR_RULE_PRIORITY,\n        getAttrs: (dom) => {\n          const el = dom as HTMLAnchorElement;\n          return (\n            parseAssetAnchorAttributes({\n              href: el.getAttribute(\"href\") ?? \"\",\n              textContent: el.textContent,\n            }) ?? false\n          );\n        },\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const thumbnailUrl = node.attrs.thumbnailUrl;\n\n    // Build child elements: [icon] name\n    const children: any[] = [];\n\n    if (thumbnailUrl) {\n      // Render SVG thumbnail as an img element inside the chip\n      children.push([\n        \"img\",\n        {\n          src: thumbnailUrl,\n          alt: \"\",\n          class: \"mention-chip-icon\",\n          draggable: \"false\",\n        },\n      ]);\n    }\n\n    children.push([\"span\", { class: \"mention-chip-text\" }, node.attrs.name]);\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-mention\": \"\",\n        \"data-href\": node.attrs.href || \"\",\n        \"data-type\": node.attrs.type,\n        \"data-name\": node.attrs.name,\n        \"data-id\": node.attrs.id,\n        \"data-title\": node.attrs.title || \"\",\n        \"data-url\": node.attrs.url || \"\",\n        \"data-thumbnail-url\": node.attrs.thumbnailUrl || \"\",\n        \"data-asset-type\": node.attrs.assetType || \"\",\n        \"data-display-as-preview\": String(node.attrs.displayAsPreview === true),\n        class: \"mention-chip\",\n      }),\n      ...children,\n    ];\n  },\n\n  renderText({ node }) {\n    return serializeMention(node.attrs as MentionNodeAttrs);\n  },\n});\n"],"names":["params"],"mappings":"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"}

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

@@ -94,7 +94,7 @@ const MentionSuggestionList = react.forwardRef(({ store, editor, query, command,
         isLoading: isFetching,
         hasMore,
         onSelect: handleSelect,
-        onMouseEnter: (idx) => {
+        onMouseMove: (idx) => {
           setSelectedIndexOverride(idx);
         },
         onLoadMore: loadMore

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

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

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

@@ -92,7 +92,7 @@ const MentionSuggestionList = forwardRef(({ store, editor, query, command, close
         isLoading: isFetching,
         hasMore,
         onSelect: handleSelect,
-        onMouseEnter: (idx) => {
+        onMouseMove: (idx) => {
           setSelectedIndexOverride(idx);
         },
         onLoadMore: loadMore

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

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