@athenaintel/react 0.19.0 → 0.20.0

package/dist/chat-ui/index.js

@@ -0,0 +1,139 @@
+import { ChatThreadShell } from "./thread/chat-thread-shell.js";
+import { ChatComposerDock } from "./thread/chat-composer-dock.js";
+import { HISTORY_EDGE_NEAR_MARGIN_PX, HistoryEdgeRow, StatewireHistoryEdge, THREAD_VIEWPORT_ATTR } from "./thread/statewire-history-edge.js";
+import { StatewireToolOutputsContext, useStatewireToolOutputs } from "../provider/statewire-window-context.js";
+import { ComposerSendOrStop } from "./thread/composer-send-or-stop.js";
+import { ChatHeader, ChatHeaderActions, ChatHeaderIdentity, ChatHeaderRoot } from "./header/chat-header.js";
+import { ConversationHistoryPanel } from "./header/conversation-history-panel.js";
+import { TiptapComposer, serializeDraft } from "./composer/tiptap-composer.js";
+import { PendingAttachmentUploads } from "./composer/pending-attachment-uploads.js";
+import { resolveComposerAction } from "./composer/composer-action.js";
+import { MentionExtension, makeMentionUrl, parseAssetAnchorAttributes, parseMentionAnchorAttributes, serializeMention } from "./mentions/mention-extension.js";
+import { MentionChip, MentionLink, normalizeAthenaMentionHtml, parseMentionUrl, parseMentionsInText } from "./mentions/mention-chip.js";
+import { MentionSuggestionsExtension } from "./mentions/suggestions/mention-suggestions.extension.js";
+import { MentionSuggestionList } from "./mentions/suggestions/components/mention-suggestion-list.js";
+import { MentionSuggestionPopup } from "./mentions/suggestions/components/mention-suggestion-popup.js";
+import { MentionIcon } from "./mentions/suggestions/components/mention-icon.js";
+import { MenuList } from "./mentions/suggestions/components/menu-list.js";
+import { MentionAuthCtx, SIMPLE_SEARCH_QUERY, fetchGraphQL, useMentionAuth } from "./mentions/suggestions/data/api-client.js";
+import { ROOT_MENTION_CATEGORIES, useMentionSuggestions, webpageMentionFingerprint } from "./mentions/suggestions/data/use-mention-suggestions.js";
+import { buildRootMenuItems } from "./mentions/suggestions/data/sources/index.js";
+import { assetTypeToIcon, assetTypeToThumb, configureAssetIconBasePath } from "./mentions/suggestions/data/sources/asset-type-icons.js";
+import { MentionMenuSection } from "./mentions/suggestions/data/types.js";
+import { createOlympusAssetUrl } from "./lib/asset-urls.js";
+import { BranchPicker, COMPOSER_DOCK_CLASS, COMPOSER_EDITOR_ROW_CLASS, COMPOSER_SURFACE_CLASS, COMPOSER_TOOLBAR_CLASS, ComposerSendButton, ComposerStopButton, IconButton, MarkdownText, SmallIconButton, THREAD_HEADER_ACTIONS_CLASS, THREAD_HEADER_CLASS, THREAD_HEADER_ICON_CLASS, THREAD_HEADER_PILL_CLASS, THREAD_PANEL_CLASS, THREAD_SCROLL_TO_BOTTOM_CLASS, UserMessage, createAssistantMessage } from "./messages/message-components.js";
+import { UserEditComposer } from "./messages/user-edit-composer.js";
+import { MessageActionsReadOnlyProvider, useMessageActionsReadOnly } from "./messages/message-actions-config.js";
+import { TextShimmerLoader, ThreadRunningIndicator } from "./messages/running-indicator.js";
+import { SignInCard, SignInConsent, SignInFallbackSection, SignInSecondaryButton, SignInSelect, SignInTextField } from "./auth/sign-in-card.js";
+import { RuntimeMessageCard } from "./messages/runtime-message.js";
+import { VoiceDelegationCard, VoiceDelegationMessage } from "./messages/voice-delegation-card.js";
+import { ContinuePill } from "./messages/continue-pill.js";
+import { StatewireContinueRunAffordance, StatewireContinueRunButton, StatewireRunEndedFooter } from "./messages/statewire-continue-run.js";
+import { StatewireApprovalCard } from "../chat/StatewireApprovalCard.js";
+import { useStatewireApprovalRequest } from "../chat/use-statewire-approval-request.js";
+import { StatewireQueuedMessages } from "../chat/StatewireQueuedMessages.js";
+import "../packages/agent-runtime/src/generated/runconfig-contract.js";
+import "react";
+import "@assistant-ui/tap";
+import "statewire";
+import "../packages/agent-runtime/src/statewire-suspended.js";
+import "@tanstack/react-query";
+import { HITL_PENDING_RESUME_GRACE_MS } from "../packages/agent-runtime/src/interrupts.js";
+import "../packages/agent-runtime/src/messages.js";
+import "../packages/agent-runtime/src/statewire-state.js";
+import "@assistant-ui/react-statewire";
+import "@assistant-ui/store";
+import "@assistant-ui/react-statewire/local-storage";
+import "../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/core";
+export {
+  BranchPicker,
+  COMPOSER_DOCK_CLASS,
+  COMPOSER_EDITOR_ROW_CLASS,
+  COMPOSER_SURFACE_CLASS,
+  COMPOSER_TOOLBAR_CLASS,
+  ChatComposerDock,
+  ChatHeader,
+  ChatHeaderActions,
+  ChatHeaderIdentity,
+  ChatHeaderRoot,
+  ChatThreadShell,
+  ComposerSendButton,
+  ComposerSendOrStop,
+  ComposerStopButton,
+  ContinuePill,
+  ConversationHistoryPanel,
+  HISTORY_EDGE_NEAR_MARGIN_PX,
+  HITL_PENDING_RESUME_GRACE_MS,
+  HistoryEdgeRow,
+  IconButton,
+  MarkdownText,
+  MentionAuthCtx,
+  MentionChip,
+  MentionExtension,
+  MentionIcon,
+  MentionLink,
+  MentionMenuSection,
+  MentionSuggestionList,
+  MentionSuggestionPopup,
+  MentionSuggestionsExtension,
+  MenuList,
+  MessageActionsReadOnlyProvider,
+  PendingAttachmentUploads,
+  ROOT_MENTION_CATEGORIES,
+  RuntimeMessageCard,
+  SIMPLE_SEARCH_QUERY,
+  SignInCard,
+  SignInConsent,
+  SignInFallbackSection,
+  SignInSecondaryButton,
+  SignInSelect,
+  SignInTextField,
+  SmallIconButton,
+  StatewireApprovalCard,
+  StatewireContinueRunAffordance,
+  StatewireContinueRunButton,
+  StatewireHistoryEdge,
+  StatewireQueuedMessages,
+  StatewireRunEndedFooter,
+  StatewireToolOutputsContext,
+  THREAD_HEADER_ACTIONS_CLASS,
+  THREAD_HEADER_CLASS,
+  THREAD_HEADER_ICON_CLASS,
+  THREAD_HEADER_PILL_CLASS,
+  THREAD_PANEL_CLASS,
+  THREAD_SCROLL_TO_BOTTOM_CLASS,
+  THREAD_VIEWPORT_ATTR,
+  TextShimmerLoader,
+  ThreadRunningIndicator,
+  TiptapComposer,
+  UserEditComposer,
+  UserMessage,
+  VoiceDelegationCard,
+  VoiceDelegationMessage,
+  assetTypeToIcon,
+  assetTypeToThumb,
+  buildRootMenuItems,
+  configureAssetIconBasePath,
+  createAssistantMessage,
+  createOlympusAssetUrl,
+  fetchGraphQL,
+  makeMentionUrl,
+  normalizeAthenaMentionHtml,
+  parseAssetAnchorAttributes,
+  parseMentionAnchorAttributes,
+  parseMentionUrl,
+  parseMentionsInText,
+  resolveComposerAction,
+  serializeDraft,
+  serializeMention,
+  useMentionAuth,
+  useMentionSuggestions,
+  useMessageActionsReadOnly,
+  useStatewireApprovalRequest,
+  useStatewireToolOutputs,
+  webpageMentionFingerprint
+};
+//# sourceMappingURL=index.js.map

