@athenaintel/react 0.10.27 → 0.10.28

package/dist/index.cjs

@@ -14156,7 +14156,7 @@ const useAssetPanelStore = create()(
               ...t,
               name: meta.name ?? t.name,
               type: meta.type ?? t.type,
-              slideNumber: meta.slideNumber ?? t.slideNumber
+              slideNumber: "slideNumber" in meta ? meta.slideNumber : t.slideNumber
             } : t
           ) : s.tabs;
           return { isOpen: true, tabs, activeTabId: assetId };
@@ -50047,18 +50047,6 @@ function AssetToolCard({
   const assetId = extractAssetId$1(result);
   const title = extractTitle(argsText, result);
   const assetType = toolMetaToAssetType(toolName);
-  const wasCompleteAtMount = React.useRef(isComplete);
-  React.useEffect(() => {
-    if (isComplete && !isCancelled && assetId && !wasCompleteAtMount.current) {
-      const store = useAssetPanelStore.getState();
-      if (store.markAutoOpened(assetId)) {
-        store.openAsset(assetId, {
-          name: title ?? void 0,
-          type: assetType
-        });
-      }
-    }
-  }, [isComplete, isCancelled, assetId, title, assetType]);
   const success = isComplete && isResultSuccess(result);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
     "aui-tool-fallback-root my-3 w-full rounded-xl border border-border/60 bg-background py-2.5 shadow-sm",
@@ -50620,6 +50608,32 @@ function normalizeResult(result) {
 function truncate(text2, max2) {
   return text2.length > max2 ? `${text2.slice(0, max2)}...` : text2;
 }
+function isSdkToolDebugEnabled() {
+  var _a2, _b;
+  try {
+    const hostname = (_a2 = globalThis.location) == null ? void 0 : _a2.hostname;
+    if (hostname === "localhost" || hostname === "127.0.0.1" || hostname === "::1") {
+      return true;
+    }
+    return ((_b = globalThis.localStorage) == null ? void 0 : _b.getItem("athena:sdk:debug")) === "1";
+  } catch {
+    return false;
+  }
+}
+function stringifyDebugPayload(payload) {
+  return JSON.stringify(payload, (_key, value) => {
+    if (typeof value === "string" && value.length > 800) {
+      return `${value.slice(0, 800)}... [truncated ${value.length - 800} chars]`;
+    }
+    return value;
+  });
+}
+function logDebugPayload(label, payload) {
+  if (!isSdkToolDebugEnabled()) {
+    return;
+  }
+  console.info(`${label} ${stringifyDebugPayload(payload)}`);
+}
 function formatToolName(name) {
   return name.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
@@ -50930,6 +50944,20 @@ function getNumberField(source, keys2) {
   }
   return null;
 }
+const PRESENTATION_CODE_SLIDE_NUMBER_KEYS = [
+  "slideNumber",
+  "slide_number",
+  "targetSlideNumber",
+  "target_slide_number",
+  "targetSlide",
+  "target_slide"
+];
+const PRESENTATION_CODE_SLIDE_INDEX_KEYS = [
+  "slideIndex",
+  "slide_index",
+  "targetSlideIndex",
+  "target_slide_index"
+];
 function getStudioAssetId({
   args,
   result
@@ -50937,41 +50965,42 @@ function getStudioAssetId({
   const id = getStringField(result, ["asset_id", "assetId", "id"]) ?? getStringField(args, ["asset_id", "assetId", "id"]);
   return (id == null ? void 0 : id.startsWith("asset_")) ? id : null;
 }
-function getSlideNumber(args) {
-  const explicit = getNumberField(args, ["slideNumber", "slide_number"]);
+function getPresentationCodeDeckId(code2) {
+  const match2 = code2.match(/\bdeck_id\s*=\s*["']([^"']+)["']/);
+  const deckId = match2 == null ? void 0 : match2[1];
+  return (deckId == null ? void 0 : deckId.startsWith("asset_")) ? deckId : null;
+}
+function getPresentationCodeSlideNumberFromFields(source) {
+  const explicit = getNumberField(source, PRESENTATION_CODE_SLIDE_NUMBER_KEYS);
   if (explicit != null && Number.isInteger(explicit) && explicit >= 1) {
     return explicit;
   }
-  const zeroBasedIndex = getNumberField(args, ["index", "slideIndex", "slide_index"]);
+  const zeroBasedIndex = getNumberField(source, PRESENTATION_CODE_SLIDE_INDEX_KEYS);
   if (zeroBasedIndex != null && Number.isInteger(zeroBasedIndex) && zeroBasedIndex >= 0) {
     return zeroBasedIndex + 1;
   }
   return void 0;
 }
-const completedStudioToolEffects = /* @__PURE__ */ new Set();
-const MAX_COMPLETED_STUDIO_TOOL_EFFECTS = 500;
-function markStudioToolEffect(key) {
-  if (completedStudioToolEffects.has(key)) {
-    return false;
-  }
-  if (completedStudioToolEffects.size >= MAX_COMPLETED_STUDIO_TOOL_EFFECTS) {
-    const oldest = completedStudioToolEffects.values().next().value;
-    if (oldest) completedStudioToolEffects.delete(oldest);
+function getPresentationCodeSlideNumberFromText(text2) {
+  const match2 = text2 == null ? void 0 : text2.match(/\bslide\s*(?:#|number\s*)?(\d+)\b/i);
+  if (!match2) {
+    return void 0;
   }
-  completedStudioToolEffects.add(key);
-  return true;
+  const slideNumber = Number.parseInt(match2[1] ?? "", 10);
+  return Number.isInteger(slideNumber) && slideNumber >= 1 ? slideNumber : void 0;
 }
-function dispatchPresentationNavigate(assetId, slideNumber) {
-  const targetSlide = slideNumber;
-  if (typeof targetSlide !== "number" || !Number.isInteger(targetSlide) || targetSlide < 1) {
-    return;
-  }
-  window.dispatchEvent(
-    new CustomEvent("pptx-studio-navigate", {
-      detail: { assetId, slideNumber: targetSlide }
-    })
+function getPresentationCodeSlideNumber({
+  args,
+  result
+}) {
+  return getPresentationCodeSlideNumberFromFields(args) ?? getPresentationCodeSlideNumberFromFields(result) ?? getPresentationCodeSlideNumberFromText(
+    getStringField(args, ["summary", "title", "description"])
   );
 }
+function getAddSlideNumber(args) {
+  const index2 = getNumberField(args, ["index"]);
+  return index2 != null && Number.isInteger(index2) && index2 >= 0 ? index2 + 1 : void 0;
+}
 function CreateAssetToolUIImpl({
   icon: Icon2,
   assetType,
@@ -50992,18 +51021,6 @@ function CreateAssetToolUIImpl({
   const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
   const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
   const openAsset = useAssetPanelStore((s) => s.openAsset);
-  const wasCompleteAtMount = React.useRef(isComplete);
-  React.useEffect(() => {
-    if (isComplete && !isCancelled && assetId && !wasCompleteAtMount.current) {
-      const store = useAssetPanelStore.getState();
-      if (store.markAutoOpened(assetId)) {
-        store.openAsset(assetId, {
-          name: createdName || name || void 0,
-          type: assetType
-        });
-      }
-    }
-  }, [isComplete, isCancelled, assetId, createdName, name, assetType]);
   const handleOpen = () => {
     if (assetId) {
       openAsset(assetId, {
@@ -51081,10 +51098,23 @@ const CreatePresentationToolUI = React.memo(
   CreatePresentationToolUIImpl
 );
 CreatePresentationToolUI.displayName = "CreatePresentationToolUI";
+function openStudioAsset({
+  assetId,
+  assetType,
+  slideNumber,
+  preserveExistingSlide
+}) {
+  const store = useAssetPanelStore.getState();
+  const existing = store.tabs.find((tab) => tab.id === assetId);
+  const shouldKeepCurrentSlide = preserveExistingSlide && existing;
+  store.openAsset(assetId, {
+    type: assetType,
+    ...!shouldKeepCurrentSlide && slideNumber !== void 0 ? { slideNumber } : {}
+  });
+}
 function StudioPtcToolUI({
   config: config2,
   toolName,
-  toolCallId,
   args,
   result,
   status
@@ -51099,42 +51129,57 @@ function StudioPtcToolUI({
   const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
   const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
   const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? String(status.error ?? status.reason ?? "Tool failed") : null;
-  const openAsset = useAssetPanelStore((s) => s.openAsset);
   const handleOpen = React.useCallback(() => {
     if (!assetId) return;
-    openAsset(assetId, {
-      type: config2.assetType,
-      slideNumber
-    });
-    if (config2.assetType === "presentation") {
-      dispatchPresentationNavigate(assetId, slideNumber);
+    if (toolName === "AddSlide") {
+      logDebugPayload("[Athena SDK AddSlide] manual open", {
+        args: typedArgs,
+        parsedResult: data,
+        rawResult: result,
+        assetId,
+        slideNumber
+      });
     }
-  }, [assetId, config2.assetType, openAsset, slideNumber]);
+    openStudioAsset({
+      assetId,
+      assetType: config2.assetType,
+      slideNumber,
+      preserveExistingSlide: config2.preserveExistingSlide
+    });
+  }, [
+    assetId,
+    config2.assetType,
+    config2.preserveExistingSlide,
+    data,
+    result,
+    slideNumber,
+    toolName,
+    typedArgs
+  ]);
   React.useEffect(() => {
-    if (!config2.autoOpen || !isComplete || isCancelled || !assetId) {
+    if (toolName !== "AddSlide") {
       return;
     }
-    const effectKey = toolCallId ?? `${toolName ?? "studio-tool"}:${assetId}:${slideNumber ?? "asset"}`;
-    if (!markStudioToolEffect(effectKey)) {
-      return;
-    }
-    const store = useAssetPanelStore.getState();
-    store.openAsset(assetId, {
-      type: config2.assetType,
-      slideNumber
+    logDebugPayload("[Athena SDK AddSlide] tool state", {
+      args: typedArgs,
+      parsedResult: data,
+      rawResult: result,
+      status,
+      assetId,
+      slideNumber,
+      isComplete,
+      isCancelled
     });
-    if (config2.assetType === "presentation") {
-      dispatchPresentationNavigate(assetId, slideNumber);
-    }
   }, [
     assetId,
-    config2.assetType,
-    config2.autoOpen,
+    data,
     isCancelled,
     isComplete,
+    result,
     slideNumber,
-    toolCallId,
-    toolName
+    status,
+    toolName,
+    typedArgs
   ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToolCard,
@@ -51192,8 +51237,7 @@ const StudioCreateWorkbookToolUI = createStudioPtcToolUI(
     },
     doneLabel: () => "Workbook created",
     getSubtitle: getNameSubtitle,
-    openLabel: () => "Open workbook",
-    autoOpen: true
+    openLabel: () => "Open workbook"
   }
 );
 const StudioAddSheetToolUI = createStudioPtcToolUI(
@@ -51211,8 +51255,7 @@ const StudioAddSheetToolUI = createStudioPtcToolUI(
       return name ? `Sheet added: ${name}` : "Sheet added";
     },
     getSubtitle: (args) => getStringField(args, ["name", "sheetName", "sheet_name"]) ?? void 0,
-    openLabel: () => "Open workbook",
-    autoOpen: true
+    openLabel: () => "Open workbook"
   }
 );
 const StudioOpenWorkbookToolUI = createStudioPtcToolUI(
@@ -51223,8 +51266,7 @@ const StudioOpenWorkbookToolUI = createStudioPtcToolUI(
     badge: "Sheet",
     runningLabel: () => "Opening workbook...",
     doneLabel: () => "Workbook opened",
-    openLabel: () => "Open workbook",
-    autoOpen: true
+    openLabel: () => "Open workbook"
   }
 );
 const StudioCreatePresentationToolUI = createStudioPtcToolUI(
@@ -51240,8 +51282,7 @@ const StudioCreatePresentationToolUI = createStudioPtcToolUI(
     doneLabel: () => "Presentation created",
     getSubtitle: getNameSubtitle,
     getSlideNumber: () => 1,
-    openLabel: () => "Open presentation",
-    autoOpen: true
+    openLabel: () => "Open presentation"
   }
 );
 const StudioOpenPresentationToolUI = createStudioPtcToolUI(
@@ -51255,7 +51296,7 @@ const StudioOpenPresentationToolUI = createStudioPtcToolUI(
     getSlideNumber: () => 1,
     getSubtitle: (_args, _result, slideNumber) => slideNumber ? `Slide ${slideNumber}` : void 0,
     openLabel: () => "Open presentation",
-    autoOpen: true
+    preserveExistingSlide: true
   }
 );
 const StudioAddSlideToolUI = createStudioPtcToolUI(
@@ -51267,9 +51308,8 @@ const StudioAddSlideToolUI = createStudioPtcToolUI(
     runningLabel: () => "Adding slide...",
     doneLabel: (_args, slideNumber) => slideNumber ? `Slide ${slideNumber} added` : "Slide added",
     getSubtitle: getSlideSubtitle,
-    getSlideNumber,
-    openLabel: (slideNumber) => slideNumber ? `Open slide ${slideNumber}` : "Open presentation",
-    autoOpen: true
+    getSlideNumber: (args) => getAddSlideNumber(args) ?? 1,
+    openLabel: (slideNumber) => slideNumber ? `Open slide ${slideNumber}` : "Open presentation"
   }
 );
 const StudioCreateDocumentToolUI = createStudioPtcToolUI(
@@ -51284,8 +51324,7 @@ const StudioCreateDocumentToolUI = createStudioPtcToolUI(
     },
     doneLabel: () => "Document created",
     getSubtitle: getNameSubtitle,
-    openLabel: () => "Open document",
-    autoOpen: true
+    openLabel: () => "Open document"
   }
 );
 const StudioCreateParagraphToolUI = createStudioPtcToolUI(
@@ -51297,8 +51336,7 @@ const StudioCreateParagraphToolUI = createStudioPtcToolUI(
     runningLabel: () => "Adding paragraph...",
     doneLabel: () => "Paragraph added",
     getSubtitle: getParagraphSubtitle,
-    openLabel: () => "Open document",
-    autoOpen: true
+    openLabel: () => "Open document"
   }
 );
 const StudioOpenDocumentToolUI = createStudioPtcToolUI(
@@ -51309,8 +51347,7 @@ const StudioOpenDocumentToolUI = createStudioPtcToolUI(
     badge: "Doc",
     runningLabel: () => "Opening document...",
     doneLabel: () => "Document opened",
-    openLabel: () => "Open document",
-    autoOpen: true
+    openLabel: () => "Open document"
   }
 );
 const CreateEmailDraftToolUIImpl = ({
@@ -51818,7 +51855,7 @@ const ExecutePresentationCodeToolUIImpl = ({
   const typedArgs = args;
   const code2 = (typedArgs == null ? void 0 : typedArgs.code) ?? "";
   const summary = (typedArgs == null ? void 0 : typedArgs.summary) ?? null;
-  const deckIdFromArgs = typeof (typedArgs == null ? void 0 : typedArgs.deck_id) === "string" ? typedArgs.deck_id : null;
+  const deckIdFromArgs = getStringField(typedArgs, ["deck_id", "deckId", "asset_id", "assetId"]) ?? getPresentationCodeDeckId(code2);
   const isRunning = (status == null ? void 0 : status.type) === "running";
   const isComplete = (status == null ? void 0 : status.type) === "complete";
   const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
@@ -51826,21 +51863,55 @@ const ExecutePresentationCodeToolUIImpl = ({
     () => isComplete ? parsePythonResult(result) : null,
     [result, isComplete]
   );
+  const resultData = React.useMemo(() => normalizeResult(result), [result]);
   const outputText = parsed ? getExecutionTextOutput(parsed) : null;
-  const assetId = (parsed == null ? void 0 : parsed.assetId) ?? null;
+  const targetSlideNumber = getPresentationCodeSlideNumber({
+    args: typedArgs,
+    result: resultData
+  });
   const deckId = (parsed == null ? void 0 : parsed.deckId) ?? deckIdFromArgs;
+  const assetId = (parsed == null ? void 0 : parsed.assetId) ?? ((deckId == null ? void 0 : deckId.startsWith("asset_")) ? deckId : null);
   const hasError = parsed && (parsed.error || parsed.exception);
   const openAsset = useAssetPanelStore((s) => s.openAsset);
-  const wasCompleteAtMount = React.useRef(isComplete);
   React.useEffect(() => {
-    if (!isComplete || !assetId || wasCompleteAtMount.current) {
+    if (!isComplete) {
       return;
     }
-    const store = useAssetPanelStore.getState();
-    if (store.markAutoOpened(assetId)) {
-      store.openAsset(assetId, { type: "presentation" });
+    logDebugPayload("[Athena SDK execute_presentation_code] tool state", {
+      args: typedArgs,
+      parsedResult: resultData,
+      status,
+      assetId,
+      deckId,
+      targetSlideNumber,
+      outputText
+    });
+  }, [
+    assetId,
+    deckId,
+    isComplete,
+    outputText,
+    resultData,
+    status,
+    targetSlideNumber,
+    typedArgs
+  ]);
+  const openPresentation = React.useCallback(() => {
+    if (!assetId) {
+      return;
     }
-  }, [assetId, isComplete]);
+    logDebugPayload("[Athena SDK execute_presentation_code] open deck", {
+      args: typedArgs,
+      parsedResult: resultData,
+      assetId,
+      deckId,
+      targetSlideNumber
+    });
+    openAsset(assetId, {
+      type: "presentation",
+      ...targetSlideNumber !== void 0 ? { slideNumber: targetSlideNumber } : {}
+    });
+  }, [assetId, deckId, openAsset, resultData, targetSlideNumber, typedArgs]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ToolCard,
     {
@@ -51863,11 +51934,11 @@ const ExecutePresentationCodeToolUIImpl = ({
             "button",
             {
               type: "button",
-              onClick: () => openAsset(assetId, { type: "presentation" }),
+              onClick: openPresentation,
               className: "flex shrink-0 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" }),
-                "Open deck"
+                targetSlideNumber ? `Open slide ${targetSlideNumber}` : "Open deck"
               ]
             }
           )
@@ -51926,15 +51997,6 @@ const OpenAssetToolUIImpl = ({
   const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
   const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
   const openAsset = useAssetPanelStore((s) => s.openAsset);
-  const wasCompleteAtMount = React.useRef(isComplete);
-  React.useEffect(() => {
-    if (isComplete && !isCancelled && assetId && !wasCompleteAtMount.current) {
-      const store = useAssetPanelStore.getState();
-      if (store.markAutoOpened(assetId)) {
-        store.openAsset(assetId);
-      }
-    }
-  }, [isComplete, isCancelled, assetId]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToolCard,
     {
@@ -52673,18 +52735,6 @@ const CaptureMomentToolUIImpl = ({
   const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
   const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
   const openAsset = useAssetPanelStore((s) => s.openAsset);
-  const wasCompleteAtMount = React.useRef(isComplete);
-  React.useEffect(() => {
-    if (isComplete && !isCancelled && createdAssetId && !wasCompleteAtMount.current) {
-      const store = useAssetPanelStore.getState();
-      if (store.markAutoOpened(createdAssetId)) {
-        store.openAsset(createdAssetId, {
-          name: void 0,
-          type: "unknown"
-        });
-      }
-    }
-  }, [isComplete, isCancelled, createdAssetId, resultType]);
   const handleOpen = () => {
     if (createdAssetId) {
       openAsset(createdAssetId, {
@@ -52744,6 +52794,153 @@ const CaptureMomentToolUI = React.memo(
   CaptureMomentToolUIImpl
 );
 CaptureMomentToolUI.displayName = "CaptureMomentToolUI";
+function normalizeContentResult(result) {
+  if (Array.isArray(result)) {
+    return result;
+  }
+  if (typeof result === "string") {
+    try {
+      const parsed = JSON.parse(result);
+      return normalizeContentResult(parsed);
+    } catch {
+      return [];
+    }
+  }
+  if (result && typeof result === "object") {
+    const obj = result;
+    if (Array.isArray(obj.result)) {
+      return obj.result;
+    }
+    if (typeof obj.result === "string") {
+      return normalizeContentResult(obj.result);
+    }
+    if (Array.isArray(obj.content)) {
+      return obj.content;
+    }
+  }
+  return [];
+}
+function getSlideScreenshotResult(result) {
+  let text2 = null;
+  let imageUrl = null;
+  let mediaType = null;
+  let s3Key = null;
+  for (const item of normalizeContentResult(result)) {
+    if (!item || typeof item !== "object") {
+      continue;
+    }
+    const part = item;
+    if (!text2 && part.type === "text" && typeof part.text === "string") {
+      text2 = part.text;
+      continue;
+    }
+    if (part.type !== "image") {
+      continue;
+    }
+    const source = part.source && typeof part.source === "object" ? part.source : {};
+    if (!imageUrl) {
+      imageUrl = getStringField(source, ["presigned_url", "url"]) ?? getStringField(part, ["url", "image_url"]);
+    }
+    if (!mediaType) {
+      mediaType = getStringField(source, ["media_type", "mime_type"]) ?? getStringField(part, ["media_type", "mime_type"]);
+    }
+    if (!s3Key) {
+      s3Key = getStringField(source, ["data", "s3_key"]);
+    }
+  }
+  return { text: text2, imageUrl, mediaType, s3Key };
+}
+const CaptureSlideScreenshotToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const assetId = getStringField(typedArgs, ["asset_id", "assetId"]);
+  const slideNumber = getNumberField(typedArgs, ["slide_number", "slideNumber"]) ?? void 0;
+  const { text: text2, imageUrl, mediaType } = React.useMemo(
+    () => getSlideScreenshotResult(result),
+    [result]
+  );
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete" || !status;
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? String(status.error ?? status.reason ?? "Capture failed") : null;
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const handleOpenSlide = React.useCallback(() => {
+    if (!assetId) {
+      return;
+    }
+    openAsset(assetId, {
+      type: "presentation",
+      ...slideNumber ? { slideNumber } : {}
+    });
+  }, [assetId, openAsset, slideNumber]);
+  const subtitle = [
+    slideNumber ? `Slide ${slideNumber}` : null,
+    assetId ? truncate(assetId, 34) : null
+  ].filter((value) => Boolean(value)).join(" · ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ToolCard,
+    {
+      icon: Camera,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Capturing slide screenshot..." : errorMsg ? "Slide screenshot failed" : "Slide screenshot captured",
+      subtitle: subtitle || void 0,
+      badge: slideNumber ? `Slide ${slideNumber}` : mediaType ?? void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: [
+        isComplete && !isCancelled && imageUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/40 p-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg border border-border/50 bg-muted/20", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: imageUrl,
+              alt: slideNumber ? `Slide ${slideNumber} screenshot` : "Slide screenshot",
+              className: "aspect-video w-full object-contain",
+              loading: "lazy"
+            }
+          ) }),
+          text2 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-[11px] leading-relaxed text-muted-foreground", children: truncate(text2, 160) })
+        ] }),
+        isComplete && !isCancelled && assetId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2 border-t border-border/40 px-4 py-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleOpenSlide,
+              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" }),
+                slideNumber ? `Open slide ${slideNumber}` : "Open presentation"
+              ]
+            }
+          ),
+          imageUrl && /* @__PURE__ */ jsxRuntime.jsxs(
+            "a",
+            {
+              href: imageUrl,
+              target: "_blank",
+              rel: "noreferrer",
+              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(Image, { className: "size-3" }),
+                "Open image"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+const CaptureSlideScreenshotToolUI = React.memo(
+  CaptureSlideScreenshotToolUIImpl
+);
+CaptureSlideScreenshotToolUI.displayName = "CaptureSlideScreenshotToolUI";
 const TOOL_UI_REGISTRY = {
   search: WebSearchToolUI,
   browse: BrowseToolUI,
@@ -52771,6 +52968,7 @@ const TOOL_UI_REGISTRY = {
   open_asset_in_workspace: OpenAssetToolUI,
   // Media capture
   capture_moment: CaptureMomentToolUI,
+  capture_slide_screenshot: CaptureSlideScreenshotToolUI,
   // Spreadsheet toolkit
   update_sheet_range: UpdateSheetRangeToolUI,
   // Database toolkit
@@ -53880,10 +54078,37 @@ const AthenaUserMessage = ({
   }
 );
 const embedCache = /* @__PURE__ */ new Map();
+function resolveAssetEmbedUrl({
+  embedUrl,
+  appUrl
+}) {
+  if (!appUrl) {
+    return embedUrl;
+  }
+  try {
+    const resolvedEmbedUrl = new URL(embedUrl);
+    const resolvedAppUrl = new URL(appUrl);
+    if (!resolvedEmbedUrl.pathname.startsWith("/embed/")) {
+      return embedUrl;
+    }
+    resolvedEmbedUrl.protocol = resolvedAppUrl.protocol;
+    resolvedEmbedUrl.host = resolvedAppUrl.host;
+    return resolvedEmbedUrl.toString();
+  } catch {
+    return embedUrl;
+  }
+}
 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,
+    appUrl,
+    apiKey,
+    token
+  } = options;
   const [embedUrl, setEmbedUrl] = React.useState(null);
   const [isLoading, setIsLoading] = React.useState(false);
   const [error2, setError] = React.useState(null);
@@ -53900,7 +54125,7 @@ function useAssetEmbed(assetId, options = {
       return;
     }
     const authContext = hasToken ? "token" : apiKey ?? "anon";
-    const cacheKey = `${assetId}:${readOnly}:${authContext}`;
+    const cacheKey = `${assetId}:${readOnly}:${authContext}:${appUrl ?? ""}`;
     const cached2 = embedCache.get(cacheKey);
     if (cached2 && cached2.expiresAt > Date.now() / 1e3) {
       setEmbedUrl(cached2.url);
@@ -53938,8 +54163,12 @@ function useAssetEmbed(assetId, options = {
       }
       return res.json();
     }).then((data) => {
-      embedCache.set(cacheKey, { url: data.embed_url, expiresAt: data.expires_at });
-      setEmbedUrl(data.embed_url);
+      const resolvedEmbedUrl = resolveAssetEmbedUrl({
+        embedUrl: data.embed_url,
+        appUrl
+      });
+      embedCache.set(cacheKey, { url: resolvedEmbedUrl, expiresAt: data.expires_at });
+      setEmbedUrl(resolvedEmbedUrl);
       setIsLoading(false);
     }).catch((err) => {
       if (err.name === "AbortError") return;
@@ -53947,7 +54176,7 @@ function useAssetEmbed(assetId, options = {
       setIsLoading(false);
     });
     return () => controller.abort();
-  }, [assetId, readOnly, expiresInSeconds, backendUrl, apiKey, hasToken]);
+  }, [assetId, readOnly, expiresInSeconds, backendUrl, appUrl, apiKey, hasToken]);
   return { embedUrl, isLoading, error: error2 };
 }
 const ABSOLUTE_URL_PATTERN = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
@@ -53970,6 +54199,21 @@ function buildAssetIframeSrc({
     return `${embedUrl}${separator}slide=${targetSlide}`;
   }
 }
+function buildPresentationNavigationMessage({
+  assetId,
+  assetType,
+  slideNumber
+}) {
+  if (assetType !== "presentation" || typeof slideNumber !== "number" || !Number.isInteger(slideNumber) || slideNumber < 1) {
+    return null;
+  }
+  return {
+    type: "NAVIGATE_TO_SLIDE",
+    assetId,
+    deckId: assetId,
+    slideNumber
+  };
+}
 const ASSET_TYPE_CONFIG = {
   presentation: { icon: Presentation, label: "Presentation" },
   spreadsheet: { icon: FileSpreadsheet, label: "Spreadsheet" },
@@ -53979,9 +54223,11 @@ const ASSET_TYPE_CONFIG = {
 };
 const AssetIframe = React.memo(
   ({ tab }) => {
-    const { backendUrl, apiKey, token } = useAthenaConfig();
+    const iframeRef = React.useRef(null);
+    const { backendUrl, appUrl, apiKey, token } = useAthenaConfig();
     const { embedUrl, isLoading, error: error2 } = useAssetEmbed(tab.id, {
       backendUrl,
+      appUrl,
       apiKey,
       token
     });
@@ -53993,6 +54239,22 @@ const AssetIframe = React.memo(
       }) : null,
       [embedUrl, tab.slideNumber, tab.type]
     );
+    const navigationMessage = React.useMemo(
+      () => buildPresentationNavigationMessage({
+        assetId: tab.id,
+        assetType: tab.type,
+        slideNumber: tab.slideNumber
+      }),
+      [tab.id, tab.slideNumber, tab.type]
+    );
+    const postNavigationMessage = React.useCallback(() => {
+      var _a2, _b;
+      if (!navigationMessage) return;
+      (_b = (_a2 = iframeRef.current) == null ? void 0 : _a2.contentWindow) == null ? void 0 : _b.postMessage(navigationMessage, "*");
+    }, [navigationMessage]);
+    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(LoaderCircle, { className: "mx-auto size-6 animate-spin text-muted-foreground" }),
@@ -54010,16 +54272,19 @@ const AssetIframe = React.memo(
     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"
+        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 = ({