@athenaintel/react 0.19.0 → 0.21.0

package/README.md

@@ -41,7 +41,7 @@ function App() {
 
 <AthenaProvider
   config={{
-    apiUrl: 'https://sync.example.com/api/chat',
+    apiUrl: 'https://iris.example.com',
     backendUrl: 'https://api.example.com',
     appUrl: 'https://app.example.com',
   }}
@@ -127,14 +127,19 @@ What the statewire transport wires up in `AthenaChat`:
   slots for the host's text/tool renderers and controls (`renderHeaderActions`,
   `renderRunningMeta`, `summaryDetails`, `waitingTools`, `expansionKey`), so
   Olympus and the Chrome extension mount one card instead of copies.
-- **Olympus consumes the package, not the source.** `@athenaintel/react` is a
-  workspace dependency of Olympus, resolved through this package's `exports`
-  to the built `dist/` (the guarded `prepare` script builds it on a cold
-  `bun install`; `olympus/scripts/prepare-react-sdk.ts` rebuilds it before
-  `bun run ts` when sources changed; `scripts/typecheck-all.ts` emits the
-  declarations before the repo typecheck). While editing the SDK against a
-  running Olympus, run `bun run dev` here so the dist follows your edits. The
-  Chrome extension and Office add-in still alias the entries to source.
+- **In-repo hosts consume the package, not the source.** `@athenaintel/react`
+  is a workspace dependency of Olympus, the Chrome extension, and the Office
+  add-in, resolved through this package's `exports` to the built `dist/` (the
+  guarded `prepare` script builds it on a cold `bun install`;
+  `scripts/prepare-react-sdk.ts` rebuilds a missing or stale dist in front of
+  each host's typecheck, test, and build scripts, and `scripts/typecheck-all.ts`
+  runs it once before the repo typecheck). While editing the SDK against a
+  running host (`next dev`, the extension's `bun run dev`, the add-in's
+  `vite`), run `bun run dev` here so the dist follows your edits. Because the
+  dist inlines the private `@athenaintel/agent-runtime`, a host that also
+  imports agent-runtime directly runs two copies of it; any agent-runtime
+  state shared between the SDK's components and the host has to live on
+  `globalThis` (see `registerChatAssetMentionHandler`).
 - **Errors and connection state:** transport errors (send rejections,
   paywall refusals) render as a dismissible banner; a degraded connection
   shows a reconnect strip; a send into a thread created by the retired legacy
@@ -152,6 +157,161 @@ silently ignored selector would let a deployment answer as the wrong agent.
 `model` defaults to the deep-agent default model (`DEFAULT_STATEWIRE_MODEL`)
 unless a collab agent supplies one.
 
