@athenaintel/react 0.19.0 → 0.21.0

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

@@ -0,0 +1,253 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useContext } from "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";
+import { cn } from "cnfast";
+const SPACES_MENTION_PATH = /\/dashboard\/spaces\/?\?/;
+function isSpacesMentionUrl(url) {
+  return SPACES_MENTION_PATH.test(url);
+}
+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, 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);
+    return /* @__PURE__ */ jsx(
+      MentionChip,
+      {
+        name: name || parsed.name,
+        type: parsed.type,
+        assetIds: parsed.assetIds,
+        thumbnailUrl: parsed.thumbnailUrl,
+        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 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,
+    backendUrl: auth == null ? void 0 : auth.backendUrl,
+    assetIds
+  }) : null;
+  const href = (() => {
+    if (!assetRootHref || !sourceHref) return assetRootHref;
+    try {
+      const source = new URL(sourceHref, "https://app.athenaintel.com");
+      const destination = new URL(assetRootHref);
+      for (const [key, value] of source.searchParams) {
+        destination.searchParams.set(key, value);
+      }
+      destination.searchParams.set("asset_ids", (assetIds == null ? void 0 : assetIds.join(",")) ?? "");
+      return destination.toString();
+    } catch {
+      return assetRootHref;
+    }
+  })();
+  const className = cn(
+    "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",
+    href && "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"
+  );
+  const contents = /* @__PURE__ */ jsxs(Fragment, { children: [
+    thumbnailUrl && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: thumbnailUrl,
+        alt: "",
+        className: "size-3.5 shrink-0",
+        draggable: false
+      }
+    ),
+    !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 && interactive) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className,
+        "aria-label": `Open ${name} in Spaces`,
+        title: `Open ${name} in Spaces`,
+        children: contents
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("span", { className, children: contents });
+};
+function parseMentionUrl(url) {
+  try {
+    if (isSpacesMentionUrl(url)) {
+      const parsed = new URL(url, "https://app.athenaintel.com");
+      const assetIds = (parsed.searchParams.get("asset_ids") ?? "").split(",").map((id3) => id3.trim()).filter(Boolean);
+      const id2 = assetIds[0] ?? "";
+      const assetType = getSpacesAssetType(parsed);
+      return {
+        type: "asset",
+        name: assetIds.length > 1 ? `${assetIds.length} assets` : "Asset",
+        id: id2,
+        assetIds,
+        thumbnailUrl: assetTypeToThumb(assetType)
+      };
+    }
+    const u = new URL(url);
+    const type = u.hostname || u.pathname.replace(/^\/\//, "").split("?")[0];
+    const isWebpage = type === "webpage";
+    const id = isWebpage ? u.searchParams.get("tab_id") || "" : u.searchParams.get("id") || u.searchParams.get("name") || "";
+    const name = isWebpage ? u.searchParams.get("title") || "This webpage" : u.searchParams.get("name") || id;
+    let thumbnailUrl = u.searchParams.get("thumb") || void 0;
+    if (!thumbnailUrl) {
+      const assetType = u.searchParams.get("assetType");
+      if (assetType) {
+        thumbnailUrl = assetTypeToThumb(assetType);
+      } else if (type === "asset" || type === "folder") {
+        thumbnailUrl = assetTypeToThumb(type === "folder" ? "folder" : null);
+      }
+    }
+    return {
+      type,
+      name,
+      id,
+      assetIds: type === "asset" && id ? [id] : void 0,
+      thumbnailUrl
+    };
+  } catch {
+    return { type: "unknown", name: "", id: "" };
+  }
+}
+function htmlAttribute(attributes, name) {
+  const escapedName = name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const match = new RegExp(
+    `(?:^|\\s)${escapedName}\\s*=\\s*(?:"([^"]*)"|'([^']*)'|([^\\s>]+))`,
+    "i"
+  ).exec(attributes);
+  return (match == null ? void 0 : match[1]) ?? (match == null ? void 0 : match[2]) ?? (match == null ? void 0 : match[3]) ?? null;
+}
+function decodeHtmlAttribute(value) {
+  return value.replace(/&amp;/gi, "&").replace(/&quot;/gi, '"').replace(/&#39;|&apos;/gi, "'").replace(/&lt;/gi, "<").replace(/&gt;/gi, ">");
+}
+function normalizeAthenaMentionHtml(text) {
+  return text.replace(
+    /<a\b([^>]*)>([\s\S]*?)<\/a>/gi,
+    (original, attributes, rawLabel) => {
+      const className = htmlAttribute(attributes, "class") ?? "";
+      const type = htmlAttribute(attributes, "data-type") ?? "";
+      if (!className.split(/\s+/).includes("mention") || type !== "url") {
+        return original;
+      }
+      const rawUrl = htmlAttribute(attributes, "data-url") ?? htmlAttribute(attributes, "href");
+      if (!rawUrl) return original;
+      const url = decodeHtmlAttribute(rawUrl);
+      let normalizedUrl;
+      try {
+        const parsed = new URL(url);
+        if (parsed.protocol !== "http:" && parsed.protocol !== "https:") {
+          return original;
+        }
+        normalizedUrl = parsed.toString();
+      } catch {
+        return original;
+      }
+      const label = decodeHtmlAttribute(rawLabel.replace(/<[^>]*>/g, "")).trim().replace(/([\\[\]])/g, "\\$1");
+      return label ? `[${label}](<${normalizedUrl}>)` : original;
+    }
+  );
+}
+const MENTION_RE = /\[@([^\]]*)\]\(((?:mention:\/\/|(?:https?:\/\/[^)\s]+)?\/dashboard\/spaces\/?\?)[^)]+)\)/g;
+function parseMentionsInText(text) {
+  const parts = [];
+  let lastIndex = 0;
+  let match;
+  MENTION_RE.lastIndex = 0;
+  while ((match = MENTION_RE.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(text.slice(lastIndex, match.index));
+    }
+    const name = match[1];
+    const url = match[2];
+    const parsed = parseMentionUrl(url);
+    parts.push(
+      /* @__PURE__ */ jsx(
+        MentionChip,
+        {
+          name: name || parsed.name,
+          type: parsed.type,
+          assetIds: parsed.assetIds,
+          thumbnailUrl: parsed.thumbnailUrl,
+          sourceHref: isSpacesMentionUrl(url) ? url : void 0
+        },
+        `mention-${match.index}`
+      )
+    );
+    lastIndex = match.index + match[0].length;
+  }
+  if (lastIndex < text.length) {
+    parts.push(text.slice(lastIndex));
+  }
+  return parts.length > 0 ? parts : [text];
+}
+export {
+  MentionChip,
+  MentionLink,
+  ScreenPointChip,
+  normalizeAthenaMentionHtml,
+  parseMentionUrl,
+  parseMentionsInText
+};
+//# sourceMappingURL=mention-chip.js.map

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

