From 251262ab6714fdeb9b5e195d2027c8eeca0513fe Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Tue, 16 Jun 2026 19:16:12 +0000
Subject: [PATCH] =?UTF-8?q?polish(ui):=20=D7=99=D7=99=D7=A9=D7=95=D7=A8=20?=
 =?UTF-8?q?5=20=D7=A4=D7=A8=D7=99=D7=98=D7=99=20=D7=A7=D7=98=D7=92=D7=95?=
 =?UTF-8?q?=D7=A8=D7=99=D7=94-A=20=D7=9C=D7=9E=D7=95=D7=A7=D7=90=D7=A4?=
 =?UTF-8?q?=D7=99=20X17=20=D7=94=D7=9E=D7=90=D7=95=D7=A9=D7=A8=D7=99=D7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ליטושים שבהם הקוד פיגר אחרי מוקאפ-מאושר (אין צורך בסבב-עיצוב חדש):
- methodology/golden-ratios: כותרות-טבלה לעברית (Section/Min/Max → בלוק/מינ׳/מקס׳),
  תיקון מחלקות directional (ml-→me-) ו-token שגוי (ink-faint→ink-muted).
- halacha PanelDeliberation: seedline "הכרעתך תיקלט כתווית-הזהב…" (מוקאפ 18).
- cases-table: תווית-זמן-יחסי ליד מועד-הדיון (היום/מחר/בעוד N ימים, מוקאפ 04b).
- operations BURST: הדגשת chip ברירת-המחדל "שבת 18:00 (ברירת-מחדל)" (מוקאפ 02b).
- archive: סלקטור-שנים (נגזר מ-archived_at) לצד סלקטור-הסוג (מוקאפ 05).

נדחו (לא pure-alignment): chips סינון-מקור בפסיקה-חסרה (דורש פרם-סינון
discovery_source ב-backend); סדר/שמות-טאבים באימון+מתודולוגיה (סיכון לדרוס
שמות שנבחרו בכוונה — הסוכן/שיחה).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web-ui/src/app/archive/page.tsx               | 40 ++++++++++++++++---
 web-ui/src/app/operations/page.tsx            |  4 +-
 web-ui/src/components/cases/cases-table.tsx   | 23 +++++++++--
 .../methodology/golden-ratios-panel.tsx       | 16 ++++----
 .../precedents/halacha-review-panel.tsx       |  8 ++++
 5 files changed, 73 insertions(+), 18 deletions(-)

diff --git a/web-ui/src/app/archive/page.tsx b/web-ui/src/app/archive/page.tsx
index 06a0e41..d900043 100644
--- a/web-ui/src/app/archive/page.tsx
+++ b/web-ui/src/app/archive/page.tsx
@@ -168,9 +168,21 @@ export default function ArchivePage() {
   ]);
   const [globalFilter, setGlobalFilter] = useState("");
   const [typeFilter, setTypeFilter] = useState<string>("all");
+  const [yearFilter, setYearFilter] = useState<string>("all");
 
   const rows = useMemo(() => data ?? [], [data]);
 
