@athenaintel/react 0.9.11 → 0.9.13

package/dist/index.js

@@ -24723,6 +24723,34 @@ const resolveTokenOverride = ({
   }
   return token;
 };
+const useAthenaConfigValue = ({
+  backendUrl,
+  appUrl,
+  apiKey,
+  token,
+  linkClicks,
+  citationLinks
+}) => {
+  const linkClicksRef = useRef(linkClicks);
+  linkClicksRef.current = linkClicks;
+  const citationLinksRef = useRef(citationLinks);
+  citationLinksRef.current = citationLinks;
+  return useMemo(
+    () => ({
+      backendUrl,
+      appUrl,
+      apiKey,
+      token,
+      get linkClicks() {
+        return linkClicksRef.current;
+      },
+      get citationLinks() {
+        return citationLinksRef.current;
+      }
+    }),
+    [backendUrl, appUrl, apiKey, token]
+  );
+};
 function AthenaStandalone({
   children,
   apiUrl,
@@ -24738,7 +24766,9 @@ function AthenaStandalone({
   workbench,
   knowledgeBase,
   systemPrompt,
-  threadId
+  threadId,
+  linkClicks,
+  citationLinks
 }) {
   const auiTools = useMemo(() => Tools({ toolkit: frontendTools }), [frontendTools]);
   const aui = useAui({ tools: auiTools });
@@ -24756,10 +24786,14 @@ function AthenaStandalone({
     systemPrompt,
     threadId
   });
-  const athenaConfig = useMemo(
-    () => ({ backendUrl, appUrl, apiKey, token }),
-    [backendUrl, appUrl, apiKey, token]
-  );
+  const athenaConfig = useAthenaConfigValue({
+    backendUrl,
+    appUrl,
+    apiKey,
+    token,
+    linkClicks,
+    citationLinks
+  });
   return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) });
 }
 function useAthenaRuntimeHook(config2) {
@@ -24793,7 +24827,9 @@ function AthenaWithThreadList({
   frontendTools,
   workbench,
   knowledgeBase,
-  systemPrompt
+  systemPrompt,
+  linkClicks,
+  citationLinks
 }) {
   const adapter = useAthenaThreadListAdapter({
     backendUrl,
@@ -24854,10 +24890,14 @@ function AthenaWithThreadList({
   }, [authRefreshKey, handleRefresh]);
   const auiTools = useMemo(() => Tools({ toolkit: frontendTools }), [frontendTools]);
   const aui = useAui({ tools: auiTools });
-  const athenaConfig = useMemo(
-    () => ({ backendUrl, appUrl, apiKey, token }),
-    [backendUrl, appUrl, apiKey, token]
-  );
+  const athenaConfig = useAthenaConfigValue({
+    backendUrl,
+    appUrl,
+    apiKey,
+    token,
+    linkClicks,
+    citationLinks
+  });
   return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { aui, runtime, children: /* @__PURE__ */ jsx(AthenaContext.Provider, { value: athenaConfig, children: /* @__PURE__ */ jsx(ThreadListRefreshContext.Provider, { value: handleRefresh, children: /* @__PURE__ */ jsx(TooltipProvider, { children }) }) }) });
 }
 function AthenaProvider({
@@ -24878,7 +24918,9 @@ function AthenaProvider({
   systemPrompt,
   threadId: threadIdProp,
   enableThreadList = false,
-  theme
+  theme,
+  linkClicks,
+  citationLinks
 }) {
   const frontendToolNames = useMemo(() => Object.keys(frontendTools), [frontendTools]);
   const themeStyleVars = useMemo(() => theme ? themeToStyleVars(theme) : void 0, [theme]);
@@ -24918,6 +24960,8 @@ function AthenaProvider({
         workbench,
         knowledgeBase,
         systemPrompt,
+        linkClicks,
+        citationLinks,
         children
       }
     );
@@ -24939,6 +24983,8 @@ function AthenaProvider({
         knowledgeBase,
         systemPrompt,
         threadId: threadIdProp,
+        linkClicks,
+        citationLinks,
         children
       }
     );
@@ -58597,6 +58643,257 @@ const MentionExtension = Node3.create({
     };
   }
 });
+const useAssetPanelStore = create((set2, get2) => ({
+  isOpen: false,
+  tabs: [],
+  activeTabId: null,
+  viewMode: "tabs",
+  isFullscreen: false,
+  assetPanelHostCount: 0,
+  autoOpenGeneration: 0,
+  autoOpenedAssets: /* @__PURE__ */ new Map(),
+  registerAssetPanelHost: () => set2((state) => ({ assetPanelHostCount: state.assetPanelHostCount + 1 })),
+  unregisterAssetPanelHost: () => set2((state) => ({ assetPanelHostCount: Math.max(0, state.assetPanelHostCount - 1) })),
+  openAsset: (assetId, meta) => set2((s) => {
+    const existing = s.tabs.find((t) => t.id === assetId);
+    if (existing) {
+      const tabs = meta ? s.tabs.map(
+        (t) => t.id === assetId ? { ...t, name: meta.name ?? t.name, type: meta.type ?? t.type } : t
+      ) : s.tabs;
+      return { isOpen: true, tabs, activeTabId: assetId };
+    }
+    const newTab = {
+      id: assetId,
+      name: (meta == null ? void 0 : meta.name) ?? null,
+      type: (meta == null ? void 0 : meta.type) ?? "unknown"
+    };
+    return { isOpen: true, tabs: [...s.tabs, newTab], activeTabId: assetId };
+  }),
+  closeTab: (assetId) => set2((s) => {
+    var _a2;
+    const tabs = s.tabs.filter((t) => t.id !== assetId);
+    if (tabs.length === 0) {
+      return { isOpen: false, tabs: [], activeTabId: null, isFullscreen: false };
+    }
+    const activeTabId = s.activeTabId === assetId ? ((_a2 = tabs[Math.min(s.tabs.findIndex((t) => t.id === assetId), tabs.length - 1)]) == null ? void 0 : _a2.id) ?? null : s.activeTabId;
+    return { tabs, activeTabId };
+  }),
+  setActiveTab: (assetId) => set2({ activeTabId: assetId, viewMode: "tabs" }),
+  setViewMode: (mode) => set2({ viewMode: mode }),
+  closePanel: () => set2({ isOpen: false, tabs: [], activeTabId: null, viewMode: "tabs", isFullscreen: false }),
+  toggleFullscreen: () => set2((s) => ({ isFullscreen: !s.isFullscreen })),
+  resetAutoOpen: () => set2((s) => ({ autoOpenGeneration: s.autoOpenGeneration + 1 })),
+  markAutoOpened: (assetId) => {
+    const state = get2();
+    if (state.autoOpenedAssets.get(assetId) === state.autoOpenGeneration) {
+      return false;
+    }
+    state.autoOpenedAssets.set(assetId, state.autoOpenGeneration);
+    return true;
+  }
+}));
+const ATHENA_APP_HOSTNAMES = /* @__PURE__ */ new Set(["app.athenaintel.com", "staging-app.athenaintel.com"]);
+const ATHENA_PREVIEW_HOSTNAME_SUFFIX = ".previews.athenaintel.com";
+const ASSET_TYPE_ALIASES = {
+  document: "document",
+  notebook: "notebook",
+  pdf: "document",
+  powerpoint: "presentation",
+  presentation: "presentation",
+  puck_presentation: "presentation",
+  sheet: "spreadsheet",
+  spreadsheet: "spreadsheet",
+  super_document: "document"
+};
+const isAthenaSpacesPath = (url) => url.pathname.replace(/\/+$/, "") === "/dashboard/spaces";
+const normalizeAssetType = (value) => {
+  if (!value) {
+    return null;
+  }
+  const normalizedValue = value.trim().replace(/^athena\//, "").toLowerCase().replace(/-/g, "_");
+  return ASSET_TYPE_ALIASES[normalizedValue] ?? null;
+};
+const getOrigin = (value) => {
+  if (!value) {
+    return null;
+  }
+  try {
+    return new URL(value).origin;
+  } catch {
+    return null;
+  }
+};
+const getCurrentOrigin = () => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  return window.location.origin;
+};
+const parseUrl = ({
+  href,
+  appUrl
+}) => {
+  const fallbackBase = appUrl ?? getCurrentOrigin() ?? "https://app.athenaintel.com";
+  try {
+    return new URL(href, fallbackBase);
+  } catch {
+    return null;
+  }
+};
+const isAthenaAppUrl = ({
+  url,
+  appUrl
+}) => {
+  const hostname = url.hostname.toLowerCase();
+  if (ATHENA_APP_HOSTNAMES.has(hostname) || hostname.endsWith(ATHENA_PREVIEW_HOSTNAME_SUFFIX)) {
+    return true;
+  }
+  const configuredOrigin = getOrigin(appUrl);
+  if (configuredOrigin && url.origin === configuredOrigin) {
+    return true;
+  }
+  const currentOrigin = getCurrentOrigin();
+  return !!currentOrigin && url.origin === currentOrigin;
+};
+const parseAthenaCitationLink = ({
+  href,
+  appUrl
+}) => {
+  const url = parseUrl({ href, appUrl });
+  if (!url || !isAthenaAppUrl({ url, appUrl }) || !isAthenaSpacesPath(url)) {
+    return null;
+  }
+  const assetIdsParam = url.searchParams.get("asset_ids");
+  if (!assetIdsParam) {
+    return null;
+  }
+  const assetIds = assetIdsParam.split(",").map((value) => value.trim()).filter((value) => value.length > 0);
+  const assetId = assetIds[0];
+  if (!assetId) {
+    return null;
+  }
+  return {
+    url,
+    assetId,
+    assetIds,
+    assetType: normalizeAssetType(url.searchParams.get("asset_type") ?? url.searchParams.get("type"))
+  };
+};
+const isAthenaCitationUrl = ({
+  href,
+  appUrl
+}) => parseAthenaCitationLink({ href, appUrl }) !== null;
+const resolveAthenaLink = ({
+  href,
+  appUrl
+}) => {
+  const url = parseUrl({ href, appUrl });
+  if (!url) {
+    return null;
+  }
+  const citation = parseAthenaCitationLink({ href, appUrl });
+  if (citation) {
+    return {
+      url: citation.url,
+      kind: "athena-citation",
+      citation
+    };
+  }
+  return {
+    url,
+    kind: isAthenaAppUrl({ url, appUrl }) ? "athena-app" : "external",
+    citation: null
+  };
+};
+const useAthenaLinkClickHandler = () => {
+  const openAsset = useAssetPanelStore((state) => state.openAsset);
+  const isAssetPanelAvailable = useAssetPanelStore((state) => state.assetPanelHostCount > 0);
+  const athenaConfig = useContext(AthenaContext);
+  const appUrl = athenaConfig == null ? void 0 : athenaConfig.appUrl;
+  return useCallback(
+    ({ href, linkText, target, nativeEvent }) => {
+      var _a2, _b;
+      const resolvedLink = resolveAthenaLink({ href, appUrl });
+      if (!resolvedLink) {
+        return false;
+      }
+      const linkClicks = athenaConfig == null ? void 0 : athenaConfig.linkClicks;
+      const citationLinks = athenaConfig == null ? void 0 : athenaConfig.citationLinks;
+      const trimmedLinkText = (linkText == null ? void 0 : linkText.trim()) || null;
+      const citationLink = resolvedLink.citation;
+      const citationMetadata = citationLink ? {
+        assetId: citationLink.assetId,
+        assetIds: citationLink.assetIds,
+        assetType: citationLink.assetType
+      } : null;
+      const openInAssetPanel = citationLink ? () => {
+        openAsset(citationLink.assetId, {
+          name: trimmedLinkText ?? void 0,
+          type: citationLink.assetType ?? void 0
+        });
+      } : void 0;
+      const context2 = {
+        href,
+        url: resolvedLink.url,
+        target: target ?? null,
+        linkText: trimmedLinkText,
+        isAssetPanelAvailable,
+        kind: resolvedLink.kind,
+        citation: citationMetadata,
+        nativeEvent: nativeEvent ?? null,
+        openInAssetPanel,
+        openInBrowser: (nextTarget) => {
+          var _a3;
+          (_a3 = window.open(resolvedLink.url.toString(), nextTarget ?? target ?? "_blank")) == null ? void 0 : _a3.focus();
+        }
+      };
+      if (((_a2 = linkClicks == null ? void 0 : linkClicks.onClick) == null ? void 0 : _a2.call(linkClicks, context2)) === true) {
+        nativeEvent == null ? void 0 : nativeEvent.preventDefault();
+        return true;
+      }
+      if (!citationLink || !openInAssetPanel || !citationMetadata) {
+        return false;
+      }
+      const citationContext = {
+        ...context2,
+        kind: "athena-citation",
+        citation: citationMetadata,
+        assetId: citationMetadata.assetId,
+        assetIds: citationMetadata.assetIds,
+        assetType: citationMetadata.assetType,
+        openInAssetPanel
+      };
+      if (((_b = citationLinks == null ? void 0 : citationLinks.onClick) == null ? void 0 : _b.call(citationLinks, citationContext)) === true) {
+        nativeEvent == null ? void 0 : nativeEvent.preventDefault();
+        return true;
+      }
+      if (((linkClicks == null ? void 0 : linkClicks.interceptAthenaCitations) ?? (citationLinks == null ? void 0 : citationLinks.interceptAthenaCitations)) === false) {
+        return false;
+      }
+      if (!isAssetPanelAvailable) {
+        return false;
+      }
+      citationContext.openInAssetPanel();
+      nativeEvent == null ? void 0 : nativeEvent.preventDefault();
+      return true;
+    },
+    [appUrl, athenaConfig, isAssetPanelAvailable, openAsset]
+  );
+};
+const useAthenaCitationLinkHandler = () => {
+  const athenaConfig = useContext(AthenaContext);
+  const appUrl = athenaConfig == null ? void 0 : athenaConfig.appUrl;
+  const handleLinkClick = useAthenaLinkClickHandler();
+  return useCallback(
+    (input) => {
+      if (!parseAthenaCitationLink({ href: input.href, appUrl })) {
+        return false;
+      }
+      return handleLinkClick(input);
+    },
+    [appUrl, handleLinkClick]
+  );
+};
 const extensions = [
   index_default$2.configure({
     codeBlock: {
@@ -58606,7 +58903,7 @@ const extensions = [
     }
   }),
   index_default$3.configure({
-    openOnClick: true,
+    openOnClick: false,
     autolink: true,
     HTMLAttributes: {
       class: "text-primary underline",
@@ -58634,6 +58931,9 @@ const extensions = [
   MentionExtension
 ];
 const TiptapText = ({ text: text2 }) => {
+  const handleLinkClick = useAthenaLinkClickHandler();
+  const handleLinkClickRef = useRef(handleLinkClick);
+  handleLinkClickRef.current = handleLinkClick;
   const editor = useEditor({
     immediatelyRender: true,
     extensions,
@@ -58642,6 +58942,32 @@ const TiptapText = ({ text: text2 }) => {
     editorProps: {
       attributes: {
         class: "prose prose-sm dark:prose-invert max-w-none focus:outline-none"
+      },
+      handleClick: (_view, _pos, event) => {
+        var _a2;
+        if (event.button !== 0) {
+          return false;
+        }
+        const target = event.target;
+        const targetElement = target instanceof HTMLElement ? target : target instanceof Node ? target.parentElement : null;
+        if (!targetElement) {
+          return false;
+        }
+        const link2 = targetElement.closest("a[href]");
+        if (!(link2 instanceof HTMLAnchorElement)) {
+          return false;
+        }
+        if (handleLinkClickRef.current({
+          href: link2.getAttribute("href") ?? link2.href,
+          linkText: link2.textContent,
+          target: link2.target,
+          nativeEvent: event
+        })) {
+          return true;
+        }
+        event.preventDefault();
+        (_a2 = window.open(link2.href, link2.target || "_blank")) == null ? void 0 : _a2.focus();
+        return true;
       }
     }
   });
@@ -61740,52 +62066,6 @@ function CollapsibleTrigger({ ...props }) {
 function CollapsibleContent({ ...props }) {
   return /* @__PURE__ */ jsx(CollapsibleContent$1, { "data-slot": "collapsible-content", ...props });
 }
-const useAssetPanelStore = create((set2, get2) => ({
-  isOpen: false,
-  tabs: [],
-  activeTabId: null,
-  viewMode: "tabs",
-  isFullscreen: false,
-  autoOpenGeneration: 0,
-  autoOpenedAssets: /* @__PURE__ */ new Map(),
-  openAsset: (assetId, meta) => set2((s) => {
-    const existing = s.tabs.find((t) => t.id === assetId);
-    if (existing) {
-      const tabs = meta ? s.tabs.map(
-        (t) => t.id === assetId ? { ...t, name: meta.name ?? t.name, type: meta.type ?? t.type } : t
-      ) : s.tabs;
-      return { isOpen: true, tabs, activeTabId: assetId };
-    }
-    const newTab = {
-      id: assetId,
-      name: (meta == null ? void 0 : meta.name) ?? null,
-      type: (meta == null ? void 0 : meta.type) ?? "unknown"
-    };
-    return { isOpen: true, tabs: [...s.tabs, newTab], activeTabId: assetId };
-  }),
-  closeTab: (assetId) => set2((s) => {
-    var _a2;
-    const tabs = s.tabs.filter((t) => t.id !== assetId);
-    if (tabs.length === 0) {
-      return { isOpen: false, tabs: [], activeTabId: null, isFullscreen: false };
-    }
-    const activeTabId = s.activeTabId === assetId ? ((_a2 = tabs[Math.min(s.tabs.findIndex((t) => t.id === assetId), tabs.length - 1)]) == null ? void 0 : _a2.id) ?? null : s.activeTabId;
-    return { tabs, activeTabId };
-  }),
-  setActiveTab: (assetId) => set2({ activeTabId: assetId, viewMode: "tabs" }),
-  setViewMode: (mode) => set2({ viewMode: mode }),
-  closePanel: () => set2({ isOpen: false, tabs: [], activeTabId: null, viewMode: "tabs", isFullscreen: false }),
-  toggleFullscreen: () => set2((s) => ({ isFullscreen: !s.isFullscreen })),
-  resetAutoOpen: () => set2((s) => ({ autoOpenGeneration: s.autoOpenGeneration + 1 })),
-  markAutoOpened: (assetId) => {
-    const state = get2();
-    if (state.autoOpenedAssets.get(assetId) === state.autoOpenGeneration) {
-      return false;
-    }
-    state.autoOpenedAssets.set(assetId, state.autoOpenGeneration);
-    return true;
-  }
-}));
 const ANIMATION_DURATION = 200;
 const TOOL_META = {
   // Search & Browse
@@ -64411,10 +64691,7 @@ const AthenaReasoningPart = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx(CollapsibleContent, { className: "pt-3", children: isRunning && !hasText ? /* @__PURE__ */ jsx("span", { className: "shimmer text-sm text-muted-foreground", children: "Analyzing..." }) : isRunning ? /* @__PURE__ */ jsxs("div", { className: "whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground", children: [
-          text2,
-          /* @__PURE__ */ jsx("span", { className: "mt-2 inline-block shimmer text-sm text-muted-foreground", children: "Thinking..." })
-        ] }) : /* @__PURE__ */ jsx("div", { className: "aui-assistant-reasoning-body text-sm", children: /* @__PURE__ */ jsx(EffectiveTextComponent, { ...reasoningTextProps }) }) })
+        /* @__PURE__ */ jsx(CollapsibleContent, { className: "pt-3", children: isRunning && !hasText ? /* @__PURE__ */ jsx("span", { className: "shimmer text-sm text-muted-foreground", children: "Analyzing..." }) : isRunning ? /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground", children: text2 }) : /* @__PURE__ */ jsx("div", { className: "aui-assistant-reasoning-body text-sm", children: /* @__PURE__ */ jsx(EffectiveTextComponent, { ...reasoningTextProps }) }) })
       ]
     }
   );
@@ -64623,9 +64900,27 @@ const AssetIframe = memo(
   }
 );
 AssetIframe.displayName = "AssetIframe";
-const PanelContent = () => {
-  const { tabs, activeTabId, viewMode, closeTab } = useAssetPanelStore();
+const PanelContent = ({
+  manageAssetPanelHostRegistration
+}) => {
+  const {
+    tabs,
+    activeTabId,
+    viewMode,
+    closeTab,
+    registerAssetPanelHost,
+    unregisterAssetPanelHost
+  } = useAssetPanelStore();
   const isTiled = viewMode === "tiled" && tabs.length >= 2;
+  useEffect(() => {
+    if (!manageAssetPanelHostRegistration) {
+      return;
+    }
+    registerAssetPanelHost();
+    return () => {
+      unregisterAssetPanelHost();
+    };
+  }, [manageAssetPanelHostRegistration, registerAssetPanelHost, unregisterAssetPanelHost]);
   const gridClass = useMemo(() => {
     const n = tabs.length;
     if (n <= 1) return "";
@@ -64755,12 +65050,14 @@ const PanelHeader = ({ fullscreen }) => {
     )
   ] });
 };
-const AssetPanel = () => {
+const AssetPanel = ({
+  manageAssetPanelHostRegistration = true
+}) => {
   const isFullscreen = useAssetPanelStore((s) => s.isFullscreen);
   const content = /* @__PURE__ */ jsxs(Fragment$2, { children: [
     /* @__PURE__ */ jsx(PanelHeader, { fullscreen: isFullscreen }),
     /* @__PURE__ */ jsx(TabBar, {}),
-    /* @__PURE__ */ jsx(PanelContent, {})
+    /* @__PURE__ */ jsx(PanelContent, { manageAssetPanelHostRegistration })
   ] });
   if (isFullscreen) {
     return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex flex-col bg-background", children: content });
@@ -64773,9 +65070,17 @@ const AthenaLayout = ({
   minPercent = 25
 }) => {
   const isOpen = useAssetPanelStore((s) => s.isOpen);
+  const registerAssetPanelHost = useAssetPanelStore((s) => s.registerAssetPanelHost);
+  const unregisterAssetPanelHost = useAssetPanelStore((s) => s.unregisterAssetPanelHost);
   const [chatPercent, setChatPercent] = useState(defaultChatPercent);
   const containerRef = useRef(null);
   const dragging = useRef(false);
+  useEffect(() => {
+    registerAssetPanelHost();
+    return () => {
+      unregisterAssetPanelHost();
+    };
+  }, [registerAssetPanelHost, unregisterAssetPanelHost]);
   const onPointerDown = useCallback(
     (e) => {
       e.preventDefault();
@@ -64817,7 +65122,7 @@ const AthenaLayout = ({
         onPointerUp
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "flex h-full flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx(AssetPanel, {}) })
+    /* @__PURE__ */ jsx("div", { className: "flex h-full flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx(AssetPanel, { manageAssetPanelHostRegistration: false }) })
   ] });
 };
 function ThreadList({ className }) {
@@ -65014,7 +65319,9 @@ export {
   createAssetToolUI,
   formatToolName,
   getAssetInfo,
+  isAthenaCitationUrl,
   normalizeResult,
+  parseAthenaCitationLink,
   resetAssetAutoOpen,
   themeToStyleVars,
   themes,
@@ -65023,7 +65330,9 @@ export {
   useAppendToComposer,
   useAssetEmbed,
   useAssetPanelStore,
+  useAthenaCitationLinkHandler,
   useAthenaConfig,
+  useAthenaLinkClickHandler,
   useAthenaRuntime,
   useComposerAttachment,
   useFileUpload,