feat(ui): WS6 — party accordion, full-width compose, status-hero overview (#206)

שלושת שינויי-ה-UI של WS6 לפי המוקאפים המאושרים (25b/03b/18b, X17):

1. טאב "טיעונים" (legal-arguments-panel) — אקורדיון ברמת-הצד, סגור
   כברירת-מחדל (type="multiple" ללא defaultValue). כל trigger מציג
   שם-צד + תת-כותרת + באדג'-מונה. בתוך כל צד נשמר הקיבוץ-לפי-קדימות
   והאקורדיון הפנימי ברמת-הטיעון.

2. טאב "עמדות וטענות" (compose) — רוחב-דף מלא: בוטל ה-grid 1fr/320px,
   ראיל "מסמכי התיק" הוסר (DocumentsPanel בסקירה הוא הבעלים היחיד)
   ועבר לפס-מסמכים מתקפל למעלה (סגור כברירת-מחדל). כרטיסי-הסוגיות
   2-up. פסיקה-מצורפת ושערי-הייצוא/העלאה שומרו (relocate, לא remove).
   מפת-StatusChip המקבילה הוסרה → StatusBadge המשותף (G2).

3. סטטוס רק בסקירה (overview) — StatusHero חדש (stepper אופקי + chip
   שלב-נוכחי + שינוי-סטטוס ידני + meta-strip), הבעלים היחיד של
   הסטטוס. WorkflowTimeline/StatusChanger/AgentStatusWidget ירדו משאר
   הטאבים; הטאבים האחרים רוחב-מלא. StatusBadge read-only נשאר ב-H1.

Invariants: INV-IA1 (בעלים-יחיד לסטטוס=hero), INV-IA3/G10 (כל שער-אנוש
נשמר במקום אחד — שינוי-סטטוס בסקירה, ייצוא/העלאה ב-compose),
INV-IA4 (compose=מרחב-עבודה ממוקד-משימה רוחב-מלא), INV-IA6 (מפת-סטטוסים
progressive-disclosure), INV-UI7/UI8, G2 (StatusBadge משותף, אין
מפת-סטטוס מקבילה).

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

web-ui/src/components/cases/status-changer.tsx

@@ -21,9 +21,13 @@ const ALL_STATUSES: readonly CaseStatus[] = CASE_STATUSES;
 export function StatusChanger({
   caseNumber,
   currentStatus,
+  inline = false,
 }: {
   caseNumber: string;
   currentStatus?: CaseStatus;
+  /** Compact horizontal layout for the status hero (mockup 18b hero-controls);
+   *  default is the stacked rail layout. */
+  inline?: boolean;
 }) {
   // `null` = untouched → the dropdown tracks the live `currentStatus` (which
   // arrives async and changes on the 5s poll / external updates). Only an
@@ -45,8 +49,10 @@ export function StatusChanger({
   };
 
   return (
-    <div className="mt-4 border-t border-rule pt-3 space-y-2">
-      <label className="text-[0.72rem] text-ink-muted block">שינוי סטטוס ידני</label>
+    <div className={inline ? "space-y-0" : "mt-4 border-t border-rule pt-3 space-y-2"}>
+      {!inline && (
+        <label className="text-[0.72rem] text-ink-muted block">שינוי סטטוס ידני</label>
+      )}
       <div className="flex items-center gap-2">
         <Select
           value={effective || "__current__"}
@@ -77,7 +83,7 @@ export function StatusChanger({
           disabled={!canSave || mutate.isPending}
           onClick={handleSave}
         >
-          {mutate.isPending ? "שומר…" : "עדכן"}
+          {mutate.isPending ? "שומר…" : inline ? "עדכן סטטוס" : "עדכן"}
         </Button>
       </div>
     </div>