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/training/page.tsx

@@ -22,16 +22,19 @@ export default function TrainingPage() {
     <AppShell>
       <section className="space-y-6">
         <header className="flex items-start justify-between gap-4 flex-wrap">
-          <div>
+          <div className="space-y-1">
             <nav className="text-[0.78rem] text-ink-muted mb-1">
               <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-2xl">
-              לוח בקרה של קורפוס האימון — סטטיסטיקות, אנטומיית החלטה ממוצעת,
-              ביטויי חתימה, וכלי השוואה בין שתי החלטות.
+            <div className="text-[0.75rem] uppercase tracking-[0.12em] text-gold-deep">
+              רכישת-הסגנון של דפנה · פורטרט-הקול
+            </div>
+            <h1 className="text-navy mb-0">אימון סגנון</h1>
+            <p className="text-ink-muted text-sm mt-1 max-w-2xl leading-relaxed">
+              פורטרט הקול שנלמד מהקורפוס, מוזן read-only לכותב — סטטיסטיקות,
+              אנטומיית החלטה ממוצעת, ביטויי חתימה, וכלי השוואה בין החלטות.
             </p>
           </div>
           <Button