Merge Documents tab into Overview, promote action buttons to header
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 4m0s

- Remove "מסמכים" tab; render DocumentsPanel at the bottom of the Overview tab
- Move "פתח בעורך ההחלטה" and "עריכת פרטי תיק" into the top row, right of tabs, before "העלאת מסמכים"
- Drop the redundant document count from the quick-summary grid (list is visible below)
- Add flex-wrap to the header row so the extra buttons flow onto a second line on narrow screens

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-18 06:53:59 +00:00
parent 466158a023
commit 2b40e02a65

View File

@@ -74,17 +74,9 @@ export default function CaseDetailPage({
<Card className="bg-surface border-rule shadow-sm"> <Card className="bg-surface border-rule shadow-sm">
<CardContent className="px-6 py-5"> <CardContent className="px-6 py-5">
<Tabs defaultValue="overview" dir="rtl"> <Tabs defaultValue="overview" dir="rtl">
<div className="flex items-center justify-between gap-3 mb-1"> <div className="flex items-center justify-between gap-3 mb-1 flex-wrap">
<TabsList className="bg-rule-soft/60"> <TabsList className="bg-rule-soft/60">
<TabsTrigger value="overview">סקירה</TabsTrigger> <TabsTrigger value="overview">סקירה</TabsTrigger>
<TabsTrigger value="documents">
מסמכים
{data?.documents && (
<span className="ms-1.5 text-[0.7rem] text-ink-muted tabular-nums">
({data.documents.length})
</span>
)}
</TabsTrigger>
<TabsTrigger value="drafts"> <TabsTrigger value="drafts">
טיוטות והערות טיוטות והערות
</TabsTrigger> </TabsTrigger>
@@ -92,7 +84,15 @@ export default function CaseDetailPage({
סוכנים סוכנים
</TabsTrigger> </TabsTrigger>
</TabsList> </TabsList>
<UploadSheet caseNumber={caseNumber} /> <div className="flex items-center gap-2 flex-wrap">
<Button asChild className="bg-navy hover:bg-navy-soft text-parchment">
<Link href={`/cases/${caseNumber}/compose`}>
פתח בעורך ההחלטה
</Link>
</Button>
{data && <CaseEditDialog data={data} />}
<UploadSheet caseNumber={caseNumber} />
</div>
</div> </div>
<TabsContent value="overview" className="mt-5 space-y-4"> <TabsContent value="overview" className="mt-5 space-y-4">
@@ -105,18 +105,14 @@ export default function CaseDetailPage({
<div> <div>
<h3 className="text-navy text-base mb-2">סיכום מהיר</h3> <h3 className="text-navy text-base mb-2">סיכום מהיר</h3>
<dl className="grid grid-cols-2 gap-y-2 gap-x-6 text-sm"> <dl className="grid grid-cols-2 gap-y-2 gap-x-6 text-sm">
<dt className="text-ink-muted">מסמכים בתיק</dt>
<dd className="text-ink tabular-nums">
{data?.documents?.length ?? 0}
</dd>
<dt className="text-ink-muted">בעיבוד</dt> <dt className="text-ink-muted">בעיבוד</dt>
<dd className="text-ink tabular-nums"> <dd className="text-ink tabular-nums">
{data?.processing_count ?? 0} {data?.processing_count ?? 0}
</dd> </dd>
</dl> </dl>
</div> </div>
<div className="flex items-center gap-3 flex-wrap pt-2 border-t border-rule"> {canStartWorkflow && (
{canStartWorkflow && ( <div className="pt-2 border-t border-rule">
<Button <Button
className="bg-gold-deep hover:bg-gold-deep/90 text-parchment" className="bg-gold-deep hover:bg-gold-deep/90 text-parchment"
disabled={startWorkflow.isPending} disabled={startWorkflow.isPending}
@@ -138,17 +134,8 @@ export default function CaseDetailPage({
)} )}
התחל תהליך התחל תהליך
</Button> </Button>
)} </div>
<Button asChild className="bg-navy hover:bg-navy-soft text-parchment"> )}
<Link href={`/cases/${caseNumber}/compose`}>
פתח בעורך ההחלטה
</Link>
</Button>
{data && <CaseEditDialog data={data} />}
</div>
</TabsContent>
<TabsContent value="documents" className="mt-5">
<DocumentsPanel data={data} /> <DocumentsPanel data={data} />
</TabsContent> </TabsContent>