From 070ab80d4a95a4b23fff7d2fdd5ae88415ca4818 Mon Sep 17 00:00:00 2001
From: mo <mo@homelab.local>
Date: Sun, 12 Jul 2026 21:54:28 +0000
Subject: [PATCH] =?UTF-8?q?Initial=20commit=20=E2=80=94=20Mek-Tech=20Live?=
 =?UTF-8?q?=20Labs=20Showcase=20v1.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                  |    5 +
 Dockerfile                                  |   19 +
 frontend/index.html                         |   15 +
 frontend/src/App.jsx                        |   23 +
 frontend/src/components/GlobalOpsLayout.jsx |   43 +
 frontend/src/components/LiveCameraFeed.jsx  |  236 ++
 frontend/src/components/SmartCityMap.jsx    |  123 +
 frontend/src/components/dashboard.jsx       |   66 +
 frontend/src/components/shared.jsx          |   58 +
 frontend/src/layouts/Shell.jsx              |   49 +
 frontend/src/main.jsx                       |   13 +
 frontend/src/pages/Fraud.jsx                |  110 +
 frontend/src/pages/Hub.jsx                  |   85 +
 frontend/src/pages/Retail.jsx               |  100 +
 frontend/src/pages/SmartCity.jsx            |  179 +
 frontend/src/pages/SupplyChain.jsx          |   94 +
 frontend/src/pages/Trading.jsx              |  107 +
 frontend/src/styles.css                     |  350 ++
 frontend/vite.config.js                     |   20 +
 package-lock.json                           | 3540 +++++++++++++++++++
 package.json                                |   30 +
 server/index.js                             |  120 +
 server/lib/cache.js                         |   48 +
 server/lib/camera-proxy.js                  |   47 +
 server/lib/sources/fraud.js                 |  116 +
 server/lib/sources/retail.js                |   69 +
 server/lib/sources/smart-city-infra.js      |  118 +
 server/lib/sources/smart-city.js            |  209 ++
 server/lib/sources/supply-chain.js          |   68 +
 server/lib/sources/trading.js               |  127 +
 30 files changed, 6187 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 Dockerfile
 create mode 100644 frontend/index.html
 create mode 100644 frontend/src/App.jsx
 create mode 100644 frontend/src/components/GlobalOpsLayout.jsx
 create mode 100644 frontend/src/components/LiveCameraFeed.jsx
 create mode 100644 frontend/src/components/SmartCityMap.jsx
 create mode 100644 frontend/src/components/dashboard.jsx
 create mode 100644 frontend/src/components/shared.jsx
 create mode 100644 frontend/src/layouts/Shell.jsx
 create mode 100644 frontend/src/main.jsx
 create mode 100644 frontend/src/pages/Fraud.jsx
 create mode 100644 frontend/src/pages/Hub.jsx
 create mode 100644 frontend/src/pages/Retail.jsx
 create mode 100644 frontend/src/pages/SmartCity.jsx
 create mode 100644 frontend/src/pages/SupplyChain.jsx
 create mode 100644 frontend/src/pages/Trading.jsx
 create mode 100644 frontend/src/styles.css
 create mode 100644 frontend/vite.config.js
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 server/index.js
 create mode 100644 server/lib/cache.js
 create mode 100644 server/lib/camera-proxy.js
 create mode 100644 server/lib/sources/fraud.js
 create mode 100644 server/lib/sources/retail.js
 create mode 100644 server/lib/sources/smart-city-infra.js
 create mode 100644 server/lib/sources/smart-city.js
 create mode 100644 server/lib/sources/supply-chain.js
 create mode 100644 server/lib/sources/trading.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e1a1bf4
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+node_modules/
+cache/
+frontend/dist/
+.env
+*.log
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..825a182
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,19 @@
+FROM node:20-alpine AS builder
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY frontend ./frontend
+COPY server ./server
+RUN npm run build
+
+FROM node:20-alpine
+WORKDIR /app
+COPY package*.json ./
+RUN npm install --omit=dev
+COPY server ./server
+COPY --from=builder /app/frontend/dist ./frontend/dist
+ENV PORT=3010
+ENV CACHE_DIR=/app/cache
+RUN mkdir -p /app/cache
+EXPOSE 3010
+CMD ["node", "server/index.js"]
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..7b36b9e
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="nl">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="referrer" content="strict-origin-when-cross-origin" />
+  <title>Mek-Tech Live Labs</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.jsx"></script>
+</body>
+</html>
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
new file mode 100644
index 0000000..6c13b6d
--- /dev/null
+++ b/frontend/src/App.jsx
@@ -0,0 +1,23 @@
+import { Routes, Route } from 'react-router-dom';
+import Shell from './layouts/Shell';
+import Hub from './pages/Hub';
+import Trading from './pages/Trading';
+import Retail from './pages/Retail';
+import SupplyChain from './pages/SupplyChain';
+import Fraud from './pages/Fraud';
+import SmartCity from './pages/SmartCity';
+
+export default function App() {
+  return (
+    <Shell>
+      <Routes>
+        <Route path="/" element={<Hub />} />
+        <Route path="/trading" element={<Trading />} />
+        <Route path="/retail" element={<Retail />} />
+        <Route path="/supply-chain" element={<SupplyChain />} />
+        <Route path="/fraud" element={<Fraud />} />
+        <Route path="/smart-city" element={<SmartCity />} />
+      </Routes>
+    </Shell>
+  );
+}
diff --git a/frontend/src/components/GlobalOpsLayout.jsx b/frontend/src/components/GlobalOpsLayout.jsx
new file mode 100644
index 0000000..0e3648d
--- /dev/null
+++ b/frontend/src/components/GlobalOpsLayout.jsx
@@ -0,0 +1,43 @@
+import { LiveBadge } from './shared';
+import { InsightStrip } from './dashboard';
+
+export function GlobalOpsLayout({
+  badge = 'GLOBAL OPERATIONS CENTER',
+  title,
+  subtitle,
+  lastUpdate,
+  refreshMs,
+  contextBlocks,
+  insights,
+  children
+}) {
+  return (
+    <div className="ops-global">
+      <div className="global-header">
+        <div>
+          <span className="global-badge">{badge}</span>
+          <h1 className="global-title">{title}</h1>
+          {subtitle && <p className="global-sub">{subtitle}</p>}
+        </div>
+        <div className="global-header-right">
+          <LiveBadge lastUpdate={lastUpdate} intervalMs={refreshMs} />
+          {refreshMs && <span className="refresh-badge">⚡ {refreshMs}ms SSE</span>}
+        </div>
+      </div>
+
+      {contextBlocks?.length > 0 && (
+        <div className="context-grid">
+          {contextBlocks.map((block, i) => (
+            <div key={i} className="context-card glass">
+              <h3>{block.title}</h3>
+              <p>{block.body}</p>
+            </div>
+          ))}
+        </div>
+      )}
+
+      <InsightStrip items={insights} />
+      {children}
+    </div>
+  );
+}
diff --git a/frontend/src/components/LiveCameraFeed.jsx b/frontend/src/components/LiveCameraFeed.jsx
new file mode 100644
index 0000000..fd5c05c
--- /dev/null
+++ b/frontend/src/components/LiveCameraFeed.jsx
@@ -0,0 +1,236 @@
+import { useEffect, useRef, useState, useCallback } from 'react';
+
+const REFRESH_MS = 1200;
+const PRIMARY_REFRESH_MS = 800;
+
+function CctvOverlay({ camera }) {
+  return (
+    <div className="cctv-overlay-text">
+      <div>{camera.name}</div>
+      <div>{camera.city} · {camera.zone}</div>
+      <div className="cctv-clock">{new Date().toLocaleTimeString('nl-NL')}</div>
+    </div>
+  );
+}
+
+function SnapshotFeed({ camera, compact, fast }) {
+  const [tick, setTick] = useState(0);
+  const [err, setErr] = useState(false);
+  const interval = fast ? PRIMARY_REFRESH_MS : REFRESH_MS;
+
+  useEffect(() => {
+    setErr(false);
+    const iv = setInterval(() => setTick(t => t + 1), interval);
+    return () => clearInterval(iv);
+  }, [camera?.id, interval]);
+
+  const src = camera?.frameUrl
+    ? `${camera.frameUrl}?t=${tick}`
+    : camera?.youtubeId
+      ? `https://i.ytimg.com/vi/${camera.youtubeId}/hqdefault_live.jpg?t=${tick}`
+      : null;
+
+  if (!src || err) {
+    return (
+      <div className="cctv-synthetic">
+        <div className="cctv-scanlines" />
+        <CctvOverlay camera={camera} />
+      </div>
+    );
+  }
+
+  return (
+    <>
+      <img
+        key={`${camera.id}-${tick}`}
+        src={src}
+        alt={camera.name}
+        className="cctv-snapshot"
+        onError={() => setErr(true)}
+        loading="eager"
+        decoding="async"
+        referrerPolicy="strict-origin-when-cross-origin"
+      />
+      <div className="cctv-scanlines cctv-scanlines-light" />
+      {!compact && <CctvOverlay camera={camera} />}
+    </>
+  );
+}
+
+function YoutubeFeed({ camera, onFail }) {
+  const failed = useRef(false);
+  const params = new URLSearchParams({
+    autoplay: '1',
+    mute: '1',
+    controls: '1',
+    playsinline: '1',
+    rel: '0',
+    modestbranding: '1',
+    iv_load_policy: '3',
+    fs: '0'
+  });
+
+  useEffect(() => {
+    failed.current = false;
+    const timer = setTimeout(() => {
+      if (!failed.current) onFail?.();
+    }, 12000);
+    return () => clearTimeout(timer);
+  }, [camera?.id, onFail]);
+
+  const embedUrl = `https://www.youtube.com/embed/${camera.youtubeId}?${params}`;
+
+  return (
+    <iframe
+      title={camera.name}
+      src={embedUrl}
+      className="cctv-youtube"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+      allowFullScreen
+      referrerPolicy="strict-origin-when-cross-origin"
+      onError={() => { failed.current = true; onFail?.(); }}
+    />
+  );
+}
+
+function HlsFeed({ camera, onFail }) {
+  const videoRef = useRef(null);
+
+  useEffect(() => {
+    if (!camera?.streamUrl || !videoRef.current) return;
+    const video = videoRef.current;
+    let hls;
+    let cancelled = false;
+
+    async function play() {
+      try {
+        if (camera.mp4Url) {
+          video.src = camera.mp4Url;
+          video.loop = true;
+          await video.play();
+          return;
+        }
+
+        if (video.canPlayType('application/vnd.apple.mpegurl')) {
+          video.src = camera.streamUrl;
+          await video.play();
+          return;
+        }
+
+        const Hls = (await import('hls.js')).default;
+        if (!Hls.isSupported()) {
+          onFail?.();
+          return;
+        }
+
+        hls = new Hls({
+          enableWorker: true,
+          lowLatencyMode: true,
+          startLevel: -1,
+          capLevelToPlayerSize: false,
+          maxBufferLength: 12,
+          maxMaxBufferLength: 20
+        });
+
+        hls.loadSource(camera.streamUrl);
+        hls.attachMedia(video);
+
+        hls.on(Hls.Events.MANIFEST_PARSED, () => {
+          if (cancelled) return;
+          if (hls.levels?.length) hls.currentLevel = hls.levels.length - 1;
+          video.play().catch(() => onFail?.());
+        });
+
+        hls.on(Hls.Events.ERROR, (_, data) => {
+          if (cancelled || !data.fatal) return;
+          onFail?.();
+        });
+      } catch (_) {
+        onFail?.();
+      }
+    }
+
+    play();
+    return () => {
+      cancelled = true;
+      hls?.destroy();
+    };
+  }, [camera?.id, camera?.streamUrl, camera?.mp4Url, onFail]);
+
+  return <video ref={videoRef} muted autoPlay playsInline loop className="cctv-video" />;
+}
+
+export function LiveCameraFeed({ camera, compact, className = '', isPrimary = false }) {
+  const [mode, setMode] = useState('snapshot');
+
+  const failYoutube = useCallback(() => setMode('hls'), []);
+  const failHls = useCallback(() => setMode('snapshot'), []);
+
+  useEffect(() => {
+    if (!camera) return;
+    if (isPrimary && camera.youtubeId) setMode('youtube');
+    else if (camera.frameUrl || camera.youtubeId) setMode('snapshot');
+    else setMode('hls');
+  }, [camera?.id, camera?.youtubeId, camera?.frameUrl, isPrimary]);
+
+  if (!camera) return null;
+
+  const showYoutube = mode === 'youtube' && camera.youtubeId && isPrimary;
+  const showHls = mode === 'hls';
+  const showSnapshot = mode === 'snapshot' || (!showYoutube && !showHls);
+
+  const modeLabel = showYoutube ? 'YouTube live' : showHls ? 'HD gateway' : 'Live frames';
+
+  return (
+    <div className={`cctv-feed ${compact ? 'cctv-compact' : ''} ${className}`}>
+      <div className="cctv-header">
+        <span className="cctv-live"><span className="live-dot" /> LIVE</span>
+        {!compact && <span className="cctv-name">{camera.name}</span>}
+        {!compact && (
+          <span className="cctv-meta">
+            {camera.fps}fps · {camera.bitrateMbps}Mbps · {camera.latencyMs}ms · {modeLabel}
+          </span>
+        )}
+      </div>
+      <div className="cctv-screen">
+        {showYoutube ? (
+          <YoutubeFeed camera={camera} onFail={failYoutube} />
+        ) : showHls ? (
+          <HlsFeed camera={camera} onFail={failHls} />
+        ) : showSnapshot ? (
+          <SnapshotFeed camera={camera} compact={compact} fast={isPrimary && !compact} />
+        ) : null}
+        <div className="cctv-tags">
+          {(camera.aiTags || []).slice(0, compact ? 1 : 3).map(t => (
+            <span key={t} className="cctv-tag">{t}</span>
+          ))}
+        </div>
+      </div>
+      {!compact && (
+        <div className="cctv-footer">
+          <span>{camera.type === 'traffic' ? '🚦 Verkeer' : '🛡️ Security'}</span>
+          <span>{camera.resolution}</span>
+          <span className={camera.online ? 'kpi-up' : 'kpi-down'}>{camera.online ? 'ONLINE' : 'OFFLINE'}</span>
+        </div>
+      )}
+    </div>
+  );
+}
+
+export function CameraWall({ cameras, selectedId, onSelect }) {
+  return (
+    <div className="camera-wall">
+      {(cameras || []).map(cam => (
+        <button
+          key={cam.id}
+          type="button"
+          className={`camera-thumb ${selectedId === cam.id ? 'active' : ''} ${!cam.online ? 'offline' : ''}`}
+          onClick={() => onSelect(cam)}
+        >
+          <LiveCameraFeed camera={cam} compact />
+          <div className="thumb-label">{cam.name}</div>
+        </button>
+      ))}
+    </div>
+  );
+}
diff --git a/frontend/src/components/SmartCityMap.jsx b/frontend/src/components/SmartCityMap.jsx
new file mode 100644
index 0000000..f8e6eb1
--- /dev/null
+++ b/frontend/src/components/SmartCityMap.jsx
@@ -0,0 +1,123 @@
+import { useEffect, useMemo, useState } from 'react';
+import { MapContainer, TileLayer, CircleMarker, Marker, Popup, useMap } from 'react-leaflet';
+import L from 'leaflet';
+import 'leaflet/dist/leaflet.css';
+
+function aqiColor(no2, pm25) {
+  const score = (no2 || 0) * 0.6 + (pm25 || 0) * 1.2;
+  if (score > 45) return '#ef4444';
+  if (score > 30) return '#f59e0b';
+  return '#22c55e';
+}
+
+const cameraIcon = (active, online) => L.divIcon({
+  className: 'custom-marker',
+  html: `<div class="marker-cam ${active ? 'active' : ''} ${online ? '' : 'offline'}"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4z"/></svg></div>`,
+  iconSize: [32, 32],
+  iconAnchor: [16, 16]
+});
+
+const lampIcon = (motion, active) => L.divIcon({
+  className: 'custom-marker',
+  html: `<div class="marker-lamp ${active ? 'active' : ''} ${motion ? 'motion' : ''}"><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z"/></svg></div>`,
+  iconSize: [28, 28],
+  iconAnchor: [14, 14]
+});
+
+function MapController({ center, zoom }) {
+  const map = useMap();
+  useEffect(() => {
+    if (center) map.setView([center.lat, center.lng], zoom || 11, { animate: true });
+  }, [center, zoom, map]);
+  return null;
+}
+
+export default function SmartCityCommandMap({
+  stations, cameras, lampposts, layers,
+  selectedCamera, selectedLamp, onSelectCamera, onSelectLamp
+}) {
+  const center = useMemo(() => [52.37, 4.90], []);
+
+  return (
+    <div className="globe-map-scene">
+      <div className="globe-grid-overlay" />
+      <div className="globe-map-frame">
+        <MapContainer center={center} zoom={11} className="leaflet-globe" scrollWheelZoom zoomControl>
+          <TileLayer
+            attribution='&copy; CARTO · Mek-Tech GIS'
+            url="https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png"
+          />
+          <MapController center={{ lat: 52.37, lng: 4.90 }} zoom={11} />
+
+          {layers.air && (stations || []).map(s => {
+            const color = aqiColor(s.no2, s.pm25);
+            return (
+              <CircleMarker key={`s-${s.id}`} center={[s.lat, s.lng]} radius={5 + (s.no2 || 0) / 8}
+                pathOptions={{ color, fillColor: color, fillOpacity: 0.45, weight: 1 }}>
+                <Popup><strong>{s.name}</strong><br />NO₂ {s.no2} · PM2.5 {s.pm25}</Popup>
+              </CircleMarker>
+            );
+          })}
+
+          {layers.cameras && (cameras || []).map(cam => (
+            <Marker
+              key={cam.id}
+              position={[cam.lat, cam.lng]}
+              icon={cameraIcon(selectedCamera?.id === cam.id, cam.online)}
+              eventHandlers={{ click: () => onSelectCamera?.(cam) }}
+            >
+              <Popup>
+                <strong>{cam.name}</strong><br />
+                {cam.type} · {cam.zone}<br />
+                <button type="button" className="popup-btn" onClick={() => onSelectCamera?.(cam)}>Open live stream</button>
+              </Popup>
+            </Marker>
+          ))}
+
+          {layers.lamps && (lampposts || []).map(lp => (
+            <Marker
+              key={lp.id}
+              position={[lp.lat, lp.lng]}
+              icon={lampIcon(lp.motion, selectedLamp?.id === lp.id)}
+              eventHandlers={{ click: () => onSelectLamp?.(lp) }}
+            >
+              <Popup>
+                <strong>{lp.street}</strong><br />
+                Helderheid {lp.brightness}% · {lp.energyWh}Wh<br />
+                {lp.motion ? '⚡ Motion detected' : 'Geen motion'}
+              </Popup>
+            </Marker>
+          ))}
+        </MapContainer>
+      </div>
+      <div className="globe-map-hud">
+        <span>RANDSTAD GIS</span>
+        <span>{cameras?.filter(c => c.online).length}/{cameras?.length} CAM</span>
+        <span>{lampposts?.length} LP</span>
+        <span className="hud-live">● 1.5s REFRESH</span>
+      </div>
+    </div>
+  );
+}
+
+export function CityPulse3D({ cities }) {
+  const top = (cities || []).slice(0, 8);
+  const max = Math.max(...top.map(c => c.no2 || 0), 1);
+  return (
+    <div className="city-pulse-3d">
+      <div className="pulse-grid">
+        {top.map((c, i) => {
+          const h = 20 + ((c.no2 || 0) / max) * 120;
+          const color = aqiColor(c.no2, c.pm25);
+          return (
+            <div key={c.city} className="pulse-col" style={{ animationDelay: `${i * 0.08}s` }}>
+              <div className="pulse-bar" style={{ height: h, background: `linear-gradient(180deg, ${color}, ${color}44)`, boxShadow: `0 0 20px ${color}66` }} />
+              <div className="pulse-label">{c.city?.slice(0, 6)}</div>
+              <div className="pulse-val">{c.no2}</div>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/dashboard.jsx b/frontend/src/components/dashboard.jsx
new file mode 100644
index 0000000..a210f22
--- /dev/null
+++ b/frontend/src/components/dashboard.jsx
@@ -0,0 +1,66 @@
+export const TOOLTIP = {
+  contentStyle: { background: '#0e1626', border: '1px solid rgba(0,212,255,0.25)', borderRadius: 8 },
+  labelStyle: { color: '#8ba3bc' }
+};
+
+export const CHART_GRID = { stroke: 'rgba(255,255,255,0.06)' };
+
+export function UseCaseHero({ title, badge, subtitle, valueProps, sources }) {
+  return (
+    <div className="hero-block glass">
+      <div className="hero-top">
+        <div>
+          {badge && <span className="hero-badge">{badge}</span>}
+          <h1 className="page-title" style={{ marginBottom: '0.35rem' }}>{title}</h1>
+          <p className="page-sub" style={{ marginBottom: 0 }}>{subtitle}</p>
+        </div>
+        {sources && (
+          <div className="source-tags">
+            {sources.map(s => <span key={s} className="source-tag">{s}</span>)}
+          </div>
+        )}
+      </div>
+      {valueProps?.length > 0 && (
+        <div className="value-props">
+          {valueProps.map(v => (
+            <div key={v.title} className="value-prop">
+              <div className="vp-icon">{v.icon}</div>
+              <div>
+                <div className="vp-title">{v.title}</div>
+                <div className="vp-desc">{v.desc}</div>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export function InsightStrip({ items }) {
+  if (!items?.length) return null;
+  return (
+    <div className="insight-strip">
+      {items.map((item, i) => (
+        <div key={i} className={`insight-item insight-${item.type || 'info'}`}>
+          <span className="insight-label">{item.label}</span>
+          <span className="insight-text">{item.text}</span>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+export function ChartGrid({ children, cols = 2 }) {
+  return <div className={`chart-grid cols-${cols}`}>{children}</div>;
+}
+
+export function ChartCard({ title, subtitle, children, tall }) {
+  return (
+    <div className={`glass chart-wrap ${tall ? 'chart-tall' : ''}`}>
+      <div className="chart-title">{title}</div>
+      {subtitle && <div className="chart-subtitle">{subtitle}</div>}
+      {children}
+    </div>
+  );
+}
diff --git a/frontend/src/components/shared.jsx b/frontend/src/components/shared.jsx
new file mode 100644
index 0000000..6496caa
--- /dev/null
+++ b/frontend/src/components/shared.jsx
@@ -0,0 +1,58 @@
+import { useEffect, useState } from 'react';
+
+export function useStream(vertical) {
+  const [data, setData] = useState(null);
+  const [error, setError] = useState(null);
+  const [lastUpdate, setLastUpdate] = useState(null);
+
+  useEffect(() => {
+    let es;
+    const connect = () => {
+      es = new EventSource(`/stream/${vertical}`);
+      es.onmessage = (ev) => {
+        try {
+          setData(JSON.parse(ev.data));
+          setLastUpdate(new Date());
+          setError(null);
+        } catch (e) {
+          setError(e.message);
+        }
+      };
+      es.onerror = () => {
+        es.close();
+        setTimeout(connect, 3000);
+      };
+    };
+    connect();
+    return () => es?.close();
+  }, [vertical]);
+
+  return { data, error, lastUpdate };
+}
+
+export function LiveBadge({ lastUpdate, intervalMs }) {
+  const ms = lastUpdate ? Date.now() - lastUpdate : null;
+  const ago = ms != null
+    ? ms < 3000 ? 'zojuist' : `${(ms / 1000).toFixed(1)}s geleden`
+    : 'verbinden...';
+  return (
+    <span className="live-badge">
+      <span className="live-dot" />
+      Live · {ago}{intervalMs ? ` · ${intervalMs}ms` : ''}
+    </span>
+  );
+}
+
+export function KpiCard({ label, value, sub, trend }) {
+  return (
+    <div className="glass kpi-card">
+      <div className="kpi-label">{label}</div>
+      <div className="kpi-value">{value ?? '—'}</div>
+      {sub && (
+        <div className={`kpi-sub ${trend === 'up' ? 'kpi-up' : trend === 'down' ? 'kpi-down' : ''}`}>
+          {sub}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/layouts/Shell.jsx b/frontend/src/layouts/Shell.jsx
new file mode 100644
index 0000000..bb60e87
--- /dev/null
+++ b/frontend/src/layouts/Shell.jsx
@@ -0,0 +1,49 @@
+import { Link, useLocation } from 'react-router-dom';
+
+const NAV = [
+  { path: '/', label: 'Hub' },
+  { path: '/trading', label: 'Trading' },
+  { path: '/retail', label: 'Retail' },
+  { path: '/supply-chain', label: 'Supply Chain' },
+  { path: '/fraud', label: 'Fraud' },
+  { path: '/smart-city', label: 'Smart City' }
+];
+
+export default function Shell({ children }) {
+  const loc = useLocation();
+
+  function toggleFullscreen() {
+    if (!document.fullscreenElement) document.documentElement.requestFullscreen();
+    else document.exitFullscreen();
+  }
+
+  return (
+    <div className="shell">
+      <header className="shell-header">
+        <Link to="/" className="brand">
+          <span className="brand-dot" />
+          Mek-Tech Live Labs
+        </Link>
+        <nav style={{ display: 'flex', gap: '0.35rem', flexWrap: 'wrap' }}>
+          {NAV.map(n => (
+            <Link
+              key={n.path}
+              to={n.path}
+              className="btn"
+              style={{
+                opacity: loc.pathname === n.path ? 1 : 0.65,
+                borderColor: loc.pathname === n.path ? 'var(--accent)' : undefined
+              }}
+            >
+              {n.label}
+            </Link>
+          ))}
+        </nav>
+        <button type="button" className="btn fullscreen-btn" onClick={toggleFullscreen}>
+          Presentatie
+        </button>
+      </header>
+      <main className="shell-main">{children}</main>
+    </div>
+  );
+}
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
new file mode 100644
index 0000000..b5a73fb
--- /dev/null
+++ b/frontend/src/main.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
+import App from './App';
+import './styles.css';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </React.StrictMode>
+);
diff --git a/frontend/src/pages/Fraud.jsx b/frontend/src/pages/Fraud.jsx
new file mode 100644
index 0000000..7e00e55
--- /dev/null
+++ b/frontend/src/pages/Fraud.jsx
@@ -0,0 +1,110 @@
+import {
+  LineChart, Line, BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer,
+  Legend, PieChart, Pie, Cell, ComposedChart, Area, AreaChart
+} from 'recharts';
+import { useStream, KpiCard } from '../components/shared';
+import { GlobalOpsLayout } from '../components/GlobalOpsLayout';
+import { ChartGrid, ChartCard, TOOLTIP } from '../components/dashboard';
+
+export default function Fraud() {
+  const { data, lastUpdate } = useStream('fraud');
+
+  return (
+    <GlobalOpsLayout
+      badge="GLOBAL FRAUD & COMPLIANCE"
+      title="Fraud & Compliance — Realtime Screening"
+      subtitle={`${data?.context?.pitch} · ${data?.context?.deployment}`}
+      lastUpdate={lastUpdate}
+      refreshMs={data?.refreshMs || 1500}
+      contextBlocks={data?.contextBlocks}
+      insights={data?.insights}
+    >
+      <div className="kpi-grid kpi-grid-dense">
+        <KpiCard label="Sanctions entiteiten" value={data?.sanctionsCount ?? 0} sub="EU Consolidated" />
+        <KpiCard label="Screening/min" value={data?.screeningRate ?? '—'} sub="Throughput" />
+        <KpiCard label="Latency p50" value={`${data?.avgLatencyMs ?? '—'} ms`} sub="End-to-end" />
+        <KpiCard label="Block rate" value={`${data?.blockRate ?? 0}%`} sub="Deze batch" trend="down" />
+        <KpiCard label="Hits batch" value={data?.hitsLastMinute ?? 0} sub="Sanctions match" />
+        <KpiCard label="Kritiek risk" value={data?.criticalCount ?? 0} sub="Score > 85" trend="down" />
+        <KpiCard label="Tx stream" value={data?.recent?.length ?? 0} sub="Live batch" />
+        <KpiCard label="Refresh" value={`${data?.refreshMs || 1500}ms`} sub="SSE interval" />
+      </div>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="Hits timeline — live stream">
+          <ResponsiveContainer width="100%" height={220}>
+            <AreaChart data={data?.hitsTimeline || []}>
+              <XAxis dataKey="t" tick={{ fill: '#8ba3bc', fontSize: 9 }} />
+              <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Area type="monotone" dataKey="hits" stroke="#ef4444" fill="rgba(239,68,68,0.2)" strokeWidth={2} isAnimationActive={false} />
+              <Line type="monotone" dataKey="screened" stroke="#00d4ff" strokeWidth={1} dot={false} isAnimationActive={false} />
+            </AreaChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="Risk score verdeling">
+          <ResponsiveContainer width="100%" height={220}>
+            <PieChart>
+              <Pie data={data?.riskDistribution || []} dataKey="value" nameKey="name" cx="50%" cy="50%" innerRadius={50} outerRadius={85} label isAnimationActive={false}>
+                {(data?.riskDistribution || []).map((e, i) => <Cell key={i} fill={e.fill} />)}
+              </Pie>
+              <Tooltip {...TOOLTIP} />
+            </PieChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      </ChartGrid>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="Hits per land" subtitle="Geo-risk concentratie">
+          <ResponsiveContainer width="100%" height={240}>
+            <ComposedChart data={data?.countryRisk || []}>
+              <XAxis dataKey="country" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Legend />
+              <Bar dataKey="txs" fill="#00d4ff" name="Transacties" radius={[4, 4, 0, 0]} isAnimationActive={false} />
+              <Line type="monotone" dataKey="hits" stroke="#ef4444" strokeWidth={2} name="Hits" isAnimationActive={false} />
+            </ComposedChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="Blocked vs cleared per type">
+          <ResponsiveContainer width="100%" height={240}>
+            <BarChart data={data?.typeBreakdown || []}>
+              <XAxis dataKey="type" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Legend />
+              <Bar dataKey="cleared" stackId="a" fill="#22c55e" name="Cleared" isAnimationActive={false} />
+              <Bar dataKey="blocked" stackId="a" fill="#ef4444" name="Blocked" isAnimationActive={false} />
+            </BarChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      </ChartGrid>
+
+      <ChartCard title="Live transactiestroom — realtime SSE" subtitle="Synthetische demo-data tegen echte sanctions-lijst">
+        <div style={{ overflowX: 'auto', maxHeight: 320 }}>
+          <table className="tx-table">
+            <thead>
+              <tr>
+                <th>ID</th><th>Naam</th><th>Type</th><th>Bedrag</th><th>Land</th><th>Risk</th><th>Status</th>
+              </tr>
+            </thead>
+            <tbody>
+              {(data?.recent || []).map(tx => (
+                <tr key={tx.id} className={tx.hit ? 'tx-hit' : ''}>
+                  <td style={{ fontFamily: 'monospace', fontSize: '0.65rem' }}>{tx.id.slice(-10)}</td>
+                  <td>{tx.name}</td>
+                  <td>{tx.type}</td>
+                  <td>{tx.amount.toLocaleString('nl-NL')} {tx.currency}</td>
+                  <td>{tx.country}</td>
+                  <td><span style={{ color: tx.risk > 70 ? 'var(--red)' : tx.risk > 40 ? 'var(--orange)' : 'var(--green)' }}>{tx.risk}</span></td>
+                  <td>{tx.hit ? '🚨 HIT' : '✓ OK'}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </ChartCard>
+    </GlobalOpsLayout>
+  );
+}
diff --git a/frontend/src/pages/Hub.jsx b/frontend/src/pages/Hub.jsx
new file mode 100644
index 0000000..f814243
--- /dev/null
+++ b/frontend/src/pages/Hub.jsx
@@ -0,0 +1,85 @@
+import { useEffect, useState } from 'react';
+import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
+import { LiveBadge } from '../components/shared';
+
+const VERTICALS = [
+  { path: '/trading', icon: '📈', title: 'Trading & FX', desc: 'ECB live koersen, volatiliteit & treasury alerts', color: '#00d4ff', refresh: '2000ms' },
+  { path: '/retail', icon: '🛒', title: 'Retail Intelligence', desc: 'Regio-indices, footfall & omnichannel live', color: '#22c55e', refresh: '2000ms' },
+  { path: '/supply-chain', icon: '🚢', title: 'Supply Chain', desc: 'Haven throughput, import flows & vertraging', color: '#f59e0b', refresh: '2500ms' },
+  { path: '/fraud', icon: '🛡️', title: 'Fraud Detection', desc: 'Sanctions screening & live tx stream', color: '#ef4444', refresh: '1500ms' },
+  { path: '/smart-city', icon: '🏙️', title: 'Smart City', desc: 'Camera\'s, lantaarnpalen & luchtkwaliteit Randstad', color: '#7c3aed', refresh: '1500ms' }
+];
+
+const CONTEXT = [
+  { title: 'Global Operations Center', body: 'Vijf sector use cases in één uniform command center — live data, dense KPI\'s, context blocks en SSE refresh.' },
+  { title: 'Open data first', body: 'ECB, CBS, haven data, EU sanctions en smart city feeds — geen vendor lock-in, snel deploybaar.' },
+  { title: 'Demo → productie', body: 'Elke vertical is een startpunt voor een maatwerk pilot bij uw organisatie — Mek-Tech levert integratie + UI.' },
+  { title: 'Live by design', body: 'SSE streams tussen 1,5–2,5 seconden. Charts zonder zware page reload — ops center feel.' },
+  { title: 'Showcase vs CRM', body: 'Deze omgeving (:3010) is voor klantdemo\'s. Intern CRM blijft op :3000 voor consulting workflow.' },
+  { title: 'Start hier', body: 'Kies een vertical — elke pagina heeft dezelfde Global Ops layout, insights strip en realtime badges.' }
+];
+
+export default function Hub() {
+  const [status, setStatus] = useState(null);
+
+  useEffect(() => {
+    const load = () => fetch('/api/status').then(r => r.json()).then(setStatus).catch(() => {});
+    load();
+    const iv = setInterval(load, 15000);
+    return () => clearInterval(iv);
+  }, []);
+
+  const activeCount = status ? Object.values(status.verticals || {}).filter(v => v.ok).length : 0;
+
+  return (
+    <div className="ops-global">
+      <div className="global-header">
+        <div>
+          <span className="global-badge">MEK-TECH LIVE LABS</span>
+          <h1 className="global-title">Open Data Global Operations Hub</h1>
+          <p className="global-sub">Vijf sector dashboards in uniform ops center design — realtime SSE, interactieve charts, live camera feeds.</p>
+        </div>
+        <div className="global-header-right">
+          <LiveBadge lastUpdate={status ? new Date(status.ts) : null} />
+          <span className="refresh-badge">⚡ {activeCount}/5 feeds actief</span>
+        </div>
+      </div>
+
+      <div className="context-grid">
+        {CONTEXT.map((block, i) => (
+          <div key={i} className="context-card glass">
+            <h3>{block.title}</h3>
+            <p>{block.body}</p>
+          </div>
+        ))}
+      </div>
+
+      <div className="hub-grid">
+        {VERTICALS.map((v, i) => {
+          const st = status?.verticals?.[v.path.slice(1)];
+          return (
+            <motion.div
+              key={v.path}
+              initial={{ opacity: 0, y: 20 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ delay: i * 0.08 }}
+            >
+              <Link to={v.path} className="glass hub-card" style={{ borderTopColor: v.color, borderTopWidth: 2, borderTopStyle: 'solid' }}>
+                <div className="hub-icon">{v.icon}</div>
+                <div className="hub-title">{v.title}</div>
+                <div className="hub-desc">{v.desc}</div>
+                <div className="hub-meta">
+                  <span style={{ color: st?.ok ? 'var(--green)' : 'var(--muted)' }}>
+                    {st?.ok ? '● Feed actief' : '○ Status laden...'}
+                  </span>
+                  <span className="refresh-badge" style={{ fontSize: '0.58rem' }}>⚡ {v.refresh}</span>
+                </div>
+              </Link>
+            </motion.div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/pages/Retail.jsx b/frontend/src/pages/Retail.jsx
new file mode 100644
index 0000000..4bfbbcc
--- /dev/null
+++ b/frontend/src/pages/Retail.jsx
@@ -0,0 +1,100 @@
+import {
+  BarChart, Bar, LineChart, Line, AreaChart, Area, XAxis, YAxis, Tooltip,
+  ResponsiveContainer, Legend, PieChart, Pie, Cell, ComposedChart, ScatterChart, Scatter, ZAxis
+} from 'recharts';
+import { useStream, KpiCard } from '../components/shared';
+import { GlobalOpsLayout } from '../components/GlobalOpsLayout';
+import { ChartGrid, ChartCard, TOOLTIP } from '../components/dashboard';
+
+export default function Retail() {
+  const { data, lastUpdate } = useStream('retail');
+
+  return (
+    <GlobalOpsLayout
+      badge="GLOBAL RETAIL OPERATIONS"
+      title="Retail Intelligence — Regio & Omnichannel"
+      subtitle={`${data?.context?.pitch} · ${data?.context?.deployment}`}
+      lastUpdate={lastUpdate}
+      refreshMs={data?.refreshMs || 2000}
+      contextBlocks={data?.contextBlocks}
+      insights={data?.insights}
+    >
+      <div className="kpi-grid kpi-grid-dense">
+        <KpiCard label="Landindex" value={data?.nationalIndex} sub={`YoY +${data?.nationalYoy}%`} trend="up" />
+        <KpiCard label="Winkels NL" value={(data?.totalStores || 0).toLocaleString('nl-NL')} sub="Vestigingen" />
+        <KpiCard label="Gem. online share" value={`${data?.avgOnlineShare ?? '—'}%`} sub="Omnichannel" />
+        <KpiCard label="Top regio" value={data?.regions?.[0]?.region} sub={`Index ${data?.regions?.[0]?.index}`} />
+        <KpiCard label="Footfall gem." value={data?.avgFootfall ?? '—'} sub="Index NL" />
+        <KpiCard label="Regio's at risk" value={data?.storesAtRisk ?? 0} sub="Negatief YoY" trend="down" />
+        <KpiCard label="Categorieën" value={data?.categories?.length ?? 0} sub="Mix tracked" />
+        <KpiCard label="Refresh" value={`${data?.refreshMs || 2000}ms`} sub="SSE interval" />
+      </div>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="Omzetindex per regio">
+          <ResponsiveContainer width="100%" height={280}>
+            <BarChart data={data?.regions || []} layout="vertical" margin={{ left: 85 }}>
+              <XAxis type="number" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis type="category" dataKey="region" tick={{ fill: '#8ba3bc', fontSize: 9 }} width={80} />
+              <Tooltip {...TOOLTIP} />
+              <Bar dataKey="index" fill="#22c55e" radius={[0, 4, 4, 0]} isAnimationActive={false} />
+            </BarChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="Categorie mix & groei %">
+          <ResponsiveContainer width="100%" height={280}>
+            <ComposedChart data={data?.categories || []}>
+              <XAxis dataKey="name" tick={{ fill: '#8ba3bc', fontSize: 9 }} />
+              <YAxis yAxisId="l" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis yAxisId="r" orientation="right" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Legend />
+              <Bar yAxisId="l" dataKey="share" fill="#00d4ff" name="Marktaandeel %" radius={[4, 4, 0, 0]} isAnimationActive={false} />
+              <Line yAxisId="r" type="monotone" dataKey="growth" stroke="#f59e0b" strokeWidth={2} name="Groei %" isAnimationActive={false} />
+            </ComposedChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      </ChartGrid>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="12 maanden — index, online & footfall">
+          <ResponsiveContainer width="100%" height={260}>
+            <AreaChart data={data?.history || []}>
+              <XAxis dataKey="month" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Legend />
+              <Area type="monotone" dataKey="index" stroke="#22c55e" fill="rgba(34,197,94,0.15)" isAnimationActive={false} />
+              <Area type="monotone" dataKey="online" stroke="#00d4ff" fill="rgba(0,212,255,0.1)" isAnimationActive={false} />
+              <Line type="monotone" dataKey="footfall" stroke="#f59e0b" strokeWidth={2} dot={false} isAnimationActive={false} />
+            </AreaChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="Stores vs index (bubble = YoY)" subtitle="Strategische portfolio-analyse">
+          <ResponsiveContainer width="100%" height={260}>
+            <ScatterChart>
+              <XAxis type="number" dataKey="stores" name="Winkels" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis type="number" dataKey="index" name="Index" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <ZAxis type="number" dataKey="yoy" range={[80, 400]} />
+              <Tooltip {...TOOLTIP} cursor={{ strokeDasharray: '3 3' }} />
+              <Scatter data={data?.scatter || []} fill="#7c3aed" isAnimationActive={false} />
+            </ScatterChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      </ChartGrid>
+
+      <ChartCard title="Footfall index per regio">
+        <ResponsiveContainer width="100%" height={220}>
+          <BarChart data={data?.regions || []}>
+            <XAxis dataKey="region" tick={{ fill: '#8ba3bc', fontSize: 8 }} angle={-25} textAnchor="end" height={60} />
+            <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+            <Tooltip {...TOOLTIP} />
+            <Bar dataKey="footfall" fill="#f59e0b" name="Footfall index" radius={[4, 4, 0, 0]} isAnimationActive={false} />
+            <Bar dataKey="onlineShare" fill="#00d4ff" name="Online %" radius={[4, 4, 0, 0]} isAnimationActive={false} />
+            <Legend />
+          </BarChart>
+        </ResponsiveContainer>
+      </ChartCard>
+    </GlobalOpsLayout>
+  );
+}
diff --git a/frontend/src/pages/SmartCity.jsx b/frontend/src/pages/SmartCity.jsx
new file mode 100644
index 0000000..3368f5e
--- /dev/null
+++ b/frontend/src/pages/SmartCity.jsx
@@ -0,0 +1,179 @@
+import { useState, useMemo } from 'react';
+import {
+  LineChart, Line, AreaChart, Area, BarChart, Bar, XAxis, YAxis, Tooltip,
+  ResponsiveContainer, Legend, RadarChart, Radar, PolarGrid, PolarAngleAxis,
+  PieChart, Pie, Cell, ComposedChart
+} from 'recharts';
+import { useStream, KpiCard } from '../components/shared';
+import { GlobalOpsLayout } from '../components/GlobalOpsLayout';
+import { ChartGrid, ChartCard, TOOLTIP } from '../components/dashboard';
+import SmartCityCommandMap, { CityPulse3D } from '../components/SmartCityMap';
+import { LiveCameraFeed, CameraWall } from '../components/LiveCameraFeed';
+
+const LAYER_DEFAULT = { cameras: true, lamps: true, air: true };
+
+export default function SmartCity() {
+  const { data, lastUpdate } = useStream('smart-city');
+  const [layers, setLayers] = useState(LAYER_DEFAULT);
+  const [selectedCamera, setSelectedCamera] = useState(null);
+  const [selectedLamp, setSelectedLamp] = useState(null);
+
+  const activeCamera = selectedCamera || data?.cameras?.[0];
+
+  const toggleLayer = (key) => setLayers(prev => ({ ...prev, [key]: !prev[key] }));
+
+  const eventFeed = useMemo(() => data?.recentEvents || [], [data?.recentEvents]);
+
+  return (
+    <GlobalOpsLayout
+      badge="GLOBAL OPERATIONS CENTER"
+      title="Smart City — Randstad Command"
+      subtitle={`${data?.context?.pitch} · ${data?.context?.deployment}`}
+      lastUpdate={lastUpdate}
+      refreshMs={data?.refreshMs || 1500}
+      contextBlocks={data?.contextBlocks}
+      insights={data?.insights}
+    >
+      <div className="kpi-grid kpi-grid-dense">
+        <KpiCard label="Camera's live" value={`${data?.cameraStats?.online ?? 0}/${data?.cameraStats?.total ?? 0}`} sub={`Latency ${data?.cameraStats?.avgLatency ?? '—'}ms`} />
+        <KpiCard label="Lantaarnpalen" value={data?.lamppostStats?.total ?? 0} sub={`${data?.lamppostStats?.activeMotion ?? 0} motion actief`} />
+        <KpiCard label="Energie vandaag" value={`${data?.lamppostStats?.energyTodayKwh ?? '—'} kWh`} sub={`Gem. ${data?.lamppostStats?.avgBrightness ?? '—'}% dim`} />
+        <KpiCard label="Gezondheidsindex" value={data?.healthIndex ?? '—'} sub="Composite AQI" trend={data?.healthIndex > 60 ? 'up' : 'down'} />
+        <KpiCard label="NO₂ live" value={`${data?.avgNo2 ?? '—'} µg/m³`} sub="WHO: 25" />
+        <KpiCard label="PM2.5" value={`${data?.avgPm25 ?? '—'} µg/m³`} sub="WHO: 15" />
+        <KpiCard label="Assets totaal" value={data?.sensorsOnline ?? 0} sub="Sensoren + cam + LP" />
+        <KpiCard label="Events (live)" value={eventFeed.length} sub="Laatste refresh" />
+      </div>
+
+      {/* Layer toggles */}
+      <div className="layer-bar">
+        <span className="layer-label">Kaartlagen:</span>
+        {[['cameras', '📹 Camera\'s'], ['lamps', '💡 Lantaarnpalen'], ['air', '🌫️ Luchtkwaliteit']].map(([k, label]) => (
+          <button key={k} type="button" className={`layer-chip ${layers[k] ? 'on' : ''}`} onClick={() => toggleLayer(k)}>{label}</button>
+        ))}
+      </div>
+
+      {/* Main command layout: map + live video */}
+      <div className="command-layout">
+        <div className="command-map-col glass">
+          <div className="chart-title">GIS Command Map — Randstad</div>
+          <div className="chart-subtitle">Klik camera voor live stream · groen/geel/rood = luchtkwaliteit</div>
+          <SmartCityCommandMap
+            stations={data?.stations}
+            cameras={data?.cameras}
+            lampposts={data?.lampposts}
+            layers={layers}
+            selectedCamera={activeCamera}
+            selectedLamp={selectedLamp}
+            onSelectCamera={setSelectedCamera}
+            onSelectLamp={setSelectedLamp}
+          />
+        </div>
+        <div className="command-video-col">
+          <div className="glass" style={{ padding: '0.75rem', marginBottom: '0.75rem' }}>
+            <div className="chart-title">Primary feed — {activeCamera?.name || 'Selecteer camera'}</div>
+            <LiveCameraFeed camera={activeCamera} isPrimary />
+          </div>
+          {selectedLamp && (
+            <div className="glass lamp-detail">
+              <div className="chart-title">Smart lantaarnpaal — {selectedLamp.street}</div>
+              <div className="lamp-stats">
+                <div><span>Helderheid</span><strong>{selectedLamp.brightness}%</strong></div>
+                <div><span>Energie</span><strong>{selectedLamp.energyWh} Wh</strong></div>
+                <div><span>Lux</span><strong>{selectedLamp.lux}</strong></div>
+                <div><span>Temp</span><strong>{selectedLamp.tempC}°C</strong></div>
+                <div><span>CO₂ bespaard</span><strong>{selectedLamp.co2saved} kg</strong></div>
+                <div><span>Motion</span><strong className={selectedLamp.motion ? 'kpi-up' : ''}>{selectedLamp.motion ? 'JA' : 'NEE'}</strong></div>
+              </div>
+            </div>
+          )}
+          <div className="event-feed glass">
+            <div className="chart-title">Live event feed</div>
+            {(eventFeed.length ? eventFeed : [{ type: 'idle', camera: 'Monitoring…', severity: 'info', ts: new Date().toISOString() }]).map((ev, i) => (
+              <div key={i} className={`event-row event-${ev.severity}`}>
+                <span className="event-time">{ev.ts?.slice(11, 19)}</span>
+                <span className="event-type">{ev.type}</span>
+                <span className="event-loc">{ev.camera}</span>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      {/* Camera wall — all streams */}
+      <ChartCard title="Camera wall — alle live streams" subtitle="Klik thumbnail voor primary feed · live NL webcam gateway (productie = gemeente RTSP/ONVIF)">
+        <CameraWall cameras={data?.cameras} selectedId={activeCamera?.id} onSelect={setSelectedCamera} />
+      </ChartCard>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="Live NO₂ — afgelopen 60 seconden" subtitle="Sub-second telemetry simulatie">
+          <ResponsiveContainer width="100%" height={200}>
+            <AreaChart data={data?.liveSeconds || []}>
+              <XAxis dataKey="sec" tick={{ fill: '#8ba3bc', fontSize: 9 }} reversed />
+              <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Area type="monotone" dataKey="no2" stroke="#00d4ff" fill="rgba(0,212,255,0.2)" strokeWidth={2} isAnimationActive={false} />
+            </AreaChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="3D City Pulse — NO₂ volume">
+          <CityPulse3D cities={data?.cityRankings} />
+        </ChartCard>
+      </ChartGrid>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="24u profiel — lucht, verkeer, geluid">
+          <ResponsiveContainer width="100%" height={240}>
+            <ComposedChart data={data?.hourlyTrend || []}>
+              <XAxis dataKey="hour" tick={{ fill: '#8ba3bc', fontSize: 9 }} interval={2} />
+              <YAxis yAxisId="l" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis yAxisId="r" orientation="right" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Legend />
+              <Area yAxisId="l" type="monotone" dataKey="no2" fill="rgba(0,212,255,0.12)" stroke="#00d4ff" name="NO₂" isAnimationActive={false} />
+              <Line yAxisId="r" type="monotone" dataKey="traffic" stroke="#f59e0b" strokeWidth={2} dot={false} name="Verkeer" isAnimationActive={false} />
+              <Line yAxisId="r" type="monotone" dataKey="noise" stroke="#7c3aed" strokeWidth={1} dot={false} name="Geluid dB" isAnimationActive={false} />
+            </ComposedChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="Pollutant radar">
+          <ResponsiveContainer width="100%" height={240}>
+            <RadarChart data={data?.pollutantRadar || []}>
+              <PolarGrid stroke="rgba(255,255,255,0.08)" />
+              <PolarAngleAxis dataKey="pollutant" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Radar dataKey="value" stroke="#7c3aed" fill="#7c3aed" fillOpacity={0.35} isAnimationActive={false} />
+              <Tooltip {...TOOLTIP} />
+            </RadarChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      </ChartGrid>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="Lantaarnpaal energie per straat">
+          <ResponsiveContainer width="100%" height={220}>
+            <BarChart data={(data?.lampposts || []).slice(0, 10)}>
+              <XAxis dataKey="street" tick={{ fill: '#8ba3bc', fontSize: 8 }} angle={-20} textAnchor="end" height={50} />
+              <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Bar dataKey="energyWh" fill="#f59e0b" name="Wh" radius={[4, 4, 0, 0]} isAnimationActive={false} />
+              <Bar dataKey="brightness" fill="#00d4ff" name="Helderheid %" radius={[4, 4, 0, 0]} isAnimationActive={false} />
+              <Legend />
+            </BarChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="Camera types & status">
+          <ResponsiveContainer width="100%" height={220}>
+            <PieChart>
+              <Pie data={[
+                { name: 'Verkeer', value: data?.cameraStats?.traffic || 0, fill: '#f59e0b' },
+                { name: 'Security', value: data?.cameraStats?.security || 0, fill: '#00d4ff' },
+                { name: 'Offline', value: (data?.cameraStats?.total || 0) - (data?.cameraStats?.online || 0), fill: '#64748b' }
+              ]} dataKey="value" cx="50%" cy="50%" innerRadius={45} outerRadius={80} label />
+              <Tooltip {...TOOLTIP} />
+            </PieChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      </ChartGrid>
+    </GlobalOpsLayout>
+  );
+}
diff --git a/frontend/src/pages/SupplyChain.jsx b/frontend/src/pages/SupplyChain.jsx
new file mode 100644
index 0000000..d78c2d3
--- /dev/null
+++ b/frontend/src/pages/SupplyChain.jsx
@@ -0,0 +1,94 @@
+import {
+  BarChart, Bar, LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer,
+  Legend, PieChart, Pie, Cell, ComposedChart, ScatterChart, Scatter
+} from 'recharts';
+import { useStream, KpiCard } from '../components/shared';
+import { GlobalOpsLayout } from '../components/GlobalOpsLayout';
+import { ChartGrid, ChartCard, TOOLTIP } from '../components/dashboard';
+
+export default function SupplyChain() {
+  const { data, lastUpdate } = useStream('supply-chain');
+
+  return (
+    <GlobalOpsLayout
+      badge="GLOBAL SUPPLY CHAIN TOWER"
+      title="Supply Chain Control Tower"
+      subtitle={`${data?.context?.pitch} · ${data?.context?.deployment}`}
+      lastUpdate={lastUpdate}
+      refreshMs={data?.refreshMs || 2500}
+      contextBlocks={data?.contextBlocks}
+      insights={data?.insights}
+    >
+      <div className="kpi-grid kpi-grid-dense">
+        <KpiCard label="Throughput NL" value={`${data?.totalThroughput ?? '—'}M`} sub={`YoY +${data?.throughputYoy}%`} trend="up" />
+        <KpiCard label="Risicoscore" value={data?.riskScore} sub="/100 concentratie" />
+        <KpiCard label="Gem. vertraging" value={`${data?.avgDelay ?? '—'} d`} sub="Per route" />
+        <KpiCard label="Top-3 import share" value={`${data?.concentrationTop3}%`} sub="Concentratie" />
+        <KpiCard label="Actieve routes" value={data?.activeRoutes ?? 0} sub="Import flows" />
+        <KpiCard label="Vertraagd" value={data?.delayedRoutes ?? 0} sub="> 2 dagen" trend="down" />
+        <KpiCard label="Havens" value={data?.portLocations?.length ?? 0} sub="In scope" />
+        <KpiCard label="Refresh" value={`${data?.refreshMs || 2500}ms`} sub="SSE interval" />
+      </div>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="Import flows (M ton / TEU eq.)">
+          <ResponsiveContainer width="100%" height={280}>
+            <BarChart data={data?.flows || []}>
+              <XAxis dataKey="from" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Bar dataKey="value" fill="#f59e0b" radius={[4, 4, 0, 0]} isAnimationActive={false} />
+            </BarChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="Transport mode split">
+          <ResponsiveContainer width="100%" height={280}>
+            <PieChart>
+              <Pie data={data?.modeSplit || []} dataKey="value" nameKey="name" cx="50%" cy="50%" outerRadius={95} label isAnimationActive={false}>
+                {(data?.modeSplit || []).map((e, i) => <Cell key={i} fill={e.fill} />)}
+              </Pie>
+              <Tooltip {...TOOLTIP} />
+            </PieChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      </ChartGrid>
+
+      <ChartCard title="Maandelijkse throughput — Rotterdam · Amsterdam · Antwerpen">
+        <ResponsiveContainer width="100%" height={260}>
+          <LineChart data={data?.throughput || []}>
+            <XAxis dataKey="month" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+            <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+            <Tooltip {...TOOLTIP} />
+            <Legend />
+            <Line type="monotone" dataKey="rotterdam" stroke="#f59e0b" strokeWidth={2} dot={false} isAnimationActive={false} />
+            <Line type="monotone" dataKey="amsterdam" stroke="#00d4ff" strokeWidth={2} dot={false} isAnimationActive={false} />
+            <Line type="monotone" dataKey="antwerp" stroke="#22c55e" strokeWidth={2} dot={false} isAnimationActive={false} />
+          </LineChart>
+        </ResponsiveContainer>
+      </ChartCard>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="Vertraging per route (dagen)">
+          <ResponsiveContainer width="100%" height={240}>
+            <BarChart data={data?.delayByRoute || []} layout="vertical" margin={{ left: 100 }}>
+              <XAxis type="number" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis type="category" dataKey="route" tick={{ fill: '#8ba3bc', fontSize: 8 }} width={95} />
+              <Tooltip {...TOOLTIP} />
+              <Bar dataKey="delay" fill="#ef4444" radius={[0, 4, 4, 0]} isAnimationActive={false} />
+            </BarChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="Volume vs vertraging" subtitle="Prioriteer alternatieve routes">
+          <ResponsiveContainer width="100%" height={240}>
+            <ScatterChart>
+              <XAxis type="number" dataKey="volume" name="Volume" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis type="number" dataKey="delay" name="Delay" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Scatter data={data?.delayByRoute || []} fill="#f59e0b" isAnimationActive={false} />
+            </ScatterChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      </ChartGrid>
+    </GlobalOpsLayout>
+  );
+}
diff --git a/frontend/src/pages/Trading.jsx b/frontend/src/pages/Trading.jsx
new file mode 100644
index 0000000..de4a6cd
--- /dev/null
+++ b/frontend/src/pages/Trading.jsx
@@ -0,0 +1,107 @@
+import {
+  LineChart, Line, AreaChart, Area, BarChart, Bar, XAxis, YAxis, Tooltip,
+  ResponsiveContainer, Legend, ComposedChart
+} from 'recharts';
+import { useStream, KpiCard } from '../components/shared';
+import { GlobalOpsLayout } from '../components/GlobalOpsLayout';
+import { ChartGrid, ChartCard, TOOLTIP } from '../components/dashboard';
+
+export default function Trading() {
+  const { data, lastUpdate } = useStream('trading');
+  const main = data?.pairs?.[0];
+
+  return (
+    <GlobalOpsLayout
+      badge="GLOBAL FX OPERATIONS"
+      title="Trading & FX Risk Dashboard"
+      subtitle={`${data?.context?.pitch} · ${data?.context?.deployment}`}
+      lastUpdate={lastUpdate}
+      refreshMs={data?.refreshMs || 2000}
+      contextBlocks={data?.contextBlocks}
+      insights={data?.insights}
+    >
+      {data?.ticker && (
+        <div className="glass ticker">
+          {data.ticker.map(t => (
+            <div key={t.pair} className="ticker-item">
+              <span className="ticker-pair">{t.pair}</span>
+              <span className="ticker-rate">{t.rate?.toFixed(4)}</span>
+              <span className={t.change >= 0 ? 'kpi-up' : 'kpi-down'} style={{ marginLeft: '0.4rem', fontSize: '0.75rem' }}>
+                {t.change >= 0 ? '+' : ''}{t.change}%
+              </span>
+              <span style={{ color: 'var(--muted)', fontSize: '0.65rem', marginLeft: '0.35rem' }}>7d: {t.weekChange}%</span>
+            </div>
+          ))}
+        </div>
+      )}
+
+      <div className="kpi-grid kpi-grid-dense">
+        <KpiCard label="EUR/USD" value={main?.current?.toFixed(4)} sub={main?.fallback ? 'Fallback' : 'ECB live'} />
+        <KpiCard label="30d volatiliteit" value={`${main?.volatility ?? '—'}%`} sub="Realized vol" />
+        <KpiCard label="30d range (bps)" value={data?.spreadEurUsd ?? '—'} sub="High − low" />
+        <KpiCard label="Pairs actief" value={data?.pairs?.length ?? 0} sub="Streaming" />
+        <KpiCard label="Alerts" value={data?.alertCount ?? 0} sub="Drempels actief" />
+        <KpiCard label="Sessie volume" value={data?.sessionVolume ?? '—'} sub="Relatief index" />
+        <KpiCard label="Correlaties" value={data?.correlation?.length ?? 0} sub="Cross-pair" />
+        <KpiCard label="Refresh" value={`${data?.refreshMs || 2000}ms`} sub="SSE interval" />
+      </div>
+
+      <ChartGrid cols={2}>
+        {(data?.pairs || []).slice(0, 2).map(p => (
+          <ChartCard key={p.pair} title={`${p.pair} — 90 dagen area`}>
+            <ResponsiveContainer width="100%" height={220}>
+              <AreaChart data={p.history}>
+                <defs>
+                  <linearGradient id={`g${p.pair.replace(/\W/g, '')}`} x1="0" y1="0" x2="0" y2="1">
+                    <stop offset="0%" stopColor="#00d4ff" stopOpacity={0.4} />
+                    <stop offset="100%" stopColor="#00d4ff" stopOpacity={0} />
+                  </linearGradient>
+                </defs>
+                <XAxis dataKey="date" tick={{ fill: '#8ba3bc', fontSize: 9 }} tickFormatter={v => String(v).slice(-5)} />
+                <YAxis domain={['auto', 'auto']} tick={{ fill: '#8ba3bc', fontSize: 10 }} width={50} />
+                <Tooltip {...TOOLTIP} />
+                <Area type="monotone" dataKey="rate" stroke="#00d4ff" fill={`url(#g${p.pair.replace(/\W/g, '')})`} strokeWidth={2} isAnimationActive={false} />
+              </AreaChart>
+            </ResponsiveContainer>
+          </ChartCard>
+        ))}
+      </ChartGrid>
+
+      <ChartGrid cols={2}>
+        <ChartCard title="FX correlatie matrix" subtitle="Portfolio hedge planning">
+          <ResponsiveContainer width="100%" height={220}>
+            <BarChart data={data?.correlation || []}>
+              <XAxis dataKey="pair" tick={{ fill: '#8ba3bc', fontSize: 9 }} />
+              <YAxis domain={[-1, 1]} tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Bar dataKey="corr" fill="#7c3aed" radius={[4, 4, 0, 0]} isAnimationActive={false} />
+            </BarChart>
+          </ResponsiveContainer>
+        </ChartCard>
+        <ChartCard title="Volume profiel (sessie)" subtitle="Liquiditeit per uur">
+          <ResponsiveContainer width="100%" height={220}>
+            <ComposedChart data={data?.volumeProfile || []}>
+              <XAxis dataKey="time" tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <YAxis tick={{ fill: '#8ba3bc', fontSize: 10 }} />
+              <Tooltip {...TOOLTIP} />
+              <Bar dataKey="volume" fill="#f59e0b" radius={[4, 4, 0, 0]} isAnimationActive={false} />
+            </ComposedChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      </ChartGrid>
+
+      {(data?.pairs || []).slice(2).map(p => (
+        <ChartCard key={p.pair} title={`${p.pair} — line + band`}>
+          <ResponsiveContainer width="100%" height={200}>
+            <LineChart data={p.history}>
+              <XAxis dataKey="date" tick={{ fill: '#8ba3bc', fontSize: 9 }} tickFormatter={v => String(v).slice(-5)} />
+              <YAxis domain={['auto', 'auto']} tick={{ fill: '#8ba3bc', fontSize: 10 }} width={50} />
+              <Tooltip {...TOOLTIP} />
+              <Line type="monotone" dataKey="rate" stroke="#22c55e" strokeWidth={2} dot={false} isAnimationActive={false} />
+            </LineChart>
+          </ResponsiveContainer>
+        </ChartCard>
+      ))}
+    </GlobalOpsLayout>
+  );
+}
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
new file mode 100644
index 0000000..fea42ce
--- /dev/null
+++ b/frontend/src/styles.css
@@ -0,0 +1,350 @@
+:root {
+  --bg: #060b14;
+  --bg-card: rgba(14, 22, 38, 0.72);
+  --border: rgba(0, 212, 255, 0.15);
+  --accent: #00d4ff;
+  --accent2: #7c3aed;
+  --green: #22c55e;
+  --red: #ef4444;
+  --orange: #f59e0b;
+  --text: #e8f0fe;
+  --muted: #8ba3bc;
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+body {
+  font-family: 'Inter', system-ui, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+  min-height: 100vh;
+  overflow-x: hidden;
+}
+
+body::before {
+  content: '';
+  position: fixed;
+  inset: 0;
+  background:
+    radial-gradient(ellipse 80% 50% at 20% -10%, rgba(0, 212, 255, 0.12), transparent),
+    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(124, 58, 237, 0.1), transparent);
+  pointer-events: none;
+  z-index: 0;
+}
+
+#root { position: relative; z-index: 1; }
+
+.shell { min-height: 100vh; display: flex; flex-direction: column; }
+
+.shell-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem 1.5rem;
+  border-bottom: 1px solid var(--border);
+  backdrop-filter: blur(12px);
+  background: rgba(6, 11, 20, 0.85);
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  text-decoration: none;
+  color: var(--text);
+  font-weight: 800;
+  font-size: 1rem;
+}
+
+.brand-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--accent);
+  box-shadow: 0 0 12px var(--accent);
+  animation: pulse 2s ease-in-out infinite;
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+.shell-main { flex: 1; padding: 1.5rem; max-width: 1600px; margin: 0 auto; width: 100%; }
+
+.glass {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  backdrop-filter: blur(16px);
+}
+
+.kpi-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1rem;
+  margin-bottom: 1.5rem;
+}
+
+.kpi-card {
+  padding: 1.1rem 1.25rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.kpi-card::after {
+  content: '';
+  position: absolute;
+  top: 0; left: 0; right: 0;
+  height: 2px;
+  background: linear-gradient(90deg, var(--accent), transparent);
+}
+
+.kpi-label { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); margin-bottom: 0.35rem; }
+.kpi-value { font-size: 1.75rem; font-weight: 800; line-height: 1.1; }
+.kpi-sub { font-size: 0.72rem; color: var(--muted); margin-top: 0.25rem; }
+.kpi-up { color: var(--green); }
+.kpi-down { color: var(--red); }
+
+.page-title { font-size: 1.6rem; font-weight: 800; margin-bottom: 0.25rem; }
+.page-sub { color: var(--muted); font-size: 0.85rem; margin-bottom: 1.5rem; }
+
+.live-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-size: 0.68rem;
+  font-weight: 600;
+  color: var(--green);
+  background: rgba(34, 197, 94, 0.12);
+  border: 1px solid rgba(34, 197, 94, 0.3);
+  padding: 0.25rem 0.6rem;
+  border-radius: 999px;
+}
+
+.live-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--green);
+  animation: pulse 1.5s infinite;
+}
+
+.hub-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 1rem;
+}
+
+.hub-card {
+  padding: 1.5rem;
+  text-decoration: none;
+  color: inherit;
+  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
+  cursor: pointer;
+  display: block;
+}
+
+.hub-card:hover {
+  transform: translateY(-4px);
+  border-color: rgba(0, 212, 255, 0.45);
+  box-shadow: 0 8px 32px rgba(0, 212, 255, 0.12);
+}
+
+.hub-icon { font-size: 2rem; margin-bottom: 0.75rem; }
+.hub-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.35rem; }
+.hub-desc { font-size: 0.78rem; color: var(--muted); line-height: 1.45; }
+.hub-meta { margin-top: 0.75rem; display: flex; justify-content: space-between; align-items: center; font-size: 0.68rem; gap: 0.5rem; flex-wrap: wrap; }
+
+.chart-wrap { padding: 1.25rem; margin-bottom: 1rem; }
+.chart-title { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); margin-bottom: 1rem; }
+
+.ticker {
+  display: flex;
+  gap: 1.5rem;
+  overflow-x: auto;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1.5rem;
+  border-radius: 12px;
+}
+
+.ticker-item { white-space: nowrap; font-size: 0.85rem; }
+.ticker-pair { color: var(--muted); margin-right: 0.4rem; }
+.ticker-rate { font-weight: 700; font-size: 1rem; }
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.45rem 0.9rem;
+  border-radius: 8px;
+  border: 1px solid var(--border);
+  background: rgba(0, 212, 255, 0.08);
+  color: var(--accent);
+  font-size: 0.78rem;
+  font-weight: 600;
+  cursor: pointer;
+  text-decoration: none;
+  font-family: inherit;
+}
+
+.btn:hover { background: rgba(0, 212, 255, 0.15); }
+
+.tx-table { width: 100%; border-collapse: collapse; font-size: 0.78rem; }
+.tx-table th { text-align: left; padding: 0.5rem; color: var(--muted); font-size: 0.65rem; text-transform: uppercase; border-bottom: 1px solid var(--border); }
+.tx-table td { padding: 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.04); }
+.tx-hit { background: rgba(239, 68, 68, 0.08); }
+
+.map-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+  gap: 0.5rem;
+}
+
+.map-station {
+  padding: 0.65rem;
+  border-radius: 10px;
+  border: 1px solid var(--border);
+  font-size: 0.72rem;
+}
+
+.station-good { border-color: rgba(34, 197, 94, 0.4); }
+.station-warn { border-color: rgba(245, 158, 11, 0.4); }
+.station-bad { border-color: rgba(239, 68, 68, 0.4); }
+
+.fullscreen-btn { margin-left: auto; }
+
+@media (max-width: 600px) {
+  .shell-main { padding: 1rem; }
+  .kpi-value { font-size: 1.4rem; }
+  .chart-grid.cols-2 { grid-template-columns: 1fr; }
+  .map-3d-container { height: 300px; transform: none; }
+}
+
+.hero-block { padding: 1.25rem 1.4rem; margin-bottom: 1rem; }
+.hero-top { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
+.hero-badge { display: inline-block; font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent); background: rgba(0,212,255,0.1); border: 1px solid rgba(0,212,255,0.25); padding: 0.2rem 0.55rem; border-radius: 999px; margin-bottom: 0.4rem; }
+.source-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: flex-start; }
+.source-tag { font-size: 0.62rem; padding: 0.2rem 0.5rem; border-radius: 6px; background: rgba(124,58,237,0.15); color: #c4b5fd; border: 1px solid rgba(124,58,237,0.3); }
+.value-props { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.75rem; }
+.value-prop { display: flex; gap: 0.65rem; padding: 0.65rem; background: rgba(0,0,0,0.25); border-radius: 10px; border: 1px solid rgba(255,255,255,0.06); }
+.vp-icon { font-size: 1.4rem; flex-shrink: 0; }
+.vp-title { font-size: 0.78rem; font-weight: 700; margin-bottom: 0.15rem; }
+.vp-desc { font-size: 0.68rem; color: var(--muted); line-height: 1.4; }
+.insight-strip { display: flex; flex-direction: column; gap: 0.45rem; margin-bottom: 1rem; }
+.insight-item { padding: 0.55rem 0.75rem; border-radius: 8px; font-size: 0.74rem; border-left: 3px solid var(--accent); background: rgba(0,212,255,0.06); }
+.insight-warn { border-left-color: var(--orange); background: rgba(245,158,11,0.08); }
+.insight-ok { border-left-color: var(--green); background: rgba(34,197,94,0.08); }
+.insight-label { font-weight: 700; margin-right: 0.5rem; }
+.insight-text { color: var(--muted); }
+.chart-grid { display: grid; gap: 1rem; margin-bottom: 1rem; }
+.chart-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
+.chart-grid.cols-1 { grid-template-columns: 1fr; }
+.chart-subtitle { font-size: 0.65rem; color: var(--muted); margin: -0.5rem 0 0.75rem; }
+.chart-tall { min-height: 420px; }
+.map-3d-scene { position: relative; perspective: 1200px; padding: 0.5rem 0 1.5rem; }
+.map-3d-floor { position: absolute; bottom: 12px; left: 5%; right: 5%; height: 40px; background: linear-gradient(180deg, rgba(0,212,255,0.08), transparent); transform: rotateX(72deg) scaleY(0.5); border: 1px solid rgba(0,212,255,0.15); border-radius: 8px; pointer-events: none; }
+.map-3d-container { height: 420px; border-radius: 12px; overflow: hidden; transform: rotateX(12deg); transform-origin: center bottom; box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 40px rgba(0,212,255,0.08); border: 1px solid rgba(0,212,255,0.2); }
+.leaflet-dark, .leaflet-container { height: 100%; width: 100%; background: #0a1018; }
+.map-legend { display: flex; gap: 1rem; justify-content: center; margin-top: 0.75rem; font-size: 0.68rem; color: var(--muted); }
+.map-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 0.3rem; vertical-align: middle; }
+.city-pulse-3d { perspective: 800px; padding: 1rem 0.5rem 0.5rem; }
+.pulse-grid { display: flex; align-items: flex-end; justify-content: space-around; gap: 0.35rem; height: 200px; transform: rotateX(8deg); }
+.pulse-col { display: flex; flex-direction: column; align-items: center; flex: 1; animation: riseIn 0.6s ease-out both; }
+.pulse-bar { width: 100%; max-width: 36px; border-radius: 6px 6px 2px 2px; transition: height 0.5s ease; }
+.pulse-label { font-size: 0.58rem; color: var(--muted); margin-top: 0.35rem; }
+.pulse-val { font-size: 0.62rem; font-weight: 700; color: var(--accent); }
+@keyframes riseIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
+
+/* ===== GLOBAL OPS CENTER (all verticals) ===== */
+.ops-global,
+.smart-city-global { position: relative; }
+.global-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0,212,255,0.2); }
+.global-badge { font-size: 0.6rem; font-weight: 800; letter-spacing: 0.15em; color: var(--accent); display: block; margin-bottom: 0.35rem; }
+.global-title { font-size: 1.75rem; font-weight: 800; background: linear-gradient(90deg, #e8f0fe, #00d4ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.25rem; }
+.global-sub { font-size: 0.8rem; color: var(--muted); max-width: 720px; }
+.global-header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 0.35rem; }
+.refresh-badge { font-size: 0.65rem; color: var(--orange); font-weight: 700; font-family: monospace; }
+
+.context-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.65rem; margin-bottom: 1rem; }
+.context-card { padding: 0.85rem 1rem; }
+.context-card h3 { font-size: 0.72rem; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.35rem; }
+.context-card p { font-size: 0.72rem; color: var(--muted); line-height: 1.5; }
+
+.kpi-grid-dense { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
+
+.layer-bar { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1rem; }
+.layer-label { font-size: 0.68rem; color: var(--muted); font-weight: 600; }
+.layer-chip { font-size: 0.68rem; padding: 0.35rem 0.75rem; border-radius: 999px; border: 1px solid var(--border); background: rgba(0,0,0,0.3); color: var(--muted); cursor: pointer; font-family: inherit; transition: all 0.15s; }
+.layer-chip.on { border-color: var(--accent); color: var(--accent); background: rgba(0,212,255,0.12); box-shadow: 0 0 12px rgba(0,212,255,0.15); }
+
+.command-layout { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 1rem; margin-bottom: 1rem; min-height: 520px; }
+.command-map-col { padding: 0.75rem; overflow: hidden; }
+.command-video-col { display: flex; flex-direction: column; gap: 0; min-height: 0; }
+
+.globe-map-scene { position: relative; height: 460px; }
+.globe-grid-overlay { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(0,212,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,212,255,0.04) 1px, transparent 1px); background-size: 24px 24px; z-index: 2; border-radius: 10px; }
+.globe-map-frame { height: 100%; border-radius: 10px; overflow: hidden; border: 1px solid rgba(0,212,255,0.35); box-shadow: 0 0 30px rgba(0,212,255,0.1), inset 0 0 60px rgba(0,0,0,0.4); }
+.leaflet-globe { height: 100%; width: 100%; background: #050810; }
+.globe-map-hud { position: absolute; bottom: 8px; left: 12px; right: 12px; display: flex; gap: 1rem; font-size: 0.6rem; font-family: monospace; color: var(--accent); z-index: 1000; pointer-events: none; text-shadow: 0 0 8px rgba(0,212,255,0.5); }
+.hud-live { margin-left: auto; color: var(--green); }
+
+.custom-marker { background: none !important; border: none !important; }
+.marker-cam { width: 32px; height: 32px; border-radius: 8px; background: rgba(0,212,255,0.2); border: 2px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 12px rgba(0,212,255,0.4); transition: transform 0.15s; }
+.marker-cam.active { transform: scale(1.2); background: rgba(0,212,255,0.4); box-shadow: 0 0 20px rgba(0,212,255,0.7); }
+.marker-cam.offline { opacity: 0.4; border-color: #64748b; color: #64748b; }
+.marker-lamp { width: 28px; height: 28px; border-radius: 50%; background: rgba(245,158,11,0.2); border: 2px solid var(--orange); color: var(--orange); display: flex; align-items: center; justify-content: center; }
+.marker-lamp.motion { animation: lampPulse 1.5s infinite; box-shadow: 0 0 14px rgba(245,158,11,0.6); }
+.marker-lamp.active { transform: scale(1.15); }
+@keyframes lampPulse { 0%,100%{opacity:1} 50%{opacity:0.6} }
+
+.popup-btn { margin-top: 0.35rem; font-size: 0.65rem; padding: 0.25rem 0.5rem; background: var(--accent); color: #000; border: none; border-radius: 4px; cursor: pointer; font-weight: 700; }
+
+/* CCTV feeds */
+.cctv-feed { border-radius: 8px; overflow: hidden; background: #000; }
+.cctv-header { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.5rem; background: rgba(0,0,0,0.8); font-size: 0.62rem; flex-wrap: wrap; }
+.cctv-live { color: var(--red); font-weight: 800; display: flex; align-items: center; gap: 0.25rem; }
+.cctv-name { flex: 1; color: var(--text); font-weight: 600; }
+.cctv-meta { color: var(--muted); font-family: monospace; }
+.cctv-screen { position: relative; aspect-ratio: 16/9; background: #0a0a0a; overflow: hidden; }
+.cctv-compact .cctv-screen { aspect-ratio: 16/10; min-height: 80px; }
+.cctv-video { width: 100%; height: 100%; object-fit: cover; }
+.cctv-snapshot { width: 100%; height: 100%; object-fit: cover; display: block; background: #000; }
+.cctv-youtube { width: 100%; height: 100%; border: 0; display: block; background: #000; }
+.cctv-scanlines-light { opacity: 0.35; pointer-events: none; }
+.cctv-synthetic { width: 100%; height: 100%; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f18 50%, #16213e 100%); position: relative; }
+.cctv-scanlines { position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.15) 2px, rgba(0,0,0,0.15) 4px); pointer-events: none; }
+.cctv-noise { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); opacity: 0.12; animation: noiseShift 0.5s steps(2) infinite; }
+@keyframes noiseShift { to { transform: translate(2px, 1px); } }
+.cctv-overlay-text { position: absolute; bottom: 8px; left: 8px; font-size: 0.62rem; font-family: monospace; color: rgba(255,255,255,0.85); text-shadow: 0 1px 3px #000; line-height: 1.4; }
+.cctv-clock { color: var(--accent); font-weight: 700; margin-top: 0.15rem; }
+.cctv-tags { position: absolute; top: 6px; right: 6px; display: flex; gap: 0.25rem; }
+.cctv-tag { font-size: 0.55rem; padding: 0.15rem 0.35rem; background: rgba(0,212,255,0.25); border: 1px solid rgba(0,212,255,0.4); border-radius: 4px; color: var(--accent); text-transform: uppercase; }
+.cctv-footer { display: flex; justify-content: space-between; padding: 0.35rem 0.5rem; font-size: 0.62rem; background: rgba(0,0,0,0.85); color: var(--muted); }
+
+.camera-wall { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 0.5rem; }
+.camera-thumb { padding: 0; border: 2px solid var(--border); border-radius: 8px; overflow: hidden; cursor: pointer; background: #000; text-align: left; font-family: inherit; transition: border-color 0.15s; }
+.camera-thumb.active { border-color: var(--accent); box-shadow: 0 0 16px rgba(0,212,255,0.25); }
+.camera-thumb.offline { opacity: 0.55; }
+.thumb-label { font-size: 0.58rem; padding: 0.3rem 0.4rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: rgba(0,0,0,0.9); }
+
+.lamp-detail { padding: 0.75rem; margin-bottom: 0.75rem; }
+.lamp-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; margin-top: 0.5rem; }
+.lamp-stats div { background: rgba(0,0,0,0.3); padding: 0.45rem; border-radius: 6px; font-size: 0.68rem; }
+.lamp-stats span { display: block; color: var(--muted); font-size: 0.58rem; margin-bottom: 0.15rem; }
+
+.event-feed { padding: 0.75rem; flex: 1; overflow-y: auto; max-height: 160px; }
+.event-row { display: flex; gap: 0.5rem; font-size: 0.65rem; padding: 0.35rem 0; border-bottom: 1px solid rgba(255,255,255,0.04); font-family: monospace; }
+.event-time { color: var(--accent); min-width: 55px; }
+.event-type { color: var(--orange); min-width: 80px; text-transform: uppercase; }
+.event-warn { color: var(--orange); }
+.event-alert { color: var(--red); }
+
+@media (max-width: 900px) {
+  .command-layout { grid-template-columns: 1fr; }
+  .globe-map-scene { height: 320px; }
+  .context-grid { grid-template-columns: 1fr; }
+}
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
new file mode 100644
index 0000000..8b6c8e6
--- /dev/null
+++ b/frontend/vite.config.js
@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  root: path.resolve(__dirname),
+  build: {
+    outDir: 'dist',
+    emptyOutDir: true
+  },
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': 'http://localhost:3010',
+      '/stream': { target: 'http://localhost:3010', ws: false },
+      '/health': 'http://localhost:3010'
+    }
+  }
+});
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..1879a28
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,3540 @@
+{
+  "name": "mek-tech-showcase",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "mek-tech-showcase",
+      "version": "1.0.0",
+      "hasInstallScript": true,
+      "dependencies": {
+        "cors": "^2.8.5",
+        "express": "^4.18.2"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-react": "^4.3.4",
+        "concurrently": "^9.1.2",
+        "framer-motion": "^11.15.0",
+        "hls.js": "^1.5.18",
+        "leaflet": "^1.9.4",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "react-leaflet": "^5.0.0",
+        "react-router-dom": "^7.1.1",
+        "recharts": "^2.15.0",
+        "vite": "^6.0.7"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+      "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+      "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helpers": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.7.tgz",
+      "integrity": "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+      "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.29.7",
+        "@babel/helper-validator-option": "^7.29.7",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+      "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+      "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+      "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.29.7.tgz",
+      "integrity": "sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+      "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+      "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.7"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.29.7.tgz",
+      "integrity": "sha512-TL0hMc9xzy86VD31nUiwzd5otRAcyEPcsegCxolO0PvcXuH1v0kECe/UIznYFihpkvU5wg/jk4v0TTEFfm53fw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.29.7.tgz",
+      "integrity": "sha512-06IyK09H3wi4cGbhDBwp5gUGo0IKtnYa8tyTiephirPCK6fbobVGiXMMI5zLQ4aKEYP3wZ3ArU44o+8KMrSG/Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz",
+      "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+      "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.7.tgz",
+      "integrity": "sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-globals": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@react-leaflet/core": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-leaflet/core/-/core-3.0.0.tgz",
+      "integrity": "sha512-3EWmekh4Nz+pGcr+xjf0KNyYfC3U2JjnkWsh0zcqaexYqmmB5ZhH37kz41JXGmKzpaMZCnPofBBm64i+YrEvGQ==",
+      "dev": true,
+      "license": "Hippocratic-2.1",
+      "peerDependencies": {
+        "leaflet": "^1.9.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz",
+      "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz",
+      "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz",
+      "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz",
+      "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz",
+      "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz",
+      "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz",
+      "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz",
+      "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz",
+      "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz",
+      "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz",
+      "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz",
+      "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz",
+      "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz",
+      "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz",
+      "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz",
+      "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz",
+      "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz",
+      "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz",
+      "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz",
+      "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz",
+      "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz",
+      "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz",
+      "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz",
+      "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz",
+      "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
+      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.42",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.42.tgz",
+      "integrity": "sha512-c/jurFrDLyui7o1J86yLkRu4LMsTYcBohveus7/I2Hzdn9KIP2bdJPTue/lR1KH46enoPbD77GKeSYNdyPoD3Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.6",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.6.tgz",
+      "integrity": "sha512-p5tAzS57i5MV9fZFDj9LeIiTZEufbSe2eDozP+ElheSUq1m74CRq1jI4mYNDdVs9vQztXFLuk/Gd6BWTdwRJ5g==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.15.1",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.5",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.5.tgz",
+      "integrity": "sha512-Cu2E6QejHWzuDMTkuwgpABFgDfZrXLQq5V13YOACZx4mFAG4IwGTbTfHPMr4WtxlHoXSM8FIuRwYYCz5XiabaQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.42",
+        "caniuse-lite": "^1.0.30001800",
+        "electron-to-chromium": "^1.5.387",
+        "node-releases": "^2.0.50",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001803",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001803.tgz",
+      "integrity": "sha512-g/uHREV2ZpK9qMalCsWaxmA6ol+DX8GYhuf3T40RKoP+oL7vhRJh8LNt73PCjpnR6l14FzfPrB5Yux4PKm2meg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concurrently": {
+      "version": "9.2.3",
+      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.2.3.tgz",
+      "integrity": "sha512-ihjs0E2SxvDgq/MK418hX6YycQgKhsqxpbZuZbHo0yKfqDWdymWMjWYIpCIzqDDLLKClHlXev8whW/8WXmJ0BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "4.1.2",
+        "rxjs": "7.8.2",
+        "shell-quote": "1.8.4",
+        "supports-color": "8.1.1",
+        "tree-kill": "1.2.2",
+        "yargs": "17.7.2"
+      },
+      "bin": {
+        "conc": "dist/bin/concurrently.js",
+        "concurrently": "dist/bin/concurrently.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
+      "license": "MIT"
+    },
+    "node_modules/cors": {
+      "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
+      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js-light": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
+      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.389",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.389.tgz",
+      "integrity": "sha512-cEto7aeOqBfU1D+c5py5pE+ooscKE75JifxLBdFUZsqAxRS6y7kebtxAZvICszSl05gPjYHDTjY+lXpyGvpJbg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/express": {
+      "version": "4.22.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.2.tgz",
+      "integrity": "sha512-IuL+Elrou2ZvCFHs18/CIzy2Nzvo25nZ1/D2eIZlz7c+QUayAcYoiM2BthCjs+EBHVpjYjcuLDAiCWgeIX3X1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.5",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.15.1",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/fast-equals": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.4.1.tgz",
+      "integrity": "sha512-DjlFSM5Pk9cGcL0q5QXl66eGzx0N6szNgaswwc5ZphlBohjTVJSnGgI+rJVOgOi65qUoQnDZN4nDqi33udtydQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/framer-motion": {
+      "version": "11.18.2",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.18.2.tgz",
+      "integrity": "sha512-5F5Och7wrvtLVElIpclDT0CBzMVg3dL22B64aZwHtsIY8RB4mXICLrkajK4G9R+ieSAGcgrLeae2SeUTg2pr6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^11.18.1",
+        "motion-utils": "^11.18.1",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hls.js": {
+      "version": "1.6.16",
+      "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.6.16.tgz",
+      "integrity": "sha512-VSIRpLfRwlAAdGL4wiTucx2ScRipo0ed1FBatWkyt832jC4CReKstga6yIhYVwGu9LOBjuX9wzmRMeQdBJtzEA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/leaflet": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz",
+      "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/lodash": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/motion-dom": {
+      "version": "11.18.1",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-11.18.1.tgz",
+      "integrity": "sha512-g76KvA001z+atjfxczdRtw/RXOM3OMSdd1f4DL77qCTF/+avrRJiawSG4yDibEQ215sr9kpinSlX2pCTJ9zbhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^11.18.1"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "11.18.1",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-11.18.1.tgz",
+      "integrity": "sha512-49Kt+HKjtbJKLtgO/LKj9Ld+6vw9BjH5d9sc40R/kVyH8GLAXgT42M2NnuPcJNuA3s9ZfZBUcwIgpmZWGEE+hA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.15",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
+      "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.51",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.51.tgz",
+      "integrity": "sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz",
+      "integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.16.tgz",
+      "integrity": "sha512-vuwillviilfKZsg0VGj5R/YwwcHx4SLsIOI/7K6mQkWx+l5cUHTjj5g0AasTBcyXsbfTgrwsUNmVUb5xVwyPwg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.12",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.15.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz",
+      "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "es-define-property": "^1.0.1",
+        "side-channel": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
+      "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz",
+      "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.7"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/react-leaflet": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/react-leaflet/-/react-leaflet-5.0.0.tgz",
+      "integrity": "sha512-CWbTpr5vcHw5bt9i4zSlPEVQdTVcML390TjeDG0cK59z1ylexpqC6M1PJFjV8jD7CF+ACBFsLIDs6DRMoLEofw==",
+      "dev": true,
+      "license": "Hippocratic-2.1",
+      "dependencies": {
+        "@react-leaflet/core": "^3.0.0"
+      },
+      "peerDependencies": {
+        "leaflet": "^1.9.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-router": {
+      "version": "7.18.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.18.1.tgz",
+      "integrity": "sha512-GDLgg3i3uM0aeJO3Fm+TCS+sDQ7gu12T6x0qdTEzcwqEfleci7JwugVNIF3U//0FWKnJT7ptG+20B2jfDqnZAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cookie": "^1.0.1",
+        "set-cookie-parser": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "7.18.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.18.1.tgz",
+      "integrity": "sha512-KaZh+X/6UtEp28x51AUYZDMg9NGoz2ja3dNHa+ta/tk40vCzKhQ/RypCWBMLbmDr6//E24Vv5uPsrqXFozdkAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "react-router": "7.18.1"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/react-router/node_modules/cookie": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
+      "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/react-smooth": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz",
+      "integrity": "sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-equals": "^5.0.1",
+        "prop-types": "^15.8.1",
+        "react-transition-group": "^4.4.5"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
+    "node_modules/recharts": {
+      "version": "2.15.4",
+      "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.15.4.tgz",
+      "integrity": "sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==",
+      "deprecated": "1.x and 2.x branches are no longer active. Bump to Recharts v3 to receive latest features and bugfixes. See https://github.com/recharts/recharts/wiki/3.0-migration-guide",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.0.0",
+        "eventemitter3": "^4.0.1",
+        "lodash": "^4.17.21",
+        "react-is": "^18.3.1",
+        "react-smooth": "^4.0.4",
+        "recharts-scale": "^0.4.4",
+        "tiny-invariant": "^1.3.1",
+        "victory-vendor": "^36.6.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/recharts-scale": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/recharts-scale/-/recharts-scale-0.4.5.tgz",
+      "integrity": "sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "decimal.js-light": "^2.4.1"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz",
+      "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.9"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.62.2",
+        "@rollup/rollup-android-arm64": "4.62.2",
+        "@rollup/rollup-darwin-arm64": "4.62.2",
+        "@rollup/rollup-darwin-x64": "4.62.2",
+        "@rollup/rollup-freebsd-arm64": "4.62.2",
+        "@rollup/rollup-freebsd-x64": "4.62.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.62.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.62.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.62.2",
+        "@rollup/rollup-linux-arm64-musl": "4.62.2",
+        "@rollup/rollup-linux-loong64-gnu": "4.62.2",
+        "@rollup/rollup-linux-loong64-musl": "4.62.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.62.2",
+        "@rollup/rollup-linux-ppc64-musl": "4.62.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.62.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.62.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.62.2",
+        "@rollup/rollup-linux-x64-gnu": "4.62.2",
+        "@rollup/rollup-linux-x64-musl": "4.62.2",
+        "@rollup/rollup-openbsd-x64": "4.62.2",
+        "@rollup/rollup-openharmony-arm64": "4.62.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.62.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.62.2",
+        "@rollup/rollup-win32-x64-gnu": "4.62.2",
+        "@rollup/rollup-win32-x64-msvc": "4.62.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "~2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "~0.19.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
+      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.4",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.4.tgz",
+      "integrity": "sha512-VsC6n6vz1ihYYyZZwX7YZSF5l5x36ca17OC+a69h94YqB7X6XLwf+5MOgynYir2SLFUbl8gIYvBo8K8RoNQ6bQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/victory-vendor": {
+      "version": "36.9.2",
+      "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
+      "integrity": "sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==",
+      "dev": true,
+      "license": "MIT AND ISC",
+      "dependencies": {
+        "@types/d3-array": "^3.0.3",
+        "@types/d3-ease": "^3.0.0",
+        "@types/d3-interpolate": "^3.0.1",
+        "@types/d3-scale": "^4.0.2",
+        "@types/d3-shape": "^3.1.0",
+        "@types/d3-time": "^3.0.0",
+        "@types/d3-timer": "^3.0.0",
+        "d3-array": "^3.1.6",
+        "d3-ease": "^3.0.1",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "d3-shape": "^3.1.0",
+        "d3-time": "^3.0.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
+    "node_modules/vite": {
+      "version": "6.4.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.3.tgz",
+      "integrity": "sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..aa1d70c
--- /dev/null
+++ b/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "mek-tech-showcase",
+  "version": "1.0.0",
+  "description": "Mek-Tech Live Labs — Open data showcase dashboards",
+  "scripts": {
+    "dev": "concurrently \"npm run dev:server\" \"npm run dev:client\"",
+    "dev:server": "node server/index.js",
+    "dev:client": "vite --config frontend/vite.config.js",
+    "build": "vite build --config frontend/vite.config.js",
+    "start": "NODE_ENV=production node server/index.js",
+    "postinstall": "cd frontend 2>/dev/null || true"
+  },
+  "dependencies": {
+    "express": "^4.18.2",
+    "cors": "^2.8.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "concurrently": "^9.1.2",
+    "vite": "^6.0.7",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router-dom": "^7.1.1",
+    "recharts": "^2.15.0",
+    "framer-motion": "^11.15.0",
+    "leaflet": "^1.9.4",
+    "react-leaflet": "^5.0.0",
+    "hls.js": "^1.5.18"
+  }
+}
\ No newline at end of file
diff --git a/server/index.js b/server/index.js
new file mode 100644
index 0000000..4978d52
--- /dev/null
+++ b/server/index.js
@@ -0,0 +1,120 @@
+const express = require('express');
+const cors = require('cors');
+const path = require('path');
+const fs = require('fs');
+
+const trading = require('./lib/sources/trading');
+const retail = require('./lib/sources/retail');
+const supplyChain = require('./lib/sources/supply-chain');
+const smartCity = require('./lib/sources/smart-city');
+const fraud = require('./lib/sources/fraud');
+const { fetchCameraFrame } = require('./lib/camera-proxy');
+
+const PORT = process.env.PORT || 3010;
+const app = express();
+app.use(cors());
+app.use((req, res, next) => {
+  res.setHeader('Referrer-Policy', 'strict-origin-when-cross-origin');
+  next();
+});
+app.use(express.json());
+
+const SOURCES = {
+  trading: { label: 'Trading & FX', fetch: () => trading.getTradingData(), interval: 2000 },
+  retail: { label: 'Retail Intelligence', fetch: () => retail.getRetailData(), interval: 2000 },
+  'supply-chain': { label: 'Supply Chain', fetch: () => supplyChain.getSupplyChainData(), interval: 2500 },
+  fraud: { label: 'Fraud Detection', fetch: () => fraud.getFraudSnapshot(), interval: 1500 },
+  'smart-city': { label: 'Smart City', fetch: () => smartCity.getSmartCityData(), interval: 1500 }
+};
+
+app.get('/health', (req, res) => {
+  res.json({ status: 'ok', service: 'mek-tech-showcase', ts: new Date().toISOString() });
+});
+
+app.get('/api/status', async (req, res) => {
+  const status = {};
+  for (const [key, src] of Object.entries(SOURCES)) {
+    try {
+      await src.fetch();
+      status[key] = { ok: true, label: src.label };
+    } catch (e) {
+      status[key] = { ok: false, label: src.label, error: e.message };
+    }
+  }
+  res.json({ ts: new Date().toISOString(), verticals: status });
+});
+
+app.get('/api/smart-city/camera/:id', (req, res) => {
+  const cam = smartCity.getCameraById(req.params.id);
+  if (!cam) return res.status(404).json({ error: 'Camera not found' });
+  res.json(cam);
+});
+
+app.get('/api/smart-city/camera/:id/frame', async (req, res) => {
+  try {
+    const frame = await fetchCameraFrame(req.params.id);
+    if (!frame) return res.status(502).json({ error: 'Frame unavailable' });
+    res.setHeader('Content-Type', frame.contentType);
+    res.setHeader('Cache-Control', 'no-store, no-cache, must-revalidate');
+    res.setHeader('Access-Control-Allow-Origin', '*');
+    res.send(frame.buffer);
+  } catch (e) {
+    res.status(500).json({ error: e.message });
+  }
+});
+
+app.get('/api/:vertical', async (req, res) => {
+  const src = SOURCES[req.params.vertical];
+  if (!src) return res.status(404).json({ error: 'Unknown vertical' });
+  try {
+    const data = await src.fetch();
+    res.json(data);
+  } catch (e) {
+    res.status(500).json({ error: e.message });
+  }
+});
+
+app.get('/stream/:vertical', async (req, res) => {
+  const vertical = req.params.vertical;
+  const src = SOURCES[vertical];
+  if (!src) return res.status(404).end();
+
+  res.setHeader('Content-Type', 'text/event-stream');
+  res.setHeader('Cache-Control', 'no-cache');
+  res.setHeader('Connection', 'keep-alive');
+  res.flushHeaders();
+
+  let closed = false;
+  req.on('close', () => { closed = true; });
+
+  async function push() {
+    if (closed) return;
+    try {
+      const data = await src.fetch();
+      res.write(`data: ${JSON.stringify(data)}\n\n`);
+    } catch (e) {
+      res.write(`event: error\ndata: ${JSON.stringify({ error: e.message })}\n\n`);
+    }
+  }
+
+  await push();
+  const iv = setInterval(async () => {
+    if (closed) { clearInterval(iv); return; }
+    await push();
+  }, src.interval);
+
+  req.on('close', () => clearInterval(iv));
+});
+
+const distPath = path.join(__dirname, '../frontend/dist');
+if (fs.existsSync(distPath)) {
+  app.use(express.static(distPath));
+  app.get('*', (req, res) => {
+    if (req.path.startsWith('/api') || req.path.startsWith('/stream')) return res.status(404).end();
+    res.sendFile(path.join(distPath, 'index.html'));
+  });
+}
+
+app.listen(PORT, '0.0.0.0', () => {
+  console.log(`Mek-Tech Showcase running on http://0.0.0.0:${PORT}`);
+});
diff --git a/server/lib/cache.js b/server/lib/cache.js
new file mode 100644
index 0000000..b09490a
--- /dev/null
+++ b/server/lib/cache.js
@@ -0,0 +1,48 @@
+const fs = require('fs');
+const path = require('path');
+
+const CACHE_DIR = process.env.CACHE_DIR || path.join(__dirname, '../../cache');
+const MAX_BYTES = 50 * 1024 * 1024;
+
+function ensureDir() {
+  if (!fs.existsSync(CACHE_DIR)) fs.mkdirSync(CACHE_DIR, { recursive: true });
+}
+
+function cachePath(key) {
+  return path.join(CACHE_DIR, key.replace(/[^a-zA-Z0-9._-]/g, '_') + '.json');
+}
+
+function get(key, maxAgeMs) {
+  ensureDir();
+  const p = cachePath(key);
+  if (!fs.existsSync(p)) return null;
+  try {
+    const raw = JSON.parse(fs.readFileSync(p, 'utf8'));
+    if (maxAgeMs && Date.now() - raw.fetchedAt > maxAgeMs) return null;
+    return raw.data;
+  } catch (e) {
+    return null;
+  }
+}
+
+function set(key, data) {
+  ensureDir();
+  fs.writeFileSync(cachePath(key), JSON.stringify({ fetchedAt: Date.now(), data }, null, 0));
+  pruneIfNeeded();
+}
+
+function pruneIfNeeded() {
+  ensureDir();
+  const files = fs.readdirSync(CACHE_DIR).map(f => {
+    const p = path.join(CACHE_DIR, f);
+    return { p, mtime: fs.statSync(p).mtimeMs, size: fs.statSync(p).size };
+  }).sort((a, b) => a.mtime - b.mtime);
+  let total = files.reduce((s, f) => s + f.size, 0);
+  for (const f of files) {
+    if (total <= MAX_BYTES) break;
+    fs.unlinkSync(f.p);
+    total -= f.size;
+  }
+}
+
+module.exports = { get, set, CACHE_DIR };
diff --git a/server/lib/camera-proxy.js b/server/lib/camera-proxy.js
new file mode 100644
index 0000000..009d6d1
--- /dev/null
+++ b/server/lib/camera-proxy.js
@@ -0,0 +1,47 @@
+const cache = require('./cache');
+const { getCameraById } = require('./sources/smart-city-infra');
+
+const UA = 'Mozilla/5.0 (compatible; MekTechShowcase/1.0)';
+
+async function fetchImage(url) {
+  const res = await fetch(url, {
+    headers: { 'User-Agent': UA, Accept: 'image/*' },
+    signal: AbortSignal.timeout(8000)
+  });
+  if (!res.ok) return null;
+  const type = res.headers.get('content-type') || '';
+  if (!type.includes('image')) return null;
+  const buffer = Buffer.from(await res.arrayBuffer());
+  if (buffer.length < 800) return null;
+  return { buffer, contentType: type.split(';')[0] || 'image/jpeg' };
+}
+
+async function fetchCameraFrame(cameraId) {
+  const cam = getCameraById(cameraId);
+  if (!cam) return null;
+
+  const cacheKey = `cam-frame-${cameraId}`;
+  const cached = cache.get(cacheKey, 1100);
+  if (cached) return cached;
+
+  if (cam.youtubeId) {
+    const urls = [
+      `https://i.ytimg.com/vi/${cam.youtubeId}/maxresdefault_live.jpg`,
+      `https://i.ytimg.com/vi/${cam.youtubeId}/hqdefault_live.jpg`,
+      `https://i.ytimg.com/vi/${cam.youtubeId}/hqdefault.jpg`
+    ];
+    for (const url of urls) {
+      try {
+        const frame = await fetchImage(`${url}?t=${Date.now()}`);
+        if (frame) {
+          cache.set(cacheKey, frame);
+          return frame;
+        }
+      } catch (_) { /* try next */ }
+    }
+  }
+
+  return null;
+}
+
+module.exports = { fetchCameraFrame };
diff --git a/server/lib/sources/fraud.js b/server/lib/sources/fraud.js
new file mode 100644
index 0000000..d14a4f7
--- /dev/null
+++ b/server/lib/sources/fraud.js
@@ -0,0 +1,116 @@
+const cache = require('../cache');
+
+const SANCTIONS_NAMES = [
+  'IVANOV PETR', 'KIM JONG UN', 'RODRIGUEZ CARLOS', 'AL-RASHID OMAR',
+  'PETROV SERGEI', 'WANG WEI', 'MULLER HANS', 'SILVA ANA', 'NAKAMURA YUKI', 'PETROVA ANNA'
+];
+
+let txCounter = 0;
+const hitsTimeline = [];
+const riskBuckets = { low: 0, medium: 0, high: 0, critical: 0 };
+
+async function loadSanctions() {
+  const cached = cache.get('sanctions-list', 24 * 60 * 60 * 1000);
+  if (cached) return cached;
+  const list = SANCTIONS_NAMES.map((name, i) => ({
+    id: i + 1, name, list: 'EU Consolidated', country: ['RU', 'KP', 'VE', 'SY', 'RU', 'CN', 'DE', 'BR', 'JP', 'RU'][i]
+  }));
+  cache.set('sanctions-list', list);
+  return list;
+}
+
+function generateTx(sanctions) {
+  txCounter++;
+  const hit = Math.random() < 0.09;
+  const name = hit
+    ? sanctions[Math.floor(Math.random() * sanctions.length)].name
+    : `CUSTOMER ${Math.floor(Math.random() * 9000 + 1000)}`;
+  const amount = +(Math.random() * 50000 + 100).toFixed(2);
+  const risk = hit ? Math.round(85 + Math.random() * 15) : Math.round(Math.random() * 55);
+  if (risk < 25) riskBuckets.low++;
+  else if (risk < 50) riskBuckets.medium++;
+  else if (risk < 75) riskBuckets.high++;
+  else riskBuckets.critical++;
+
+  const tx = {
+    id: `TX-${Date.now()}-${txCounter}`,
+    name, amount,
+    currency: ['EUR', 'USD', 'GBP'][Math.floor(Math.random() * 3)],
+    country: ['NL', 'DE', 'BE', 'FR', 'UK', 'US', 'RU', 'CN'][Math.floor(Math.random() * 8)],
+    risk, hit,
+    type: ['SEPA', 'SWIFT', 'CARD', 'CRYPTO'][Math.floor(Math.random() * 4)],
+    ts: new Date().toISOString()
+  };
+  return tx;
+}
+
+async function getFraudSnapshot() {
+  const sanctions = await loadSanctions();
+  const recent = Array.from({ length: 25 }, () => generateTx(sanctions));
+  const hits = recent.filter(t => t.hit).length;
+
+  hitsTimeline.push({ t: new Date().toISOString().slice(11, 19), hits, screened: recent.length });
+  if (hitsTimeline.length > 30) hitsTimeline.shift();
+
+  const countryRisk = ['NL', 'DE', 'BE', 'FR', 'UK', 'US', 'RU', 'CN'].map(c => ({
+    country: c,
+    txs: Math.round(50 + Math.random() * 200),
+    hits: c === 'RU' || c === 'CN' ? Math.round(3 + Math.random() * 8) : Math.round(Math.random() * 2)
+  }));
+
+  const riskDistribution = [
+    { name: 'Laag', value: riskBuckets.low || 120, fill: '#22c55e' },
+    { name: 'Medium', value: riskBuckets.medium || 80, fill: '#f59e0b' },
+    { name: 'Hoog', value: riskBuckets.high || 40, fill: '#f97316' },
+    { name: 'Kritiek', value: riskBuckets.critical || 15, fill: '#ef4444' }
+  ];
+
+  const typeBreakdown = [
+    { type: 'SEPA', blocked: Math.round(Math.random() * 5), cleared: 420 },
+    { type: 'SWIFT', blocked: Math.round(Math.random() * 8), cleared: 180 },
+    { type: 'CARD', blocked: Math.round(Math.random() * 12), cleared: 890 },
+    { type: 'CRYPTO', blocked: Math.round(Math.random() * 15), cleared: 65 }
+  ];
+
+  const insights = [
+    { type: 'warn', label: 'Compliance', text: `${sanctions.length} entiteiten op EU-lijst — elke tx gescored in <20ms.` },
+    { type: 'info', label: 'ML', text: 'Velocity + geo-mismatch rules vangen 94% demo-anomalies — uitbreidbaar met eigen modellen.' },
+    { type: 'ok', label: 'Audit', text: 'Volledige audit trail exporteerbaar voor DNB/AFM toezicht.' },
+    { type: 'warn', label: 'Hits', text: `${hits} hits in huidige batch — RU/CN geo-risico geconcentreerd.` },
+    { type: 'info', label: 'Throughput', text: `${1240 + Math.floor(Math.random() * 50)} tx/min — SSE stream elke 1,5s.` },
+    { type: 'ok', label: 'Actie', text: 'False-positive review queue koppelbaar — zelfde Global Ops UI als treasury & retail.' }
+  ];
+
+  const contextBlocks = [
+    { title: 'Waarom Fraud Command Center?', body: 'Financiële instellingen moeten sancties, PEP en anomalies combineren — realtime, auditable, zonder vendor lock-in.' },
+    { title: 'Wat u hier ziet', body: 'Live tx stream, sanctions hits, risk verdeling, geo-risico en type breakdown — refresh elke 1,5 seconden.' },
+    { title: 'Technische aanpak Mek-Tech', body: 'EU Consolidated List + rule engine + SSE. ML models plug-in ready. Geen opslag van demo-tx.' },
+    { title: 'ROI voor uw organisatie', body: 'Snellere compliance response, lagere false-positive kosten, audit-ready logging.' },
+    { title: 'Productie-architectuur', body: 'Payment gateway → screening service → Kafka audit log → dit dashboard + case management.' },
+    { title: 'Volgende stap', body: 'Pilot met echte sanctions feed + 3 custom rules — productie POC binnen 3 weken.' }
+  ];
+
+  return {
+    ts: new Date().toISOString(),
+    refreshMs: 1500,
+    sanctionsCount: sanctions.length,
+    recent,
+    hitsLastMinute: hits,
+    hitsTimeline: [...hitsTimeline],
+    countryRisk,
+    riskDistribution,
+    typeBreakdown,
+    avgLatencyMs: Math.round(12 + Math.random() * 8),
+    screeningRate: 1240 + Math.floor(Math.random() * 50),
+    blockRate: +(hits / recent.length * 100).toFixed(2),
+    insights,
+    contextBlocks,
+    criticalCount: recent.filter(t => t.risk > 85).length,
+    context: {
+      pitch: 'Global Fraud & Compliance Operations — sanctions screening live.',
+      deployment: 'EU Consolidated List · OpenSanctions · ECB Payment Stats'
+    }
+  };
+}
+
+module.exports = { getFraudSnapshot, generateTx, loadSanctions };
diff --git a/server/lib/sources/retail.js b/server/lib/sources/retail.js
new file mode 100644
index 0000000..ffd7c6e
--- /dev/null
+++ b/server/lib/sources/retail.js
@@ -0,0 +1,69 @@
+const cache = require('../cache');
+
+async function getRetailData() {
+  const regions = [
+    { region: 'Noord-Holland', index: 108.2, yoy: 2.1, stores: 8420, onlineShare: 34, footfall: 112 },
+    { region: 'Zuid-Holland', index: 105.6, yoy: 1.4, stores: 7100, onlineShare: 31, footfall: 105 },
+    { region: 'Noord-Brabant', index: 103.1, yoy: 0.8, stores: 5200, onlineShare: 28, footfall: 98 },
+    { region: 'Gelderland', index: 101.4, yoy: 0.3, stores: 3800, onlineShare: 26, footfall: 94 },
+    { region: 'Utrecht', index: 106.8, yoy: 1.9, stores: 2900, onlineShare: 36, footfall: 108 },
+    { region: 'Limburg', index: 99.2, yoy: -0.4, stores: 2100, onlineShare: 24, footfall: 88 },
+    { region: 'Overijssel', index: 100.5, yoy: 0.5, stores: 2400, onlineShare: 25, footfall: 91 },
+    { region: 'Groningen', index: 98.7, yoy: -0.2, stores: 1200, onlineShare: 22, footfall: 85 }
+  ];
+
+  const history = ['Jan', 'Feb', 'Mrt', 'Apr', 'Mei', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'].map((month, i) => ({
+    month, index: +(100 + Math.sin(i / 2) * 3 + i * 0.15).toFixed(1),
+    online: +(28 + i * 0.8 + Math.sin(i) * 2).toFixed(1),
+    footfall: +(95 + Math.cos(i / 2) * 8).toFixed(1)
+  }));
+
+  const categories = [
+    { name: 'Supermarkt', share: 32, growth: 1.2 },
+    { name: 'Mode', share: 18, growth: -0.8 },
+    { name: 'Elektronica', share: 14, growth: 2.4 },
+    { name: 'Bouwmarkt', share: 12, growth: 0.5 },
+    { name: 'E-commerce', share: 24, growth: 8.2 }
+  ];
+
+  const scatter = regions.map(r => ({
+    region: r.region, stores: r.stores, index: r.index, yoy: r.yoy
+  }));
+
+  const sorted = regions.sort((a, b) => b.index - a.index);
+  const insights = [
+    { type: 'ok', label: 'Groei', text: 'Noord-Holland leidt met index 108 — combineer CBS-data met footfall sensoren voor locatiekeuze.' },
+    { type: 'warn', label: 'Druk', text: 'Limburg negatief YoY — gerichte promoties en regionale voorraadoptimalisatie.' },
+    { type: 'info', label: 'Omnichannel', text: 'Online share stijgt ~0.8%/maand — dashboard koppelt winkel + web in één view.' },
+    { type: 'info', label: 'Footfall', text: `Gem. footfall index ${Math.round(sorted.reduce((a, r) => a + r.footfall, 0) / sorted.length)} — piek in Randstad.` },
+    { type: 'warn', label: 'Mode', text: 'Mode categorie −0.8% — herbalanceer assortiment vs elektronica (+2.4%).' },
+    { type: 'ok', label: 'Actie', text: 'Scatter-analyse toont waar winkeldichtheid vs index outlier is — expansion ready.' }
+  ];
+
+  const contextBlocks = [
+    { title: 'Waarom Retail Command Center?', body: 'Retailers moeten snel zien waar omzet groeit, footfall daalt en online kanibaliseert — per regio, categorie en kanaal.' },
+    { title: 'Wat u hier ziet', body: 'Regionale omzetindices, categorie mix, 12-maanden trend, footfall vs online — live refresh elke 2 seconden.' },
+    { title: 'Technische aanpak Mek-Tech', body: 'CBS StatLine + footfall API + eigen geo-lagen. SSE stream naar browser zonder zware BI stack.' },
+    { title: 'ROI voor uw organisatie', body: 'Betere locatiekeuze (−15% mislukte openings), snellere category decisions, omnichannel alignment.' },
+    { title: 'Productie-architectuur', body: 'Data warehouse + footfall sensors → Kafka → dit dashboard. Store-level drill-down optioneel.' },
+    { title: 'Volgende stap', body: 'Pilot met 3 regio’s + eigen winkeldata overlay — dashboard op maat binnen 3–4 weken.' }
+  ];
+
+  return {
+    ts: new Date().toISOString(),
+    refreshMs: 2000,
+    nationalIndex: 104.3, nationalYoy: 1.2,
+    regions: sorted,
+    history, categories, scatter, insights, contextBlocks,
+    totalStores: regions.reduce((a, r) => a + r.stores, 0),
+    avgOnlineShare: +(regions.reduce((a, r) => a + r.onlineShare, 0) / regions.length).toFixed(1),
+    avgFootfall: Math.round(sorted.reduce((a, r) => a + r.footfall, 0) / sorted.length),
+    storesAtRisk: sorted.filter(r => r.yoy < 0).length,
+    context: {
+      pitch: 'Global Retail Operations — regio-intelligence, omnichannel & footfall live.',
+      deployment: 'CBS StatLine · OpenStreetMap · Footfall API'
+    }
+  };
+}
+
+module.exports = { getRetailData };
diff --git a/server/lib/sources/smart-city-infra.js b/server/lib/sources/smart-city-infra.js
new file mode 100644
index 0000000..8123b52
--- /dev/null
+++ b/server/lib/sources/smart-city-infra.js
@@ -0,0 +1,118 @@
+/** Smart City infrastructure — Amsterdam / Randstad focus, realistic coordinates */
+
+const PUBLIC_HLS = [
+  'https://devstreaming-cdn.apple.com/videos/streaming/examples/img_bipbop_adv_example_fmp4/master.m3u8',
+  'https://demo.unified-streaming.com/k8s/features/stable/video/tears-of-steel/tears-of-steel.ism/.m3u8',
+  'https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_16x9/bipbop_16x9_variant.m3u8',
+  'https://cph-p2p-msl.akamaized.net/hls/live/2000341/test/master.m3u8'
+];
+
+const PUBLIC_MP4 = [
+  'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
+  'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4',
+  'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4'
+];
+
+/** Live YouTube 24/7 NL city webcams — embed-friendly streams */
+const YOUTUBE_BY_CITY = {
+  Amsterdam: 'Bvo4l7LP-nc',
+  'Amsterdam CS': 'Bvo4l7LP-nc',
+  Rotterdam: 'MbetYro0DO8',
+  'Den Haag': '0SIEe-jH-Gw',
+  Utrecht: 'va3DX5Mg7YM',
+  Eindhoven: '8lsA80yEi2A'
+};
+
+const CAMERAS = [
+  { id: 'cam-dam', name: 'Dam Square — Noord', city: 'Amsterdam', lat: 52.3731, lng: 4.8932, type: 'traffic', zone: 'Centrum', streamIdx: 0, youtubeId: YOUTUBE_BY_CITY.Amsterdam, install: '2019', resolution: '4K' },
+  { id: 'cam-cs', name: 'Centraal Station — Hoofdingang', city: 'Amsterdam', lat: 52.3791, lng: 4.9003, type: 'security', zone: 'Centrum', streamIdx: 1, youtubeId: YOUTUBE_BY_CITY['Amsterdam CS'], install: '2021', resolution: '1080p' },
+  { id: 'cam-ij', name: 'IJ-tunnel — Westelijke Oprit', city: 'Amsterdam', lat: 52.3847, lng: 4.9021, type: 'traffic', zone: 'Noord', streamIdx: 2, youtubeId: YOUTUBE_BY_CITY.Amsterdam, install: '2018', resolution: '1080p' },
+  { id: 'cam-a10', name: 'A10 Ring — Coentunnel Zuid', city: 'Amsterdam', lat: 52.4012, lng: 4.8688, type: 'traffic', zone: 'Westpoort', streamIdx: 0, youtubeId: YOUTUBE_BY_CITY.Amsterdam, install: '2020', resolution: '4K' },
+  { id: 'cam-museum', name: 'Museumplein — Fietsenstalling', city: 'Amsterdam', lat: 52.3579, lng: 4.8811, type: 'security', zone: 'Zuid', streamIdx: 1, youtubeId: YOUTUBE_BY_CITY.Amsterdam, install: '2022', resolution: '1080p' },
+  { id: 'cam-zuidas', name: 'Zuidas — Mahlerplein', city: 'Amsterdam', lat: 52.3383, lng: 4.8724, type: 'traffic', zone: 'Zuidas', streamIdx: 2, youtubeId: YOUTUBE_BY_CITY.Amsterdam, install: '2023', resolution: '4K' },
+  { id: 'cam-rot-cs', name: 'Rotterdam CS — Proveniers', city: 'Rotterdam', lat: 51.9244, lng: 4.4692, type: 'security', zone: 'Centrum', streamIdx: 0, youtubeId: YOUTUBE_BY_CITY.Rotterdam, install: '2021', resolution: '1080p' },
+  { id: 'cam-rot-erasmus', name: 'Erasmusbrug — Noord', city: 'Rotterdam', lat: 51.9087, lng: 4.4863, type: 'traffic', zone: 'Kop van Zuid', streamIdx: 1, youtubeId: YOUTUBE_BY_CITY.Rotterdam, install: '2019', resolution: '4K' },
+  { id: 'cam-dh-bin', name: 'Den Haag — Binnenhof', city: 'Den Haag', lat: 52.0796, lng: 4.3131, type: 'security', zone: 'Centrum', streamIdx: 2, youtubeId: YOUTUBE_BY_CITY['Den Haag'], install: '2020', resolution: '1080p' },
+  { id: 'cam-ut-cs', name: 'Utrecht CS — Jaarbeurszijde', city: 'Utrecht', lat: 52.0893, lng: 5.1106, type: 'traffic', zone: 'Centrum', streamIdx: 0, youtubeId: YOUTUBE_BY_CITY.Utrecht, install: '2022', resolution: '1080p' },
+  { id: 'cam-eind-hs', name: 'Eindhoven — Strijp-S', city: 'Eindhoven', lat: 51.4514, lng: 5.4842, type: 'security', zone: 'Strijp', streamIdx: 1, youtubeId: YOUTUBE_BY_CITY.Eindhoven, install: '2023', resolution: '4K' },
+  { id: 'cam-har-port', name: 'Den Haag — Haven', city: 'Den Haag', lat: 52.0954, lng: 4.2658, type: 'traffic', zone: 'Haven', streamIdx: 2, youtubeId: YOUTUBE_BY_CITY['Den Haag'], install: '2018', resolution: '1080p' }
+];
+
+const LAMPPOSTS = [
+  { id: 'lp-001', lat: 52.3728, lng: 4.8945, street: 'Damrak', brightness: 78, energyWh: 124, motion: true, camLinked: 'cam-dam' },
+  { id: 'lp-002', lat: 52.3742, lng: 4.8918, street: 'Rokin', brightness: 65, energyWh: 98, motion: true, camLinked: 'cam-dam' },
+  { id: 'lp-003', lat: 52.3785, lng: 4.9015, street: 'Oosterdok', brightness: 90, energyWh: 156, motion: false, camLinked: 'cam-cs' },
+  { id: 'lp-004', lat: 52.3812, lng: 4.8998, street: 'Oosterdokskade', brightness: 55, energyWh: 87, motion: true, camLinked: 'cam-cs' },
+  { id: 'lp-005', lat: 52.3835, lng: 4.9035, street: 'Piet Heinkade', brightness: 72, energyWh: 112, motion: false, camLinked: 'cam-ij' },
+  { id: 'lp-006', lat: 52.3565, lng: 4.8825, street: 'Van Baerlestraat', brightness: 48, energyWh: 76, motion: true, camLinked: 'cam-museum' },
+  { id: 'lp-007', lat: 52.3395, lng: 4.8735, street: 'Gustav Mahlerlaan', brightness: 82, energyWh: 134, motion: true, camLinked: 'cam-zuidas' },
+  { id: 'lp-008', lat: 52.3378, lng: 4.8712, street: 'Beethovenstraat', brightness: 60, energyWh: 95, motion: false, camLinked: 'cam-zuidas' },
+  { id: 'lp-009', lat: 52.4005, lng: 4.8675, street: 'Sloterdijkweg', brightness: 95, energyWh: 168, motion: true, camLinked: 'cam-a10' },
+  { id: 'lp-010', lat: 52.9235, lng: 4.4712, street: 'Proveniersstraat', brightness: 70, energyWh: 108, motion: true, camLinked: 'cam-rot-cs' },
+  { id: 'lp-011', lat: 52.9075, lng: 4.4878, street: 'Wilhelminakade', brightness: 88, energyWh: 142, motion: false, camLinked: 'cam-rot-erasmus' },
+  { id: 'lp-012', lat: 52.0788, lng: 4.3145, street: 'Hofweg', brightness: 52, energyWh: 82, motion: true, camLinked: 'cam-dh-bin' },
+  { id: 'lp-013', lat: 52.0885, lng: 5.1095, street: 'Moreelsepark', brightness: 68, energyWh: 105, motion: false, camLinked: 'cam-ut-cs' },
+  { id: 'lp-014', lat: 52.4505, lng: 5.4835, street: 'Torenallee', brightness: 75, energyWh: 118, motion: true, camLinked: 'cam-eind-hs' },
+  { id: 'lp-015', lat: 52.3735, lng: 4.8965, street: 'Paleisstraat', brightness: 42, energyWh: 68, motion: true, camLinked: 'cam-dam' },
+  { id: 'lp-016', lat: 52.3708, lng: 4.8922, street: 'Dam', brightness: 58, energyWh: 91, motion: true, camLinked: 'cam-dam' }
+];
+
+let tick = 0;
+
+function jitter(v, pct = 0.06) {
+  return Math.max(1, +(v * (1 + (Math.random() - 0.5) * pct * 2)).toFixed(1));
+}
+
+function getStreamUrl(idx) {
+  return PUBLIC_HLS[idx % PUBLIC_HLS.length];
+}
+
+function getMp4Url(idx) {
+  return PUBLIC_MP4[idx % PUBLIC_MP4.length];
+}
+
+function getCameraById(id) {
+  const cam = CAMERAS.find(c => c.id === id);
+  if (!cam) return null;
+  return {
+    ...cam,
+    streamUrl: getStreamUrl(cam.streamIdx),
+    mp4Url: getMp4Url(cam.streamIdx),
+    frameUrl: `/api/smart-city/camera/${cam.id}/frame`,
+    online: Math.random() > 0.02,
+    fps: 24 + Math.floor(Math.random() * 6),
+    bitrate: 4 + Math.floor(Math.random() * 8),
+    viewers: Math.floor(Math.random() * 12) + 1,
+    lastMotion: new Date(Date.now() - Math.random() * 120000).toISOString()
+  };
+}
+
+function evolveInfrastructure() {
+  tick++;
+  const cameras = CAMERAS.map(c => ({
+    ...c,
+    streamUrl: getStreamUrl(c.streamIdx),
+    mp4Url: getMp4Url(c.streamIdx),
+    frameUrl: `/api/smart-city/camera/${c.id}/frame`,
+    online: Math.random() > 0.015,
+    fps: 24 + Math.floor(Math.random() * 8),
+    bitrateMbps: +(3.5 + Math.random() * 6).toFixed(1),
+    latencyMs: Math.round(80 + Math.random() * 120),
+    recording: true,
+    aiTags: ['vehicle', 'pedestrian', 'bicycle'].filter(() => Math.random() > 0.4).slice(0, 2)
+  }));
+
+  const lampposts = LAMPPOSTS.map(lp => ({
+    ...lp,
+    brightness: Math.round(Math.min(100, Math.max(20, lp.brightness + (Math.random() - 0.5) * 8))),
+    energyWh: Math.round(jitter(lp.energyWh, 0.04)),
+    motion: Math.random() > 0.55,
+    lux: Math.round(20 + Math.random() * 80),
+    tempC: +(15 + Math.random() * 8).toFixed(1),
+    co2saved: +(0.02 + Math.random() * 0.08).toFixed(3)
+  }));
+
+  return { cameras, lampposts };
+}
+
+module.exports = { CAMERAS, LAMPPOSTS, getCameraById, evolveInfrastructure, getStreamUrl, PUBLIC_HLS, PUBLIC_MP4 };
diff --git a/server/lib/sources/smart-city.js b/server/lib/sources/smart-city.js
new file mode 100644
index 0000000..f3cee98
--- /dev/null
+++ b/server/lib/sources/smart-city.js
@@ -0,0 +1,209 @@
+const { evolveInfrastructure, getCameraById } = require('./smart-city-infra');
+
+const NL_STATIONS = [
+  { id: 1, name: 'Amsterdam-NO2', city: 'Amsterdam', lat: 52.37, lng: 4.90, no2: 32, pm25: 14, o3: 45, population: 921402 },
+  { id: 2, name: 'Rotterdam-Centrum', city: 'Rotterdam', lat: 51.92, lng: 4.48, no2: 38, pm25: 18, o3: 42, population: 655468 },
+  { id: 3, name: 'Den Haag', city: 'Den Haag', lat: 52.07, lng: 4.30, no2: 29, pm25: 12, o3: 48, population: 552995 },
+  { id: 4, name: 'Utrecht', city: 'Utrecht', lat: 52.09, lng: 5.12, no2: 31, pm25: 13, o3: 46, population: 361924 },
+  { id: 5, name: 'Eindhoven', city: 'Eindhoven', lat: 51.44, lng: 5.48, no2: 35, pm25: 16, o3: 44, population: 246417 },
+  { id: 6, name: 'Groningen', city: 'Groningen', lat: 53.22, lng: 6.57, no2: 22, pm25: 9, o3: 52, population: 233273 },
+  { id: 7, name: 'Maastricht', city: 'Maastricht', lat: 50.85, lng: 5.69, no2: 26, pm25: 11, o3: 50, population: 121565 },
+  { id: 8, name: 'Nijmegen', city: 'Nijmegen', lat: 51.81, lng: 5.84, no2: 28, pm25: 12, o3: 47, population: 177359 },
+  { id: 9, name: 'Arnhem', city: 'Arnhem', lat: 51.99, lng: 5.90, no2: 27, pm25: 11, o3: 49, population: 164096 },
+  { id: 10, name: 'Breda', city: 'Breda', lat: 51.57, lng: 4.77, no2: 30, pm25: 13, o3: 46, population: 184403 },
+  { id: 11, name: 'Tilburg', city: 'Tilburg', lat: 51.56, lng: 5.09, no2: 33, pm25: 15, o3: 43, population: 224702 },
+  { id: 12, name: 'Almere', city: 'Almere', lat: 52.35, lng: 5.22, no2: 24, pm25: 10, o3: 51, population: 218096 },
+  { id: 13, name: 'Haarlem', city: 'Haarlem', lat: 52.39, lng: 4.64, no2: 30, pm25: 13, o3: 47, population: 162543 },
+  { id: 14, name: 'Enschede', city: 'Enschede', lat: 52.22, lng: 6.89, no2: 25, pm25: 10, o3: 50, population: 159732 },
+  { id: 15, name: 'Apeldoorn', city: 'Apeldoorn', lat: 52.21, lng: 5.97, no2: 23, pm25: 9, o3: 52, population: 164781 },
+  { id: 16, name: 'Amersfoort', city: 'Amersfoort', lat: 52.16, lng: 5.39, no2: 26, pm25: 11, o3: 48, population: 158712 },
+  { id: 17, name: 'Zwolle', city: 'Zwolle', lat: 52.52, lng: 6.08, no2: 24, pm25: 10, o3: 51, population: 130592 },
+  { id: 18, name: 'Leiden', city: 'Leiden', lat: 52.16, lng: 4.49, no2: 28, pm25: 12, o3: 47, population: 125565 }
+];
+
+function jitterInt(v, pct = 0.08) {
+  return Math.max(5, Math.round(v * (1 + (Math.random() - 0.5) * pct * 2)));
+}
+
+function buildHourlyTrend(baseNo2, basePm25) {
+  const hours = [];
+  const now = new Date();
+  for (let h = 0; h < 24; h++) {
+    const rush = h >= 7 && h <= 9 ? 1.28 : h >= 16 && h <= 19 ? 1.22 : h >= 0 && h <= 5 ? 0.72 : 1;
+    hours.push({
+      hour: `${String(h).padStart(2, '0')}:00`,
+      no2: Math.round(baseNo2 * rush * (0.92 + Math.random() * 0.16)),
+      pm25: Math.round(basePm25 * (0.88 + Math.random() * 0.2)),
+      traffic: Math.round(rush * 100 * (0.8 + Math.random() * 0.4)),
+      noise: Math.round(45 + rush * 25 + Math.random() * 10)
+    });
+  }
+  hours[now.getHours()].no2 = jitterInt(hours[now.getHours()].no2, 0.03);
+  return hours;
+}
+
+function buildLiveSeconds(baseNo2) {
+  const pts = [];
+  for (let i = 59; i >= 0; i--) {
+    pts.push({
+      sec: i,
+      no2: jitterInt(baseNo2 * (0.95 + Math.sin(i / 8) * 0.08), 0.04),
+      cameras: 12,
+      events: Math.random() > 0.92 ? 1 : 0
+    });
+  }
+  return pts;
+}
+
+async function getSmartCityData() {
+  const { cameras, lampposts } = evolveInfrastructure();
+
+  const stations = NL_STATIONS.map(s => ({
+    ...s,
+    no2: jitterInt(s.no2),
+    pm25: jitterInt(s.pm25),
+    o3: jitterInt(s.o3),
+    source: 'rivm-sim'
+  }));
+
+  const avgNo2 = Math.round(stations.reduce((a, s) => a + s.no2, 0) / stations.length);
+  const avgPm25 = Math.round(stations.reduce((a, s) => a + s.pm25, 0) / stations.length);
+  const aboveThreshold = stations.filter(s => s.no2 > 40 || s.pm25 > 25).length;
+
+  const cityMap = {};
+  stations.forEach(s => {
+    const c = s.city;
+    if (!cityMap[c]) cityMap[c] = { city: c, no2: 0, pm25: 0, count: 0, lat: s.lat, lng: s.lng };
+    cityMap[c].no2 += s.no2;
+    cityMap[c].pm25 += s.pm25;
+    cityMap[c].count++;
+  });
+  const cityRankings = Object.values(cityMap)
+    .map(c => ({ ...c, no2: Math.round(c.no2 / c.count), pm25: Math.round(c.pm25 / c.count) }))
+    .sort((a, b) => b.no2 - a.no2);
+
+  const statusDistribution = [
+    { name: 'Goed', value: stations.filter(s => s.no2 <= 28 && s.pm25 <= 15).length, fill: '#22c55e' },
+    { name: 'Matig', value: stations.filter(s => (s.no2 > 28 && s.no2 <= 40) || (s.pm25 > 15 && s.pm25 <= 25)).length, fill: '#f59e0b' },
+    { name: 'Onvoldoende', value: stations.filter(s => s.no2 > 40 || s.pm25 > 25).length, fill: '#ef4444' }
+  ];
+
+  const hourlyTrend = buildHourlyTrend(avgNo2, avgPm25);
+  const liveSeconds = buildLiveSeconds(avgNo2);
+  const weeklyTrend = ['Ma', 'Di', 'Wo', 'Do', 'Vr', 'Za', 'Zo'].map((d, i) => ({
+    day: d,
+    no2: Math.round(avgNo2 * (0.9 + Math.sin(i) * 0.15 + Math.random() * 0.1)),
+    pm25: Math.round(avgPm25 * (0.85 + Math.cos(i) * 0.12 + Math.random() * 0.1))
+  }));
+
+  const pollutantRadar = [
+    { pollutant: 'NO₂', value: avgNo2, full: 60 },
+    { pollutant: 'PM2.5', value: avgPm25, full: 35 },
+    { pollutant: 'O₃', value: Math.round(stations.reduce((a, s) => a + s.o3, 0) / stations.length), full: 70 },
+    { pollutant: 'SO₂', value: Math.round(8 + Math.random() * 6), full: 25 },
+    { pollutant: 'CO', value: Math.round(3 + Math.random() * 4), full: 15 }
+  ];
+
+  const cameraStats = {
+    total: cameras.length,
+    online: cameras.filter(c => c.online).length,
+    traffic: cameras.filter(c => c.type === 'traffic').length,
+    security: cameras.filter(c => c.type === 'security').length,
+    avgLatency: Math.round(cameras.reduce((a, c) => a + c.latencyMs, 0) / cameras.length)
+  };
+
+  const lamppostStats = {
+    total: lampposts.length,
+    activeMotion: lampposts.filter(l => l.motion).length,
+    avgBrightness: Math.round(lampposts.reduce((a, l) => a + l.brightness, 0) / lampposts.length),
+    energyTodayKwh: +(lampposts.reduce((a, l) => a + l.energyWh, 0) / 1000).toFixed(2)
+  };
+
+  const recentEvents = [];
+  if (Math.random() > 0.3) {
+    const cam = cameras[Math.floor(Math.random() * cameras.length)];
+    recentEvents.push({
+      ts: new Date().toISOString(),
+      type: ['motion', 'crowd', 'vehicle', 'incident'][Math.floor(Math.random() * 4)],
+      camera: cam.name,
+      severity: ['info', 'warn', 'alert'][Math.floor(Math.random() * 3)]
+    });
+  }
+  lampposts.filter(l => l.motion).slice(0, 2).forEach(lp => {
+    recentEvents.push({
+      ts: new Date().toISOString(),
+      type: 'motion-lamp',
+      camera: lp.street,
+      severity: 'info'
+    });
+  });
+
+  const insights = [
+    { type: 'warn', label: 'Live nu', text: `${cameraStats.online}/${cameraStats.total} camera's online · gem. latency ${cameraStats.avgLatency}ms · refresh 1,5s.` },
+    { type: 'info', label: 'Piekuren', text: `NO₂ piek ~08:00 (${hourlyTrend[8]?.no2} µg/m³) gekoppeld aan verkeerscamera's A10/IJ-tunnel.` },
+    { type: 'ok', label: 'Smart lighting', text: `${lamppostStats.activeMotion} lantaarnpalen met motion-detect — ${lamppostStats.energyTodayKwh} kWh vandaag.` },
+    { type: 'warn', label: 'Stad', text: `${cityRankings[0]?.city}: hoogste NO₂ (${cityRankings[0]?.no2}). Drill-down via kaart → camera feed.` },
+    { type: 'info', label: 'Integratie', text: 'Productie: koppel gemeente RTSP/ONVIF via edge gateway — zelfde dashboard UI.' },
+    { type: 'ok', label: 'Compliance', text: 'AVG: anonimiseer video analytics; bewaartermijnen per camera-zone configureerbaar.' }
+  ];
+
+  const contextBlocks = [
+    {
+      title: 'Waarom Smart City dashboards?',
+      body: 'Gemeenten beheren duizenden assets: camera\'s, sensoren, lantaarnpalen, verkeerslichtmasten. Zonder unified view reageer je te laat op incidenten, overshoot je energie-budget en mis je datagedreven beleid.'
+    },
+    {
+      title: 'Wat u hier ziet',
+      body: 'Een Global Operations Center voor de Randstad: live camera-streams, IoT-lantaarnpalen, luchtkwaliteit en event feed — alles op één kaart met sub-second refresh.'
+    },
+    {
+      title: 'Technische aanpak Mek-Tech',
+      body: 'Open data (RIVM, KNMI) + RTSP-ingest via edge + SSE/WebSocket naar browser. Geen vendor lock-in; dashboards op maat in dagen i.p.v. maanden.'
+    },
+    {
+      title: 'ROI voor uw organisatie',
+      body: 'Snellere incident response (−40% meld-naar-actie tijd), energiebesparing smart lighting (−15–25%), betere burgercommunicatie via open kaartlagen.'
+    },
+    {
+      title: 'Productie-architectuur',
+      body: 'Camera gateway → Kafka/EventHub → time-series DB → dit dashboard. Video blijft on-prem; metadata & analytics in cloud of gemeente-DC.'
+    },
+    {
+      title: 'Volgende stap',
+      body: 'Pilot op 1 wijk: 20 camera\'s + 50 lantaarnpalen + luchtsensoren. Mek-Tech levert integratie, UI en SLA binnen 4–6 weken.'
+    }
+  ];
+
+  return {
+    ts: new Date().toISOString(),
+    refreshMs: 1500,
+    stations,
+    cameras,
+    lampposts,
+    cityRankings,
+    avgNo2,
+    avgPm25,
+    aboveThreshold,
+    statusDistribution,
+    hourlyTrend,
+    liveSeconds,
+    weeklyTrend,
+    pollutantRadar,
+    insights,
+    contextBlocks,
+    cameraStats,
+    lamppostStats,
+    recentEvents,
+    healthIndex: Math.max(0, Math.min(100, 100 - Math.round(avgNo2 * 1.2 + avgPm25 * 1.5))),
+    sensorsOnline: stations.length + cameras.length + lampposts.length,
+    populationCovered: stations.reduce((a, s) => a + (s.population || 50000), 0),
+    rivmLive: false,
+    mapCenter: { lat: 52.37, lng: 4.90, zoom: 11 },
+    context: {
+      pitch: 'Global Smart City Command Center — camera\'s, lantaarnpalen, lucht & verkeer realtime.',
+      deployment: 'Amsterdam · Rotterdam · Den Haag · Utrecht · Eindhoven'
+    }
+  };
+}
+
+module.exports = { getSmartCityData, getCameraById };
diff --git a/server/lib/sources/supply-chain.js b/server/lib/sources/supply-chain.js
new file mode 100644
index 0000000..6669d37
--- /dev/null
+++ b/server/lib/sources/supply-chain.js
@@ -0,0 +1,68 @@
+const cache = require('../cache');
+
+async function getSupplyChainData() {
+  const flows = [
+    { from: 'China', to: 'Rotterdam', value: 42.5, delay: 2.1, mode: 'Sea' },
+    { from: 'VS', to: 'Rotterdam', value: 18.2, delay: 1.4, mode: 'Sea' },
+    { from: 'Duitsland', to: 'Amsterdam', value: 12.8, delay: 0.6, mode: 'Road' },
+    { from: 'België', to: 'Rotterdam', value: 9.4, delay: 0.4, mode: 'Road' },
+    { from: 'VK', to: 'Rotterdam', value: 7.1, delay: 1.8, mode: 'Sea' },
+    { from: 'India', to: 'Rotterdam', value: 5.2, delay: 3.2, mode: 'Sea' }
+  ];
+
+  const throughput = Array.from({ length: 12 }, (_, i) => ({
+    month: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'][i],
+    rotterdam: Math.round(820 + Math.sin(i / 2) * 40 + i * 3),
+    amsterdam: Math.round(95 + Math.sin(i / 3) * 8 + i * 0.5),
+    antwerp: Math.round(210 + Math.cos(i / 2) * 15)
+  }));
+
+  const modeSplit = [
+    { name: 'Zee', value: 68, fill: '#f59e0b' },
+    { name: 'Weg', value: 22, fill: '#00d4ff' },
+    { name: 'Spoor', value: 7, fill: '#22c55e' },
+    { name: 'Lucht', value: 3, fill: '#7c3aed' }
+  ];
+
+  const delayByRoute = flows.map(f => ({ route: `${f.from}→${f.to}`, delay: f.delay, volume: f.value }));
+
+  const portLocations = [
+    { name: 'Rotterdam', lat: 51.95, lng: 4.12, throughput: 868, risk: 34 },
+    { name: 'Amsterdam', lat: 52.37, lng: 4.90, throughput: 98, risk: 22 },
+    { name: 'Moerdijk', lat: 51.72, lng: 4.62, throughput: 45, risk: 18 }
+  ];
+
+  const insights = [
+    { type: 'warn', label: 'Risico', text: '72% import via top-3 landen — concentratierisico zichtbaar in flow view.' },
+    { type: 'info', label: 'Haven', text: 'Rotterdam 868M ton — koppel ETA-data voor proactieve vertraging-alerts.' },
+    { type: 'ok', label: 'Actie', text: 'Multimodaal split toont waar rail/barge investering ROI heeft.' },
+    { type: 'warn', label: 'Vertraging', text: `Gem. vertraging ${+(flows.reduce((a, f) => a + f.delay, 0) / flows.length).toFixed(1)} d — India-route 3.2d monitor.` },
+    { type: 'info', label: 'Throughput', text: 'Rotterdam +3% YoY — Antwerpen concurrentie in zelfde view.' },
+    { type: 'ok', label: 'Integratie', text: 'ERP/WMS ETA feed → SSE alerts — zelfde Global Ops shell als andere verticals.' }
+  ];
+
+  const contextBlocks = [
+    { title: 'Waarom Supply Chain Tower?', body: 'Logistiek directeuren missen vaak één view op havens, routes, vertraging en concentratierisico — tot er disruption is.' },
+    { title: 'Wat u hier ziet', body: 'Import flows, haven throughput trends, multimodaal split, route delays — refresh elke 2,5 seconden.' },
+    { title: 'Technische aanpak Mek-Tech', body: 'Eurostat COMEXT + haven open data + eigen ERP koppeling. Lightweight SSE i.p.v. zware SCM suite.' },
+    { title: 'ROI voor uw organisatie', body: 'Proactieve vertraging-alerts, betere modal shift beslissingen, lagere voorraad-buffer.' },
+    { title: 'Productie-architectuur', body: 'Port API + AIS + ERP → event hub → dit dashboard. Drill-down per shipment optioneel.' },
+    { title: 'Volgende stap', body: 'Pilot Rotterdam–warehouse corridor met ETA alerts — live binnen 4 weken.' }
+  ];
+
+  return {
+    ts: new Date().toISOString(),
+    refreshMs: 2500,
+    totalThroughput: 868, throughputYoy: 3.2, flows, throughput,
+    riskScore: 34, concentrationTop3: 72.5, modeSplit, delayByRoute, portLocations, insights, contextBlocks,
+    avgDelay: +(flows.reduce((a, f) => a + f.delay, 0) / flows.length).toFixed(1),
+    activeRoutes: flows.length,
+    delayedRoutes: flows.filter(f => f.delay > 2).length,
+    context: {
+      pitch: 'Global Supply Chain Control Tower — havens, flows & risico live.',
+      deployment: 'Eurostat COMEXT · Port of Rotterdam · CBS Logistiek'
+    }
+  };
+}
+
+module.exports = { getSupplyChainData };
diff --git a/server/lib/sources/trading.js b/server/lib/sources/trading.js
new file mode 100644
index 0000000..bef9d79
--- /dev/null
+++ b/server/lib/sources/trading.js
@@ -0,0 +1,127 @@
+const cache = require('../cache');
+
+const PAIRS = [
+  { key: 'EUR/USD', url: 'https://data-api.ecb.europa.eu/service/data/EXR/D.USD.EUR.SP00.A?lastNObservations=90&format=jsondata' },
+  { key: 'EUR/GBP', url: 'https://data-api.ecb.europa.eu/service/data/EXR/D.GBP.EUR.SP00.A?lastNObservations=90&format=jsondata' },
+  { key: 'EUR/JPY', url: 'https://data-api.ecb.europa.eu/service/data/EXR/D.JPY.EUR.SP00.A?lastNObservations=90&format=jsondata' },
+  { key: 'EUR/CHF', url: 'https://data-api.ecb.europa.eu/service/data/EXR/D.CHF.EUR.SP00.A?lastNObservations=90&format=jsondata' }
+];
+
+function parseEcbJson(data, key) {
+  try {
+    const series = data?.dataSets?.[0]?.series;
+    if (!series) return null;
+    const firstKey = Object.keys(series)[0];
+    const obs = series[firstKey]?.observations;
+    if (!obs) return null;
+    const dates = data.structure?.dimensions?.observation?.[0]?.values || [];
+    const points = Object.entries(obs).map(([idx, val]) => ({
+      i: parseInt(idx, 10),
+      rate: val[0]
+    })).sort((a, b) => a.i - b.i);
+    const history = points.map(p => ({
+      date: dates[p.i]?.id || `t${p.i}`,
+      rate: p.rate
+    }));
+    const rates = history.map(h => h.rate);
+    const vol = rates.length > 5
+      ? Math.sqrt(rates.slice(-30).reduce((s, r, i, arr) => {
+        if (i === 0) return 0;
+        const d = (r - arr[i - 1]) / arr[i - 1];
+        return s + d * d;
+      }, 0) / 29) * 100
+      : 0;
+    return {
+      pair: key,
+      current: points[points.length - 1]?.rate,
+      previous: points[points.length - 2]?.rate,
+      weekAgo: points[Math.max(0, points.length - 6)]?.rate,
+      history,
+      volatility: +vol.toFixed(3),
+      high30: Math.max(...rates.slice(-30)),
+      low30: Math.min(...rates.slice(-30))
+    };
+  } catch (e) {
+    return null;
+  }
+}
+
+async function fetchPair(pair) {
+  const cached = cache.get(`ecb-${pair.key}`, 30 * 60 * 1000);
+  if (cached) return cached;
+  try {
+    const res = await fetch(pair.url, { headers: { Accept: 'application/json' } });
+    if (!res.ok) throw new Error(`ECB ${res.status}`);
+    const data = await res.json();
+    const parsed = parseEcbJson(data, pair.key);
+    if (parsed) cache.set(`ecb-${pair.key}`, parsed);
+    return parsed;
+  } catch (e) {
+    return cached || fallbackPair(pair.key);
+  }
+}
+
+function fallbackPair(key) {
+  const base = { 'EUR/USD': 1.08, 'EUR/GBP': 0.86, 'EUR/JPY': 163.5, 'EUR/CHF': 0.97 }[key] || 1;
+  const history = Array.from({ length: 90 }, (_, i) => ({
+    date: `D-${90 - i}`,
+    rate: +(base + Math.sin(i / 6) * 0.03 + (Math.random() - 0.5) * 0.008).toFixed(4)
+  }));
+  return {
+    pair: key, current: history[history.length - 1].rate, previous: history[history.length - 2].rate,
+    weekAgo: history[history.length - 6].rate, history, volatility: 0.12, high30: base * 1.02, low30: base * 0.98, fallback: true
+  };
+}
+
+async function getTradingData() {
+  const pairs = (await Promise.all(PAIRS.map(fetchPair))).filter(Boolean);
+  const ticker = pairs.map(p => ({
+    pair: p.pair, rate: p.current,
+    change: p.previous ? +(((p.current - p.previous) / p.previous) * 100).toFixed(3) : 0,
+    weekChange: p.weekAgo ? +(((p.current - p.weekAgo) / p.weekAgo) * 100).toFixed(2) : 0,
+    fallback: !!p.fallback
+  }));
+
+  const correlation = pairs.length >= 2 ? [
+    { pair: 'EUR/USD vs GBP', corr: 0.72 + Math.random() * 0.1 },
+    { pair: 'EUR/USD vs JPY', corr: -0.45 + Math.random() * 0.1 },
+    { pair: 'EUR/GBP vs CHF', corr: 0.58 + Math.random() * 0.08 }
+  ] : [];
+
+  const volumeProfile = ['09:00', '11:00', '13:00', '15:00', '17:00'].map(t => ({
+    time: t, volume: Math.round(40 + Math.random() * 60)
+  }));
+
+  const insights = [
+    { type: 'info', label: 'EUR/USD', text: `Spot ${pairs[0]?.current?.toFixed(4)} — volatiliteit ${pairs[0]?.volatility}% (30d). Ideaal voor treasury risk dashboards.` },
+    { type: 'warn', label: 'Alert', text: 'Configureer drempels per currency pair — SSE pusht alerts binnen 2s naar traders.' },
+    { type: 'ok', label: 'Bron', text: 'ECB SDW open API — geen Bloomberg-licentie nodig voor FX monitoring.' },
+    { type: 'info', label: 'Correlatie', text: 'Cross-pair correlaties helpen hedge-ratio’s te kalibreren — live bijgewerkt.' },
+    { type: 'warn', label: 'Volatiliteit', text: `${pairs[0]?.pair || 'EUR/USD'} 30d range: ${pairs[0] ? ((pairs[0].high30 - pairs[0].low30) * 10000).toFixed(0) : '—'} bps — monitor bij ECB speeches.` },
+    { type: 'ok', label: 'Integratie', text: 'Koppel treasury limits, ERP en dealing room — zelfde Global Ops UI als andere verticals.' }
+  ];
+
+  const contextBlocks = [
+    { title: 'Waarom FX Command Center?', body: 'Treasury teams hebben realtime zicht nodig op exposure, volatiliteit en correlaties — zonder dure terminal-licenties of vertraagde batch-exports.' },
+    { title: 'Wat u hier ziet', body: 'Live ECB koersen, multi-pair ticker, 90-dagen historie, volatiliteit en sessie-volume — refresh elke 2 seconden via SSE.' },
+    { title: 'Technische aanpak Mek-Tech', body: 'Open ECB SDW API + eigen cache + SSE push. Alerts rules engine koppelt aan Slack, Teams of dealing room.' },
+    { title: 'ROI voor uw organisatie', body: 'Snellere hedge-beslissingen, lagere datakosten vs Bloomberg/Reuters, audit trail voor risk committees.' },
+    { title: 'Productie-architectuur', body: 'ECB feed → normalisatie → time-series DB → dit dashboard. Optioneel: bank internal rates overlay.' },
+    { title: 'Volgende stap', body: 'Pilot met 4 currency pairs + alert drempels + export naar treasury systeem — live binnen 2 weken.' }
+  ];
+
+  return {
+    ts: new Date().toISOString(),
+    refreshMs: 2000,
+    pairs, ticker, correlation, volumeProfile, insights, contextBlocks,
+    spreadEurUsd: pairs[0] ? +((pairs[0].high30 - pairs[0].low30) * 10000).toFixed(1) : 0,
+    alertCount: Math.floor(Math.random() * 3),
+    sessionVolume: Math.round(volumeProfile.reduce((a, v) => a + v.volume, 0)),
+    context: {
+      pitch: 'Global FX Operations Center — ECB live data, treasury alerts, multi-pair risk.',
+      deployment: 'ECB SDW · DNB Statistieken · Treasury SSE'
+    }
+  };
+}
+
+module.exports = { getTradingData };