@athenaintel/react 0.9.14 → 0.9.16

package/dist/index.cjs

@@ -16501,7 +16501,7 @@ const createUrlWithFallback = (url, fallbackUrl) => {
     return new URL(`${normalizeBaseUrl(fallbackUrl)}/`);
   }
 };
-const getHostname = (value) => {
+const getHostname$1 = (value) => {
   if (!value) return null;
   try {
     return new URL(value).hostname;
@@ -16542,7 +16542,7 @@ function deriveAthenaAppUrl({
       sourcePort: "8000"
     });
     if (workspaceAppUrl) return workspaceAppUrl;
-    const backendHostname = getHostname(backendUrl);
+    const backendHostname = getHostname$1(backendUrl);
     if (backendHostname === "api.athenaintel.com") {
       return ATHENA_ENVIRONMENT_URLS.production.appUrl;
     }
@@ -16556,7 +16556,7 @@ function deriveAthenaAppUrl({
       sourcePort: "8787"
     });
     if (workspaceAppUrl) return workspaceAppUrl;
-    const apiHostname = getHostname(apiUrl);
+    const apiHostname = getHostname$1(apiUrl);
     if (apiHostname === "sync.athenaintel.com") {
       return ATHENA_ENVIRONMENT_URLS.production.appUrl;
     }
@@ -58661,57 +58661,282 @@ 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 };
+function createJSONStorage(getStorage, options) {
+  let storage;
+  try {
+    storage = getStorage();
+  } catch (e) {
+    return;
+  }
+  const persistStorage = {
+    getItem: (name) => {
+      var _a2;
+      const parse2 = (str2) => {
+        if (str2 === null) {
+          return null;
+        }
+        return JSON.parse(str2, void 0);
+      };
+      const str = (_a2 = storage.getItem(name)) != null ? _a2 : null;
+      if (str instanceof Promise) {
+        return str.then(parse2);
+      }
+      return parse2(str);
+    },
+    setItem: (name, newValue) => storage.setItem(name, JSON.stringify(newValue, void 0)),
+    removeItem: (name) => storage.removeItem(name)
+  };
+  return persistStorage;
+}
+const toThenable = (fn) => (input) => {
+  try {
+    const result = fn(input);
+    if (result instanceof Promise) {
+      return result;
     }
-    const newTab = {
-      id: assetId,
-      name: (meta == null ? void 0 : meta.name) ?? null,
-      type: (meta == null ? void 0 : meta.type) ?? "unknown"
+    return {
+      then(onFulfilled) {
+        return toThenable(onFulfilled)(result);
+      },
+      catch(_onRejected) {
+        return this;
+      }
     };
-    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 };
+  } catch (e) {
+    return {
+      then(_onFulfilled) {
+        return this;
+      },
+      catch(onRejected) {
+        return toThenable(onRejected)(e);
+      }
+    };
+  }
+};
+const persistImpl = (config2, baseOptions) => (set2, get2, api) => {
+  let options = {
+    storage: createJSONStorage(() => window.localStorage),
+    partialize: (state) => state,
+    version: 0,
+    merge: (persistedState, currentState) => ({
+      ...currentState,
+      ...persistedState
+    }),
+    ...baseOptions
+  };
+  let hasHydrated = false;
+  let hydrationVersion = 0;
+  const hydrationListeners = /* @__PURE__ */ new Set();
+  const finishHydrationListeners = /* @__PURE__ */ new Set();
+  let storage = options.storage;
+  if (!storage) {
+    return config2(
+      (...args) => {
+        console.warn(
+          `[zustand persist middleware] Unable to update item '${options.name}', the given storage is currently unavailable.`
+        );
+        set2(...args);
+      },
+      get2,
+      api
+    );
+  }
+  const setItem = () => {
+    const state = options.partialize({ ...get2() });
+    return storage.setItem(options.name, {
+      state,
+      version: options.version
+    });
+  };
+  const savedSetState = api.setState;
+  api.setState = (state, replace2) => {
+    savedSetState(state, replace2);
+    return setItem();
+  };
+  const configResult = config2(
+    (...args) => {
+      set2(...args);
+      return setItem();
+    },
+    get2,
+    api
+  );
+  api.getInitialState = () => configResult;
+  let stateFromStorage;
+  const hydrate = () => {
+    var _a2, _b;
+    if (!storage) return;
+    const currentVersion = ++hydrationVersion;
+    hasHydrated = false;
+    hydrationListeners.forEach((cb) => {
+      var _a22;
+      return cb((_a22 = get2()) != null ? _a22 : configResult);
+    });
+    const postRehydrationCallback = ((_b = options.onRehydrateStorage) == null ? void 0 : _b.call(options, (_a2 = get2()) != null ? _a2 : configResult)) || void 0;
+    return toThenable(storage.getItem.bind(storage))(options.name).then((deserializedStorageValue) => {
+      if (deserializedStorageValue) {
+        if (typeof deserializedStorageValue.version === "number" && deserializedStorageValue.version !== options.version) {
+          if (options.migrate) {
+            const migration = options.migrate(
+              deserializedStorageValue.state,
+              deserializedStorageValue.version
+            );
+            if (migration instanceof Promise) {
+              return migration.then((result) => [true, result]);
+            }
+            return [true, migration];
+          }
+          console.error(
+            `State loaded from storage couldn't be migrated since no migrate function was provided`
+          );
+        } else {
+          return [false, deserializedStorageValue.state];
+        }
+      }
+      return [false, void 0];
+    }).then((migrationResult) => {
+      var _a22;
+      if (currentVersion !== hydrationVersion) {
+        return;
+      }
+      const [migrated, migratedState] = migrationResult;
+      stateFromStorage = options.merge(
+        migratedState,
+        (_a22 = get2()) != null ? _a22 : configResult
+      );
+      set2(stateFromStorage, true);
+      if (migrated) {
+        return setItem();
+      }
+    }).then(() => {
+      if (currentVersion !== hydrationVersion) {
+        return;
+      }
+      postRehydrationCallback == null ? void 0 : postRehydrationCallback(stateFromStorage, void 0);
+      stateFromStorage = get2();
+      hasHydrated = true;
+      finishHydrationListeners.forEach((cb) => cb(stateFromStorage));
+    }).catch((e) => {
+      if (currentVersion !== hydrationVersion) {
+        return;
+      }
+      postRehydrationCallback == null ? void 0 : postRehydrationCallback(void 0, e);
+    });
+  };
+  api.persist = {
+    setOptions: (newOptions) => {
+      options = {
+        ...options,
+        ...newOptions
+      };
+      if (newOptions.storage) {
+        storage = newOptions.storage;
+      }
+    },
+    clearStorage: () => {
+      storage == null ? void 0 : storage.removeItem(options.name);
+    },
+    getOptions: () => options,
+    rehydrate: () => hydrate(),
+    hasHydrated: () => hasHydrated,
+    onHydrate: (cb) => {
+      hydrationListeners.add(cb);
+      return () => {
+        hydrationListeners.delete(cb);
+      };
+    },
+    onFinishHydration: (cb) => {
+      finishHydrationListeners.add(cb);
+      return () => {
+        finishHydrationListeners.delete(cb);
+      };
     }
-    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;
+  };
+  if (!options.skipHydration) {
+    hydrate();
+  }
+  return stateFromStorage || configResult;
+};
+const persist = persistImpl;
+const useAssetPanelStore = create()(
+  persist(
+    (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,
+              embedSearchParams: meta.embedSearchParams ?? t.embedSearchParams
+            } : 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",
+          embedSearchParams: (meta == null ? void 0 : meta.embedSearchParams) ?? null
+        };
+        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;
+      }
+    }),
+    {
+      name: "athena-react-asset-panel",
+      partialize: ({
+        isOpen,
+        tabs,
+        activeTabId,
+        viewMode,
+        isFullscreen
+      }) => ({
+        isOpen,
+        tabs,
+        activeTabId,
+        viewMode,
+        isFullscreen
+      }),
+      storage: createJSONStorage(() => sessionStorage)
     }
