feat(ui): IA redesign → production · צרור-2 (13 הדפים הנותרים) — ליטוש-ויזואלי בלבד

מעבר מלא על שאר 13 הדפים מול מוקאפי-Claude-Design המאושרים. **UI/className בלבד —
שום hook/query/mutation/טאב/טופס/לוגיקה לא נגע** (אומת: 0 הסרות-hook/import ב-diff).

שונו (פער-ויזואלי אמיתי):
- archive — pill-ספירה ב-gold-wash + breadcrumb (הוסר טקסט-ספירה כפול בכרטיס).
- feedback — CTA "סמן כיושם" gold-filled + תיבת-לקח עם גבול-זהב-לוגי.
- methodology — כותרת קנונית (breadcrumb + h1 text-navy + gradient divider).
- missing-precedents — pill open-count (warn-bg, tabular-nums).
- precedents/[id] — ציטוט-מפתח gold-wash + border-s לוגי; צ'יפי-מטא צבעוניים (domain=info/level=gold/binding=success).
- skills — נקודות-סטטוס צבעוניות בתוך ה-pills.
- scripts — breadcrumb + gradient divider.
- components/precedents: library-search-panel (border לוגי, "קטע"=info, צ'יפ "הלכות מאושרות בלבד"), halacha-meta (binding=success/persuasive=gold-wash).

parity — ללא שינוי (כבר תואמים): graph, training, settings, digests, precedents(shell), cases/[n], operations, compose.

בדיקות: npx tsc --noEmit ✓ · eslint ✓ (לבד מ-learning-panel:109 קיים-מראש).
מסכם את תרגום 17 הדפים לפרודקשן (צרור-1 #211 = approvals+home).

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

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

@@ -15,15 +15,31 @@ function formatSize(bytes: number | null) {
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
 
+function StatusDot({ tone }: { tone: string }) {
+  return <span className={`h-1.5 w-1.5 rounded-full ${tone}`} aria-hidden />;
+}
+
 function statusBadge(s: Skill) {
   if (s.not_in_db) {
-    return <Badge variant="outline" className="bg-warn-bg text-warn border-warn/40">לא סונכרן</Badge>;
+    return (
+      <Badge variant="outline" className="gap-1.5 bg-warn-bg text-warn border-warn/40">
+        <StatusDot tone="bg-warn" />לא סונכרן
+      </Badge>
+    );
   }
   if (s.db_markdown_chars > 0 && s.disk_exists) {
-    return <Badge variant="outline" className="bg-success-bg text-success border-success/40">מסונכרן</Badge>;
+    return (
+      <Badge variant="outline" className="gap-1.5 bg-success-bg text-success border-success/40">
+        <StatusDot tone="bg-success" />מסונכרן
+      </Badge>
+    );
   }
   if (s.db_markdown_chars > 0) {
-    return <Badge variant="outline" className="bg-info-bg text-info border-info/40">DB בלבד</Badge>;
+    return (
+      <Badge variant="outline" className="gap-1.5 bg-info-bg text-info border-info/40">
+        <StatusDot tone="bg-info" />DB בלבד
+      </Badge>
+    );
   }
   return <Badge variant="outline">לא ידוע</Badge>;
 }