pxengine 0.1.115 → 0.1.116

package/dist/index.cjs

@@ -16133,6 +16133,8 @@ var SlideTypeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("svg",
   /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2" }),
   /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
 ] });
+var ChevronUpIcon = () => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("polyline", { points: "18 15 12 9 6 15" }) });
+var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("polyline", { points: "6 9 12 15 18 9" }) });
 function formatTemplateLabel(templateId) {
   if (!templateId) return null;
   return templateId.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
@@ -16358,6 +16360,8 @@ var PresentationJobCard = ({
   shareUrl,
   approveUrl,
   approveOutlineUrl,
+  reorderSlidesUrl,
+  approveSlideUrl,
   regenerateUrl,
   hideApproval = false,
   className,
@@ -16389,6 +16393,8 @@ var PresentationJobCard = ({
   const [messageEdits, setMessageEdits] = (0, import_react78.useState)({});
   const [approvingOutline, setApprovingOutline] = (0, import_react78.useState)(false);
   const [outlineWritePollUrl, setOutlineWritePollUrl] = (0, import_react78.useState)(null);
+  const [rowBusyIndex, setRowBusyIndex] = (0, import_react78.useState)(null);
+  const [rowError, setRowError] = (0, import_react78.useState)(null);
   const [regenPollUrl, setRegenPollUrl] = (0, import_react78.useState)(null);
   const [currentSlide, setCurrentSlide] = (0, import_react78.useState)(1);
   const [previewScale, setPreviewScale] = (0, import_react78.useState)(1);
@@ -16621,6 +16627,76 @@ var PresentationJobCard = ({
     });
     return changed ? { ...outline, slides } : void 0;
   };
+  const moveOutlineSlide = async (index, delta) => {
+    if (!outline || !Array.isArray(outline.slides) || rowBusyIndex !== null) return;
+    const slides = outline.slides;
+    const target = index + delta;
+    if (target < 0 || target >= slides.length) return;
+    const order = slides.map((_, i) => i);
+    [order[index], order[target]] = [order[target], order[index]];
+    const reordered = order.map((i, newIndex) => ({ ...slides[i], n: newIndex + 1 }));
+    const previousOutline = outline;
+    const previousEdits = messageEdits;
+    setOutline({ ...outline, slides: reordered });
+    setMessageEdits((prev) => {
+      const remapped = {};
+      order.forEach((originalIndex, newIndex) => {
+        if (prev[originalIndex] !== void 0) remapped[newIndex] = prev[originalIndex];
+      });
+      return remapped;
+    });
+    setRowBusyIndex(index);
+    setRowError(null);
+    try {
+      const endpoint = reorderSlidesUrl || `/api/presentations/${_job_id}/outline/reorder-slides`;
+      const headers = { "Content-Type": "application/json" };
+      if (authToken) headers.Authorization = `Bearer ${authToken}`;
+      const res = await fetch(endpoint, {
+        method: "POST",
+        headers,
+        body: JSON.stringify({ order })
+      });
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({}));
+        throw new Error(err.detail || err.error || `Reorder failed (${res.status})`);
+      }
+    } catch (e) {
+      setOutline(previousOutline);
+      setMessageEdits(previousEdits);
+      setRowError(e instanceof Error ? e.message : "Could not reorder slides");
+    } finally {
+      setRowBusyIndex(null);
+    }
+  };
+  const toggleSlideApproved = async (index) => {
+    if (!outline || !Array.isArray(outline.slides) || rowBusyIndex !== null) return;
+    const slides = outline.slides;
+    const nextApproved = !slides[index]?.approved;
+    const previousOutline = outline;
+    const updated = slides.map((s, i) => i === index ? { ...s, approved: nextApproved } : s);
+    setOutline({ ...outline, slides: updated });
+    setRowBusyIndex(index);
+    setRowError(null);
+    try {
+      const endpoint = approveSlideUrl || `/api/presentations/${_job_id}/outline/approve-slide`;
+      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, approved: nextApproved })
+      });
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({}));
+        throw new Error(err.detail || err.error || `Approve failed (${res.status})`);
+      }
+    } catch (e) {
+      setOutline(previousOutline);
+      setRowError(e instanceof Error ? e.message : "Could not update slide");
+    } finally {
+      setRowBusyIndex(null);
+    }
+  };
   const handleApproveOutline = async () => {
     if (!_job_id || approvingOutline) return;
     const endpoint = approveOutlineUrl || `/api/presentations/${_job_id}/approve-outline`;
@@ -16858,31 +16934,71 @@ var PresentationJobCard = ({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "mt-4 space-y-2", children: [
-          slides.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs text-zinc-600 w-5 text-right tabular-nums flex-shrink-0", children: s.n ?? i + 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
-              "span",
-              {
-                className: "flex items-center gap-1 text-[10px] uppercase tracking-wide text-zinc-500 w-20 flex-shrink-0 truncate",
-                title: s.type,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SlideTypeIcon, {}),
-                  s.type || "slide"
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
-              "input",
-              {
-                value: messageEdits[i] ?? s.message ?? "",
-                onChange: (e) => setMessageEdits((prev) => ({ ...prev, [i]: e.target.value })),
-                disabled: building,
-                className: "flex-1 min-w-0 bg-zinc-800/60 border border-zinc-700 rounded-lg px-3 h-8 text-xs text-zinc-200 focus:border-indigo-500 outline-none disabled:opacity-60"
-              }
-            )
-          ] }, i)),
+          slides.map((s, i) => {
+            const rowBusy = building || rowBusyIndex === i;
+            return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs text-zinc-600 w-5 text-right tabular-nums flex-shrink-0", children: s.n ?? i + 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
+                "span",
+                {
+                  className: "flex items-center gap-1 text-[10px] uppercase tracking-wide text-zinc-500 w-20 flex-shrink-0 truncate",
+                  title: s.type,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SlideTypeIcon, {}),
+                    s.type || "slide"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+                "input",
+                {
+                  value: messageEdits[i] ?? s.message ?? "",
+                  onChange: (e) => setMessageEdits((prev) => ({ ...prev, [i]: e.target.value })),
+                  disabled: building,
+                  className: "flex-1 min-w-0 bg-zinc-800/60 border border-zinc-700 rounded-lg px-3 h-8 text-xs text-zinc-200 focus:border-indigo-500 outline-none disabled:opacity-60"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => moveOutlineSlide(i, -1),
+                  disabled: rowBusy || i === 0,
+                  title: "Move up",
+                  className: "w-7 h-7 flex items-center justify-center rounded-md border border-zinc-700 text-zinc-400 hover:text-zinc-100 hover:border-zinc-500 disabled:opacity-30 disabled:hover:text-zinc-400 disabled:hover:border-zinc-700 flex-shrink-0",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ChevronUpIcon, {})
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => moveOutlineSlide(i, 1),
+                  disabled: rowBusy || i === slides.length - 1,
+                  title: "Move down",
+                  className: "w-7 h-7 flex items-center justify-center rounded-md border border-zinc-700 text-zinc-400 hover:text-zinc-100 hover:border-zinc-500 disabled:opacity-30 disabled:hover:text-zinc-400 disabled:hover:border-zinc-700 flex-shrink-0",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ChevronDownIcon, {})
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => toggleSlideApproved(i),
+                  disabled: rowBusy,
+                  title: s.approved ? "Marked reviewed" : "Mark as reviewed",
+                  className: cn(
+                    "w-7 h-7 flex items-center justify-center rounded-md border flex-shrink-0 disabled:opacity-40",
+                    s.approved ? "border-emerald-600/50 bg-emerald-950/40 text-emerald-300" : "border-zinc-700 text-zinc-500 hover:text-zinc-300 hover:border-zinc-500"
+                  ),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(CheckIcon, {})
+                }
+              )
+            ] }, i);
+          }),
           slides.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-xs text-zinc-500", children: "No outline slides were returned; you can still build the deck." })
         ] }),