package/dist/chat-ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chat-ui/lib/asset-urls.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const athenaUrls = require("../../lib/athena-urls.cjs");
+function createOlympusAssetUrl({
+  appUrl,
+  backendUrl,
+  assetIds
+}) {
+  const resolvedAppUrl = (appUrl == null ? void 0 : appUrl.trim()) || (backendUrl ? athenaUrls.deriveAthenaAppUrl({ backendUrl }) : null);
+  if (!resolvedAppUrl) return null;
+  const url = athenaUrls.createAthenaSpacesUrl({
+    appUrl: resolvedAppUrl,
+    assetIds
+  });
+  return new URL(url).toString();
+}
+exports.createOlympusAssetUrl = createOlympusAssetUrl;
+//# sourceMappingURL=asset-urls.cjs.map

package/dist/chat-ui/lib/asset-urls.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-urls.cjs","sources":["../../../src/chat-ui/lib/asset-urls.ts"],"sourcesContent":["import {\n  createAthenaSpacesUrl,\n  deriveAthenaAppUrl,\n} from \"../../lib/athena-urls\";\n\n/** Deep link into Spaces for one or more assets referenced from chat. */\nexport function createOlympusAssetUrl({\n  appUrl,\n  backendUrl,\n  assetIds,\n}: {\n  appUrl?: string | null;\n  backendUrl?: string | null;\n  assetIds: string | string[];\n}): string | null {\n  const resolvedAppUrl: string | null =\n    appUrl?.trim() || (backendUrl ? deriveAthenaAppUrl({ backendUrl }) : null);\n  if (!resolvedAppUrl) return null;\n\n  const url = createAthenaSpacesUrl({\n    appUrl: resolvedAppUrl,\n    assetIds,\n  });\n  return new URL(url).toString();\n}\n"],"names":["deriveAthenaAppUrl","createAthenaSpacesUrl"],"mappings":";;;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAIkB;AAChB,QAAM,kBACJ,iCAAQ,YAAW,aAAaA,WAAAA,mBAAmB,EAAE,YAAY,IAAI;AACvE,MAAI,CAAC,eAAgB,QAAO;AAE5B,QAAM,MAAMC,WAAAA,sBAAsB;AAAA,IAChC,QAAQ;AAAA,IACR;AAAA,EAAA,CACD;AACD,SAAO,IAAI,IAAI,GAAG,EAAE,SAAA;AACtB;;"}

