From 148f303378e36709f2c6143d4a72523af64843b1 Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Tue, 30 Jun 2026 19:15:44 +0000
Subject: [PATCH] =?UTF-8?q?feat(case-ui):=20drafts=20tab=20=E2=80=94=203?=
 =?UTF-8?q?=20clear=20cards=20(X17=2018h)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Groups the drafts/comments tab into distinct cards instead of one long scroll:
- "פסיקה שצוטטה" (CitationsSection) moved inside the chair's signed-final card
  as its sub-section (was floating between final and the files table).
- "קבצי טיוטה" and "הערות יו״ר" sections each wrapped in a bordered surface card.

Result: draft-ready banner + active-draft badge at top, then three cards —
final-decision+learning (gold), draft files, chair feedback. All logic,
mutations, dialogs and the feedback list preserved verbatim.

tsc --noEmit + eslint clean. Design-gate: mockup 18h approved in Claude Design X17.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web-ui/src/components/cases/drafts-panel.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/web-ui/src/components/cases/drafts-panel.tsx b/web-ui/src/components/cases/drafts-panel.tsx
index 1f17fd8..3237388 100644
--- a/web-ui/src/components/cases/drafts-panel.tsx
+++ b/web-ui/src/components/cases/drafts-panel.tsx
@@ -347,13 +347,13 @@ export function DraftsPanel({
           </div>
         )}
         {hasFinal && <LearningStatusBadges caseNumber={caseNumber} />}
+        {/* precedents cited inside the signed decision — sub-section of the
+            final card (mockup 18h), collapsible inside CitationsSection itself */}
+        <CitationsSection caseNumber={caseNumber} />
       </section>
 
-      {/* ── Precedents cited inside the signed decision ── */}
-      <CitationsSection caseNumber={caseNumber} />
-
-      {/* ── Exports list ── */}
-      <section>
+      {/* ── Card: draft files (mockup 18h) ── */}
+      <section className="rounded-lg border border-rule bg-surface p-4">
         <div className="flex items-center justify-between mb-3">
           <h3 className="text-navy text-base">קבצי טיוטה</h3>
           <div className="flex items-center gap-2">
@@ -521,8 +521,8 @@ export function DraftsPanel({
         </Dialog>
       </section>
 
-      {/* ── Chair feedback ── */}
-      <section>
+      {/* ── Card: chair feedback (mockup 18h) ── */}
+      <section className="rounded-lg border border-rule bg-surface p-4">
         <div className="flex items-center justify-between mb-3">
           <h3 className="text-navy text-base">
             הערות יו״ר