+        rowError && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "mt-2 text-xs text-red-400/90", children: rowError }),
         approveError && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "mt-3 text-xs text-red-400/90", children: approveError }),
         /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
           "button",
@@ -17132,6 +17248,8 @@ var ShareIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("svg", {
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
 ] });
 var CheckIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("polyline", { points: "20 6 9 17 4 12" }) });
+var ChevronUpIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("polyline", { points: "18 15 12 9 6 15" }) });
+var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("polyline", { points: "6 9 12 15 18 9" }) });
 var RefreshIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("polyline", { points: "23 4 23 10 17 10" }),
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
@@ -17214,6 +17332,8 @@ var ResearchReportJobCard = (props) => {
     shareUrl,
     approveUrl,
     approveOutlineUrl,
+    reorderSectionsUrl,
+    approveSectionUrl,
     regenerateUrl,
     hideApproval = false,
     className,
@@ -17251,6 +17371,8 @@ var ResearchReportJobCard = (props) => {
   const [approveError, setApproveError] = (0, import_react79.useState)(null);
   const [headingEdits, setHeadingEdits] = (0, import_react79.useState)({});
   const [approvingOutline, setApprovingOutline] = (0, import_react79.useState)(false);
+  const [rowBusyIndex, setRowBusyIndex] = (0, import_react79.useState)(null);
+  const [rowError, setRowError] = (0, import_react79.useState)(null);
   const [outlineWritePollUrl, setOutlineWritePollUrl] = (0, import_react79.useState)(null);
   const [regenPollUrl, setRegenPollUrl] = (0, import_react79.useState)(null);
   const previewRef = (0, import_react79.useRef)(null);
@@ -17506,6 +17628,76 @@ var ResearchReportJobCard = (props) => {
     });
     return changed ? { ...outline, sections } : void 0;
   };
