pxengine 0.1.115 → 0.1.117

package/dist/index.d.cts

@@ -3556,6 +3556,10 @@ interface DeckOutlineSlide {
     n?: number;
     type?: string;
     message?: string;
+    /** Informational review flag (DEV-194) — never gates Approve & Build. */
+    approved?: boolean;
+    /** Per-slide design template override (DEV-194) — unset means "inherit the deck's template". */
+    template_id?: string;
     [key: string]: unknown;
 }
 /** The planned deck outline (deck_plan) shown for approval before rendering. */
@@ -3633,6 +3637,30 @@ interface PresentationJobCardProps {
      * `/api/presentations/{job_id}/approve-outline`. Proceeds to render the deck.
      */
     approveOutlineUrl?: string;
+    /**
+     * Reorder-slides endpoint (POST), DEV-194. Defaults to
+     * `/api/presentations/{job_id}/outline/reorder-slides`. Called from the
+     * outline-review phase's move-up/move-down controls.
+     */
+    reorderSlidesUrl?: string;
+    /**
+     * Approve-slide endpoint (POST), DEV-194. Defaults to
+     * `/api/presentations/{job_id}/outline/approve-slide`. Informational only —
+     * never gates the whole-outline Approve & Build action.
+     */
+    approveSlideUrl?: string;
+    /**
+     * Set-slide-template endpoint (POST), DEV-194 "slide-level design
+     * templates". Defaults to `/api/presentations/{job_id}/outline/set-slide-template`.
+     * Gives one outline slide its own design template, overriding the deck's
+     * overall template for just that slide.
+     */
+    setSlideTemplateUrl?: string;
+    /**
+     * Templates list endpoint (GET), used to populate the per-slide template
+     * override <select>. Defaults to `/api/presentations/templates`.
+     */
+    templatesUrl?: string;
     /** Regenerate endpoint (POST). Defaults to `/api/presentations/{job_id}/regenerate`. */
     regenerateUrl?: string;
     /**
@@ -3671,6 +3699,8 @@ interface ReportOutlineSection {
     heading?: string;
     body?: string;
     takeaway?: string;
+    /** Informational review flag (DEV-194) — never gates Approve & Build. */
+    approved?: boolean;
     [key: string]: unknown;
 }
 /** The planned report outline (report_data) shown for approval. */
@@ -3765,6 +3795,18 @@ interface ResearchReportJobCardProps {
      * phase to proceed to rendering the full report.
      */
     approveOutlineUrl?: string;
+    /**
+     * Reorder-sections endpoint (POST), DEV-194. Defaults to
+     * `/api/reports/{job_id}/outline/reorder-sections`. Called from the
+     * outline-review phase's move-up/move-down controls.
+     */
+    reorderSectionsUrl?: string;
+    /**
+     * Approve-section endpoint (POST), DEV-194. Defaults to
+     * `/api/reports/{job_id}/outline/approve-section`. Informational only —
+     * never gates the whole-outline Approve & Build action.
+     */
+    approveSectionUrl?: string;
     /** Regenerate endpoint (POST). Defaults to `/api/reports/{job_id}/regenerate`. */
     regenerateUrl?: string;
     /**

package/dist/index.d.ts

@@ -3556,6 +3556,10 @@ interface DeckOutlineSlide {
     n?: number;
     type?: string;
     message?: string;
+    /** Informational review flag (DEV-194) — never gates Approve & Build. */
+    approved?: boolean;
+    /** Per-slide design template override (DEV-194) — unset means "inherit the deck's template". */
+    template_id?: string;
     [key: string]: unknown;
 }
 /** The planned deck outline (deck_plan) shown for approval before rendering. */
@@ -3633,6 +3637,30 @@ interface PresentationJobCardProps {
      * `/api/presentations/{job_id}/approve-outline`. Proceeds to render the deck.
      */
     approveOutlineUrl?: string;
+    /**
+     * Reorder-slides endpoint (POST), DEV-194. Defaults to
+     * `/api/presentations/{job_id}/outline/reorder-slides`. Called from the
+     * outline-review phase's move-up/move-down controls.
+     */
+    reorderSlidesUrl?: string;
+    /**
+     * Approve-slide endpoint (POST), DEV-194. Defaults to
+     * `/api/presentations/{job_id}/outline/approve-slide`. Informational only —
+     * never gates the whole-outline Approve & Build action.
+     */
+    approveSlideUrl?: string;
+    /**
+     * Set-slide-template endpoint (POST), DEV-194 "slide-level design
+     * templates". Defaults to `/api/presentations/{job_id}/outline/set-slide-template`.
+     * Gives one outline slide its own design template, overriding the deck's
+     * overall template for just that slide.
+     */
+    setSlideTemplateUrl?: string;
+    /**
+     * Templates list endpoint (GET), used to populate the per-slide template
+     * override <select>. Defaults to `/api/presentations/templates`.
+     */
+    templatesUrl?: string;
     /** Regenerate endpoint (POST). Defaults to `/api/presentations/{job_id}/regenerate`. */
     regenerateUrl?: string;
     /**
@@ -3671,6 +3699,8 @@ interface ReportOutlineSection {
     heading?: string;
     body?: string;
     takeaway?: string;
+    /** Informational review flag (DEV-194) — never gates Approve & Build. */
+    approved?: boolean;
     [key: string]: unknown;
 }
 /** The planned report outline (report_data) shown for approval. */
