pxengine 0.1.114 → 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" })
@@ -17200,6 +17318,7 @@ var ResearchReportJobCard = (props) => {
     executive_summary: initialSummary,
     key_findings: _initialFindings,
     html_url: initialHtmlUrl,
+    pdf_url: initialPdfUrl,
     generation_mode: initialGenerationMode,
     template_id: initialTemplateId,
     template_version_id: initialTemplateVersionId,
@@ -17213,6 +17332,8 @@ var ResearchReportJobCard = (props) => {
     shareUrl,
     approveUrl,
     approveOutlineUrl,
+    reorderSectionsUrl,
+    approveSectionUrl,
     regenerateUrl,
     hideApproval = false,
     className,
@@ -17229,6 +17350,7 @@ var ResearchReportJobCard = (props) => {
   const [wordCount, setWordCount] = (0, import_react79.useState)(initialWordCount ?? 0);
   const [summary, setSummary] = (0, import_react79.useState)(initialSummary || "");
   const [htmlUrl, setHtmlUrl] = (0, import_react79.useState)(initialHtmlUrl || "");
+  const [pdfUrl, setPdfUrl] = (0, import_react79.useState)(initialPdfUrl || "");
   const [generationMode, setGenerationMode] = (0, import_react79.useState)(
     initialGenerationMode || (initialHtmlUrl ? "template" : "")
   );
@@ -17249,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);
@@ -17356,6 +17480,7 @@ var ResearchReportJobCard = (props) => {
         setWordCount(output.word_count || 0);
         setSummary(output.executive_summary || "");
         setHtmlUrl(output.html_url || "");
+        setPdfUrl(output.pdf_url || "");
         if (output.generation_mode) setGenerationMode(output.generation_mode);
         if (output.template_id) setTemplateId(output.template_id);
         if (output.template_version_id) setTemplateVersionId(output.template_version_id);
@@ -17383,6 +17508,7 @@ var ResearchReportJobCard = (props) => {
   const applyRegeneratedOutput = (0, import_react79.useCallback)(
     (out) => {
       if (out.html_url) setHtmlUrl(out.html_url);
+      setPdfUrl(out.pdf_url || "");
       if (out.template_id) setTemplateId(out.template_id);
       setReviewStatus("pending_review");
       setTemplateVersionId("");
@@ -17399,6 +17525,7 @@ var ResearchReportJobCard = (props) => {
         word_count: out.word_count ?? wordCount,
         executive_summary: out.executive_summary ?? summary,
         html_url: out.html_url ?? htmlUrl,
+        pdf_url: out.pdf_url ?? pdfUrl,
         generation_mode: "template",
         template_id: out.template_id ?? templateId,
         template_version_id: void 0,
@@ -17406,7 +17533,7 @@ var ResearchReportJobCard = (props) => {
         theme: out.theme ?? theme
       });
     },
-    [title, depth, sectionCount, sourceCount, wordCount, summary, htmlUrl, templateId, theme]
+    [title, depth, sectionCount, sourceCount, wordCount, summary, htmlUrl, pdfUrl, templateId, theme]
   );
   useSharedPoll(
     {
@@ -17450,6 +17577,7 @@ var ResearchReportJobCard = (props) => {
       if (out.word_count !== void 0) setWordCount(out.word_count);
       if (out.executive_summary) setSummary(out.executive_summary);
       if (out.html_url) setHtmlUrl(out.html_url);
+      setPdfUrl(out.pdf_url || "");
       if (out.generation_mode) setGenerationMode(out.generation_mode);
       if (out.template_id) setTemplateId(out.template_id);
       setTemplateVersionId(out.template_version_id || "");
@@ -17500,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`;
@@ -17659,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",
@@ -17735,6 +17973,26 @@ var ResearchReportJobCard = (props) => {
       window.open(htmlUrl, "_blank", "noopener,noreferrer");
     }
   };
+  const handleDownloadPdf = async () => {
+    if (!pdfUrl) return;
+    const filename = `${(title ?? "").replace(/[^a-z0-9]/gi, "-").toLowerCase()}.pdf`;
+    const href = `/api/download?url=${encodeURIComponent(pdfUrl)}&filename=${encodeURIComponent(filename)}`;
+    try {
+      const response = await fetch(href);
+      if (!response.ok) throw new Error(`status ${response.status}`);
+      const blob = await response.blob();
+      const objectUrl = window.URL.createObjectURL(blob);
+      const anchor = document.createElement("a");
+      anchor.href = objectUrl;
+      anchor.download = filename;
+      document.body.appendChild(anchor);
+      anchor.click();
+      anchor.remove();
+      window.URL.revokeObjectURL(objectUrl);
+    } catch {
+      window.open(pdfUrl, "_blank", "noopener,noreferrer");
+    }
+  };
   const resolveShareLink = () => {
     if (shareUrl) return shareUrl;
     if (typeof window !== "undefined" && job_id) {
@@ -17787,6 +18045,7 @@ var ResearchReportJobCard = (props) => {
           word_count: wordCount,
           executive_summary: summary,
           html_url: htmlUrl,
+          pdf_url: pdfUrl,
           generation_mode: generationMode,
           template_id: data.template_id || templateId,
           template_version_id: data.template_version_id || templateVersionId,
@@ -17924,6 +18183,18 @@ var ResearchReportJobCard = (props) => {
                 ]
               }
             ),
+            pdfUrl && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
+              "button",
+              {
+                onClick: handleDownloadPdf,
+                title: "Download PDF",
+                className: "flex items-center gap-1.5 px-2.5 h-7 rounded-lg border border-zinc-700 bg-zinc-800 hover:border-zinc-500 text-zinc-400 hover:text-zinc-200 text-xs font-medium transition-colors",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(DownloadIcon2, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { children: "PDF" })
+                ]
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
               "button",
               {