From 81050181d7bb6cbd924fb986ccb7a467de57c582 Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Sat, 20 Jun 2026 17:56:21 +0000
Subject: [PATCH] =?UTF-8?q?fix(ui):=20nav=20&=20layout=20=E2=80=94=20decis?=
 =?UTF-8?q?ion-editor=20in=20band,=20compose=20back-link,=20wider=20cases?=
 =?UTF-8?q?=20table?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Chair-directed navigation/layout fixes (existing components, no new design):

1. "פתח עורך החלטה" moved into the case-page band actions (right after "העלאת
   מסמכים") so it's reachable from EVERY tab, not only סקירה. Removed the now-
   redundant full-width CTA from the overview tab.
2. Prominent "→ חזרה לדף התיק" back-link added to the /compose header (the
   breadcrumb link was too subtle).
3. Home cases table: rail trimmed 360→280px and the title cell made min-w-0 so the
   table gets the width it needs and no longer shows a horizontal scrollbar.

No backend / API change. The larger NEW citation-verification panel stays gated
behind Claude Design (preview 24-citation-verification already pushed).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web-ui/src/app/cases/[caseNumber]/compose/page.tsx |  6 ++++++
 web-ui/src/app/cases/[caseNumber]/page.tsx         | 14 ++++----------
 web-ui/src/app/page.tsx                            |  6 ++++--
 web-ui/src/components/cases/cases-table.tsx        |  2 +-
 4 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/web-ui/src/app/cases/[caseNumber]/compose/page.tsx b/web-ui/src/app/cases/[caseNumber]/compose/page.tsx
index 0fd2f28..52c7c27 100644
--- a/web-ui/src/app/cases/[caseNumber]/compose/page.tsx
+++ b/web-ui/src/app/cases/[caseNumber]/compose/page.tsx
@@ -236,6 +236,12 @@ export default function ComposePage({
           <span aria-hidden>·</span>
           <span className="text-navy">עורך החלטה</span>
         </nav>
+        <Link
+          href={`/cases/${caseNumber}`}
+          className="inline-flex items-center gap-1.5 mb-3 rounded-md border border-rule bg-surface px-3 py-1.5 text-[0.82rem] font-semibold text-gold-deep hover:bg-gold-wash hover:text-navy transition-colors"
+        >
+          <span aria-hidden>→</span> חזרה לדף התיק
+        </Link>
         <div className="flex items-center gap-3 flex-wrap">
           <h1 className="text-navy text-2xl font-bold mb-0">ערר {caseNumber}</h1>
           <StatusChip status={caseQuery.data?.status} />
diff --git a/web-ui/src/app/cases/[caseNumber]/page.tsx b/web-ui/src/app/cases/[caseNumber]/page.tsx
index 46cbd1e..26f8c15 100644
--- a/web-ui/src/app/cases/[caseNumber]/page.tsx
+++ b/web-ui/src/app/cases/[caseNumber]/page.tsx
@@ -91,6 +91,9 @@ export default function CaseDetailPage({
     <>
       {data && <CaseEditDialog data={data} />}
       <UploadSheet caseNumber={caseNumber} />
+      <Button asChild className="bg-gold text-white hover:bg-gold-deep border-transparent">
+        <Link href={`/cases/${caseNumber}/compose`}>פתח עורך החלטה</Link>
+      </Button>
       {canStartWorkflow && (
         <Button
           className="bg-gold-deep hover:bg-gold-deep/90 text-parchment"
@@ -135,16 +138,7 @@ export default function CaseDetailPage({
               <DocumentsPanel data={data} />
 
               <AgentActivityPreview caseNumber={caseNumber} />
-
-              {/* gold CTA — open the decision editor */}
-              <Button
-                asChild
-                className="w-full bg-gold text-white hover:bg-gold-deep border-transparent py-6 text-base font-semibold"
-              >
-                <Link href={`/cases/${caseNumber}/compose`}>
-                  פתח עורך החלטה →
-                </Link>
-              </Button>
+              {/* decision-editor CTA moved to the band actions (visible on all tabs) */}
             </TabsContent>
 
             <TabsContent value="arguments" className="mt-0">
diff --git a/web-ui/src/app/page.tsx b/web-ui/src/app/page.tsx
index a513f47..a97aa9e 100644
--- a/web-ui/src/app/page.tsx
+++ b/web-ui/src/app/page.tsx
@@ -69,8 +69,10 @@ export default function HomePage() {
         {/* KPI row — mockup 04 .kpis (4-up, gold-washed "ממתינים לאישור") */}
         <KPICards cases={data} loading={isPending} />
 
-        {/* two-column body — main flow + narrow gold gate rail (mockup 04 .cols) */}
-        <div className="grid gap-6 lg:grid-cols-[1fr_360px]">
+        {/* two-column body — main flow + narrow gold gate rail (mockup 04 .cols).
+            Rail trimmed 360→280 so the cases table gets the width it needs and
+            no longer needs a horizontal scrollbar (chair request). */}
+        <div className="grid gap-6 lg:grid-cols-[1fr_280px]">
           <div className="space-y-6 min-w-0">
             {/* "תיקים לפי סטטוס" (פסים אופקיים) הוסר — פיזור-הסטטוסים מוצג
                 בדונאט "פיזור סטטוסים" בטור-הצד (#1). */}
diff --git a/web-ui/src/components/cases/cases-table.tsx b/web-ui/src/components/cases/cases-table.tsx
index 81d31b1..9b37bb3 100644
--- a/web-ui/src/components/cases/cases-table.tsx
+++ b/web-ui/src/components/cases/cases-table.tsx
@@ -120,7 +120,7 @@ const columns: ColumnDef<Case>[] = [
     accessorKey: "title",
     header: "כותרת",
     cell: ({ row }) => (
-      <div className="text-ink max-w-[420px] truncate flex items-center gap-2" title={row.original.title}>
+      <div className="text-ink max-w-[420px] min-w-0 truncate flex items-center gap-2" title={row.original.title}>
         {(row.original.proceeding_type === 'בל"מ' || isBlamSubtype(row.original.appeal_subtype)) && (
           <Badge
             variant="outline"