From 2cf51729c17bde8e642fc498ee3f5a6a5ee23f67 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 27 May 2026 09:23:54 +0000
Subject: [PATCH 1/4] chore: sync dashboard UI from
 dashboard-ui@cea00c2dfd9c944903187376e6f873fc6d87e198

---
 src/ui.html | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/ui.html b/src/ui.html
index ad7a42f..36e949f 100644
--- a/src/ui.html
+++ b/src/ui.html
@@ -5,6 +5,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>APIForge — Local Dashboard</title>
   <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='8' fill='%230a0a0a'/><text x='16' y='22' text-anchor='middle' fill='white' font-size='14' font-family='monospace' font-weight='bold'>AF</text></svg>">
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
   <style>
 /* APIForge Local Dashboard */
 :root {
@@ -17,13 +20,18 @@
   --warn: #b45309; --warn-soft: rgba(180,83,9,0.09);
   --danger: #b91c1c; --danger-soft: rgba(185,28,28,0.08);
   --info: #2563eb; --info-soft: rgba(37,99,235,0.08); --neutral: #525252;
+  --method-GET: #1d4ed8; --method-POST: #15803d; --method-PUT: #b45309;
+  --method-PATCH: #6d28d9; --method-DELETE: #b91c1c;
+  --ai-grad: linear-gradient(135deg, #7c3aed, #be185d);
   --row-h: 40px; --pad-card: 20px;
-  --radius-sm: 5px; --radius: 8px; --radius-lg: 12px;
+  --radius-xs: 3px; --radius-sm: 5px; --radius: 8px; --radius-lg: 12px; --radius-pill: 999px;
   --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
   --shadow: 0 4px 16px rgba(0,0,0,0.06);
   --shadow-lg: 0 12px 40px rgba(0,0,0,0.12);
-  --sans: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
-  --mono: 'Geist Mono','JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
+  --ease: cubic-bezier(0.2, 0.9, 0.4, 1);
+  --dur-fast: 0.1s; --dur: 0.15s; --dur-slow: 0.3s;
+  --sans: 'Geist', system-ui, sans-serif;
+  --mono: 'Geist Mono', ui-monospace, monospace;
 }
 * { box-sizing: border-box; }
 html, body { margin: 0; padding: 0; height: 100%; }
@@ -96,6 +104,15 @@
 .btn-ghost:hover { background: var(--bg-elev); }
 .btn-danger { color: var(--danger); border-color: var(--border); }
 .btn-danger:hover { background: var(--danger-soft); border-color: var(--danger); }
+.btn-accent { background: var(--accent); color: white; border-color: var(--accent); }
+.btn-accent:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
+.status-badge { font-family: var(--mono); font-size: 10px; font-weight: 600;
+  padding: 2px 6px; border-radius: var(--radius-xs); text-transform: uppercase;
+  letter-spacing: 0.04em; display: inline-block; }
+.sb-ok   { background: var(--ok-soft);     color: var(--ok); }
+.sb-warn { background: var(--warn-soft);   color: var(--warn); }
+.sb-bad  { background: var(--danger-soft); color: var(--danger); }
+.sb-info { background: var(--info-soft);   color: var(--info); }
 
 .content { flex: 1; overflow-y: auto; background: var(--bg); }
 .content-inner { max-width: 1400px; margin: 0 auto; padding: 24px 32px 48px; }
@@ -152,7 +169,7 @@
 .stat-label { font-size: 11px; color: var(--text-dim); text-transform: uppercase;
   letter-spacing: 0.06em; font-weight: 500; }
 .stat-val { font-size: 22px; font-weight: 600; font-family: var(--mono);
-  letter-spacing: -0.5px; margin-top: 6px; display: flex; align-items: baseline; gap: 6px; }
+  font-feature-settings: 'tnum'; letter-spacing: -0.5px; margin-top: 6px; display: flex; align-items: baseline; gap: 6px; }
 .stat-val .unit { font-size: 12px; color: var(--text-dim); font-weight: 400; }
 .stat-delta { font-size: 11.5px; font-family: var(--mono); margin-top: 4px;
   display: inline-flex; align-items: center; gap: 3px; color: var(--text-dim); }
@@ -170,7 +187,7 @@
 .tbl tr:last-child td { border-bottom: 0; }
 .tbl tr.click { cursor: pointer; }
 .tbl tr.click:hover td { background: var(--bg-elev); }
-.tbl td.num, .tbl th.num { text-align: right; font-family: var(--mono); }
+.tbl td.num, .tbl th.num { text-align: right; font-family: var(--mono); font-feature-settings: 'tnum'; }
 
 .method { font-family: var(--mono); font-size: 10.5px; font-weight: 600; padding: 2px 6px;
   border-radius: 3px; letter-spacing: 0.02em; display: inline-block; min-width: 44px; text-align: center; }

From 40e04fbdfcaab7f840a6438ad386645275ba6b9a Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 27 May 2026 09:33:59 +0000
Subject: [PATCH 2/4] chore: sync dashboard UI from
 dashboard-ui@efda379c3557d39de79aaae6ed8eea01ba1d42c3

---
 src/ui.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui.html b/src/ui.html