@@ -0,0 +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 {\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

@@ -0,0 +1,196 @@
+"use strict";
+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 ?? "")}`;
+  }
+  if (attrs.type === "asset") {
+    const params2 = new URLSearchParams({ asset_ids: attrs.id });
+    if (attrs.assetType) params2.set("assetType", attrs.assetType);
+    return `/dashboard/spaces?${params2.toString()}`;
+  }
+  if (attrs.type === "tab") {
+    const params2 = new URLSearchParams({
+      tab_id: attrs.id,
+      url: attrs.url ?? "",
+      title: attrs.title ?? attrs.name
+    });
+    return `mention://webpage?${params2.toString()}`;
+  }
+  const params = new URLSearchParams();
+  params.set("id", attrs.id);
+  if (attrs.assetType) params.set("assetType", attrs.assetType);
+  if (attrs.thumbnailUrl) params.set("thumb", attrs.thumbnailUrl);
+  return `mention://${encodeURIComponent(attrs.type)}?${params.toString()}`;
+}
+function serializeMention(attrs) {
+  return `[@${attrs.name}](${makeMentionUrl(attrs)})`;
+}
+function parseMentionAnchorAttributes({
+  href,
+  textContent
+}) {
+  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") || "",
+    title: url.searchParams.get("title") || "",
+    url: url.searchParams.get("url") || "",
+    description: url.searchParams.get("description") || "",
+    thumbnailUrl: url.searchParams.get("thumb") || "",
+    fallbackIcon: "",
+    assetType: url.searchParams.get("assetType") || ""
+  };
+}
+const ASSET_MENTION_HREF = /^(?:https?:\/\/[^/]+)?\/dashboard\/spaces\/?\?/;
+function parseAssetAnchorAttributes({
+  href,
+  textContent
+}) {
+  if (!ASSET_MENTION_HREF.test(href)) return null;
+  const params = new URLSearchParams(href.slice(href.indexOf("?") + 1));
+  const id = params.get("asset_ids");
+  if (!id) return null;
+  return {
+    type: "asset",
+    href,
+    name: (textContent == null ? void 0 : textContent.replace(/^@/, "")) || "",
+    id,
+    assetType: params.get("assetType") || ""
+  };
+}
+const ANCHOR_RULE_PRIORITY = 100;
+const MentionExtension = core.Node.create({
+  name: "mention",
+  group: "inline",
+  inline: true,
+  selectable: false,
+  atom: true,
+  addAttributes() {
+    return {
+      href: { default: null },
+      type: { default: "tool" },
+      name: { default: "" },
+      id: { default: "" },
+      title: { default: "" },
+      url: { default: "" },
+      description: { default: "" },
+      thumbnailUrl: { default: "" },
+      fallbackIcon: { default: "" },
+      assetType: { default: "" },
+      displayAsPreview: { default: false }
+    };
+  },
+  /** tiptap-markdown reads this spec so `getMarkdown()` writes the mention, not HTML. */
+  addStorage() {
+    return {
+      markdown: {
+        serialize(state, node) {
+          state.write(serializeMention(node.attrs));
+        },
+        parse: {
+          // The Markdown parser renders the link to an anchor; parseHTML takes it from there.
+        }
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "span[data-mention]",
+        getAttrs: (dom) => {
+          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") || "",
+            title: el.getAttribute("data-title") || "",
+            url: el.getAttribute("data-url") || "",
+            description: el.getAttribute("data-description") || "",
+            thumbnailUrl: el.getAttribute("data-thumbnail-url") || "",
+            fallbackIcon: el.getAttribute("data-fallback-icon") || "",
+            assetType: el.getAttribute("data-asset-type") || "",
+            displayAsPreview: el.getAttribute("data-display-as-preview") === "true"
+          };
+        }
+      },
+      {
+        tag: "a[href^='mention://']",
+        priority: ANCHOR_RULE_PRIORITY,
+        getAttrs: (dom) => {
+          const el = dom;
+          try {
+            return parseMentionAnchorAttributes({
+              href: el.getAttribute("href") ?? el.href,
+              textContent: el.textContent
+            });
+          } catch {
+            return false;
+          }
+        }
+      },
+      {
+        tag: "a[href]",
+        priority: ANCHOR_RULE_PRIORITY,
+        getAttrs: (dom) => {
+          const el = dom;
+          return parseAssetAnchorAttributes({
+            href: el.getAttribute("href") ?? "",
+            textContent: el.textContent
+          }) ?? false;
+        }
+      }
+    ];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    const thumbnailUrl = node.attrs.thumbnailUrl;
+    const children = [];
+    if (thumbnailUrl) {
+      children.push([
+        "img",
+        {
+          src: thumbnailUrl,
+          alt: "",
+          class: "mention-chip-icon",
+          draggable: "false"
+        }
+      ]);
+    }
+    children.push(["span", { class: "mention-chip-text" }, node.attrs.name]);
+    return [
+      "span",
+      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,
+        "data-title": node.attrs.title || "",
+        "data-url": node.attrs.url || "",
+        "data-thumbnail-url": node.attrs.thumbnailUrl || "",
+        "data-asset-type": node.attrs.assetType || "",
+        "data-display-as-preview": String(node.attrs.displayAsPreview === true),
+        class: "mention-chip"
+      }),
+      ...children
+    ];
+  },
+  renderText({ node }) {
+    return serializeMention(node.attrs);
+  }
+});
+exports.MentionExtension = MentionExtension;
+exports.makeMentionUrl = makeMentionUrl;
+exports.parseAssetAnchorAttributes = parseAssetAnchorAttributes;
+exports.parseMentionAnchorAttributes = parseMentionAnchorAttributes;
+exports.serializeMention = serializeMention;
+//# sourceMappingURL=mention-extension.cjs.map

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