+  // years present in the archive (by archive date) — for the year filter (mockup 05)
+  const years = useMemo(() => {
+    const set = new Set<string>();
+    for (const c of rows) {
+      if (!c.archived_at) continue;
+      const y = new Date(c.archived_at).getFullYear();
+      if (!Number.isNaN(y)) set.add(String(y));
+    }
+    return [...set].sort((a, b) => Number(b) - Number(a));
+  }, [rows]);
+
   const table = useReactTable({
     data: rows,
     columns,
@@ -192,10 +204,16 @@ export default function ArchivePage() {
 
   // domain filter applied client-side (subtypeOf collapses בל"מ variants)
   const filteredRows = useMemo(() => {
-    const all = table.getFilteredRowModel().rows;
-    if (typeFilter === "all") return all;
-    return all.filter((r) => subtypeOf(r.original) === typeFilter);
-  }, [table, typeFilter, globalFilter, sorting, rows]);
+    let all = table.getFilteredRowModel().rows;
+    if (typeFilter !== "all") all = all.filter((r) => subtypeOf(r.original) === typeFilter);
+    if (yearFilter !== "all") {
+      all = all.filter((r) => {
+        const iso = r.original.archived_at;
+        return iso != null && String(new Date(iso).getFullYear()) === yearFilter;
+      });
+    }
+    return all;
+  }, [table, typeFilter, yearFilter, globalFilter, sorting, rows]);
 
   const total = rows.length;
   const shown = filteredRows.length;
@@ -242,6 +260,18 @@ export default function ArchivePage() {
             <option value="betterment_levy">היטל השבחה</option>
             <option value="compensation_197">פיצויים (ס׳ 197)</option>
           </select>
+          {years.length > 0 ? (
+            <select
+              value={yearFilter}
+              onChange={(e) => setYearFilter(e.target.value)}
+              className="cursor-pointer text-[0.84rem] text-ink-soft bg-surface border border-rule rounded-lg px-3.5 py-2"
+            >
+              <option value="all">כל השנים</option>
+              {years.map((y) => (
+                <option key={y} value={y}>{y}</option>
+              ))}
+            </select>
+          ) : null}
           <span className="ms-auto text-[0.82rem] text-ink-muted tabular-nums">
             מציג {shown} מתוך {total}
           </span>
@@ -301,7 +331,7 @@ export default function ArchivePage() {
                       <div className="text-gold text-2xl mb-2" aria-hidden>
                         ❦
                       </div>
-                      {globalFilter || typeFilter !== "all"
+                      {globalFilter || typeFilter !== "all" || yearFilter !== "all"
                         ? "אין תיקים תואמים לחיפוש"
                         : "אין תיקים בארכיון"}
                     </TableCell>
diff --git a/web-ui/src/app/operations/page.tsx b/web-ui/src/app/operations/page.tsx
index f67c5e6..c3f449e 100644
--- a/web-ui/src/app/operations/page.tsx
+++ b/web-ui/src/app/operations/page.tsx
@@ -264,9 +264,9 @@ function BurstControl({ s }: { s: OpsService }) {
               onChange={(e) => setUntil(e.target.value)}
             />
             <div className="flex flex-wrap gap-1.5 pt-1">
-              <button type="button" className="text-[0.72rem] text-gold-deep bg-gold-wash border border-rule rounded-full px-2.5 py-0.5 hover:border-gold"
+              <button type="button" className="text-[0.72rem] text-gold-deep bg-gold-wash border border-gold rounded-full px-2.5 py-0.5 font-semibold hover:border-gold-deep"
                 onClick={() => setUntil(toLocalInput(nextSaturday18()))}>
-                שבת 18:00
+                שבת 18:00 <span className="font-normal text-ink-muted">(ברירת-מחדל)</span>
               </button>
               <button type="button" className="text-[0.72rem] text-gold-deep bg-gold-wash border border-rule rounded-full px-2.5 py-0.5 hover:border-gold"
                 onClick={() => setUntil(toLocalInput(new Date(Date.now() + 5 * 3600 * 1000)))}>
diff --git a/web-ui/src/components/cases/cases-table.tsx b/web-ui/src/components/cases/cases-table.tsx
index 6e15f2d..81d31b1 100644
--- a/web-ui/src/components/cases/cases-table.tsx
+++ b/web-ui/src/components/cases/cases-table.tsx
@@ -70,6 +70,17 @@ const HEARING_CLASS_STYLE: Record<HearingClass, string> = {
   none: "text-ink-light",
 };
 
+/** Relative-time label beside the hearing date (mockup 04b `.hd-rel`). */
+function relativeHearing(iso?: string | null): string | null {
+  const t = hearingMs(iso);
+  if (t === null) return null;
+  const days = Math.round((t - startOfToday()) / 86_400_000);
+  if (days === 0) return "היום";
+  if (days === 1) return "מחר";
+  if (days === -1) return "אתמול";
+  return days > 0 ? `בעוד ${days} ימים` : `לפני ${Math.abs(days)} ימים`;
+}
+
 /**
  * Default ordering for the case list: the nearest upcoming hearing on top,
  * past hearings sinking below it (most-recently-passed first), and cases with
@@ -143,10 +154,16 @@ const columns: ColumnDef<Case>[] = [
     sortingFn: hearingDateSort,
     cell: ({ row }) => {
       const klass = classifyHearing(row.original.hearing_date);
+      const rel = relativeHearing(row.original.hearing_date);
       return (
-        <span className={`tabular-nums text-sm ${HEARING_CLASS_STYLE[klass]}`}>
-          {formatDate(row.original.hearing_date ?? undefined)}
-        </span>
+        <div className="leading-tight">
+          <span className={`tabular-nums text-sm ${HEARING_CLASS_STYLE[klass]}`}>
+            {formatDate(row.original.hearing_date ?? undefined)}
+          </span>
+          {rel ? (
+            <span className="block text-[0.7rem] text-ink-muted">{rel}</span>
+          ) : null}
+        </div>
       );
     },
   },
diff --git a/web-ui/src/components/methodology/golden-ratios-panel.tsx b/web-ui/src/components/methodology/golden-ratios-panel.tsx
index 767dd43..ef3e2f5 100644
--- a/web-ui/src/components/methodology/golden-ratios-panel.tsx
+++ b/web-ui/src/components/methodology/golden-ratios-panel.tsx
@@ -90,8 +90,8 @@ export function GoldenRatiosPanel() {
 
   if (isLoading) {
     return (
-      <div className="flex items-center justify-center py-12 text-ink-faint">
-        <Loader2 className="w-5 h-5 animate-spin ml-2" />
+      <div className="flex items-center justify-center py-12 text-ink-muted">
+        <Loader2 className="w-5 h-5 animate-spin me-2" />
         טוען...
       </div>
     );
@@ -113,10 +113,10 @@ export function GoldenRatiosPanel() {
             {/* Table */}
             <table className="w-full text-sm">
               <thead>
-                <tr className="text-ink-faint text-[11px]">
-                  <th className="text-right py-1">Section</th>
-                  <th className="text-center py-1">Min %</th>
-                  <th className="text-center py-1">Max %</th>
+                <tr className="text-ink-muted text-[11px]">
+                  <th className="text-start py-1">בלוק</th>
+                  <th className="text-center py-1">מינ׳ %</th>
+                  <th className="text-center py-1">מקס׳ %</th>
                 </tr>
               </thead>
               <tbody>
@@ -155,7 +155,7 @@ export function GoldenRatiosPanel() {
                 disabled={!card.dirty || update.isPending}
                 onClick={() => handleSave(card)}
               >
-                {update.isPending ? <Loader2 className="w-3 h-3 animate-spin ml-1" /> : <Save className="w-3 h-3 ml-1" />}
+                {update.isPending ? <Loader2 className="w-3 h-3 animate-spin me-1" /> : <Save className="w-3 h-3 me-1" />}
                 שמור
               </Button>
               {card.isOverride && (
@@ -165,7 +165,7 @@ export function GoldenRatiosPanel() {
                   disabled={reset.isPending}
                   onClick={() => handleReset(card)}
                 >
-                  <RotateCcw className="w-3 h-3 ml-1" />
+                  <RotateCcw className="w-3 h-3 me-1" />
                   איפוס
                 </Button>
               )}
diff --git a/web-ui/src/components/precedents/halacha-review-panel.tsx b/web-ui/src/components/precedents/halacha-review-panel.tsx
index fb715e1..bf6cbb5 100644
--- a/web-ui/src/components/precedents/halacha-review-panel.tsx
+++ b/web-ui/src/components/precedents/halacha-review-panel.tsx
@@ -123,6 +123,14 @@ function PanelDeliberation({ round }: { round: NonNullable<Halacha["panel_round"
           </p>
         </div>
       )}
+      {/* seedline (mockup 18): the chair's call IS the gold label the
+          active-learning loop trains on — surfaced on every deliberation. */}
+      <p
+        className="border-t border-rule-soft bg-gold-wash/40 px-3 py-1.5 text-[0.64rem] text-ink-muted leading-snug"
+        dir="rtl"
+      >
+        הכרעתך תיקלט כתווית-הזהב שממנה לומדת לולאת-הלמידה-הפעילה.
+      </p>
     </div>
   );
 }