From fdb0c986503faee5856bdbf2ab3c642a9095a2ff Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Mon, 6 Jul 2026 09:13:13 +0000
Subject: [PATCH] =?UTF-8?q?fix(hearing):=20=D7=A4=D7=90=D7=A0=D7=9C=20"?=
 =?UTF-8?q?=D7=9E=D7=94=20=D7=A7=D7=A8=D7=94=20=D7=91=D7=93=D7=99=D7=95?=
 =?UTF-8?q?=D7=9F"=20=D7=A1=D7=92=D7=95=D7=A8=20=D7=9B=D7=91=D7=A8=D7=99?=
 =?UTF-8?q?=D7=A8=D7=AA-=D7=9E=D7=97=D7=93=D7=9C=20(#226)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

עוטף את HearingChangesPanel באקורדיון single/collapsible סגור-כברירת-מחדל,
זהה לפאנל-האח "טיעונים מאוגדים לפי צד" מעליו (הנחיית חיים). הכותרת+תיאור
עוברים לטריגר-האקורדיון; מוסרת הכותרת הכפולה מהרכיב (כפתור-ההרצה נשמר,
מיושר לקצה בתצוגה המלאה). tsc + eslint ירוקים.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web-ui/src/app/cases/[caseNumber]/page.tsx    | 28 +++++++++++++++----
 .../cases/hearing-changes-panel.tsx           | 16 +----------
 2 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/web-ui/src/app/cases/[caseNumber]/page.tsx b/web-ui/src/app/cases/[caseNumber]/page.tsx
index 8ada718..77dc0d9 100644
--- a/web-ui/src/app/cases/[caseNumber]/page.tsx
+++ b/web-ui/src/app/cases/[caseNumber]/page.tsx
@@ -184,12 +184,28 @@ export default function CaseDetailPage({
             </Accordion>
             {/* מה קרה בדיון — comparative analysis of the hearing protocol vs.
                 the written pleadings (#226). Sits below the aggregated arguments
-                because it speaks to those same arguments in their oral gloss. */}
-            <Card className="bg-surface border-rule shadow-sm">
-              <CardContent className="px-6 py-5">
-                <HearingChangesPanel caseNumber={caseNumber} />
-              </CardContent>
-            </Card>
+                because it speaks to those same arguments in their oral gloss.
+                Collapsed by default, mirroring the "by-party" accordion above. */}
+            <Accordion type="single" collapsible>
+              <AccordionItem
+                value="hearing"
+                className="overflow-hidden rounded-xl border border-rule bg-surface shadow-sm"
+              >
+                <AccordionTrigger className="px-6 py-4 hover:no-underline">
+                  <span className="flex flex-1 flex-col items-start">
+                    <span className="text-navy text-[0.95rem] font-bold">
+                      מה קרה בדיון
+                    </span>
+                    <span className="text-ink-muted text-[0.78rem]">
+                      השוואת הטענות בכתב מול הדיון בעל-פה — מה התחזק ומה נטען לראשונה
+                    </span>
+                  </span>
+                </AccordionTrigger>
+                <AccordionContent className="px-6 pb-5 pt-0">
+                  <HearingChangesPanel caseNumber={caseNumber} />
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
           </TabsContent>
 
           {/* אימות פסיקה — per-argument supporting-precedent verify gate (#154),
diff --git a/web-ui/src/components/cases/hearing-changes-panel.tsx b/web-ui/src/components/cases/hearing-changes-panel.tsx
index f8dcd7c..27c6750 100644
--- a/web-ui/src/components/cases/hearing-changes-panel.tsx
+++ b/web-ui/src/components/cases/hearing-changes-panel.tsx
@@ -11,7 +11,6 @@ import {
   HelpCircle,
   Link2,
   Loader2,
-  MessageSquareText,
   Plus,
   RotateCw,
   Sparkles,
@@ -202,20 +201,6 @@ export function HearingChangesPanel({ caseNumber }: HearingChangesPanelProps) {
 
   return (
     <div className="space-y-4">
-      <div className="flex flex-wrap items-start justify-between gap-3">
-        <div>
-          <h2 className="text-navy flex items-center gap-2 text-base font-semibold">
-            <MessageSquareText className="text-gold-deep size-5" aria-hidden />
-            מה קרה בדיון
-          </h2>
-          <p className="text-ink-muted mt-0.5 max-w-2xl text-xs leading-relaxed">
-            השוואה בין הטענות בכתב לבין מה שנטען בדיון בעל-פה — אילו טענות התחזקו
-            ואילו נטענו לראשונה, כדי שהדיון (בלוק י) יתייחס לגלגול העדכני.
-          </p>
-        </div>
-        {runButton}
-      </div>
-
       {isPending ? (
         <div className="space-y-2">
           <Skeleton className="h-20 w-full" />
@@ -236,6 +221,7 @@ export function HearingChangesPanel({ caseNumber }: HearingChangesPanelProps) {
         </div>
       ) : (
         <>
+          <div className="flex justify-end">{runButton}</div>
           {/* hearing header strip */}
           {header && (
             <div className="bg-parchment border-rule rounded-lg border px-5 py-4 shadow-sm">