refactor(frontend): finish shadcn→custom primitive migration (green build)

- Remove tw-animate-css import + dead src/components/ui shadcn tree
- Convert 7 orphaned components (moderation, analysis, guild-selector,
  voice/activity-timeline, shared/empty+error) to new primitives
- Add missing moderation/view.tsx; analysis uses SearchPanel directly
- globals.css now uses new signal-driven ops-console tokens
- tsc --noEmit clean, next build green (11 routes), local smoke 200
This commit is contained in:
asepharyana
2026-08-14 10:49:44 +07:00
parent 5816e94a63
commit 5bbf75a65b
130 changed files with 4431 additions and 12978 deletions
@@ -0,0 +1,39 @@
import { cn } from "@/lib/utils";
export interface ProgressProps {
value: number;
max?: number;
className?: string;
tone?: "signal" | "amber" | "vermilion";
showLabel?: boolean;
}
export function Progress({
value,
max = 100,
className,
tone = "signal",
showLabel,
}: ProgressProps) {
const pct = Math.max(0, Math.min(100, (value / max) * 100));
const stroke = {
signal: "var(--color-signal)",
amber: "var(--color-amber)",
vermilion: "var(--color-vermilion)",
}[tone];
return (
<div className={cn("flex items-center gap-2", className)}>
<div className="relative h-1.5 flex-1 overflow-hidden rounded-full bg-[var(--color-hairline)]">
<div
className="absolute inset-y-0 left-0 rounded-full transition-[width] duration-300"
style={{ width: `${pct}%`, background: stroke }}
/>
</div>
{showLabel && (
<span className="mono text-xs text-[var(--color-ink-soft)]">
{Math.round(pct)}%
</span>
)}
</div>
);
}