feat(ui): IA redesign → production · יישום נאמן של 16 הדפים הנותרים למוקאפים

תיקון הגישה: יישום מלא ונאמן של עיצוב-המוקאפים המאושרים (Claude Design) על כל
הדפים — שינוי-הרכב אמיתי פר-מוקאפ, לא ליטוש-טוקנים. כל hook/query/mutation/טאב/
טופס/נתון נשמר (אומת: tsc נקי + בדיקת-נוכחות hooks קריטיים; 0 פונקציונליות נמחקה).

דפים (← מוקאפ):
- בית — לוח: KPI + "תיקים לפי סטטוס" (bars) + כרטיס-אישורים + CTA כפול.
- ארכיון — filter-bar שטוח + טבלה נקייה + צ'יפי-סוג/תוצאה.
- הערות יו״ר — פריסה דו-טורית + טופס-הוספה חי + כרטיסי-הערה.
- ספריית-פסיקה — tabs קו-תחתון + כרטיסי-תוצאה halacha/קטע + AuthorityBadge.
- דף-תקדים — באנר-meta parchment + דו-טורי + provenance pills.
- פסיקה-חסרה — pill פתוחים + צ'יפי-סטטוס + CTA העלאה.
- יומונים — אזור-העלאה מקווקו + כרטיסי-digest + "ממתין" כתווית פסיבית.
- גרף — פאנל-צד שכבות/אנליטיקה + canvas parchment.
- אימון-סגנון — פורטרט: banner + KPI + אנטומיה + ביטויי-חתימה.
- מתודולוגיה — עורך-צ'קליסט + "חל על:" + canon chip.
- מיומנויות/סקריפטים — טבלאות אמיתיות + צ'יפי-סטטוס.
- הגדרות — sidenav דו-טורי + env-rows עם "ממתין ל-redeploy".
- דף-תיק — באנר-תיק parchment + tabs + timeline + "פתח עורך החלטה".
- תפעול — SectionHeaders + טבלת-שירותים + כרטיסי-שער gold-wash.
- compose — באנר-תיק + SOT pill + פריסה דו-טורית + "השלמה והעברה".

תיקונים שלי אחרי הסוכנים: documents-panel (הוצאת רכיב Shell מ-render — React
Compiler), scripts useMemo deps. /approvals כבר נבנה מחדש נאמנה (commit קודם).

בדיקות: npx tsc --noEmit ✓ · eslint ✓ (לבד מ-learning-panel:109 קיים-מראש).
שימור-פונקציונליות אומת. CI Docker build = שער סופי לפני deploy.

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

web-ui/src/app/digests/page.tsx

@@ -2,11 +2,11 @@
 
 import Link from "next/link";
 import { AppShell } from "@/components/app-shell";
-import { Card, CardContent } from "@/components/ui/card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Badge } from "@/components/ui/badge";
 import { DigestListPanel } from "@/components/digests/digest-list-panel";
 import { DigestSearchPanel } from "@/components/digests/digest-search-panel";
