pxengine 0.1.116 → 0.1.117

package/dist/index.cjs

@@ -16362,6 +16362,8 @@ var PresentationJobCard = ({
   approveOutlineUrl,
   reorderSlidesUrl,
   approveSlideUrl,
+  setSlideTemplateUrl,
+  templatesUrl,
   regenerateUrl,
   hideApproval = false,
   className,
@@ -16384,6 +16386,7 @@ var PresentationJobCard = ({
   const [, setTemplateVersionId] = (0, import_react78.useState)(initialTemplateVersionId || "");
   const [reviewStatus, setReviewStatus] = (0, import_react78.useState)(initialReviewStatus || "");
   const [outline, setOutline] = (0, import_react78.useState)(initialOutline);
+  const [slideTemplateOptions, setSlideTemplateOptions] = (0, import_react78.useState)(null);
   const [showExport, setShowExport] = (0, import_react78.useState)(false);
   const [showFullscreen, setShowFullscreen] = (0, import_react78.useState)(false);
   const [copied, setCopied] = (0, import_react78.useState)(false);
@@ -16438,6 +16441,33 @@ var PresentationJobCard = ({
   (0, import_react78.useEffect)(() => {
     if (initialOutline) setOutline(initialOutline);
   }, [initialOutlineSlideCount]);
+  (0, import_react78.useEffect)(() => {
+    if (reviewStatus !== "pending_outline_approval" || slideTemplateOptions !== null) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const endpoint = templatesUrl || "/api/presentations/templates";
+        const headers = {};
+        if (authToken) headers.Authorization = `Bearer ${authToken}`;
+        const res = await fetch(endpoint, { headers });
+        if (!res.ok) throw new Error(`Templates fetch failed (${res.status})`);
+        const list = await res.json();
+        if (!cancelled && Array.isArray(list)) {
+          setSlideTemplateOptions(
+            list.map((t2) => ({
+              id: t2.template_id || t2.id || "",
+              name: t2.name || t2.template_id || t2.id || ""
+            }))
+          );
+        }
+      } catch {
+        if (!cancelled) setSlideTemplateOptions([]);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [reviewStatus, slideTemplateOptions, templatesUrl, authToken]);
   const updateScale = (0, import_react78.useCallback)(() => {
     if (previewRef.current) setPreviewScale(previewRef.current.offsetWidth / 1280);
   }, []);
@@ -16697,6 +16727,41 @@ var PresentationJobCard = ({
       setRowBusyIndex(null);
     }
   };
+  const setSlideTemplate = async (index, templateId2) => {
+    if (!outline || !Array.isArray(outline.slides) || rowBusyIndex !== null) return;
+    const slides = outline.slides;
+    const previousOutline = outline;
+    const updated = slides.map((s, i) => {
+      if (i !== index) return s;
+      if (!templateId2) {
+        const { template_id: _drop, ...rest } = s;
+        return rest;
+      }
+      return { ...s, template_id: templateId2 };
+    });
+    setOutline({ ...outline, slides: updated });
+    setRowBusyIndex(index);
+    setRowError(null);
+    try {
+      const endpoint = setSlideTemplateUrl || `/api/presentations/${_job_id}/outline/set-slide-template`;
+      const headers = { "Content-Type": "application/json" };
+      if (authToken) headers.Authorization = `Bearer ${authToken}`;
+      const res = await fetch(endpoint, {
+        method: "POST",
+        headers,
+        body: JSON.stringify({ slide_index: index, template_id: templateId2 || null })
+      });
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({}));
+        throw new Error(err.detail || err.error || `Template update failed (${res.status})`);
+      }
+    } catch (e) {
+      setOutline(previousOutline);
+      setRowError(e instanceof Error ? e.message : "Could not update slide's template");
+    } finally {
+      setRowBusyIndex(null);
+    }
+  };
   const handleApproveOutline = async () => {
     if (!_job_id || approvingOutline) return;
     const endpoint = approveOutlineUrl || `/api/presentations/${_job_id}/approve-outline`;
@@ -16949,6 +17014,20 @@ var PresentationJobCard = ({
                   ]
                 }
               ),
+              slideTemplateOptions && slideTemplateOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
+                "select",
+                {
+                  value: s.template_id || "",
+                  onChange: (e) => setSlideTemplate(i, e.target.value),
+                  disabled: rowBusy,
+                  title: "Design template for this slide only (default: deck's template)",
+                  className: "w-24 flex-shrink-0 bg-zinc-800/60 border border-zinc-700 rounded-lg px-1.5 h-8 text-[10px] text-zinc-300 focus:border-indigo-500 outline-none disabled:opacity-60",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("option", { value: "", children: "Deck default" }),
+                    slideTemplateOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("option", { value: opt.id, children: opt.name }, opt.id))
+                  ]
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
                 "input",
                 {