package/dist/chat-ui/lib/asset-urls.js

@@ -0,0 +1,18 @@
+import { deriveAthenaAppUrl, createAthenaSpacesUrl } from "../../lib/athena-urls.js";
+function createOlympusAssetUrl({
+  appUrl,
+  backendUrl,
+  assetIds
+}) {
+  const resolvedAppUrl = (appUrl == null ? void 0 : appUrl.trim()) || (backendUrl ? deriveAthenaAppUrl({ backendUrl }) : null);
+  if (!resolvedAppUrl) return null;
+  const url = createAthenaSpacesUrl({
+    appUrl: resolvedAppUrl,
+    assetIds
+  });
+  return new URL(url).toString();
+}
+export {
+  createOlympusAssetUrl
+};
+//# sourceMappingURL=asset-urls.js.map

package/dist/chat-ui/lib/asset-urls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-urls.js","sources":["../../../src/chat-ui/lib/asset-urls.ts"],"sourcesContent":["import {\n  createAthenaSpacesUrl,\n  deriveAthenaAppUrl,\n} from \"../../lib/athena-urls\";\n\n/** Deep link into Spaces for one or more assets referenced from chat. */\nexport function createOlympusAssetUrl({\n  appUrl,\n  backendUrl,\n  assetIds,\n}: {\n  appUrl?: string | null;\n  backendUrl?: string | null;\n  assetIds: string | string[];\n}): string | null {\n  const resolvedAppUrl: string | null =\n    appUrl?.trim() || (backendUrl ? deriveAthenaAppUrl({ backendUrl }) : null);\n  if (!resolvedAppUrl) return null;\n\n  const url = createAthenaSpacesUrl({\n    appUrl: resolvedAppUrl,\n    assetIds,\n  });\n  return new URL(url).toString();\n}\n"],"names":[],"mappings":";AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAIkB;AAChB,QAAM,kBACJ,iCAAQ,YAAW,aAAa,mBAAmB,EAAE,YAAY,IAAI;AACvE,MAAI,CAAC,eAAgB,QAAO;AAE5B,QAAM,MAAM,sBAAsB;AAAA,IAChC,QAAQ;AAAA,IACR;AAAA,EAAA,CACD;AACD,SAAO,IAAI,IAAI,GAAG,EAAE,SAAA;AACtB;"}

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