+import { DigestUploadDialog } from "@/components/digests/digest-upload-dialog";
 import { useDigestPending } from "@/lib/api/digests";
 
 /**
@@ -38,44 +38,68 @@ export default function DigestsPage() {
   return (
     <AppShell>
       <section className="space-y-6">
-        <header>
-          <nav className="text-[0.78rem] text-ink-muted mb-1">
+        <header className="space-y-2">
+          <nav className="text-[0.78rem] text-ink-muted">
             <Link href="/" className="hover:text-gold-deep">בית</Link>
             <span aria-hidden> · </span>
             <span className="text-navy">יומונים</span>
           </nav>
-          <h1 className="text-navy mb-0">יומונים — רדאר פסיקה</h1>
-          <p className="text-ink-muted text-sm mt-1 max-w-3xl">
-            סיכומי &quot;כל יום&quot; (עפר טויסטר) של פסקי דין והחלטות עדכניים.
-            שכבת-גילוי בלבד: כל יומון <strong>מצביע</strong> על פסק הדין המקורי —
-            הוא אינו מצוטט בהחלטה ואינו מחלץ הלכות. כשהפסק רלוונטי, מעלים אותו
-            לספריית הפסיקה ומצטטים משם.
+          <h1 className="text-navy mb-0">יומונים (רדאר)</h1>
+          <p className="text-ink-muted text-sm max-w-3xl leading-relaxed">
+            שכבת-גילוי משנית — מצביע-לא-מצוטט (X12). מאתרת פסיקה רלוונטית ומפנה
+            אליה; אינה מקור-אמת לציטוט. סיכומי &quot;כל יום&quot; (עפר טויסטר):
+            כל יומון <strong>מצביע</strong> על פסק הדין המקורי — כשהפסק רלוונטי,
+            מעלים אותו לספריית הפסיקה ומצטטים משם.
           </p>
         </header>
 
-        <div className="h-[2px] bg-gradient-to-l from-transparent via-gold to-transparent" />
+        {/* prominent dashed-gold upload area (mockup 10 `.upload`) */}
+        <div className="flex items-center gap-4 rounded-lg border-[1.5px] border-dashed border-gold bg-surface px-5 py-4">
+          <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-gold-wash text-gold-deep text-xl">
+            ↑
+          </div>
+          <div className="min-w-0">
+            <span className="block text-navy font-semibold text-[0.92rem]">העלאת יומון</span>
+            <span className="text-[0.78rem] text-ink-muted">
+              בחר קובץ יומון &quot;כל יום&quot; — PDF · עד 20MB
+            </span>
+          </div>
+          <div className="ms-auto">
+            <DigestUploadDialog
+              trigger={
+                <button className="rounded-lg bg-gold px-4 py-2 text-sm font-semibold text-white hover:bg-gold-deep">
+                  בחר קובץ
+                </button>
+              }
+            />
+          </div>
+        </div>
 
-        <Card className="bg-surface border-rule shadow-sm">
-          <CardContent className="px-6 py-5">
-            <Tabs defaultValue="list" dir="rtl">
-              <TabsList className="bg-rule-soft/60">
-                <TabsTrigger value="list">
-                  יומונים
-                  <PendingBadge />
-                </TabsTrigger>
-                <TabsTrigger value="search">חיפוש</TabsTrigger>
-              </TabsList>
+        <Tabs defaultValue="list" dir="rtl">
+          <TabsList className="flex w-full justify-start gap-1 rounded-none border-0 border-b border-rule bg-transparent p-0 h-auto">
+            {[
+              { value: "list", label: "יומונים", pill: <PendingBadge /> },
+              { value: "search", label: "חיפוש", pill: null },
+            ].map((t) => (
+              <TabsTrigger
+                key={t.value}
+                value={t.value}
+                className="rounded-none border-0 border-b-2 border-transparent bg-transparent px-4 py-2.5 -mb-px text-sm font-medium text-ink-muted shadow-none data-[state=active]:border-gold data-[state=active]:bg-transparent data-[state=active]:font-semibold data-[state=active]:text-navy data-[state=active]:shadow-none"
+              >
+                {t.label}
+                {t.pill}
+              </TabsTrigger>
+            ))}
+          </TabsList>
 
-              <TabsContent value="list" className="mt-5">
-                <DigestListPanel />
-              </TabsContent>
+          <TabsContent value="list" className="mt-5">
+            <DigestListPanel />
+          </TabsContent>
 
-              <TabsContent value="search" className="mt-5">
-                <DigestSearchPanel />
-              </TabsContent>
-            </Tabs>
-          </CardContent>
-        </Card>
+          <TabsContent value="search" className="mt-5">
+            <DigestSearchPanel />
+          </TabsContent>
+        </Tabs>
       </section>
     </AppShell>
   );