+## Voice Sessions (`@athenaintel/react/voice`)
+
+`useAthenaVoiceSession` runs a real-time voice conversation with an Athena
+voice agent (Orpheus, over LiveKit) and streams the transcript into React
+state. It owns the whole browser side — session creation, room connect, mic,
+agent audio, live/interim transcript turns, reconnects, StrictMode-safe
+teardown — so an app is a `start()` button and a transcript list.
+
+```bash
+bun add @athenaintel/react livekit-client   # livekit-client is an optional peer dep
+```
+
+```tsx
+import { useAthenaVoiceSession } from '@athenaintel/react/voice';
+
+const voice = useAthenaVoiceSession({
+  session: {
+    system_prompt: 'You are a customer at an auto-parts store...',
+    provider: 'openai',      // "google" | "openai"
+    model: 'gpt-realtime-2',
+    voice: 'marin',
+    enabled_tools: [],       // [] = pure conversation
+  },
+  onTranscript: (turn) => console.log(turn.speaker, turn.text),
+});
+
+// voice.status: 'idle' | 'connecting' | 'connected' | 'reconnecting' | 'ended' | 'error'
+// voice.transcript: AthenaVoiceTranscriptTurn[]   voice.sessionId: asset id
+<button onClick={voice.start}>Talk</button>
+<button onClick={voice.stop}>Hang up</button>
+```
+
+**Authentication.** Served from a Marathon computer-asset URL, the hook is
+zero-config: it takes the viewer bearer from `useParentBridge()` and creates
+the session **as the person using the app**, so it shows up under their
+Sessions in Athena and transcript/grading calls are authorized as them. This
+works for workspace members and for external SSO viewers alike: the viewer
+credential minted by `/_athena/auth` is authorized for session creation and
+grading the same way it is for `/api/v0/sessions`, scoped to the viewer's own
+workspace. Anywhere else — standalone hosting, custom auth — pass
+`createSession` and create the session from your own server (API key stays server-side):
+
+```tsx
+useAthenaVoiceSession({
+  createSession: (signal) =>
+    fetch('/api/voice/session', { method: 'POST', signal }).then((r) => r.json()),
+  // → { server_url, token, room_name, asset_id }
+});
+```
+
+Off Marathon without `createSession`, `start()` fails with an explicit error;
+it never falls back to a shared key.
+
+**After the call.** `voice.sessionId` is a regular Athena session asset:
+
+- Transcript: `GET /api/v0/sessions/{asset_id}/download?format=messages`
+- Grading against a rubric: `POST /api/v0/agents/general/invoke` with
+  `config.structured_output` (a JSON Schema) → typed `structured_output` in
+  the response.
+
+Both use the same bearer / API key as session creation. The full recipe
+(persona → roleplay → transcript → rubric score) lives in the computer
+template skill `voice-session-guide.md`. `createAthenaVoiceSession` is also
+exported if you hold the bridge state yourself.
+
+## What's new in 0.21.0
+
+0.21.0 adds the `@athenaintel/react/voice` entry: `useAthenaVoiceSession`
+(LiveKit lifecycle, mic, agent audio, live transcript turns, reconnect,
+StrictMode-safe) and `createAthenaVoiceSession`. On Marathon it is
+zero-config and attributes the session to the viewer (workspace members and
+external SSO viewers); elsewhere pass `createSession`. See
+[Voice Sessions](#voice-sessions-athenaintelreactvoice). No breaking changes.
+
+## What's new in 0.20.0
+
+0.20.0 finishes the composer unification and retires the last chat-wire URL
+shapes. It is a minor release with **breaking changes** for consumers of the
+retired root-entry composer, the parent-bridge URL fields, and the URL
+defaults; `<AthenaProvider>` and `<AthenaChat>` accept the same props.
+
+- **One composer, one mention stack.** `<AthenaChat>` renders the shared
+  `chat-ui` Tiptap composer and `@` mention menu — the ones the Chrome
+  extension and the Office add-in mount — so its menu offers the asset library
+  (Favorites, Assets, Projects, Folders) beside the Tools / Toolkits list, with
+  the same Enter-to-send / Shift-Enter behaviour on every surface. The
+  `mentionTools` prop keeps its shape (`MentionTool[]`, still exported from
+  the root entry; it defaults to the provider's enabled toolkits). Quote
+  (Cmd+L) and attachment pills compose into the send as before; a draft that
+  is only a quote or attachments sends from Enter and the send button alike,
+  and a submit during an attachment upload waits for the upload to land.
+  - Removed root exports: `TiptapComposer`, `TiptapComposerProps`,
+    `useMentionSuggestions`. Import the composer from
+    `@athenaintel/react/chat-ui` (`TiptapComposer`, `useMentionSuggestions`,
+    `MentionTool`, `MentionRootCategory`).
+  - **Outgoing text is Markdown on every surface.** The shared composer
+    serializes the draft with `tiptap-markdown` configured as the Olympus chat
+    composer configures it, so `<AthenaChat>` keeps what 0.19 kept — a pasted
+    hyperlink sends as `[text](url)`, bold / italic / code marks and paragraph
+    breaks survive, a Shift-Enter break is a backslash-newline — and the
+    Chrome extension and Office add-in gain the same (they sent plain text
+    before). A bare URL autolinks. Mentions serialize as the chat-ui stack
+    does: tools are `[@Name](mention://tool?name=<tool_id>&description=…)`
+    (was `?tool=`), toolkits
+    `[@Name](mention://toolkit?name=<toolkit_id>&description=…)` (was
+    `?id=…&icon=…`), and assets
+    `[@Title](/dashboard/spaces?asset_ids=<id>&assetType=<type>)`. A host that
+    parses the outgoing text for the old query keys must read `name`. The
+    draft mirrored into the composer runtime is that Markdown too, and a
+    restore (a send refused during reconnect, `useAppendToComposer`) parses
+    it back — mention links become chips again. `serializeDraft(editor)`
+    is exported from `@athenaintel/react/chat-ui`; `plainTextToTiptapContent`
+    is gone (the restore path parses Markdown now).
+  - `@athenaintel/react/chat-ui`: `TiptapComposer` gains `tools` (a host's own
+    Tools / Toolkits list in place of the server catalog), `fileIntake`
+    (`{ onPaste, onDrop? }` — a host's own intake for pasted and dropped
+    files; without `onDrop` the composer leaves drops to an enclosing drop
+    zone) and `waitForHostUploads` (awaited before every submit, so a
+    host-owned upload lands before the send); `useMentionSuggestions` gains
+    `tools`. `interceptSubmit` now runs before the empty-draft check and may
+    receive an empty string (a host composing extras of its own into the
+    send) — an interceptor that only handles text returns `false` for it. A
+    paste that carries meaningful text beside a bitmap (an Excel, Sheets or
+    Word copy) now pastes the text on every surface instead of attaching the
+    screenshot; a copied image file's own name (Finder, Explorer) is not such
+    text. `resolveComposerAction` and `ComposerSendOrStop` drop the `canQueue`
+    option — statewire always hosts a queue, so a mid-run draft always queues.
+  - `@athenaintel/react/styles.css` styles the `@` chips (`.mention-chip`) from
+    the theme tokens, so they follow a dark theme and render in message text
+    without a mounted composer.
+- **Bare-origin URL defaults.** The `environment` presets are origins:
+  `apiUrl` is the Iris host (`https://iris.prd.athenaintel.com`,
+  `https://iris.stg.athenaintel.com`; its origin derives the `/v2/threads`
+  statewire mount) and `backendUrl` is the Agora REST base
+  (`https://api.athenaintel.com`, `https://staging-api.athenaintel.com`).
+  `deriveAthenaApiUrl` returns the Iris origin without `/api/chat`;
+  `deriveAthenaAppUrl` no longer recognizes the retired
+  `sync.athenaintel.com` / `staging-sync.athenaintel.com` hosts; and
+  `useAthenaConfig().backendUrl` is the bare base — the provider trims a
+  historical `…/api/assistant-ui` or `…/api/v0` value you pass explicitly
+  before publishing it.
+- **Parent bridge.** `useParentBridge()` / `ParentBridgeState` drop the
+  chat-wire `apiUrl` and `backendUrl`; a host mints `statewireSyncUrl`,
+  `backendBaseUrl` and `appUrl` (Marathon has since 0.17). Those two fields
+  in an `athena-config` message or a `/_athena/auth` body are ignored. The new
+  `hostAnswered` field reports that a host answered the bridge at all, and
+  `<AthenaProvider>` throws when a host answered without minting
+  `statewireSyncUrl` and neither `statewireSyncUrl` nor `apiUrl` is
+  configured — a host's credential is never sent to the environment preset.
+  Deploy order: a Marathon older than 2026-08-29 (#32053) mints no statewire
+  mount; update it before an app on 0.20.0 is served from it.
+- **Dependencies.** `@assistant-ui/react-langgraph` and `zod` are no longer
+  dependencies (nothing in the SDK imported them after the retired composer
+  and transport went).
+
 ## What's new in 0.19.0
 
 0.19.0 is a minor release with **no breaking changes**: every export that
@@ -369,8 +529,8 @@ import { AthenaSSOProvider } from '@athenaintel/react/auth';
 <AthenaSSOProvider ssoBaseUrl="https://api.example.com">
   <AthenaProvider
     config={{
-      backendUrl: 'https://api.example.com/api/assistant-ui',
-      apiUrl: 'https://sync.example.com/api/chat',
+      backendUrl: 'https://api.example.com',
+      apiUrl: 'https://iris.example.com',
       trustedParentOrigins: ['https://app.example.com'],
     }}
     enableThreadList

package/dist/assets/AssetPanel.cjs

@@ -0,0 +1,277 @@
+"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 useAssetEmbed = require("./use-asset-embed.cjs");
+const assetPanelStore = require("./asset-panel-store.cjs");
+const assetPanelUrl = require("./asset-panel-url.cjs");
+const AthenaContext = require("../provider/AthenaContext.cjs");
+const ASSET_TYPE_CONFIG = {
+  presentation: { icon: lucideReact.Presentation, label: "Presentation" },
+  spreadsheet: { icon: lucideReact.FileSpreadsheet, label: "Spreadsheet" },
+  document: { icon: lucideReact.FileText, label: "Document" },
+  notebook: { icon: lucideReact.BookOpen, label: "Notebook" },
+  unknown: { icon: lucideReact.File, label: "Asset" }
+};
+const AssetIframe = react.memo(
+  ({ tab }) => {
+    const iframeRef = react.useRef(null);
+    const { backendUrl, appUrl, apiKey, token } = AthenaContext.useAthenaConfig();
+    const { embedUrl, isLoading, error } = useAssetEmbed.useAssetEmbed(tab.id, {
+      backendUrl,
+      appUrl,
+      apiKey,
+      token
+    });
+    const initialSlideRef = react.useRef({
+      assetId: tab.id,
+      slideNumber: tab.slideNumber
+    });
+    if (initialSlideRef.current.assetId !== tab.id) {
+      initialSlideRef.current = {
+        assetId: tab.id,
+        slideNumber: tab.slideNumber
+      };
+    }
+    const initialSlideNumber = initialSlideRef.current.slideNumber;
+    const iframeSrc = react.useMemo(() => {
+      if (!embedUrl) return null;
+      const base = assetPanelUrl.buildAssetIframeSrc({
+        embedUrl,
+        assetType: tab.type,
+        slideNumber: initialSlideNumber
+      });
+      try {
+        const url = new URL(base, window.location.href);
+        useAssetEmbed.appendCitationReferenceParams({ params: url.searchParams, reference: tab.reference });
+        return url.toString();
+      } catch {
+        return base;
+      }
+    }, [embedUrl, initialSlideNumber, tab.type, tab.reference]);
+    const navigationMessage = react.useMemo(
+      () => assetPanelUrl.buildPresentationNavigationMessage({
+        assetId: tab.id,
+        assetType: tab.type,
+        slideNumber: tab.slideNumber
+      }),
+      [tab.id, tab.slideNumber, tab.type]
+    );
+    const navigationTargetOrigin = react.useMemo(() => {
+      if (!iframeSrc) return null;
+      try {
+        return new URL(iframeSrc, window.location.href).origin;
+      } catch {
+        return null;
+      }
+    }, [iframeSrc]);
+    const postNavigationMessage = react.useCallback(() => {
+      var _a, _b;
+      if (!navigationMessage || !navigationTargetOrigin) return;
+      (_b = (_a = iframeRef.current) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage(
+        navigationMessage,
+        navigationTargetOrigin
+      );
+    }, [navigationMessage, navigationTargetOrigin]);
+    react.useEffect(() => {
+      postNavigationMessage();
+    }, [postNavigationMessage]);
+    if (isLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mx-auto size-6 animate-spin text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Loading..." })
+      ] }) });
+    }
+    if (error) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-sm text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "mx-auto size-5 text-red-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-xs font-medium text-foreground", children: "Failed to load" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 line-clamp-2 break-words text-[10px] text-muted-foreground", children: error })
+      ] }) });
+    }
+    if (!iframeSrc) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "iframe",
+      {
+        ref: iframeRef,
+        src: iframeSrc,
+        width: "100%",
+        height: "100%",
+        frameBorder: "0",
+        allow: "fullscreen",
+        title: tab.name ?? `Asset ${tab.id}`,
+        className: "h-full w-full",
+        onLoad: postNavigationMessage
+      }
+    );
+  },
+  (prev, next) => prev.tab.id === next.tab.id && prev.tab.name === next.tab.name && prev.tab.type === next.tab.type && prev.tab.slideNumber === next.tab.slideNumber
+);
+AssetIframe.displayName = "AssetIframe";
+const PanelContent = ({
+  manageAssetPanelHostRegistration
+}) => {
+  const {
+    tabs,
+    activeTabId,
+    viewMode,
+    closeTab,
+    registerAssetPanelHost,
+    unregisterAssetPanelHost
+  } = assetPanelStore.useAssetPanelStore();
+  const isTiled = viewMode === "tiled" && tabs.length >= 2;
+  react.useEffect(() => {
+    if (!manageAssetPanelHostRegistration) {
+      return;
+    }
+    registerAssetPanelHost();
+    return () => {
+      unregisterAssetPanelHost();
+    };
+  }, [manageAssetPanelHostRegistration, registerAssetPanelHost, unregisterAssetPanelHost]);
+  const gridClass = react.useMemo(() => {
+    const n = tabs.length;
+    if (n <= 1) return "";
+    if (n === 2) return "grid grid-cols-2 grid-rows-1";
+    if (n <= 4) return "grid grid-cols-2 grid-rows-2";
+    if (n <= 6) return "grid grid-cols-3 grid-rows-2";
+    return "grid grid-cols-3 grid-rows-3";
+  }, [tabs.length]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `flex-1 overflow-hidden ${isTiled ? `${gridClass} gap-px bg-border/60` : ""}`,
+      children: tabs.map((tab) => {
+        const isActive = tab.id === activeTabId;
+        const config = ASSET_TYPE_CONFIG[tab.type];
+        const TypeIcon = config.icon;
+        if (isTiled) {
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex min-h-0 min-w-0 flex-col bg-background",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1.5 border-b px-2 py-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { className: "size-3 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-[11px] font-medium text-foreground", children: tab.name ?? config.label }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: () => closeTab(tab.id),
+                      className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-2.5" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(AssetIframe, { tab }) })
+              ]
+            },
+            tab.id
+          );
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: isActive ? "h-full w-full" : "hidden",
+            children: /* @__PURE__ */ jsxRuntime.jsx(AssetIframe, { tab })
+          },
+          tab.id
+        );
+      })
+    }
+  );
+};
+const TabBar = () => {
+  const { tabs, activeTabId, setActiveTab, closeTab, viewMode } = assetPanelStore.useAssetPanelStore();
+  if (tabs.length <= 1 || viewMode === "tiled") return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-0 overflow-x-auto border-b bg-muted/30", children: tabs.map((tab) => {
+    const config = ASSET_TYPE_CONFIG[tab.type];
+    const TypeIcon = config.icon;
+    const isActive = tab.id === activeTabId;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `group flex max-w-[180px] shrink-0 cursor-pointer items-center gap-1.5 border-r border-border/40 px-3 py-1.5 text-xs ${isActive ? "border-b-2 border-b-primary bg-background text-foreground" : "text-muted-foreground hover:bg-background/50 hover:text-foreground"}`,
+        onClick: () => setActiveTab(tab.id),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { className: "size-3 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: tab.name ?? config.label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                closeTab(tab.id);
+              },
+              className: "ml-auto shrink-0 rounded p-0.5 opacity-0 transition-opacity hover:bg-muted group-hover:opacity-100",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-2.5" })
+            }
+          )
+        ]
+      },
+      tab.id
+    );
+  }) });
+};
+const PanelHeader = ({ fullscreen }) => {
+  const {
+    closePanel,
+    toggleFullscreen,
+    tabs,
+    activeTabId,
+    viewMode,
+    setViewMode
+  } = assetPanelStore.useAssetPanelStore();
+  const activeTab = tabs.find((t) => t.id === activeTabId);
+  const config = ASSET_TYPE_CONFIG[(activeTab == null ? void 0 : activeTab.type) ?? "unknown"];
+  const TypeIcon = config.icon;
+  const isTiled = viewMode === "tiled";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b px-4 py-2.5", children: [
+    !isTiled && /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex-1 truncate text-sm font-semibold text-foreground", children: isTiled ? `${tabs.length} Assets` : (activeTab == null ? void 0 : activeTab.name) ?? config.label }),
+    tabs.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => setViewMode(isTiled ? "tabs" : "tiled"),
+        className: `flex size-7 items-center justify-center rounded-lg transition-colors ${isTiled ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
+        title: isTiled ? "Switch to tabs" : "Tile all assets",
+        children: isTiled ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: toggleFullscreen,
+        className: "flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        title: fullscreen ? "Exit fullscreen" : "Fullscreen",
+        children: fullscreen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minimize2, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: closePanel,
+        className: "flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        title: "Close all",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" })
+      }
+    )
+  ] });
+};
+const AssetPanel = ({
+  manageAssetPanelHostRegistration = true
+}) => {
+  const isFullscreen = assetPanelStore.useAssetPanelStore((s) => s.isFullscreen);
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PanelHeader, { fullscreen: isFullscreen }),
+    /* @__PURE__ */ jsxRuntime.jsx(TabBar, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(PanelContent, { manageAssetPanelHostRegistration })
+  ] });
+  if (isFullscreen) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex flex-col bg-background", children: content });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full flex-col bg-background", children: content });
+};
+exports.AssetPanel = AssetPanel;
+//# sourceMappingURL=AssetPanel.cjs.map

package/dist/assets/AssetPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetPanel.cjs","sources":["../../src/assets/AssetPanel.tsx"],"sourcesContent":["\"use client\";\n\nimport { type FC, memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport {\n  X,\n  Loader2,\n  AlertCircle,\n  Maximize2,\n  Minimize2,\n  FileText,\n  FileSpreadsheet,\n  Presentation,\n  File,\n  BookOpen,\n  LayoutGrid,\n  Layers,\n} from \"lucide-react\";\nimport { appendCitationReferenceParams, useAssetEmbed } from \"./use-asset-embed\";\nimport {\n  useAssetPanelStore,\n  type AssetTab,\n  type AssetType,\n} from \"./asset-panel-store\";\nimport {\n  buildAssetIframeSrc,\n  buildPresentationNavigationMessage,\n} from \"./asset-panel-url\";\nimport { useAthenaConfig } from \"../provider/AthenaContext\";\n\nconst ASSET_TYPE_CONFIG: Record<\n  AssetType,\n  { icon: typeof File; label: string }\n> = {\n  presentation: { icon: Presentation, label: \"Presentation\" },\n  spreadsheet: { icon: FileSpreadsheet, label: \"Spreadsheet\" },\n  document: { icon: FileText, label: \"Document\" },\n  notebook: { icon: BookOpen, label: \"Notebook\" },\n  unknown: { icon: File, label: \"Asset\" },\n};\n\n/** Memoized iframe for a single asset — only re-renders when iframe inputs change. */\nconst AssetIframe = memo<{ tab: AssetTab }>(\n  ({ tab }) => {\n    const iframeRef = useRef<HTMLIFrameElement | null>(null);\n    const { backendUrl, appUrl, apiKey, token } = useAthenaConfig();\n    const { embedUrl, isLoading, error } = useAssetEmbed(tab.id, {\n      backendUrl,\n      appUrl,\n      apiKey,\n      token,\n    });\n    const initialSlideRef = useRef<{\n      assetId: string;\n      slideNumber?: number;\n    }>({\n      assetId: tab.id,\n      slideNumber: tab.slideNumber,\n    });\n    if (initialSlideRef.current.assetId !== tab.id) {\n      initialSlideRef.current = {\n        assetId: tab.id,\n        slideNumber: tab.slideNumber,\n      };\n    }\n    const initialSlideNumber = initialSlideRef.current.slideNumber;\n    // The citation target rides the embed URL: the embed page parses the\n    // anchor params and navigates (sheet range scroll/flash, PDF page). A\n    // repeat click with a DIFFERENT target updates the tab's reference ->\n    // new src -> the iframe reloads at the new range. Same target twice is a\n    // no-op (already there).\n    //\n    // Deliberately does NOT set `athena_sdk_bridge=1` (buildSdkAssetEmbedUrl\n    // is for AthenaAssetEmbed): that flag makes the embed page wait\n    // indefinitely for a host config handshake that only AthenaAssetEmbed\n    // implements — the panel's bare iframe never replies, so the embed would\n    // hang on its loading bar forever.\n    const iframeSrc = useMemo(() => {\n      if (!embedUrl) return null;\n      const base = buildAssetIframeSrc({\n        embedUrl,\n        assetType: tab.type,\n        slideNumber: initialSlideNumber,\n      });\n      try {\n        const url = new URL(base, window.location.href);\n        appendCitationReferenceParams({ params: url.searchParams, reference: tab.reference });\n        return url.toString();\n      } catch {\n        return base;\n      }\n    }, [embedUrl, initialSlideNumber, tab.type, tab.reference]);\n    const navigationMessage = useMemo(\n      () =>\n        buildPresentationNavigationMessage({\n          assetId: tab.id,\n          assetType: tab.type,\n          slideNumber: tab.slideNumber,\n        }),\n      [tab.id, tab.slideNumber, tab.type],\n    );\n    const navigationTargetOrigin = useMemo(() => {\n      if (!iframeSrc) return null;\n\n      try {\n        return new URL(iframeSrc, window.location.href).origin;\n      } catch {\n        return null;\n      }\n    }, [iframeSrc]);\n    const postNavigationMessage = useCallback(() => {\n      if (!navigationMessage || !navigationTargetOrigin) return;\n      iframeRef.current?.contentWindow?.postMessage(\n        navigationMessage,\n        navigationTargetOrigin,\n      );\n    }, [navigationMessage, navigationTargetOrigin]);\n\n    useEffect(() => {\n      postNavigationMessage();\n    }, [postNavigationMessage]);\n\n    if (isLoading) {\n      return (\n        <div className=\"flex h-full items-center justify-center\">\n          <div className=\"text-center\">\n            <Loader2 className=\"mx-auto size-6 animate-spin text-muted-foreground\" />\n            <p className=\"mt-2 text-xs text-muted-foreground\">Loading...</p>\n          </div>\n        </div>\n      );\n    }\n\n    if (error) {\n      return (\n        <div className=\"flex h-full items-center justify-center p-4\">\n          <div className=\"max-w-sm text-center\">\n            <AlertCircle className=\"mx-auto size-5 text-red-400\" />\n            <p className=\"mt-1.5 text-xs font-medium text-foreground\">\n              Failed to load\n            </p>\n            <p className=\"mt-0.5 line-clamp-2 break-words text-[10px] text-muted-foreground\">\n              {error}\n            </p>\n          </div>\n        </div>\n      );\n    }\n\n    if (!iframeSrc) return null;\n\n    return (\n      <iframe\n        ref={iframeRef}\n        src={iframeSrc}\n        width=\"100%\"\n        height=\"100%\"\n        frameBorder=\"0\"\n        allow=\"fullscreen\"\n        title={tab.name ?? `Asset ${tab.id}`}\n        className=\"h-full w-full\"\n        onLoad={postNavigationMessage}\n      />\n    );\n  },\n  (prev, next) =>\n    prev.tab.id === next.tab.id &&\n    prev.tab.name === next.tab.name &&\n    prev.tab.type === next.tab.type &&\n    prev.tab.slideNumber === next.tab.slideNumber,\n);\n\nAssetIframe.displayName = \"AssetIframe\";\n\nexport interface AssetPanelProps {\n  /** Register this panel as an asset-panel host when used outside AthenaLayout. */\n  manageAssetPanelHostRegistration?: boolean;\n}\n\n/**\n * Content area — renders all iframes in the same tree.\n * Tab mode: only active tab visible via CSS. Tiled mode: CSS grid. Iframes never unmount on switch.\n */\nconst PanelContent: FC<{ manageAssetPanelHostRegistration: boolean }> = ({\n  manageAssetPanelHostRegistration,\n}) => {\n  const {\n    tabs,\n    activeTabId,\n    viewMode,\n    closeTab,\n    registerAssetPanelHost,\n    unregisterAssetPanelHost,\n  } =\n    useAssetPanelStore();\n  const isTiled = viewMode === \"tiled\" && tabs.length >= 2;\n\n  useEffect(() => {\n    if (!manageAssetPanelHostRegistration) {\n      return;\n    }\n\n    registerAssetPanelHost();\n    return () => {\n      unregisterAssetPanelHost();\n    };\n  }, [manageAssetPanelHostRegistration, registerAssetPanelHost, unregisterAssetPanelHost]);\n\n  const gridClass = useMemo(() => {\n    const n = tabs.length;\n    if (n <= 1) return \"\";\n    if (n === 2) return \"grid grid-cols-2 grid-rows-1\";\n    if (n <= 4) return \"grid grid-cols-2 grid-rows-2\";\n    if (n <= 6) return \"grid grid-cols-3 grid-rows-2\";\n    return \"grid grid-cols-3 grid-rows-3\";\n  }, [tabs.length]);\n\n  return (\n    <div\n      className={`flex-1 overflow-hidden ${isTiled ? `${gridClass} gap-px bg-border/60` : \"\"}`}\n    >\n      {tabs.map((tab) => {\n        const isActive = tab.id === activeTabId;\n        const config = ASSET_TYPE_CONFIG[tab.type];\n        const TypeIcon = config.icon;\n\n        if (isTiled) {\n          return (\n            <div\n              key={tab.id}\n              className=\"flex min-h-0 min-w-0 flex-col bg-background\"\n            >\n              <div className=\"flex shrink-0 items-center gap-1.5 border-b px-2 py-1\">\n                <TypeIcon className=\"size-3 shrink-0 text-muted-foreground\" />\n                <span className=\"flex-1 truncate text-[11px] font-medium text-foreground\">\n                  {tab.name ?? config.label}\n                </span>\n                <button\n                  onClick={() => closeTab(tab.id)}\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                >\n                  <X className=\"size-2.5\" />\n                </button>\n              </div>\n              <div className=\"flex-1 overflow-hidden\">\n                <AssetIframe tab={tab} />\n              </div>\n            </div>\n          );\n        }\n\n        return (\n          <div\n            key={tab.id}\n            className={isActive ? \"h-full w-full\" : \"hidden\"}\n          >\n            <AssetIframe tab={tab} />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\n/** Tab bar for tab mode — scrollable row of tabs. */\nconst TabBar: FC = () => {\n  const { tabs, activeTabId, setActiveTab, closeTab, viewMode } =\n    useAssetPanelStore();\n\n  if (tabs.length <= 1 || viewMode === \"tiled\") return null;\n\n  return (\n    <div className=\"flex shrink-0 items-center gap-0 overflow-x-auto border-b bg-muted/30\">\n      {tabs.map((tab) => {\n        const config = ASSET_TYPE_CONFIG[tab.type];\n        const TypeIcon = config.icon;\n        const isActive = tab.id === activeTabId;\n\n        return (\n          <div\n            key={tab.id}\n            className={`group flex max-w-[180px] shrink-0 cursor-pointer items-center gap-1.5 border-r border-border/40 px-3 py-1.5 text-xs ${\n              isActive\n                ? \"border-b-2 border-b-primary bg-background text-foreground\"\n                : \"text-muted-foreground hover:bg-background/50 hover:text-foreground\"\n            }`}\n            onClick={() => setActiveTab(tab.id)}\n          >\n            <TypeIcon className=\"size-3 shrink-0\" />\n            <span className=\"truncate\">{tab.name ?? config.label}</span>\n            <button\n              onClick={(e) => {\n                e.stopPropagation();\n                closeTab(tab.id);\n              }}\n              className=\"ml-auto shrink-0 rounded p-0.5 opacity-0 transition-opacity hover:bg-muted group-hover:opacity-100\"\n            >\n              <X className=\"size-2.5\" />\n            </button>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\n/** Header with active tab info + panel controls. */\nconst PanelHeader: FC<{ fullscreen?: boolean }> = ({ fullscreen }) => {\n  const {\n    closePanel,\n    toggleFullscreen,\n    tabs,\n    activeTabId,\n    viewMode,\n    setViewMode,\n  } = useAssetPanelStore();\n  const activeTab = tabs.find((t) => t.id === activeTabId);\n  const config = ASSET_TYPE_CONFIG[activeTab?.type ?? \"unknown\"];\n  const TypeIcon = config.icon;\n  const isTiled = viewMode === \"tiled\";\n\n  return (\n    <div className=\"flex shrink-0 items-center gap-2 border-b px-4 py-2.5\">\n      {!isTiled && (\n        <TypeIcon className=\"size-4 shrink-0 text-muted-foreground\" />\n      )}\n      <p className=\"flex-1 truncate text-sm font-semibold text-foreground\">\n        {isTiled\n          ? `${tabs.length} Assets`\n          : activeTab?.name ?? config.label}\n      </p>\n\n      {tabs.length >= 2 && (\n        <button\n          onClick={() => setViewMode(isTiled ? \"tabs\" : \"tiled\")}\n          className={`flex size-7 items-center justify-center rounded-lg transition-colors ${\n            isTiled\n              ? \"bg-primary/10 text-primary\"\n              : \"text-muted-foreground hover:bg-accent hover:text-foreground\"\n          }`}\n          title={isTiled ? \"Switch to tabs\" : \"Tile all assets\"}\n        >\n          {isTiled ? (\n            <Layers className=\"size-3.5\" />\n          ) : (\n            <LayoutGrid className=\"size-3.5\" />\n          )}\n        </button>\n      )}\n\n      <button\n        onClick={toggleFullscreen}\n        className=\"flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        title={fullscreen ? \"Exit fullscreen\" : \"Fullscreen\"}\n      >\n        {fullscreen ? (\n          <Minimize2 className=\"size-3.5\" />\n        ) : (\n          <Maximize2 className=\"size-3.5\" />\n        )}\n      </button>\n      <button\n        onClick={closePanel}\n        className=\"flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        title=\"Close all\"\n      >\n        <X className=\"size-4\" />\n      </button>\n    </div>\n  );\n};\n\nexport const AssetPanel: FC<AssetPanelProps> = ({\n  manageAssetPanelHostRegistration = true,\n}) => {\n  const isFullscreen = useAssetPanelStore((s) => s.isFullscreen);\n\n  const content = (\n    <>\n      <PanelHeader fullscreen={isFullscreen} />\n      <TabBar />\n      <PanelContent manageAssetPanelHostRegistration={manageAssetPanelHostRegistration} />\n    </>\n  );\n\n  if (isFullscreen) {\n    return (\n      <div className=\"fixed inset-0 z-50 flex flex-col bg-background\">\n        {content}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full flex-col bg-background\">{content}</div>\n  );\n};\n"],"names":["Presentation","FileSpreadsheet","FileText","BookOpen","File","memo","useRef","useAthenaConfig","useAssetEmbed","useMemo","buildAssetIframeSrc","appendCitationReferenceParams","buildPresentationNavigationMessage","useCallback","useEffect","jsxs","jsx","Loader2","AlertCircle","useAssetPanelStore","X","Layers","LayoutGrid","Minimize2","Maximize2","Fragment"],"mappings":"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"}