@athenaintel/react 0.10.26 → 0.10.27

package/dist/index.cjs

@@ -14152,14 +14152,20 @@ const useAssetPanelStore = create()(
         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
+            (t) => t.id === assetId ? {
+              ...t,
+              name: meta.name ?? t.name,
+              type: meta.type ?? t.type,
+              slideNumber: meta.slideNumber ?? t.slideNumber
+            } : 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"
+          type: (meta == null ? void 0 : meta.type) ?? "unknown",
+          slideNumber: meta == null ? void 0 : meta.slideNumber
         };
         return { isOpen: true, tabs: [...s.tabs, newTab], activeTabId: assetId };
       }),
@@ -50904,6 +50910,68 @@ function extractAssetId(result) {
 function resetAssetAutoOpen() {
   useAssetPanelStore.getState().resetAutoOpen();
 }
+function getStringField(source, keys2) {
+  if (!source) return null;
+  for (const key of keys2) {
+    const value = source[key];
+    if (typeof value === "string" && value.trim()) {
+      return value;
+    }
+  }
+  return null;
+}
+function getNumberField(source, keys2) {
+  if (!source) return null;
+  for (const key of keys2) {
+    const value = source[key];
+    if (typeof value === "number" && Number.isFinite(value)) {
+      return value;
+    }
+  }
+  return null;
+}
+function getStudioAssetId({
+  args,
+  result
+}) {
+  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"]);
+  if (explicit != null && Number.isInteger(explicit) && explicit >= 1) {
+    return explicit;
+  }
+  const zeroBasedIndex = getNumberField(args, ["index", "slideIndex", "slide_index"]);
+  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);
+  }
+  completedStudioToolEffects.add(key);
+  return true;
+}
+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 CreateAssetToolUIImpl({
   icon: Icon2,
   assetType,
@@ -51013,6 +51081,238 @@ const CreatePresentationToolUI = React.memo(
   CreatePresentationToolUIImpl
 );
 CreatePresentationToolUI.displayName = "CreatePresentationToolUI";
+function StudioPtcToolUI({
+  config: config2,
+  toolName,
+  toolCallId,
+  args,
+  result,
+  status
+}) {
+  var _a2, _b;
+  const typedArgs = args;
+  const data = React.useMemo(() => normalizeResult(result), [result]);
+  const slideNumber = (_a2 = config2.getSlideNumber) == null ? void 0 : _a2.call(config2, typedArgs);
+  const assetId = getStudioAssetId({ args: typedArgs, result: data });
+  const subtitle = (_b = config2.getSubtitle) == null ? void 0 : _b.call(config2, typedArgs, data, slideNumber);
+  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 ?? "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);
+    }
+  }, [assetId, config2.assetType, openAsset, slideNumber]);
+  React.useEffect(() => {
+    if (!config2.autoOpen || !isComplete || isCancelled || !assetId) {
+      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
+    });
+    if (config2.assetType === "presentation") {
+      dispatchPresentationNavigate(assetId, slideNumber);
+    }
+  }, [
+    assetId,
+    config2.assetType,
+    config2.autoOpen,
+    isCancelled,
+    isComplete,
+    slideNumber,
+    toolCallId,
+    toolName
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToolCard,
+    {
+      icon: config2.icon,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? config2.runningLabel(typedArgs) : config2.doneLabel(typedArgs, slideNumber),
+      subtitle,
+      badge: config2.badge,
+      toolName,
+      args: typedArgs,
+      result,
+      error: errorMsg,
+      children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleOpen,
+          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" }),
+            config2.openLabel(slideNumber)
+          ]
+        }
+      ) })
+    }
+  );
+}
+function createStudioPtcToolUI(displayName, config2) {
+  const Component = (props) => /* @__PURE__ */ jsxRuntime.jsx(StudioPtcToolUI, { config: config2, ...props });
+  const Memoized = React.memo(Component);
+  Memoized.displayName = displayName;
+  return Memoized;
+}
+const getNameSubtitle = (args, result) => getStringField(result, ["title", "name", "asset_name"]) ?? getStringField(args, ["title", "name"]) ?? void 0;
+const getParagraphSubtitle = (args) => {
+  const text2 = getStringField(args, ["text"]);
+  return text2 ? truncate(text2, 80) : void 0;
+};
+const getSlideSubtitle = (args, _result, slideNumber) => {
+  const layout = getStringField(args, ["layoutName", "layout_name"]) ?? getStringField(args, ["layoutPath", "layout_path"]);
+  const slideLabel = slideNumber ? `Slide ${slideNumber}` : null;
+  if (slideLabel && layout) return `${slideLabel} - ${truncate(layout, 48)}`;
+  return slideLabel ?? (layout ? truncate(layout, 64) : void 0);
+};
+const StudioCreateWorkbookToolUI = createStudioPtcToolUI(
+  "StudioCreateWorkbookToolUI",
+  {
+    icon: ChartColumn,
+    assetType: "spreadsheet",
+    badge: "Sheet",
+    runningLabel: (args) => {
+      const title = getStringField(args, ["title", "name"]);
+      return title ? `Creating workbook "${title}"...` : "Creating workbook...";
+    },
+    doneLabel: () => "Workbook created",
+    getSubtitle: getNameSubtitle,
+    openLabel: () => "Open workbook",
+    autoOpen: true
+  }
+);
+const StudioAddSheetToolUI = createStudioPtcToolUI(
+  "StudioAddSheetToolUI",
+  {
+    icon: ChartColumn,
+    assetType: "spreadsheet",
+    badge: "Sheet",
+    runningLabel: (args) => {
+      const name = getStringField(args, ["name", "sheetName", "sheet_name"]);
+      return name ? `Adding sheet "${name}"...` : "Adding sheet...";
+    },
+    doneLabel: (args) => {
+      const name = getStringField(args, ["name", "sheetName", "sheet_name"]);
+      return name ? `Sheet added: ${name}` : "Sheet added";
+    },
+    getSubtitle: (args) => getStringField(args, ["name", "sheetName", "sheet_name"]) ?? void 0,
+    openLabel: () => "Open workbook",
+    autoOpen: true
+  }
+);
+const StudioOpenWorkbookToolUI = createStudioPtcToolUI(
+  "StudioOpenWorkbookToolUI",
+  {
+    icon: ChartColumn,
+    assetType: "spreadsheet",
+    badge: "Sheet",
+    runningLabel: () => "Opening workbook...",
+    doneLabel: () => "Workbook opened",
+    openLabel: () => "Open workbook",
+    autoOpen: true
+  }
+);
+const StudioCreatePresentationToolUI = createStudioPtcToolUI(
+  "StudioCreatePresentationToolUI",
+  {
+    icon: Presentation,
+    assetType: "presentation",
+    badge: "Deck",
+    runningLabel: (args) => {
+      const title = getStringField(args, ["title", "name"]);
+      return title ? `Creating presentation "${title}"...` : "Creating presentation...";
+    },
+    doneLabel: () => "Presentation created",
+    getSubtitle: getNameSubtitle,
+    getSlideNumber: () => 1,
+    openLabel: () => "Open presentation",
+    autoOpen: true
+  }
+);
+const StudioOpenPresentationToolUI = createStudioPtcToolUI(
+  "StudioOpenPresentationToolUI",
+  {
+    icon: Presentation,
+    assetType: "presentation",
+    badge: "Deck",
+    runningLabel: () => "Opening presentation...",
+    doneLabel: () => "Presentation opened",
+    getSlideNumber: () => 1,
+    getSubtitle: (_args, _result, slideNumber) => slideNumber ? `Slide ${slideNumber}` : void 0,
+    openLabel: () => "Open presentation",
+    autoOpen: true
+  }
+);
+const StudioAddSlideToolUI = createStudioPtcToolUI(
+  "StudioAddSlideToolUI",
+  {
+    icon: Presentation,
+    assetType: "presentation",
+    badge: "Deck",
+    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
+  }
+);
+const StudioCreateDocumentToolUI = createStudioPtcToolUI(
+  "StudioCreateDocumentToolUI",
+  {
+    icon: FileText,
+    assetType: "document",
+    badge: "Doc",
+    runningLabel: (args) => {
+      const title = getStringField(args, ["title", "name"]);
+      return title ? `Creating document "${title}"...` : "Creating document...";
+    },
+    doneLabel: () => "Document created",
+    getSubtitle: getNameSubtitle,
+    openLabel: () => "Open document",
+    autoOpen: true
+  }
+);
+const StudioCreateParagraphToolUI = createStudioPtcToolUI(
+  "StudioCreateParagraphToolUI",
+  {
+    icon: FileText,
+    assetType: "document",
+    badge: "Doc",
+    runningLabel: () => "Adding paragraph...",
+    doneLabel: () => "Paragraph added",
+    getSubtitle: getParagraphSubtitle,
+    openLabel: () => "Open document",
+    autoOpen: true
+  }
+);
+const StudioOpenDocumentToolUI = createStudioPtcToolUI(
+  "StudioOpenDocumentToolUI",
+  {
+    icon: FileText,
+    assetType: "document",
+    badge: "Doc",
+    runningLabel: () => "Opening document...",
+    doneLabel: () => "Document opened",
+    openLabel: () => "Open document",
+    autoOpen: true
+  }
+);
 const CreateEmailDraftToolUIImpl = ({
   toolName,
   args,
@@ -52456,6 +52756,16 @@ const TOOL_UI_REGISTRY = {
   create_new_sheet: CreateSheetToolUI,
   create_powerpoint_deck: CreatePresentationToolUI,
   create_new_notebook: CreateNotebookToolUI,
+  // Studio SDK nested PTC tools
+  CreateWorkbook: StudioCreateWorkbookToolUI,
+  AddSheet: StudioAddSheetToolUI,
+  OpenWorkbook: StudioOpenWorkbookToolUI,
+  CreatePresentation: StudioCreatePresentationToolUI,
+  OpenPresentation: StudioOpenPresentationToolUI,
+  AddSlide: StudioAddSlideToolUI,
+  CreateDocument: StudioCreateDocumentToolUI,
+  OpenDocument: StudioOpenDocumentToolUI,
+  CreateParagraph: StudioCreateParagraphToolUI,
   execute_presentation_code: ExecutePresentationCodeToolUI,
   run_python_code: RunPythonCodeToolUI,
   open_asset_in_workspace: OpenAssetToolUI,
@@ -53640,6 +53950,26 @@ function useAssetEmbed(assetId, options = {
   }, [assetId, readOnly, expiresInSeconds, backendUrl, apiKey, hasToken]);
   return { embedUrl, isLoading, error: error2 };
 }
+const ABSOLUTE_URL_PATTERN = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
+function buildAssetIframeSrc({
+  embedUrl,
+  assetType,
+  slideNumber
+}) {
+  const targetSlide = slideNumber;
+  if (assetType !== "presentation" || typeof targetSlide !== "number" || !Number.isInteger(targetSlide) || targetSlide < 1) {
+    return embedUrl;
+  }
+  try {
+    const isAbsolute = ABSOLUTE_URL_PATTERN.test(embedUrl);
+    const url = new URL(embedUrl, "https://athena.local");
+    url.searchParams.set("slide", String(targetSlide));
+    return isAbsolute ? url.toString() : `${url.pathname}${url.search}${url.hash}`;
+  } catch {
+    const separator = embedUrl.includes("?") ? "&" : "?";
+    return `${embedUrl}${separator}slide=${targetSlide}`;
+  }
+}
 const ASSET_TYPE_CONFIG = {
   presentation: { icon: Presentation, label: "Presentation" },
   spreadsheet: { icon: FileSpreadsheet, label: "Spreadsheet" },
@@ -53648,13 +53978,21 @@ const ASSET_TYPE_CONFIG = {
   unknown: { icon: File$1, label: "Asset" }
 };
 const AssetIframe = React.memo(
-  ({ tabId, tabName }) => {
+  ({ tab }) => {
     const { backendUrl, apiKey, token } = useAthenaConfig();
-    const { embedUrl, isLoading, error: error2 } = useAssetEmbed(tabId, {
+    const { embedUrl, isLoading, error: error2 } = useAssetEmbed(tab.id, {
       backendUrl,
       apiKey,
       token
     });
+    const iframeSrc = React.useMemo(
+      () => embedUrl ? buildAssetIframeSrc({
+        embedUrl,
+        assetType: tab.type,
+        slideNumber: tab.slideNumber
+      }) : null,
+      [embedUrl, tab.slideNumber, tab.type]
+    );
     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" }),
@@ -53668,16 +54006,16 @@ const AssetIframe = React.memo(
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 line-clamp-2 break-words text-[10px] text-muted-foreground", children: error2 })
       ] }) });
     }
-    if (!embedUrl) return null;
+    if (!iframeSrc) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "iframe",
       {
-        src: embedUrl,
+        src: iframeSrc,
         width: "100%",
         height: "100%",
         frameBorder: "0",
         allow: "fullscreen",
-        title: tabName ?? `Asset ${tabId}`,
+        title: tab.name ?? `Asset ${tab.id}`,
         className: "h-full w-full"
       }
     );
@@ -53739,7 +54077,7 @@ 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, { tab }) })
               ]
             },
             tab.id
@@ -53749,7 +54087,7 @@ 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, { tab })
           },
           tab.id
         );