-    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 ATHENA_WORKSPACE_HOSTNAME_SUFFIXES = [".app.athenaintel.com", ".staging-app.athenaintel.com"];
 const ASSET_TYPE_ALIASES = {
   document: "document",
   notebook: "notebook",
@@ -58724,13 +58949,43 @@ const ASSET_TYPE_ALIASES = {
   super_document: "document"
 };
 const isAthenaSpacesPath = (url) => url.pathname.replace(/\/+$/, "") === "/dashboard/spaces";
-const normalizeAssetType = (value) => {
+const normalizeAssetType$1 = (value) => {
   if (!value) {
     return null;
   }
   const normalizedValue = value.trim().replace(/^athena\//, "").toLowerCase().replace(/-/g, "_");
   return ASSET_TYPE_ALIASES[normalizedValue] ?? null;
 };
+const isLikelyAssetId = (value) => !!value && /^(asset|thread|project|collection)_[a-z0-9-]+$/i.test(value.trim());
+const sanitizeDisplayName = (value) => {
+  if (!value) {
+    return null;
+  }
+  const trimmedValue = value.trim();
+  if (!trimmedValue) {
+    return null;
+  }
+  if (trimmedValue.startsWith('"') && trimmedValue.endsWith('"') || trimmedValue.startsWith("'") && trimmedValue.endsWith("'")) {
+    return trimmedValue.slice(1, -1).trim() || null;
+  }
+  return trimmedValue;
+};
+const getCitationDisplayName = ({
+  assetName,
+  linkText
+}) => {
+  const sanitizedAssetName = sanitizeDisplayName(assetName);
+  const sanitizedLinkText = sanitizeDisplayName(linkText);
+  const genericLinkTextPattern = /^(this|that|the)\s+asset$/i;
+  if (sanitizedAssetName && !isLikelyAssetId(sanitizedAssetName)) {
+    return sanitizedAssetName;
+  }
+  if (sanitizedLinkText && !genericLinkTextPattern.test(sanitizedLinkText)) {
+    return sanitizedLinkText;
+  }
+  return sanitizedAssetName ?? sanitizedLinkText;
+};
+const getEmbedSearchParams = (url) => Object.fromEntries(url.searchParams.entries());
 const getOrigin = (value) => {
   if (!value) {
     return null;
@@ -58741,6 +58996,20 @@ const getOrigin = (value) => {
     return null;
   }
 };
+const getHostname = (value) => {
+  if (!value) {
+    return null;
+  }
+  try {
+    return new URL(value).hostname.toLowerCase();
+  } catch {
+    return null;
+  }
+};
+const matchesHostnameOrSubdomain = ({
+  hostname,
+  candidateHostname
+}) => hostname === candidateHostname || hostname.endsWith(`.${candidateHostname}`);
 const getCurrentOrigin = () => {
   if (typeof window === "undefined") {
     return null;
@@ -58763,7 +59032,11 @@ const isAthenaAppUrl = ({
   appUrl
 }) => {
   const hostname = url.hostname.toLowerCase();
-  if (ATHENA_APP_HOSTNAMES.has(hostname) || hostname.endsWith(ATHENA_PREVIEW_HOSTNAME_SUFFIX)) {
+  if (ATHENA_APP_HOSTNAMES.has(hostname) || hostname.endsWith(ATHENA_PREVIEW_HOSTNAME_SUFFIX) || ATHENA_WORKSPACE_HOSTNAME_SUFFIXES.some((suffix) => hostname.endsWith(suffix))) {
+    return true;
+  }
+  const configuredHostname = getHostname(appUrl);
+  if (configuredHostname && matchesHostnameOrSubdomain({ hostname, candidateHostname: configuredHostname })) {
     return true;
   }
   const configuredOrigin = getOrigin(appUrl);
@@ -58794,7 +59067,11 @@ const parseAthenaCitationLink = ({
     url,
     assetId,
     assetIds,
-    assetType: normalizeAssetType(url.searchParams.get("asset_type") ?? url.searchParams.get("type"))
+    assetType: normalizeAssetType$1(
+      url.searchParams.get("asset_type") ?? url.searchParams.get("assetType") ?? url.searchParams.get("type")
+    ),
+    assetName: sanitizeDisplayName(url.searchParams.get("name")),
+    embedSearchParams: getEmbedSearchParams(url)
   };
 };
 const isAthenaCitationUrl = ({
@@ -58842,12 +59119,19 @@ const useAthenaLinkClickHandler = () => {
       const citationMetadata = citationLink ? {
         assetId: citationLink.assetId,
         assetIds: citationLink.assetIds,
-        assetType: citationLink.assetType
+        assetType: citationLink.assetType,
+        assetName: citationLink.assetName,
+        embedSearchParams: citationLink.embedSearchParams
       } : null;
       const openInAssetPanel = citationLink ? () => {
+        const displayName = getCitationDisplayName({
+          assetName: citationLink.assetName,
+          linkText: trimmedLinkText
+        });
         openAsset(citationLink.assetId, {
-          name: trimmedLinkText ?? void 0,
-          type: citationLink.assetType ?? void 0
+          name: displayName ?? void 0,
+          type: citationLink.assetType ?? void 0,
+          embedSearchParams: citationLink.embedSearchParams
         });
       } : void 0;
       const context2 = {
@@ -63287,6 +63571,12 @@ function extractAssetId(result) {
   if (typeof id === "string" && id.startsWith("asset_")) return id;
   return null;
 }
+function extractAssetTitle(result) {
+  const data = normalizeResult(result);
+  if (!data) return null;
+  const title = data.assetTitle ?? data.asset_title ?? data.title ?? data.name;
+  return typeof title === "string" && title.trim().length > 0 ? title.trim() : null;
+}
 function resetAssetAutoOpen() {
   useAssetPanelStore.getState().resetAutoOpen();
 }
@@ -64006,6 +64296,7 @@ const OpenAssetToolUIImpl = ({
   const typedArgs = args;
   const argsAssetId = (typedArgs == null ? void 0 : typedArgs.asset_id) ?? (typedArgs == null ? void 0 : typedArgs.assetId) ?? "";
   const resultAssetId = extractAssetId(result);
+  const resultAssetTitle = extractAssetTitle(result);
   const assetId = resultAssetId ?? (argsAssetId.startsWith("asset_") ? argsAssetId : null);
   const isRunning = (status == null ? void 0 : status.type) === "running";
   const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
@@ -64017,10 +64308,10 @@ const OpenAssetToolUIImpl = ({
     if (isComplete && !isCancelled && assetId && !wasCompleteAtMount.current) {
       const store = useAssetPanelStore.getState();
       if (store.markAutoOpened(assetId)) {
-        store.openAsset(assetId);
+        store.openAsset(assetId, { name: resultAssetTitle ?? void 0 });
       }
     }
-  }, [isComplete, isCancelled, assetId]);
+  }, [isComplete, isCancelled, assetId, resultAssetTitle]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToolCard,
     {
@@ -64036,7 +64327,7 @@ const OpenAssetToolUIImpl = ({
         "button",
         {
           type: "button",
-          onClick: () => openAsset(assetId),
+          onClick: () => openAsset(assetId, { name: resultAssetTitle ?? void 0 }),
           className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(ExternalLink, { className: "size-3" }),
@@ -64961,14 +65252,58 @@ const AthenaUserMessage = ({
     children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-user-message-content wrap-break-word rounded-2xl bg-muted px-4 py-2.5 text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(MessagePrimitiveParts, { components: { Text: TextComponent } }) })
   }
 );
+const EMBED_ASSET_TYPE_ALIASES = {
+  document: "document",
+  image: "document",
+  notebook: "notebook",
+  pdf: "document",
+  powerpoint_deck: "presentation",
+  presentation: "presentation",
+  puck_presentation: "presentation",
+  sheet: "spreadsheet",
+  spreadsheet: "spreadsheet",
+  super_document: "document"
+};
 const embedCache = /* @__PURE__ */ new Map();
+const normalizeAssetType = (value) => {
+  if (!value) {
+    return null;
+  }
+  const normalizedValue = value.trim().replace(/^athena\//, "").toLowerCase().replace(/-/g, "_");
+  return EMBED_ASSET_TYPE_ALIASES[normalizedValue] ?? null;
+};
+const appendEmbedSearchParams = ({
+  embedUrl,
+  embedSearchParams
+}) => {
+  if (!embedSearchParams || Object.keys(embedSearchParams).length === 0) {
+    return embedUrl;
+  }
+  const url = new URL(embedUrl);
+  for (const [key, value] of Object.entries(embedSearchParams)) {
+    if (!value) {
+      continue;
+    }
+    url.searchParams.set(key, value);
+  }
+  return url.toString();
+};
 function useAssetEmbed(assetId, options = {
   backendUrl: ""
 }) {
-  const { readOnly = false, expiresInSeconds = 60 * 60 * 24 * 30, backendUrl, apiKey, token } = options;
+  const {
+    readOnly = false,
+    expiresInSeconds = 60 * 60 * 24 * 30,
+    backendUrl,
+    apiKey,
+    token,
+    embedSearchParams
+  } = options;
   const [embedUrl, setEmbedUrl] = React.useState(null);
   const [isLoading, setIsLoading] = React.useState(false);
   const [error2, setError] = React.useState(null);
+  const [assetTitle, setAssetTitle] = React.useState(null);
+  const [assetType, setAssetType] = React.useState(null);
   const abortRef = React.useRef(null);
   React.useEffect(() => {
     var _a2;
@@ -64976,14 +65311,18 @@ function useAssetEmbed(assetId, options = {
       setEmbedUrl(null);
       setIsLoading(false);
       setError(null);
+      setAssetTitle(null);
+      setAssetType(null);
       return;
     }
-    const cacheKey = `${assetId}:${readOnly}:${token ?? apiKey ?? "anon"}`;
+    const cacheKey = `${assetId}:${readOnly}:${token ?? apiKey ?? "anon"}:${JSON.stringify(embedSearchParams ?? {})}`;
     const cached = embedCache.get(cacheKey);
     if (cached && cached.expiresAt > Date.now() / 1e3) {
       setEmbedUrl(cached.url);
       setIsLoading(false);
       setError(null);
+      setAssetTitle(cached.assetTitle);
+      setAssetType(cached.assetType);
       return;
     }
     const apiBaseUrl = backendUrl.replace(/\/api\/assistant-ui\/?$/, "");
@@ -64991,11 +65330,14 @@ function useAssetEmbed(assetId, options = {
     (_a2 = abortRef.current) == null ? void 0 : _a2.abort();
     const controller = new AbortController();
     abortRef.current = controller;
+    setEmbedUrl(null);
     setIsLoading(true);
     setError(null);
+    setAssetTitle(null);
+    setAssetType(null);
     const headers = { "Content-Type": "application/json" };
     if (token) {
-      headers["Authorization"] = `Bearer ${token}`;
+      headers.Authorization = `Bearer ${token}`;
     } else if (apiKey) {
       headers["X-API-KEY"] = apiKey;
     }
@@ -65015,17 +65357,31 @@ function useAssetEmbed(assetId, options = {
       }
       return res.json();
     }).then((data) => {
-      embedCache.set(`${assetId}:${readOnly}:${token ?? apiKey ?? "anon"}`, { url: data.embed_url, expiresAt: data.expires_at });
-      setEmbedUrl(data.embed_url);
+      const resolvedAssetType = normalizeAssetType(data.athena_converted_type) ?? normalizeAssetType(data.athena_original_type);
+      const resolvedEmbedUrl = appendEmbedSearchParams({
+        embedUrl: data.embed_url,
+        embedSearchParams
+      });
+      embedCache.set(cacheKey, {
+        url: resolvedEmbedUrl,
+        expiresAt: data.expires_at,
+        assetTitle: data.title ?? null,
+        assetType: resolvedAssetType
+      });
+      setEmbedUrl(resolvedEmbedUrl);
+      setAssetTitle(data.title ?? null);
+      setAssetType(resolvedAssetType);
       setIsLoading(false);
     }).catch((err) => {
-      if (err.name === "AbortError") return;
+      if (err.name === "AbortError") {
+        return;
+      }
       setError(err.message);
       setIsLoading(false);
     });
     return () => controller.abort();
-  }, [assetId, readOnly, expiresInSeconds, backendUrl, apiKey, token]);
-  return { embedUrl, isLoading, error: error2 };
+  }, [assetId, readOnly, expiresInSeconds, backendUrl, apiKey, token, embedSearchParams]);
+  return { embedUrl, isLoading, error: error2, assetTitle, assetType };
 }
 const ASSET_TYPE_CONFIG = {
   presentation: { icon: Presentation, label: "Presentation" },
@@ -65035,13 +65391,28 @@ const ASSET_TYPE_CONFIG = {
   unknown: { icon: File$1, label: "Asset" }
 };
 const AssetIframe = React.memo(
-  ({ tabId, tabName }) => {
+  ({ tabId, tabName, tabType, embedSearchParams }) => {
     const { backendUrl, apiKey, token } = useAthenaConfig();
-    const { embedUrl, isLoading, error: error2 } = useAssetEmbed(tabId, {
+    const { embedUrl, isLoading, error: error2, assetTitle, assetType } = useAssetEmbed(tabId, {
       backendUrl,
       apiKey,
-      token
+      token,
+      embedSearchParams
     });
+    React.useEffect(() => {
+      if (!assetTitle && !assetType) {
+        return;
+      }
+      const nextName = assetTitle ?? tabName;
+      const nextType = assetType ?? tabType;
+      if (nextName === tabName && nextType === tabType) {
+        return;
+      }
+      useAssetPanelStore.getState().openAsset(tabId, {
+        name: nextName ?? void 0,
+        type: nextType
+      });
+    }, [assetTitle, assetType, tabId, tabName, tabType]);
     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(LoaderCircle, { className: "mx-auto size-6 animate-spin text-muted-foreground" }),
@@ -65126,7 +65497,15 @@ const PanelContent = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(AssetIframe, { tabId: tab.id, tabName: tab.name }) })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  AssetIframe,
+                  {
+                    tabId: tab.id,
+                    tabName: tab.name,
+                    tabType: tab.type,
+                    embedSearchParams: tab.embedSearchParams
+                  }
+                ) })
               ]
             },
             tab.id
@@ -65136,7 +65515,15 @@ const PanelContent = ({
           "div",
           {
             className: isActive2 ? "h-full w-full" : "hidden",
-            children: /* @__PURE__ */ jsxRuntime.jsx(AssetIframe, { tabId: tab.id, tabName: tab.name })
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              AssetIframe,
+              {
+                tabId: tab.id,
+                tabName: tab.name,
+                tabType: tab.type,
+                embedSearchParams: tab.embedSearchParams
+              }
+            )
           },
           tab.id
         );