update miletruth page and remove unwanted files

src/components/optimization/MetricsPanel.tsx

@@ -12,18 +12,7 @@ type Props = {
 const COUNT_START = 0.7;
 const COUNT_END = 0.97;
 
-function Metric({ kpi, scroll, index }: { kpi: Kpi; scroll: MotionValue<number>; index: number }) {
-  const [jitter, setJitter] = React.useState(0);
-
-  React.useEffect(() => {
-    const interval = setInterval(() => {
-      // Tiny micro-fluctuation between -0.4% and +0.4%
-      const val = (Math.random() - 0.5) * 0.008;
-      setJitter(val);
-    }, 800 + Math.random() * 600); // slightly staggered updates
-    return () => clearInterval(interval);
-  }, []);
-
+function Metric({ kpi, scroll, index, jitter }: { kpi: Kpi; scroll: MotionValue<number>; index: number; jitter: number }) {
   // Single reactive string — updates without re-rendering React.
   const value = useTransform(scroll, (v) => {
     const t = Math.min(1, Math.max(0, (v - COUNT_START) / (COUNT_END - COUNT_START)));
@@ -140,10 +129,24 @@ function Metric({ kpi, scroll, index }: { kpi: Kpi; scroll: MotionValue<number>;
 const MetricCard = React.memo(Metric);
 
 function MetricsPanel({ scroll }: Props) {
+  // One shared interval drives the live "operational" micro-fluctuation for all
+  // cards (was 5 independent timers). Paused under reduced-motion and when the
+  // tab is hidden.
+  const [jitters, setJitters] = React.useState<number[]>(() => KPIS.map(() => 0));
+
+  React.useEffect(() => {
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+    const id = setInterval(() => {
+      if (document.hidden) return;
+      setJitters(KPIS.map(() => (Math.random() - 0.5) * 0.008));
+    }, 1100);
+    return () => clearInterval(id);
+  }, []);
+
   return (
     <div className="dm-opt-metrics" role="group" aria-label="Optimization results">
       {KPIS.map((kpi, i) => (
-        <MetricCard key={kpi.key} kpi={kpi} scroll={scroll} index={i} />
+        <MetricCard key={kpi.key} kpi={kpi} scroll={scroll} index={i} jitter={jitters[i]} />
       ))}
     </div>
   );