feat(case-ui): כרטיס "הפקת מסמכים" עם 3 כפתורי-הפק דטרמיניסטיים (#214)

מוסיף כרטיס "הפקת מסמכים" בראש טאב "טיוטות והערות" (mockup 26 — תוספת ל-18h),
תוספת לעמוד הקיים, כל הסקשנים נשמרים.

- כפתור 1 "הפק סיכום מנהלים" → endpoint חדש POST /generate/party-claims-summary
  → CEO wakeup סטרוקטורלי action="party_claims_summary" (שלב H2, host-side).
  Polling: GET /research/party-claims-summary (200=מוכן → פתח/DOCX).
- כפתור 2 "הפק טיוטה של טענות הצדדים" → endpoint חדש POST /generate/interim-draft
  → CEO wakeup action="interim_draft" (שלב H, host-side).
  Polling: רשימת ה-exports עד שמופיע טיוטת-ביניים-{case}-vN.docx.
- כפתור 3 "הפק טיוטת החלטה מלאה" → ה-useExportDocx הקיים (in-container, ללא LLM);
  הועבר מהבאנר (כפתור "הפק DOCX" הוסר משם — אין כפילות). disabled+title כשאין
  בלוקים כתובים (isDraftReady).

מסלול-עירור יחיד דרך ה-Platform Port (pc_wake_ceo_for_action) → API helper
/api/agents/{id}/wakeup, לעולם לא DB insert. Israel-time + cache-invalidation.

Invariants: G12 (מגע-Paperclip רק ב-paperclip_client + agent_platform_port;
leak-guard ירוק) · G2 (אין מסלול-עירור מקביל — שימוש חוזר ב-pc_request הקיים) ·
G10 (הפקה מגודרת-יו"ר/CEO) · INV-UI9 (Asia/Jerusalem) · X6 (UI↔API contract).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web-ui/src/components/cases/drafts-panel.tsx

@@ -25,7 +25,13 @@ import {
   useUploadFinalDecision,
   useRunFinalLearning,
   useRunFinalHalacha,
+  type ExportFile,
 } from "@/lib/api/exports";
+import {
+  usePartyClaimsSummary,
+  useGeneratePartyClaimsSummary,
+  useGenerateInterimDraft,
+} from "@/lib/api/generate";
 import {
   useCaseFeedback,
   useCreateFeedback,
@@ -55,6 +61,10 @@ import {
   Stamp,
   Link2,
   AlertTriangle,
+  Zap,
+  ClipboardList,
+  Files,
+  ExternalLink,
 } from "lucide-react";
 
 /* Statuses at which a draft is considered ready */
@@ -76,6 +86,28 @@ function formatDate(epoch: number): string {
   return formatDateTime(epoch * 1000);
 }
 
+/**
+ * Pick the newest export file whose name starts with `prefix`, preferring the
+ * highest v-number and falling back to the latest created_at. Used by the
+ * "הפקת מסמכים" card to surface the most recent טיוטת-ביניים-* file (#214).
+ */
+function pickLatestVersioned(
+  files: ExportFile[] | undefined,
+  prefix: string,
+): (ExportFile & { version: number | null }) | null {
+  const matches = (files ?? []).filter((f) => f.filename.startsWith(prefix));
+  if (!matches.length) return null;
+  const withVer = matches.map((f) => {
+    const m = f.filename.match(/v(\d+)/);
+    return { ...f, version: m ? parseInt(m[1], 10) : null };
+  });
+  withVer.sort((a, b) => {
+    if (a.version != null && b.version != null) return b.version - a.version;
+    return b.created_at - a.created_at;
+  });
+  return withVer[0];
+}
+
 /* ── Main component ─────────────────────────────────── */
 
 export function DraftsPanel({
@@ -97,6 +129,10 @@ export function DraftsPanel({
   const uploadFinal = useUploadFinalDecision(caseNumber);
   const runLearning = useRunFinalLearning(caseNumber);
   const runHalacha = useRunFinalHalacha(caseNumber);
+  // ── Document generation (#214) — the "הפקת מסמכים" card ──
+  const { data: summary } = usePartyClaimsSummary(caseNumber);
+  const genSummary = useGeneratePartyClaimsSummary(caseNumber);
+  const genInterim = useGenerateInterimDraft(caseNumber);
   const qc = useQueryClient();
 
   const fileRef = useRef<HTMLInputElement>(null);
@@ -129,6 +165,38 @@ export function DraftsPanel({
     return `טיוטה v${maxVer}${suffix} מוכנה לעיון`;
   })();
 
+  // ── "הפקת מסמכים" derived state (#214) ──
+  // Latest interim ("party-claims") partial draft in the exports table — the poll
+  // target for button 2. The CEO writes it as טיוטת-ביניים-{case}-vN.docx.
+  const latestInterim = pickLatestVersioned(exports, "טיוטת-ביניים-");
+  const summaryReady = Boolean(summary?.markdown);
+
+  function handleGenerateSummary() {
+    genSummary.mutate(undefined, {
+      onSuccess: (d) => {
+        if (d.status === "ok") {
+          toast.success("הופעלה הפקת סיכום-המנהלים — רצה ברקע (אופוס)");
+        } else {
+          toast.warning(`לא הופעלה ההפקה: ${d.reason ?? d.error ?? d.status}`);
+        }
+      },
+      onError: () => toast.error("שגיאה בהפעלת הפקת סיכום-המנהלים"),
+    });
+  }
+
+  function handleGenerateInterim() {
+    genInterim.mutate(undefined, {
+      onSuccess: (d) => {
+        if (d.status === "ok") {
+          toast.success("הופעלה הפקת טיוטת טענות-הצדדים — רצה ברקע (אופוס)");
+        } else {
+          toast.warning(`לא הופעלה ההפקה: ${d.reason ?? d.error ?? d.status}`);
+        }
+      },
+      onError: () => toast.error("שגיאה בהפעלת הפקת הטיוטה החלקית"),
+    });
+  }
+
   function handleUpload(file: File) {
     uploadDraft.mutate(file, {
       onSuccess: (data) => {
@@ -233,30 +301,178 @@ export function DraftsPanel({
   }
 
   return (
-    // flex + per-card `order` so the visual order matches mockup 18h
-    // (drafts → final+learning → feedback) without reordering the JSX.
+    // flex + per-card `order` so the visual order matches mockup 26:
+    // generate-card → banner → active-draft → drafts → final+learning → feedback.
     <div className="flex flex-col gap-6">
-      {/* ── Banner ── */}
+      {/* ── Card: document generation (mockup 26) — 3 deterministic "הפק" buttons ── */}
+      <section className="order-0 rounded-lg border border-rule bg-surface overflow-hidden">
+        <div className="flex items-center gap-2.5 px-4 py-3 border-b border-rule-soft bg-parchment">
+          <Zap className="w-[18px] h-[18px] text-gold-deep shrink-0" />
+          <h3 className="text-navy text-base font-semibold">הפקת מסמכים</h3>
+        </div>
+        <div className="p-4">
+          <p className="text-xs text-ink-muted leading-relaxed mb-1">
+            הפקה דטרמיניסטית בלחיצה — בלי בקשת-טקסט. כל כפתור מריץ פעולה מדויקת,
+            והקובץ מופיע בטבלת-הטיוטות / לקריאה מקומית.
+          </p>
+
+          {/* 1 — executive summary of party claims */}
+          <div className="flex items-start gap-3 py-3 border-t border-rule-soft first-of-type:border-t-0">
+            <span className="flex w-9 h-9 shrink-0 items-center justify-center rounded-lg border border-rule bg-gold-wash text-gold-deep">
+              <ClipboardList className="w-[18px] h-[18px]" />
+            </span>
+            <div className="flex-1 min-w-0">
+              <div className="text-sm font-semibold text-navy">הפק סיכום מנהלים</div>
+              <p className="text-xs text-ink-muted mt-0.5 leading-relaxed">
+                תמצית מזוקקת של טענות הצדדים לקראת הדיון — מסמך נפרד מהטיוטה.
+              </p>
+              <div className="flex flex-wrap items-center gap-2.5 mt-2">
+                <Button
+                  size="sm"
+                  onClick={handleGenerateSummary}
+                  disabled={genSummary.isPending}
+                  className="bg-navy hover:bg-navy-soft text-parchment"
+                >
+                  {genSummary.isPending ? (
+                    <>
+                      <Loader2 className="w-3.5 h-3.5 animate-spin me-1.5" />
+                      מייצר…
+                    </>
+                  ) : (
+                    "הפק"
+                  )}
+                </Button>
+                {summaryReady && (
+                  <>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      className="h-7 px-2 text-gold-deep"
+                      onClick={() =>
+                        window.open(
+                          `/api/cases/${caseNumber}/research/party-claims-summary/download`,
+                          "_blank",
+                        )
+                      }
+                    >
+                      <ExternalLink className="w-3.5 h-3.5 me-1" />
+                      פתח
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      className="h-7 px-2 text-gold-deep"
+                      onClick={() =>
+                        window.open(
+                          `/api/cases/${caseNumber}/research/party-claims-summary/export-docx`,
+                          "_blank",
+                        )
+                      }
+                    >
+                      <Download className="w-3.5 h-3.5 me-1" />
+                      DOCX
+                    </Button>
+                  </>
+                )}
+              </div>
+            </div>
+          </div>
+
+          {/* 2 — partial draft (parties' claims, blocks ה–ט) */}
+          <div className="flex items-start gap-3 py-3 border-t border-rule-soft">
+            <span className="flex w-9 h-9 shrink-0 items-center justify-center rounded-lg border border-rule bg-gold-wash text-gold-deep">
+              <FileText className="w-[18px] h-[18px]" />
+            </span>
+            <div className="flex-1 min-w-0">
+              <div className="text-sm font-semibold text-navy">
+                הפק טיוטה של טענות הצדדים{" "}
+                <span className="font-medium text-ink-muted text-xs">
+                  (טיוטה חלקית)
+                </span>
+              </div>
+              <p className="text-xs text-ink-muted mt-0.5 leading-relaxed">
+                בלוקים ה–ט (רקע, טענות, הליכים, תכניות) — עד הדיון, בלי דיון
+                והכרעה. נשמרת בטבלת-הטיוטות.
+              </p>
+              <div className="flex flex-wrap items-center gap-2.5 mt-2">
+                <Button
+                  size="sm"
+                  onClick={handleGenerateInterim}
+                  disabled={genInterim.isPending}
+                  className="bg-navy hover:bg-navy-soft text-parchment"
+                >
+                  {genInterim.isPending ? (
+                    <>
+                      <Loader2 className="w-3.5 h-3.5 animate-spin me-1.5" />
+                      מייצר…
+                    </>
+                  ) : (
+                    "הפק"
+                  )}
+                </Button>
+                {latestInterim && (
+                  <span className="text-[0.7rem] text-ink-muted">
+                    {latestInterim.version
+                      ? `v${latestInterim.version} · `
+                      : ""}
+                    {formatDate(latestInterim.created_at)}
+                  </span>
+                )}
+              </div>
+            </div>
+          </div>
+
+          {/* 3 — full decision draft (REUSES useExportDocx; moved from the banner) */}
+          <div className="flex items-start gap-3 py-3 border-t border-rule-soft">
+            <span className="flex w-9 h-9 shrink-0 items-center justify-center rounded-lg border border-rule bg-gold-wash text-gold-deep">
+              <Files className="w-[18px] h-[18px]" />
+            </span>
+            <div className="flex-1 min-w-0">
+              <div className="text-sm font-semibold text-navy">
+                הפק טיוטת החלטה מלאה
+              </div>
+              <p className="text-xs text-ink-muted mt-0.5 leading-relaxed">
+                ההחלטה המלאה — כל 12 הבלוקים, כולל דיון והכרעה. נקבעת
+                כמקור-האמת ונשמרת בטבלת-הטיוטות.
+              </p>
+              <div className="flex flex-wrap items-center gap-2.5 mt-2">
+                <Button
+                  size="sm"
+                  onClick={handleExport}
+                  disabled={exportDocx.isPending || !isDraftReady}
+                  title={!isDraftReady ? "זמין כשיש בלוקים כתובים" : undefined}
+                  className="bg-navy hover:bg-navy-soft text-parchment"
+                >
+                  {exportDocx.isPending ? (
+                    <>
+                      <Loader2 className="w-3.5 h-3.5 animate-spin me-1.5" />
+                      מייצר…
+                    </>
+                  ) : (
+                    <>
+                      <FileOutput className="w-3.5 h-3.5 me-1.5" />
+                      הפק
+                    </>
+                  )}
+                </Button>
+                {!isDraftReady && (
+                  <span className="rounded bg-warn-bg px-2 py-0.5 text-[0.65rem] text-warn">
+                    זמין כשיש בלוקים כתובים
+                  </span>
+                )}
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* ── Banner — draft-ready indicator (export button moved to "הפקת מסמכים") ── */}
       {isDraftReady && (
         <div className="order-1 flex items-center gap-3 rounded-lg border border-gold/40 bg-gold-wash px-4 py-3">
           <FileText className="w-5 h-5 text-gold-deep shrink-0" />
           <span className="text-sm font-medium text-gold-deep">
             {draftLabel}
           </span>
-          <div className="me-auto" />
-          <Button
-            size="sm"
-            onClick={handleExport}
-            disabled={exportDocx.isPending}
-            className="bg-navy hover:bg-navy-soft text-parchment"
-          >
-            {exportDocx.isPending ? (
-              <Loader2 className="w-4 h-4 animate-spin me-1.5" />
-            ) : (
-              <FileOutput className="w-4 h-4 me-1.5" />
-            )}
-            הפק DOCX
-          </Button>
         </div>
       )}