@@ -3765,6 +3795,18 @@ interface ResearchReportJobCardProps {
      * phase to proceed to rendering the full report.
      */
     approveOutlineUrl?: string;
+    /**
+     * Reorder-sections endpoint (POST), DEV-194. Defaults to
+     * `/api/reports/{job_id}/outline/reorder-sections`. Called from the
+     * outline-review phase's move-up/move-down controls.
+     */
+    reorderSectionsUrl?: string;
+    /**
+     * Approve-section endpoint (POST), DEV-194. Defaults to
+     * `/api/reports/{job_id}/outline/approve-section`. Informational only —
+     * never gates the whole-outline Approve & Build action.
+     */
+    approveSectionUrl?: string;
     /** Regenerate endpoint (POST). Defaults to `/api/reports/{job_id}/regenerate`. */
     regenerateUrl?: string;
     /**

package/dist/index.mjs

@@ -15801,6 +15801,8 @@ var SlideTypeIcon = () => /* @__PURE__ */ jsxs108("svg", { width: "14", height:
   /* @__PURE__ */ jsx147("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2" }),
   /* @__PURE__ */ jsx147("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
 ] });
+var ChevronUpIcon = () => /* @__PURE__ */ jsx147("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx147("polyline", { points: "18 15 12 9 6 15" }) });
+var ChevronDownIcon = () => /* @__PURE__ */ jsx147("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx147("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(" ");
@@ -16026,6 +16028,10 @@ var PresentationJobCard = ({
   shareUrl,
   approveUrl,
   approveOutlineUrl,
+  reorderSlidesUrl,
+  approveSlideUrl,
+  setSlideTemplateUrl,
+  templatesUrl,
   regenerateUrl,
   hideApproval = false,
   className,
@@ -16048,6 +16054,7 @@ var PresentationJobCard = ({
   const [, setTemplateVersionId] = useState10(initialTemplateVersionId || "");
   const [reviewStatus, setReviewStatus] = useState10(initialReviewStatus || "");
   const [outline, setOutline] = useState10(initialOutline);
+  const [slideTemplateOptions, setSlideTemplateOptions] = useState10(null);
   const [showExport, setShowExport] = useState10(false);
   const [showFullscreen, setShowFullscreen] = useState10(false);
   const [copied, setCopied] = useState10(false);
@@ -16057,6 +16064,8 @@ var PresentationJobCard = ({
   const [messageEdits, setMessageEdits] = useState10({});
   const [approvingOutline, setApprovingOutline] = useState10(false);
   const [outlineWritePollUrl, setOutlineWritePollUrl] = useState10(null);
+  const [rowBusyIndex, setRowBusyIndex] = useState10(null);
+  const [rowError, setRowError] = useState10(null);
   const [regenPollUrl, setRegenPollUrl] = useState10(null);
   const [currentSlide, setCurrentSlide] = useState10(1);
   const [previewScale, setPreviewScale] = useState10(1);
@@ -16100,6 +16109,33 @@ var PresentationJobCard = ({
   useEffect7(() => {
     if (initialOutline) setOutline(initialOutline);
   }, [initialOutlineSlideCount]);
+  useEffect7(() => {
+    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 = useCallback4(() => {
     if (previewRef.current) setPreviewScale(previewRef.current.offsetWidth / 1280);
   }, []);
@@ -16289,6 +16325,111 @@ 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 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`;
@@ -16526,31 +16667,85 @@ var PresentationJobCard = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs108("div", { className: "mt-4 space-y-2", children: [
-          slides.map((s, i) => /* @__PURE__ */ jsxs108("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx147("span", { className: "text-xs text-zinc-600 w-5 text-right tabular-nums flex-shrink-0", children: s.n ?? i + 1 }),
-            /* @__PURE__ */ jsxs108(
-              "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__ */ jsx147(SlideTypeIcon, {}),
-                  s.type || "slide"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx147(
-              "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__ */ jsxs108("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx147("span", { className: "text-xs text-zinc-600 w-5 text-right tabular-nums flex-shrink-0", children: s.n ?? i + 1 }),
+              /* @__PURE__ */ jsxs108(
+                "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__ */ jsx147(SlideTypeIcon, {}),
+                    s.type || "slide"
+                  ]
+                }
+              ),
+              slideTemplateOptions && slideTemplateOptions.length > 0 && /* @__PURE__ */ jsxs108(
+                "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__ */ jsx147("option", { value: "", children: "Deck default" }),
+                    slideTemplateOptions.map((opt) => /* @__PURE__ */ jsx147("option", { value: opt.id, children: opt.name }, opt.id))
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx147(
+                "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__ */ jsx147(
+                "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__ */ jsx147(ChevronUpIcon, {})
+                }
+              ),
+              /* @__PURE__ */ jsx147(
+                "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__ */ jsx147(ChevronDownIcon, {})
+                }
+              ),
+              /* @__PURE__ */ jsx147(
+                "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__ */ jsx147(CheckIcon, {})
+                }
+              )
+            ] }, i);
+          }),
           slides.length === 0 && /* @__PURE__ */ jsx147("p", { className: "text-xs text-zinc-500", children: "No outline slides were returned; you can still build the deck." })
         ] }),
+        rowError && /* @__PURE__ */ jsx147("p", { className: "mt-2 text-xs text-red-400/90", children: rowError }),
         approveError && /* @__PURE__ */ jsx147("p", { className: "mt-3 text-xs text-red-400/90", children: approveError }),
         /* @__PURE__ */ jsx147("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs108(
           "button",
@@ -16800,6 +16995,8 @@ var ShareIcon2 = () => /* @__PURE__ */ jsxs109("svg", { width: "14", height: "14
   /* @__PURE__ */ jsx148("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__ */ jsx148("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx148("polyline", { points: "20 6 9 17 4 12" }) });
+var ChevronUpIcon2 = () => /* @__PURE__ */ jsx148("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx148("polyline", { points: "18 15 12 9 6 15" }) });
+var ChevronDownIcon2 = () => /* @__PURE__ */ jsx148("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx148("polyline", { points: "6 9 12 15 18 9" }) });
 var RefreshIcon2 = () => /* @__PURE__ */ jsxs109("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx148("polyline", { points: "23 4 23 10 17 10" }),
   /* @__PURE__ */ jsx148("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
@@ -16882,6 +17079,8 @@ var ResearchReportJobCard = (props) => {
     shareUrl,
     approveUrl,
     approveOutlineUrl,
+    reorderSectionsUrl,
+    approveSectionUrl,
     regenerateUrl,
     hideApproval = false,
     className,
@@ -16919,6 +17118,8 @@ var ResearchReportJobCard = (props) => {
   const [approveError, setApproveError] = useState11(null);
   const [headingEdits, setHeadingEdits] = useState11({});
   const [approvingOutline, setApprovingOutline] = useState11(false);
+  const [rowBusyIndex, setRowBusyIndex] = useState11(null);
+  const [rowError, setRowError] = useState11(null);
   const [outlineWritePollUrl, setOutlineWritePollUrl] = useState11(null);
   const [regenPollUrl, setRegenPollUrl] = useState11(null);
   const previewRef = useRef7(null);
@@ -17174,6 +17375,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`;
@@ -17333,20 +17604,60 @@ var ResearchReportJobCard = (props) => {
           ] })
         ] }),
         /* @__PURE__ */ jsxs109("div", { className: "mt-4 space-y-2", children: [
-          sections.map((s, i) => /* @__PURE__ */ jsxs109("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx148("span", { className: "text-xs text-zinc-600 w-5 text-right tabular-nums flex-shrink-0", children: i + 1 }),
-            /* @__PURE__ */ jsx148(
-              "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__ */ jsxs109("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx148("span", { className: "text-xs text-zinc-600 w-5 text-right tabular-nums flex-shrink-0", children: i + 1 }),
+              /* @__PURE__ */ jsx148(
+                "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__ */ jsx148(
+                "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__ */ jsx148(ChevronUpIcon2, {})
+                }
+              ),
+              /* @__PURE__ */ jsx148(
+                "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__ */ jsx148(ChevronDownIcon2, {})
+                }
+              ),
+              /* @__PURE__ */ jsx148(
+                "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__ */ jsx148(CheckIcon2, {})
+                }
+              )
+            ] }, i);
+          }),
           sections.length === 0 && /* @__PURE__ */ jsx148("p", { className: "text-xs text-zinc-500", children: "No outline sections were returned; you can still build the report." })
         ] }),
+        rowError && /* @__PURE__ */ jsx148("p", { className: "mt-2 text-xs text-red-400/90", children: rowError }),
         approveError && /* @__PURE__ */ jsx148("p", { className: "mt-3 text-xs text-red-400/90", children: approveError }),
         /* @__PURE__ */ jsx148("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs109(
           "button",