index 36e949f..c15dfe2 100644
--- a/src/ui.html
+++ b/src/ui.html
@@ -7,7 +7,8 @@
   <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='8' fill='%230a0a0a'/><text x='16' y='22' text-anchor='middle' fill='white' font-size='14' font-family='monospace' font-weight='bold'>AF</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap" media="print" onload="this.media='all'" />
+  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap" /></noscript>
   <style>
 /* APIForge Local Dashboard */
 :root {

From b2b834d85603a36ebef0296d89ae19e969ec488f Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 27 May 2026 09:50:16 +0000
Subject: [PATCH 3/4] chore: sync dashboard UI from
 dashboard-ui@7afba0a2c392e13b803977f99d6227fea9d665d8

---
 src/ui.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ui.html b/src/ui.html
index c15dfe2..33ee90e 100644
--- a/src/ui.html
+++ b/src/ui.html
@@ -333,9 +333,9 @@
 <body>
   <div id="root"></div>
 
-  <script src="https://cdn.jsdelivr.net/npm/react@18/umd/react.production.min.js" crossorigin></script>
-  <script src="https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
-  <script src="https://cdn.jsdelivr.net/npm/@babel/standalone@7/babel.min.js" crossorigin></script>
+  <script src="/assets/react.js"></script>
+  <script src="/assets/react-dom.js"></script>
+  <script src="/assets/babel.js"></script>
 
   <script type="text/babel" data-presets="react">
 'use strict';

From af509fee209c15b781e29140fc71ce5516993f07 Mon Sep 17 00:00:00 2001
From: Fabien83560 <fabienortega.290604@gmail.com>
Date: Wed, 27 May 2026 14:00:03 +0200
Subject: [PATCH 4/4] fix(sdk): serve React/Babel locally, fix dashboard
 shutdown and process exit on Ctrl+C, bump to 2.1.0

---
 package-lock.json | 18 ++++++++++++++----
 package.json      |  7 ++++++-
 src/dashboard.js  | 11 +++++++++++
 src/index.js      |  7 ++++---
 4 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b83922a..591e228 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,17 @@
 {
   "name": "apiforgejs",
-  "version": "1.0.2",
+  "version": "2.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "apiforgejs",
-      "version": "1.0.2",
+      "version": "2.0.0",
       "license": "MIT",
       "dependencies": {
-        "react": "^18.0.0",
-        "react-dom": "^18.0.0"
+        "@babel/standalone": "^7.27.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1"
       },
       "engines": {
         "node": ">=22.5.0"
@@ -19,6 +20,15 @@
         "express": ">=4.0.0"
       }
     },
+    "node_modules/@babel/standalone": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.29.7.tgz",
+      "integrity": "sha512-oFh9XoGL20UuHIeIuBQHOvF7r2dOCRnZW0r4SageGb9SWnt6HhbuPLREykNaEnP7/SRpMUwr50SSMJLrmeHvnQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/accepts": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
diff --git a/package.json b/package.json
index 0f34810..c5e361d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "apiforgejs",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "API observability & intelligence SDK for Express.js — local-first, privacy-first",
   "main": "src/index.js",
   "keywords": [
@@ -24,6 +24,11 @@
   "engines": {
     "node": ">=22.5.0"
   },
+  "dependencies": {
+    "@babel/standalone": "^7.27.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
   "peerDependencies": {
     "express": ">=4.0.0"
   },
diff --git a/src/dashboard.js b/src/dashboard.js
index 60e66a7..be30af6 100644
--- a/src/dashboard.js
+++ b/src/dashboard.js
@@ -23,6 +23,7 @@ function resolveAsset(pkg, file) {
 
 const REACT_PATH     = resolveAsset('react', 'react.production.min.js');
 const REACT_DOM_PATH = resolveAsset('react-dom', 'react-dom.production.min.js');
+const BABEL_PATH     = resolveAsset('@babel/standalone', 'babel.min.js');
 
 function startDashboard(db, port) {
   const server = http.createServer((req, res) => {
@@ -78,6 +79,16 @@ function route(req, res, url, db) {
     return;
   }
 
+  if (req.method === 'GET' && pathname === '/assets/babel.js') {
+    if (BABEL_PATH) {
+      serveFile(res, BABEL_PATH, 'application/javascript');
+    } else {
+      res.writeHead(404);
+      res.end('// @babel/standalone not found — run npm install inside apiforgejs');
+    }
+    return;
+  }
+
   // ── API: summary ──────────────────────────────────────────────────────────
   if (req.method === 'GET' && pathname === '/api/summary') {
     const data = db.getSummary();
diff --git a/src/index.js b/src/index.js
index 0fd4d0f..2f80133 100644
--- a/src/index.js
+++ b/src/index.js
@@ -58,14 +58,15 @@ function apiforge(options = {}) {
   const aggregator = new Aggregator(transport, config.flushInterval);
   aggregator.start();
 
-  if (!isCloud && config.dashboardPort) {
-    startDashboard(db, config.dashboardPort);
-  }
+  const dashboardServer = (!isCloud && config.dashboardPort)
+    ? startDashboard(db, config.dashboardPort)
+    : null;
 
   const middleware = createInterceptor(aggregator, db, config);
 
   middleware.shutdown = () => {
     aggregator.stop();
+    if (dashboardServer) dashboardServer.close();
     if (db) db.close();
   };