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
2026-08-14 10:49:44 +07:00
parent 5816e94a63
commit 5bbf75a65b
130 changed files with 4431 additions and 12978 deletions
@@ -0,0 +1,67 @@
+"use client";
+
+import { useId } from "react";
+
+export interface SparklineProps {
+  data: number[];
+  width?: number;
+  height?: number;
+  stroke?: string;
+  className?: string;
+  fill?: boolean;
+}
+
+export function Sparkline({
+  data,
+  width = 120,
+  height = 36,
+  stroke = "var(--color-signal)",
+  className,
+  fill = true,
+}: SparklineProps) {
+  const id = useId().replace(/:/g, "");
+  if (data.length < 2)
+    return <svg width={width} height={height} className={className} />;
+
+  const min = Math.min(...data);
+  const max = Math.max(...data);
+  const span = max - min || 1;
+  const stepX = width / (data.length - 1);
+  const pts = data.map((v, i) => {
+    const x = i * stepX;
+    const y = height - ((v - min) / span) * (height - 4) - 2;
+    return [x, y] as const;
+  });
+  const line = pts
+    .map(
+      (p, i) => `${i === 0 ? "M" : "L"}${p[0].toFixed(1)},${p[1].toFixed(1)}`,
+    )
+    .join(" ");
+  const area = `${line} L${width},${height} L0,${height} Z`;
+
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox={`0 0 ${width} ${height}`}
+      className={className}
+      preserveAspectRatio="none"
+    >
+      <defs>
+        <linearGradient id={`spark-${id}`} x1="0" y1="0" x2="0" y2="1">
+          <stop offset="0%" stopColor={stroke} stopOpacity="0.28" />
+          <stop offset="100%" stopColor={stroke} stopOpacity="0" />
+        </linearGradient>
+      </defs>
+      {fill && <path d={area} fill={`url(#spark-${id})`} />}
+      <path
+        d={line}
+        fill="none"
+        stroke={stroke}
+        strokeWidth={1.6}
+        strokeLinejoin="round"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}