@@ -0,0 +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; 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

@@ -4,9 +4,11 @@
  * Defines the mention node type used in the editor. When a mention is
  * inserted, it creates a non-editable inline node with metadata.
  *
- * Renders as a chip with: [icon] Name
+ * Renders as a chip with: [icon] Name. Serializes — to plain text and to
+ * Markdown alike — as `[@Name](url)`, and parses that link back into a chip.
  */
 import { Node } from "@tiptap/core";
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
 export declare function makeMentionUrl(attrs: {
     id: string;
     type: string;
@@ -16,6 +18,7 @@ export declare function makeMentionUrl(attrs: {
     description?: string;
     thumbnailUrl?: string;
     assetType?: string;
+    href?: string;
 }): string;
 export interface MentionNodeAttrs {
     type: string;
@@ -27,9 +30,30 @@ export interface MentionNodeAttrs {
     thumbnailUrl?: string;
     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;
 export declare function parseMentionAnchorAttributes({ href, textContent, }: {
     href: string;
     textContent: string | null;
 }): MentionNodeAttrs;
-export declare const MentionExtension: Node<any, any>;
+/**
+ * Attributes of an asset mention from its `/dashboard/spaces?asset_ids=…`
+ * link, or null for a spaces link that names no asset.
+ */
+export declare function parseAssetAnchorAttributes({ href, textContent, }: {
+    href: string;
+    textContent: string | null;
+}): MentionNodeAttrs | null;
+interface MarkdownSerializerState {
+    write(text: string): void;
+}
+export declare const MentionExtension: Node<any, {
+    markdown: {
+        serialize(state: MarkdownSerializerState, node: ProseMirrorNode): void;
+        parse: {};
+    };
+}>;
+export {};