@@ -0,0 +1,208 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const lucideReact = require("lucide-react");
+const assetUrls = require("../lib/asset-urls.cjs");
+const apiClient = require("./suggestions/data/api-client.cjs");
+const assetTypeIcons = require("./suggestions/data/sources/asset-type-icons.cjs");
+const cnfast = require("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 }) => {
+  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__ */ jsxRuntime.jsx(
+      MentionChip,
+      {
+        name: name || parsed.name,
+        type: parsed.type,
+        assetIds: parsed.assetIds,
+        thumbnailUrl: parsed.thumbnailUrl,
+        sourceHref: isSpacesMentionUrl(href) ? href : void 0
+      }
+    );
+  }
+  if (href == null ? void 0 : href.startsWith("chrome-extension://")) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children });
+};
+const MentionChip = ({ name, type, assetIds, thumbnailUrl, sourceHref }) => {
+  const auth = react.useContext(apiClient.MentionAuthCtx);
+  const assetRootHref = type === "asset" && (assetIds == null ? void 0 : assetIds.length) ? assetUrls.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 = cnfast.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    thumbnailUrl && /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: thumbnailUrl,
+        alt: "",
+        className: "size-3.5 shrink-0",
+        draggable: false
+      }
+    ),
+    !thumbnailUrl && type === "webpage" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe2Icon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[180px] overflow-hidden text-ellipsis", children: name })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className,
+        "aria-label": `Open ${name} in Spaces`,
+        title: `Open ${name} in Spaces`,
+        children: contents
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.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: assetTypeIcons.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 = assetTypeIcons.assetTypeToThumb(assetType);
+      } else if (type === "asset" || type === "folder") {
+        thumbnailUrl = assetTypeIcons.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__ */ jsxRuntime.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];
+}
+exports.MentionChip = MentionChip;
+exports.MentionLink = MentionLink;
+exports.normalizeAthenaMentionHtml = normalizeAthenaMentionHtml;
+exports.parseMentionUrl = parseMentionUrl;
+exports.parseMentionsInText = parseMentionsInText;
+//# sourceMappingURL=mention-chip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mention-chip.cjs","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":["jsx","useContext","MentionAuthCtx","createOlympusAssetUrl","cn","jsxs","Fragment","Globe2Icon","id","assetTypeToThumb"],"mappings":"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"}

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

@@ -0,0 +1,208 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Globe2Icon } 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 }) => {
+  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
+      }
+    );
+  }
+  if (href == null ? void 0 : href.startsWith("chrome-extension://")) {
+    return /* @__PURE__ */ jsx("span", { children });
+  }
+  return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children });
+};
+const MentionChip = ({ name, type, assetIds, thumbnailUrl, sourceHref }) => {
+  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) {
+    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,
+  normalizeAthenaMentionHtml,
+  parseMentionUrl,
+  parseMentionsInText
+};
+//# sourceMappingURL=mention-chip.js.map