Chaim
e849285806
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 32s
Backend (cases listing) - /api/cases: also return updated_at, created_at, practice_area, appeal_subtype, subject. The detail-mode response was previously dropping these even though db.list_cases reads them, leaving the UI's "תחום" and "עודכן" columns blank. Frontend - Split the home table into two: רישוי (1xxx) and היטל השבחה ופיצויים (8xxx + 9xxx), bucketing on appeal_subtype with a case-number-prefix fallback. The "תחום" column is now redundant and removed. - New AppealTypeBars chart in the right rail next to the existing status donut. - Donut: switch to a vertical layout (donut on top, legend below in a 3-col grid) so labels like "חדש / בעיבוד" no longer wrap inside the 320px sidebar; counts now align in a tabular column. - CasesTable accepts emptyText/searchPlaceholder so each split table has its own copy. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
95 lines
3.6 KiB
TypeScript
95 lines
3.6 KiB
TypeScript
"use client";
|
||
|
||
import type { Case, CaseStatus } from "@/lib/api/cases";
|
||
import { STATUS_LABELS } from "@/components/cases/status-badge";
|
||
|
||
/*
|
||
* Conic-gradient donut — ported from legal-ai/web/static/index.html renderHero().
|
||
* Kept deliberately dependency-free (no D3/recharts) — a single background-image.
|
||
* Five status groups map onto the navy/gold/info/warn/success palette.
|
||
*/
|
||
|
||
type GroupKey = "intake" | "prep" | "thinking" | "writing" | "done";
|
||
|
||
const GROUP_OF: Record<CaseStatus, GroupKey> = {
|
||
new: "intake", uploading: "intake", processing: "intake",
|
||
documents_ready: "prep", analyst_verified: "prep", research_complete: "prep", outcome_set: "prep",
|
||
brainstorming: "thinking", direction_approved: "thinking", analysis_enriched: "thinking", ready_for_writing: "thinking",
|
||
drafting: "writing", qa_review: "writing", drafted: "writing",
|
||
exported: "done", reviewed: "done", final: "done",
|
||
};
|
||
|
||
const GROUP_META: Record<GroupKey, { label: string; color: string }> = {
|
||
intake: { label: "חדש / בעיבוד", color: "var(--color-ink-muted)" },
|
||
prep: { label: "הכנה", color: "var(--color-info)" },
|
||
thinking: { label: "ניתוח וכיוון", color: "var(--color-gold)" },
|
||
writing: { label: "בכתיבה", color: "var(--color-warn)" },
|
||
done: { label: "מוכן", color: "var(--color-success)" },
|
||
};
|
||
|
||
export function StatusDonut({ cases }: { cases?: Case[] }) {
|
||
const counts: Record<GroupKey, number> = {
|
||
intake: 0, prep: 0, thinking: 0, writing: 0, done: 0,
|
||
};
|
||
(cases ?? []).forEach((c) => {
|
||
const g = GROUP_OF[c.status];
|
||
if (g) counts[g] += 1;
|
||
});
|
||
const total = Object.values(counts).reduce((a, b) => a + b, 0);
|
||
|
||
const segments: { key: GroupKey; start: number; end: number }[] = [];
|
||
let pct = 0;
|
||
(Object.keys(counts) as GroupKey[]).forEach((k) => {
|
||
if (counts[k] === 0) return;
|
||
const start = total === 0 ? 0 : (pct / total) * 360;
|
||
pct += counts[k];
|
||
const end = total === 0 ? 360 : (pct / total) * 360;
|
||
segments.push({ key: k, start, end });
|
||
});
|
||
|
||
const background =
|
||
total === 0
|
||
? "conic-gradient(var(--color-rule-soft) 0deg 360deg)"
|
||
: `conic-gradient(${segments
|
||
.map((s) => `${GROUP_META[s.key].color} ${s.start}deg ${s.end}deg`)
|
||
.join(", ")})`;
|
||
|
||
return (
|
||
<div className="flex flex-col items-center gap-5">
|
||
<div
|
||
className="relative w-[150px] h-[150px] rounded-full shadow-sm"
|
||
style={{ background }}
|
||
aria-label="פיזור תיקים לפי סטטוס"
|
||
>
|
||
<div className="absolute inset-[20px] bg-surface rounded-full flex flex-col items-center justify-center">
|
||
<span className="font-display text-3xl font-black text-navy leading-none tabular-nums">
|
||
{total}
|
||
</span>
|
||
<span className="text-[0.7rem] text-ink-muted mt-1 tracking-wide">תיקים</span>
|
||
</div>
|
||
</div>
|
||
|
||
<ul className="grid grid-cols-1 gap-1.5 text-sm w-full">
|
||
{(Object.keys(GROUP_META) as GroupKey[]).map((k) => (
|
||
<li
|
||
key={k}
|
||
className="grid grid-cols-[auto_1fr_auto] items-center gap-2 py-1 px-2 rounded-md hover:bg-rule-soft/40 transition-colors"
|
||
>
|
||
<span
|
||
className="inline-block w-2.5 h-2.5 rounded-full shrink-0"
|
||
style={{ background: GROUP_META[k].color }}
|
||
/>
|
||
<span className="text-ink-soft truncate">{GROUP_META[k].label}</span>
|
||
<span className="text-ink font-semibold tabular-nums">
|
||
{counts[k]}
|
||
</span>
|
||
</li>
|
||
))}
|
||
</ul>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
/* Exported for the legend tests / docs if ever needed */
|
||
export { STATUS_LABELS };
|