+  const moveOutlineSection = async (index, delta) => {
+    if (!outline || !Array.isArray(outline.sections) || rowBusyIndex !== null) return;
+    const sections = outline.sections;
+    const target = index + delta;
+    if (target < 0 || target >= sections.length) return;
+    const order = sections.map((_, i) => i);
+    [order[index], order[target]] = [order[target], order[index]];
+    const reordered = order.map((i) => sections[i]);
+    const previousOutline = outline;
+    const previousEdits = headingEdits;
+    setOutline({ ...outline, sections: reordered });
+    setHeadingEdits((prev) => {
+      const remapped = {};
+      order.forEach((originalIndex, newIndex) => {
+        if (prev[originalIndex] !== void 0) remapped[newIndex] = prev[originalIndex];
+      });
+      return remapped;
+    });
+    setRowBusyIndex(index);
+    setRowError(null);
+    try {
+      const endpoint = reorderSectionsUrl || `/api/reports/${job_id}/outline/reorder-sections`;
+      const headers = { "Content-Type": "application/json" };
+      if (authToken) headers.Authorization = `Bearer ${authToken}`;
+      const res = await fetch(endpoint, {
+        method: "POST",
+        headers,
+        body: JSON.stringify({ order })
+      });
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({}));
+        throw new Error(err.detail || err.error || `Reorder failed (${res.status})`);
+      }
+    } catch (e) {
+      setOutline(previousOutline);
+      setHeadingEdits(previousEdits);
+      setRowError(e instanceof Error ? e.message : "Could not reorder sections");
+    } finally {
+      setRowBusyIndex(null);
+    }
+  };
+  const toggleSectionApproved = async (index) => {
+    if (!outline || !Array.isArray(outline.sections) || rowBusyIndex !== null) return;
+    const sections = outline.sections;
+    const nextApproved = !sections[index]?.approved;
+    const previousOutline = outline;
+    const updated = sections.map((s, i) => i === index ? { ...s, approved: nextApproved } : s);
+    setOutline({ ...outline, sections: updated });
+    setRowBusyIndex(index);
+    setRowError(null);
+    try {
+      const endpoint = approveSectionUrl || `/api/reports/${job_id}/outline/approve-section`;
+      const headers = { "Content-Type": "application/json" };
+      if (authToken) headers.Authorization = `Bearer ${authToken}`;
+      const res = await fetch(endpoint, {
+        method: "POST",
+        headers,
+        body: JSON.stringify({ section_index: index, approved: nextApproved })
+      });
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({}));
+        throw new Error(err.detail || err.error || `Approve failed (${res.status})`);
+      }
+    } catch (e) {
+      setOutline(previousOutline);
+      setRowError(e instanceof Error ? e.message : "Could not update section");
+    } finally {
+      setRowBusyIndex(null);
+    }
+  };
   const handleApproveOutline = async () => {
     if (!job_id || approvingOutline) return;
     const endpoint = approveOutlineUrl || `/api/reports/${job_id}/approve-outline`;
@@ -17665,20 +17857,60 @@ var ResearchReportJobCard = (props) => {
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "mt-4 space-y-2", children: [
-          sections.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-xs text-zinc-600 w-5 text-right tabular-nums flex-shrink-0", children: i + 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
-              "input",
-              {
-                value: headingEdits[i] ?? s.heading ?? "",
-                onChange: (e) => setHeadingEdits((prev) => ({ ...prev, [i]: e.target.value })),
-                disabled: building,
-                className: "flex-1 min-w-0 bg-zinc-800/60 border border-zinc-700 rounded-lg px-3 h-8 text-xs text-zinc-200 focus:border-violet-500 outline-none disabled:opacity-60"
-              }
-            )
-          ] }, i)),
+          sections.map((s, i) => {
+            const rowBusy = building || rowBusyIndex === i;
+            return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-xs text-zinc-600 w-5 text-right tabular-nums flex-shrink-0", children: i + 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+                "input",
+                {
+                  value: headingEdits[i] ?? s.heading ?? "",
+                  onChange: (e) => setHeadingEdits((prev) => ({ ...prev, [i]: e.target.value })),
+                  disabled: building,
+                  className: "flex-1 min-w-0 bg-zinc-800/60 border border-zinc-700 rounded-lg px-3 h-8 text-xs text-zinc-200 focus:border-violet-500 outline-none disabled:opacity-60"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => moveOutlineSection(i, -1),
+                  disabled: rowBusy || i === 0,
+                  title: "Move up",
+                  className: "w-7 h-7 flex items-center justify-center rounded-md border border-zinc-700 text-zinc-400 hover:text-zinc-100 hover:border-zinc-500 disabled:opacity-30 disabled:hover:text-zinc-400 disabled:hover:border-zinc-700 flex-shrink-0",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ChevronUpIcon2, {})
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => moveOutlineSection(i, 1),
+                  disabled: rowBusy || i === sections.length - 1,
+                  title: "Move down",
+                  className: "w-7 h-7 flex items-center justify-center rounded-md border border-zinc-700 text-zinc-400 hover:text-zinc-100 hover:border-zinc-500 disabled:opacity-30 disabled:hover:text-zinc-400 disabled:hover:border-zinc-700 flex-shrink-0",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ChevronDownIcon2, {})
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => toggleSectionApproved(i),
+                  disabled: rowBusy,
+                  title: s.approved ? "Marked reviewed" : "Mark as reviewed",
+                  className: cn(
+                    "w-7 h-7 flex items-center justify-center rounded-md border flex-shrink-0 disabled:opacity-40",
+                    s.approved ? "border-emerald-600/50 bg-emerald-950/40 text-emerald-300" : "border-zinc-700 text-zinc-500 hover:text-zinc-300 hover:border-zinc-500"
+                  ),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CheckIcon2, {})
+                }
+              )
+            ] }, i);
+          }),
           sections.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-xs text-zinc-500", children: "No outline sections were returned; you can still build the report." })
         ] }),
+        rowError && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "mt-2 text-xs text-red-400/90", children: rowError }),
         approveError && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "mt-3 text-xs text-red-400/90", children: approveError }),
         /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
           "button",