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/components/precedents/halacha-meta.tsx

@@ -44,8 +44,8 @@ export function AuthorityBadge({
       title="דרגת-המחייבות נגזרת אוטומטית מזהות הערכאה"
       className={
         isBinding
-          ? "text-[0.65rem] bg-gold/15 text-navy border-gold/50"
-          : "text-[0.65rem] bg-muted text-ink-muted border-border"
+          ? "text-[0.65rem] bg-success-bg text-success border-transparent"
+          : "text-[0.65rem] bg-gold-wash text-gold-deep border-rule"
       }
     >
       {AUTHORITY_LABELS[authority]}

web-ui/src/components/precedents/library-search-panel.tsx

@@ -42,7 +42,7 @@ function HalachaCard({ hit }: { hit: Extract<SearchHit, { type: "halacha" }> })
       <p className="text-navy font-medium text-[0.95rem]" dir="rtl">
         {hit.rule_statement}
       </p>
-      <blockquote className="text-ink-soft text-sm border-r-2 border-gold pr-3" dir="rtl">
+      <blockquote className="text-ink-soft text-sm border-s-2 border-gold ps-3" dir="rtl">
         &ldquo;{hit.supporting_quote}&rdquo;
         {hit.page_reference && <span className="text-ink-muted text-[0.72rem] ms-2">({hit.page_reference})</span>}
       </blockquote>
@@ -63,7 +63,7 @@ function PassageCard({ hit }: { hit: Extract<SearchHit, { type: "passage" }> })
   return (
     <div className="rounded-lg border border-rule bg-surface p-4 space-y-2">
       <div className="flex items-center gap-2 text-[0.78rem] text-ink-muted flex-wrap">
-        <Badge variant="outline" className="bg-rule-soft text-ink-muted">קטע</Badge>
+        <Badge variant="outline" className="bg-info-bg text-info border-transparent">קטע</Badge>
         <span className="font-mono" dir="ltr">{hit.case_number}</span>
         {hit.court && <span>· {hit.court}</span>}
         {hit.decision_date && <span>· {formatDate(hit.decision_date)}</span>}
@@ -161,8 +161,11 @@ export function LibrarySearchPanel() {
         </div>
       ) : (
         <div className="space-y-3">
-          <p className="text-[0.78rem] text-ink-muted">
-            {data.count} תוצאות (הלכות מאושרות בלבד)
+          <p className="text-[0.78rem] text-ink-muted flex items-center gap-2">
+            <span className="inline-flex items-center rounded-full bg-success-bg text-success text-[0.7rem] font-semibold px-2.5 py-0.5">
+              הלכות מאושרות בלבד
+            </span>
+            <span className="tabular-nums">{data.count} תוצאות</span>
           </p>
           {data.items.map((hit, i) =>
             hit.type === "halacha" ? (