Chaim
1351c77dfd
All checks were successful
G12 Leak-Guard / leak-guard (pull_request) Successful in 8s
מעבר מלא על שאר 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>
95 lines
3.4 KiB
TypeScript
95 lines
3.4 KiB
TypeScript
"use client";
|
||
|
||
import Link from "next/link";
|
||
import { useQuery } from "@tanstack/react-query";
|
||
|
||
import { AppShell } from "@/components/app-shell";
|
||
import { Card, CardContent } from "@/components/ui/card";
|
||
import { Markdown } from "@/components/ui/markdown";
|
||
import { fetchScriptsCatalog } from "@/lib/api/scripts";
|
||
|
||
/*
|
||
* /scripts — read-only catalog of everything under scripts/.
|
||
*
|
||
* The content is `scripts/SCRIPTS.md` verbatim (active · archived · deleted
|
||
* tables), served by GET /api/scripts/catalog. SCRIPTS.md is the single
|
||
* source of truth — CLAUDE.md mandates updating it on every script change —
|
||
* so we render it directly rather than re-describing the scripts here.
|
||
*/
|
||
export default function ScriptsPage() {
|
||
const { data, isLoading, isError, error } = useQuery({
|
||
queryKey: ["scripts-catalog"],
|
||
queryFn: ({ signal }) => fetchScriptsCatalog(signal),
|
||
});
|
||
|
||
const lastModified =
|
||
data?.last_modified != null
|
||
? new Date(data.last_modified * 1000).toLocaleDateString("he-IL", {
|
||
year: "numeric",
|
||
month: "long",
|
||
day: "numeric",
|
||
})
|
||
: null;
|
||
|
||
return (
|
||
<AppShell>
|
||
<section className="space-y-6">
|
||
<div className="flex items-end justify-between gap-4">
|
||
<div>
|
||
<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-sm text-ink-muted mt-1">
|
||
קטלוג כל הסקריפטים בתיקיית{" "}
|
||
<code className="rounded bg-rule-soft px-1 py-0.5 font-mono text-[0.78rem]">
|
||
scripts/
|
||
</code>{" "}
|
||
— שם, סוג, תפקיד ותזמון. מקור-האמת הוא{" "}
|
||
<code className="rounded bg-rule-soft px-1 py-0.5 font-mono text-[0.78rem]">
|
||
scripts/SCRIPTS.md
|
||
</code>
|
||
; עריכה דרך git, לא מכאן.
|
||
</p>
|
||
</div>
|
||
{data?.gitea_url ? (
|
||
<a
|
||
href={data.gitea_url}
|
||
target="_blank"
|
||
rel="noreferrer"
|
||
className="shrink-0 text-sm text-gold-deep hover:text-gold underline underline-offset-2"
|
||
>
|
||
מקור ב-Gitea ↗
|
||
</a>
|
||
) : null}
|
||
</div>
|
||
|
||
<div className="h-[2px] bg-gradient-to-l from-transparent via-gold to-transparent" />
|
||
|
||
<Card className="bg-surface border-rule shadow-sm">
|
||
<CardContent className="px-6 py-5">
|
||
{isLoading ? (
|
||
<p className="text-sm text-ink-muted">טוען קטלוג…</p>
|
||
) : isError ? (
|
||
<p className="text-sm text-danger">
|
||
שגיאה בטעינת הקטלוג: {(error as Error)?.message ?? "לא ידוע"}
|
||
</p>
|
||
) : data ? (
|
||
<>
|
||
<Markdown content={data.content} />
|
||
{lastModified ? (
|
||
<p className="mt-6 pt-3 border-t border-rule text-xs text-ink-muted">
|
||
עודכן לאחרונה: {lastModified}
|
||
</p>
|
||
) : null}
|
||
</>
|
||
) : null}
|
||
</CardContent>
|
||
</Card>
|
||
</section>
|
||
</AppShell>
|
||
);
|
||
}
|