infinicode 2.4.0 → 2.5.0

package/dist/cli.js

@@ -19,7 +19,7 @@ import { meshInstall, meshUninstall } from './commands/mesh-install.js';
 import { installTui } from './commands/install-tui.js';
 import { attachRoboparkSubcommands } from './commands/robopark.js';
 import { DEFAULT_CONFIG } from './kernel/config-schema.js';
-const VERSION = '2.4.0';
+const VERSION = '2.5.0';
 const config = new Conf({
     projectName: 'infinicode',
     defaults: DEFAULT_CONFIG,
@@ -296,6 +296,10 @@ program
     .option('--tag <tag>', 'only discover peers carrying this tag (Tailscale ACL tag or LAN beacon tag)')
     .option('--console', 'interactive slash-command console on the node (/nodes, /build, /activity …); on by default in a TTY')
     .option('--dashboard', 'serve the RoboPark control web UI at http://<host>:<port>/ (fleet map, live activity, actions)')
+    .option('--scheduler-url <url>', 'link a RoboPark scheduler so the dashboard shows sessions + telemetry (e.g. http://localhost:8080)')
+    .option('--scheduler-token <token>', 'bearer token to present to the scheduler on proxied requests')
+    .option('--tls-cert <path>', 'PEM cert file — serve the dashboard/mesh over HTTPS')
+    .option('--tls-key <path>', 'PEM private key file for --tls-cert')
     .option('--gateway <url>', 'link to an InfiniBot gateway (ws://host:18789) — appear on its neural-mesh map')
     .option('--gateway-token <token>', 'auth token for the InfiniBot gateway')
     .option('--gateway-password <password>', 'auth password for the InfiniBot gateway')

package/dist/commands/serve.d.ts

@@ -18,5 +18,9 @@ export interface ServeOptions {
     gatewayToken?: string;
     gatewayPassword?: string;
     dashboard?: boolean;
+    schedulerUrl?: string;
+    schedulerToken?: string;
+    tlsCert?: string;
+    tlsKey?: string;
 }
 export declare function serve(config: Conf<InfinicodeConfig>, opts: ServeOptions): Promise<void>;

package/dist/commands/serve.js

@@ -78,6 +78,17 @@ export async function serve(config, opts) {
             reason: 'this node is network-exposed without a token — only read-only commands are allowed. Restart with --token <secret> to enable control commands.',
         };
     };
+    // Optional TLS material for an HTTPS dashboard/mesh.
+    let tls;
+    if (opts.tlsCert && opts.tlsKey) {
+        try {
+            tls = { cert: readFileSync(opts.tlsCert), key: readFileSync(opts.tlsKey) };
+        }
+        catch (err) {
+            console.log(chalk.red(`  ✗ could not read TLS cert/key: ${err instanceof Error ? err.message : String(err)}`));
+            process.exit(1);
+        }
+    }
     const kernel = buildKernelFromConfig(config);
     const identity = loadOrCreateIdentity({ role, displayName: opts.name ?? fed.displayName });
     // Manifest inputs are read live from the kernel so the map shows real caps.
@@ -145,6 +156,10 @@ export async function serve(config, opts) {
             dashboard: opts.dashboard,
             onApply,
             commandGate,
+            tls,
+            schedulerUrl: opts.schedulerUrl ?? fed.schedulerUrl,
+            schedulerToken: opts.schedulerToken,
+            schedulerReadOnly: !trusted,
         },
     });
     // Let the kernel's slash-command surface reach the mesh (/nodes, /node, …).
@@ -167,8 +182,11 @@ export async function serve(config, opts) {
     // Control dashboard link — prefer a reachable host over the 0.0.0.0 wildcard.
     if (opts.dashboard) {
         const uiHost = isLoopback(bindHost) || bindHost === '0.0.0.0' ? 'localhost' : bindHost;
-        const url = `http://${uiHost}:${port}/${token ? `?token=${token}` : ''}`;
+        const scheme = tls ? 'https' : 'http';
+        const url = `${scheme}://${uiHost}:${port}/${token ? `?token=${token}` : ''}`;
         console.log(chalk.bold(`  dashboard: ${chalk.cyan(url)}`));
+        if (opts.schedulerUrl)
+            console.log(chalk.dim(`    scheduler linked: ${opts.schedulerUrl} (sessions + telemetry tabs live)`));
         if (!token)
             console.log(chalk.dim('    (no token — anyone who can reach this port can control the fleet; add --token to lock it)'));
         console.log();

package/dist/kernel/federation/dashboard-html.d.ts

@@ -10,4 +10,4 @@
  * Kept free of backticks and ${...} so the whole page fits inside this TS
  * template literal without escaping; the client JS uses string concatenation.
  */
-export declare const DASHBOARD_HTML = "<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>RoboPark Control</title>\n<style>\n:root{\n  --bg:#FFF8DE; --panel:#FBF1CE; --panel-2:#F3E4B4; --border:#E0C982; --border-strong:#B97816;\n  --ink:#231704; --muted:#6E4A12; --gold:#7A420A; --gold-bright:#B97816;\n  --ok:#2F7A32; --ok-bg:#E4F0DD; --warn:#9A6A12; --warn-bg:#F6E9C4; --bad:#B5382E; --bad-bg:#F6DED9;\n  --info:#1F6F9E; --info-bg:#DCEEF7;\n  --mono:ui-monospace,\"Cascadia Code\",Consolas,monospace;\n  --sans:system-ui,\"Segoe UI\",Roboto,sans-serif;\n}\n@media (prefers-color-scheme:dark){:root{\n  --bg:#0C0904; --panel:#161009; --panel-2:#1F1710; --border:#3A2A0C; --border-strong:#7A420A;\n  --ink:#F3E6C4; --muted:#A98A4E; --gold:#E6B23C; --gold-bright:#FFD86B;\n  --ok:#7FCE7A; --ok-bg:#15230F; --warn:#E0A23C; --warn-bg:#241A0A; --bad:#FF7A6E; --bad-bg:#2A100C;\n  --info:#6FB6FF; --info-bg:#0F2231;\n}}\n:root[data-theme=\"dark\"]{\n  --bg:#0C0904; --panel:#161009; --panel-2:#1F1710; --border:#3A2A0C; --border-strong:#7A420A;\n  --ink:#F3E6C4; --muted:#A98A4E; --gold:#E6B23C; --gold-bright:#FFD86B;\n  --ok:#7FCE7A; --ok-bg:#15230F; --warn:#E0A23C; --warn-bg:#241A0A; --bad:#FF7A6E; --bad-bg:#2A100C;\n  --info:#6FB6FF; --info-bg:#0F2231;\n}\n:root[data-theme=\"light\"]{\n  --bg:#FFF8DE; --panel:#FBF1CE; --panel-2:#F3E4B4; --border:#E0C982; --border-strong:#B97816;\n  --ink:#231704; --muted:#6E4A12; --gold:#7A420A; --gold-bright:#B97816;\n  --ok:#2F7A32; --ok-bg:#E4F0DD; --warn:#9A6A12; --warn-bg:#F6E9C4; --bad:#B5382E; --bad-bg:#F6DED9;\n  --info:#1F6F9E; --info-bg:#DCEEF7;\n}\n*{box-sizing:border-box;margin:0;padding:0}\nhtml,body{height:100%}\nbody{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.45;-webkit-font-smoothing:antialiased;}\n.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}\n\n/* top bar */\nheader.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\n  padding:0.7rem 1.1rem;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:5;}\n.brand{display:flex;align-items:center;gap:0.6rem;}\n.livedot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 70%,transparent);animation:pulse 2.4s infinite;flex:none;}\n.livedot.stale{background:var(--muted);animation:none;}\n@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}\n@media (prefers-reduced-motion:reduce){.livedot{animation:none}}\n.brand b{font-size:0.98rem;letter-spacing:-0.01em;}\n.brand .who{font-family:var(--mono);font-size:0.72rem;color:var(--muted);}\n.chips{display:flex;gap:0.45rem;flex-wrap:wrap;align-items:center;}\n.chip{font-family:var(--mono);font-size:0.68rem;padding:0.28em 0.62em;border-radius:100px;border:1px solid var(--border);\n  background:var(--panel-2);color:var(--muted);display:inline-flex;gap:0.4em;align-items:center;white-space:nowrap;}\n.chip b{color:var(--ink);font-weight:600;}\n.chip.ok b{color:var(--ok)} .chip.bad b{color:var(--bad)} .chip.info b{color:var(--info)}\n.themebtn{font-family:var(--mono);font-size:0.68rem;background:transparent;border:1px solid var(--border);color:var(--muted);\n  border-radius:100px;padding:0.34em 0.8em;cursor:pointer;}\n.themebtn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;}\n\n/* layout */\n.wrap{display:grid;grid-template-columns:1fr 340px;gap:1rem;padding:1rem 1.1rem 6.5rem;max-width:1400px;margin:0 auto;}\n@media (max-width:920px){.wrap{grid-template-columns:1fr}}\nsection h2,aside h2{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-bright);\n  margin:0.2rem 0 0.7rem;display:flex;align-items:center;gap:0.5rem;}\nsection h2 .count{color:var(--muted);}\n\n/* fleet cards */\n.fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0.75rem;}\n.node{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:9px;\n  padding:0.75rem 0.85rem;cursor:pointer;position:relative;transition:border-color .12s,transform .12s;}\n.node:hover{transform:translateY(-1px);}\n.node.up{border-left-color:var(--ok);} .node.down{border-left-color:var(--muted);opacity:0.72;}\n.node.sel{outline:2px solid var(--gold-bright);outline-offset:1px;}\n.node:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px;}\n.node .top{display:flex;align-items:baseline;justify-content:space-between;gap:0.5rem;margin-bottom:0.15rem;}\n.node .name{font-family:var(--mono);font-size:0.9rem;font-weight:600;word-break:break-word;}\n.node .role{font-family:var(--mono);font-size:0.62rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--gold);}\n.node .meta{font-size:0.72rem;color:var(--muted);margin-bottom:0.5rem;display:flex;gap:0.5rem;flex-wrap:wrap;}\n.node .selfbadge{font-family:var(--mono);font-size:0.58rem;color:var(--info);border:1px solid color-mix(in srgb,var(--info) 40%,transparent);\n  border-radius:4px;padding:0 0.3em;}\n.bar-track{height:6px;border-radius:4px;background:var(--panel-2);overflow:hidden;margin-bottom:0.3rem;}\n.bar-fill{height:100%;background:var(--ok);width:0;transition:width .4s ease;}\n.bar-fill.warn{background:var(--warn)} .bar-fill.bad{background:var(--bad)}\n.node .load{font-family:var(--mono);font-size:0.64rem;color:var(--muted);display:flex;justify-content:space-between;}\n.caps{display:flex;gap:0.25rem;flex-wrap:wrap;margin-top:0.5rem;}\n.cap{font-family:var(--mono);font-size:0.58rem;color:var(--muted);background:var(--panel-2);border-radius:4px;padding:0.05em 0.35em;}\n.empty{color:var(--muted);font-size:0.82rem;padding:1.4rem;text-align:center;border:1px dashed var(--border);border-radius:9px;}\n\n/* hardware meters */\n.hw{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:0.85rem;margin-top:1rem;}\n.meter{margin-bottom:0.65rem;}\n.meter:last-child{margin-bottom:0;}\n.meter .lab{display:flex;justify-content:space-between;font-family:var(--mono);font-size:0.68rem;color:var(--muted);margin-bottom:0.25rem;}\n.meter .lab b{color:var(--ink);}\n\n/* activity feed */\naside{position:sticky;top:64px;align-self:start;max-height:calc(100vh - 84px);display:flex;flex-direction:column;}\n.feed{background:var(--panel);border:1px solid var(--border);border-radius:9px;overflow-y:auto;flex:1;min-height:240px;font-family:var(--mono);font-size:0.7rem;}\n.line{padding:0.28rem 0.6rem;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);display:flex;gap:0.5rem;line-height:1.3;}\n.line:last-child{border-bottom:none;}\n.line .t{color:var(--muted);flex:none;}\n.line .n{color:var(--gold);flex:none;max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.line .d{color:var(--ink);flex:1;word-break:break-word;}\n.line.k-ev .d{color:var(--info);} .line.k-hw .n{color:var(--muted);} .line.k-rt .d{color:var(--gold-bright);}\n\n/* command bar */\nfooter.cmd{position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--border-strong);\n  padding:0.6rem 1.1rem;display:flex;gap:0.55rem;align-items:center;flex-wrap:wrap;z-index:6;}\nfooter .sel{font-family:var(--mono);font-size:0.72rem;color:var(--muted);white-space:nowrap;}\nfooter .sel b{color:var(--ink);}\nfooter input{flex:1;min-width:180px;font-family:var(--mono);font-size:0.8rem;background:var(--bg);color:var(--ink);\n  border:1px solid var(--border);border-radius:7px;padding:0.5em 0.7em;}\nfooter input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px;}\nbutton.act{font-family:var(--sans);font-size:0.76rem;font-weight:600;cursor:pointer;border-radius:7px;padding:0.5em 0.85em;\n  border:1px solid var(--border-strong);background:var(--gold-bright);color:#231704;white-space:nowrap;}\nbutton.act.ghost{background:transparent;color:var(--gold);}\nbutton.act:focus-visible{outline:2px solid var(--ink);outline-offset:1px;}\nbutton.act:disabled{opacity:0.5;cursor:default;}\n#out{position:fixed;right:1.1rem;bottom:3.6rem;max-width:min(560px,90vw);max-height:44vh;overflow:auto;background:var(--panel-2);\n  border:1px solid var(--border-strong);border-radius:9px;padding:0.7rem 0.85rem;font-family:var(--mono);font-size:0.72rem;\n  white-space:pre-wrap;display:none;box-shadow:0 8px 30px rgba(0,0,0,0.25);z-index:7;}\n#out .x{float:right;cursor:pointer;color:var(--muted);border:none;background:none;font-family:var(--mono);}\n.offline{background:var(--bad-bg);color:var(--bad);text-align:center;font-family:var(--mono);font-size:0.72rem;padding:0.4rem;display:none;}\n</style>\n</head>\n<body>\n<div class=\"offline\" id=\"offline\">connection lost \u2014 retrying</div>\n<header class=\"bar\">\n  <div class=\"brand\">\n    <span class=\"livedot\" id=\"livedot\"></span>\n    <div>\n      <b>RoboPark Control</b>\n      <div class=\"who mono\" id=\"who\">connecting\u2026</div>\n    </div>\n  </div>\n  <div class=\"chips\" id=\"summary\"></div>\n  <button class=\"themebtn\" id=\"theme\">Theme</button>\n</header>\n\n<div class=\"wrap\">\n  <section>\n    <h2>Fleet <span class=\"count\" id=\"fleetcount\"></span></h2>\n    <div class=\"fleet\" id=\"fleet\"></div>\n    <div class=\"hw\" id=\"hw\"></div>\n  </section>\n  <aside>\n    <h2>Live activity</h2>\n    <div class=\"feed\" id=\"feed\"></div>\n  </aside>\n</div>\n\n<footer class=\"cmd\">\n  <span class=\"sel\">on <b id=\"selName\">this node</b></span>\n  <input id=\"cmdInput\" placeholder=\"/status   /nodes   /health   (Enter to run)\" autocomplete=\"off\" spellcheck=\"false\">\n  <button class=\"act\" id=\"runBtn\">Run</button>\n  <button class=\"act ghost\" id=\"applyBtn\">Apply config to fleet</button>\n</footer>\n<div id=\"out\"><button class=\"x\" id=\"outClose\">close</button><span id=\"outText\"></span></div>\n\n<script>\n(function(){\n  var TOKEN = new URLSearchParams(location.search).get('token') || '';\n  var QS = TOKEN ? ('?token=' + encodeURIComponent(TOKEN)) : '';\n  var selfId = null, selected = null, lastSeq = -1, everOk = false;\n\n  var $ = function(id){ return document.getElementById(id); };\n  function esc(s){ var d=document.createElement('div'); d.textContent = (s==null?'':String(s)); return d.innerHTML; }\n  function fmtBytes(b){ if(!b) return '0'; var u=['B','KB','MB','GB','TB']; var i=Math.floor(Math.log(b)/Math.log(1024)); return (b/Math.pow(1024,i)).toFixed(i?1:0)+u[i]; }\n  function loadClass(v){ return v>=80?'bad':(v>=50?'warn':''); }\n  function clock(ts){ var d=new Date(ts); function p(n){return (n<10?'0':'')+n;} return p(d.getHours())+':'+p(d.getMinutes())+':'+p(d.getSeconds()); }\n\n  // theme\n  (function(){ var k='rp-ctl-theme', s=null; try{s=localStorage.getItem(k)}catch(e){}\n    if(s) document.documentElement.setAttribute('data-theme', s);\n    $('theme').addEventListener('click', function(){\n      var m=window.matchMedia('(prefers-color-scheme: dark)');\n      var cur=document.documentElement.getAttribute('data-theme')||(m.matches?'dark':'light');\n      var nx=cur==='dark'?'light':'dark';\n      document.documentElement.setAttribute('data-theme', nx);\n      try{localStorage.setItem(k,nx)}catch(e){}\n    });\n  })();\n\n  // Pull a short human detail out of an event's data payload.\n  function detailOf(data){\n    var p = data || {};\n    if(typeof p==='string') return p;\n    if(p.providerId!=null) return p.providerId + (('healthy' in p)?(p.healthy?' \u2713':' \u2717'):'');\n    if(p.model) return String(p.model);\n    if(p.provider) return String(p.provider);\n    if(p.reason) return String(p.reason).slice(0,60);\n    if(p.description) return String(p.description).slice(0,50);\n    if(p.name) return String(p.name);\n    return '';\n  }\n  function niceKind(k){ return String(k||'').toLowerCase().replace(/_/g,' '); }\n\n  function summarizeFrame(f){\n    var d = f.d || {};\n    if(f.t==='hw'){ var c=d.cpu?Math.round(d.cpu.percent):0; var m=d.memory?Math.round(d.memory.percent):0; return 'cpu '+c+'%  \u00B7  mem '+m+'%'; }\n    if(f.t==='hb'){ return 'heartbeat  \u00B7  load '+(d.load!=null?d.load:'-'); }\n    if(f.t==='nd'){ return 'fleet update  ('+(Array.isArray(d)?d.length:0)+' nodes)'; }\n    // routing decision: compact payload is {k, m, task, w, d}\n    if(f.t==='rt'){ var rp=d.d||{}; return 'route \u2192 '+(rp.model||rp.provider||rp.decision||detailOf(rp)||'?'); }\n    // immediate lifecycle event: {k:type, m, task, w, d:payload}\n    if(f.t==='ev'){ var det=detailOf(d.d); return niceKind(d.k)+(det?('  '+det):''); }\n    // coalesced chatter: {count, tail:[{k, d}]}\n    if(f.t==='log'){\n      if(d.tail && d.tail.length){ var last=d.tail[d.tail.length-1]; var ld=detailOf(last.d);\n        return niceKind(last.k)+(ld?('  '+ld):'')+(d.count>1?('  \u00D7'+d.count):''); }\n      return 'log';\n    }\n    return f.t;\n  }\n\n  function renderFeed(activity){\n    var feed = $('feed');\n    if(!activity || !activity.length){\n      if(!feed.dataset.seeded){ feed.innerHTML = '<div class=\"line\"><span class=\"d\" style=\"color:var(--muted)\">waiting for fleet activity \u2014 task runs, routing, and peer events stream here.</span></div>'; }\n      return;\n    }\n    feed.dataset.seeded = '1';\n    var near = feed.scrollHeight - feed.scrollTop - feed.clientHeight < 40;\n    var html = '';\n    for(var i=0;i<activity.length;i++){\n      var e = activity[i]; var f = e.f || e; if(f.s!=null && f.s<=lastSeq && f.t!=='hw') { /* keep */ }\n      var name = (f.n||'').slice(0,10);\n      html += '<div class=\"line k-'+esc(f.t)+'\"><span class=\"t\">'+clock(f.ts)+'</span>'\n            + '<span class=\"n\" title=\"'+esc(f.n)+'\">'+esc(name)+'</span>'\n            + '<span class=\"d\">'+esc(summarizeFrame(f))+'</span></div>';\n    }\n    feed.innerHTML = html;\n    if(near) feed.scrollTop = feed.scrollHeight;\n  }\n\n  function meter(label, value, sub){\n    var v = Math.max(0, Math.min(100, Math.round(value||0)));\n    return '<div class=\"meter\"><div class=\"lab\"><span>'+esc(label)+'</span><span><b>'+v+'%</b>'\n      + (sub?('  '+esc(sub)):'')+'</span></div>'\n      + '<div class=\"bar-track\"><div class=\"bar-fill '+loadClass(v)+'\" style=\"width:'+v+'%\"></div></div></div>';\n  }\n\n  function renderHw(hw){\n    var el = $('hw');\n    if(!hw){ el.innerHTML = '<div class=\"meter\"><div class=\"lab\"><span>This node</span><span>no telemetry yet</span></div></div>'; return; }\n    var html = '<h2 style=\"margin-top:0\">This node \u00B7 '+esc(hw.system?hw.system.hostname:'')+'</h2>';\n    html += meter('CPU', hw.cpu?hw.cpu.percent:0, hw.cpu?(hw.cpu.cores+' cores'):'');\n    html += meter('Memory', hw.memory?hw.memory.percent:0, hw.memory?(fmtBytes(hw.memory.usedBytes)+' / '+fmtBytes(hw.memory.totalBytes)):'');\n    if(hw.gpu){ html += meter('GPU '+esc(hw.gpu.name||hw.gpu.vendor||''), hw.gpu.utilizationPercent, hw.gpu.vramTotalBytes?(fmtBytes(hw.gpu.vramUsedBytes)+' / '+fmtBytes(hw.gpu.vramTotalBytes)+' vram'):''); }\n    el.innerHTML = html;\n  }\n\n  function selectNode(id, name){\n    selected = (id===selfId)?null:id;\n    $('selName').textContent = selected ? name : 'this node';\n    var cards = document.querySelectorAll('.node');\n    for(var i=0;i<cards.length;i++) cards[i].classList.toggle('sel', cards[i].getAttribute('data-id')===id);\n  }\n\n  function renderFleet(nodes){\n    var el = $('fleet');\n    if(!nodes || !nodes.length){ el.innerHTML = '<div class=\"empty\">No nodes reporting yet. Start peers with <span class=\"mono\">infinicode serve</span> or <span class=\"mono\">robopark setup</span>.</div>'; return; }\n    nodes.sort(function(a,b){ return (b.connected?1:0)-(a.connected?1:0); });\n    var html = '';\n    for(var i=0;i<nodes.length;i++){\n      var n = nodes[i];\n      var isSelf = n.nodeId===selfId;\n      var load = n.load!=null?n.load:0;\n      var caps = (n.capabilities||[]).slice(0,6);\n      var capHtml=''; for(var c=0;c<caps.length;c++) capHtml += '<span class=\"cap\">'+esc(caps[c])+'</span>';\n      var site = n.site?('\u00B7 '+esc(n.site)):'';\n      html += '<div class=\"node '+(n.connected?'up':'down')+(selected===n.nodeId?' sel':'')+'\" tabindex=\"0\" role=\"button\" data-id=\"'+esc(n.nodeId)+'\" data-name=\"'+esc(n.displayName)+'\">'\n        + '<div class=\"top\"><span class=\"name\">'+esc(n.displayName)+(isSelf?' <span class=\"selfbadge\">this</span>':'')+'</span><span class=\"role\">'+esc(n.role)+'</span></div>'\n        + '<div class=\"meta\">'+esc(n.platform||'')+' '+site+' <span class=\"mono\">v'+esc(n.version||'?')+'</span></div>'\n        + '<div class=\"bar-track\"><div class=\"bar-fill '+loadClass(load)+'\" style=\"width:'+(n.connected?load:0)+'%\"></div></div>'\n        + '<div class=\"load\"><span>'+(n.connected?'load '+Math.round(load)+'%':'offline')+'</span><span>'+((n.commands||[]).length)+' cmds</span></div>'\n        + (capHtml?('<div class=\"caps\">'+capHtml+'</div>'):'')\n        + '</div>';\n    }\n    el.innerHTML = html;\n    var cards = el.querySelectorAll('.node');\n    for(var j=0;j<cards.length;j++){\n      (function(card){\n        function pick(){ selectNode(card.getAttribute('data-id'), card.getAttribute('data-name')); }\n        card.addEventListener('click', pick);\n        card.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ ev.preventDefault(); pick(); } });\n      })(cards[j]);\n    }\n  }\n\n  function renderSummary(s){\n    var nodes = s.nodes||[];\n    var up=0; for(var i=0;i<nodes.length;i++) if(nodes[i].connected) up++;\n    var down = nodes.length-up;\n    var runs = (s.runs||[]).filter(function(r){return r.status==='running';}).length;\n    var loads = nodes.filter(function(n){return n.connected&&n.load!=null;}).map(function(n){return n.load;});\n    var avg = loads.length?Math.round(loads.reduce(function(a,b){return a+b;},0)/loads.length):0;\n    $('summary').innerHTML =\n        '<span class=\"chip ok\">nodes up <b>'+up+'</b></span>'\n      + '<span class=\"chip'+(down?' bad':'')+'\">down <b>'+down+'</b></span>'\n      + '<span class=\"chip info\">active runs <b>'+runs+'</b></span>'\n      + '<span class=\"chip\">avg load <b>'+avg+'%</b></span>';\n    $('fleetcount').textContent = '(' + nodes.length + ')';\n    var self = s.self||{};\n    var role = s.role||{};\n    $('who').textContent = (self.displayName||'node') + ' \u00B7 ' + (self.role||'?') + (role.site?(' \u00B7 '+role.site):'') + ' \u00B7 v' + (self.version||'?');\n  }\n\n  function setLive(ok){\n    $('livedot').classList.toggle('stale', !ok);\n    $('offline').style.display = (!ok && everOk) ? 'block' : 'none';\n  }\n\n  function poll(){\n    fetch('/fed/status'+QS, {cache:'no-store'}).then(function(r){\n      if(!r.ok) throw new Error('status '+r.status);\n      return r.json();\n    }).then(function(s){\n      everOk = true; setLive(true);\n      if(!selfId && s.self) selfId = s.self.nodeId;\n      renderSummary(s);\n      renderFleet(s.nodes||[]);\n      renderHw(s.hardware);\n      renderFeed(s.activity||[]);\n    }).catch(function(){ setLive(false); });\n  }\n\n  // command execution\n  function showOut(text){ $('outText').textContent = text; $('out').style.display='block'; }\n  $('outClose').addEventListener('click', function(){ $('out').style.display='none'; });\n\n  function runCommand(input){\n    input = (input||'').trim();\n    if(!input) return;\n    // Target a peer by prefixing the kernel's node-scoped command form.\n    var payload = selected ? ('/node ' + selected + ' ' + input) : input;\n    $('runBtn').disabled = true;\n    fetch('/fed/command'+QS, { method:'POST', headers:{'content-type':'application/json'}, body: JSON.stringify({ input: payload }) })\n      .then(function(r){ return r.json().catch(function(){ return { ok:false, text:'HTTP '+r.status }; }); })\n      .then(function(res){ showOut((res && (res.text!=null?res.text:JSON.stringify(res,null,2))) || 'no output'); poll(); })\n      .catch(function(e){ showOut('request failed: '+e.message); })\n      .then(function(){ $('runBtn').disabled=false; });\n  }\n\n  $('runBtn').addEventListener('click', function(){ runCommand($('cmdInput').value); });\n  $('cmdInput').addEventListener('keydown', function(ev){ if(ev.key==='Enter'){ runCommand($('cmdInput').value); } });\n  $('applyBtn').addEventListener('click', function(){\n    $('applyBtn').disabled = true;\n    fetch('/fed/apply'+QS, { method:'POST', headers:{'content-type':'application/json'}, body:'{}' })\n      .then(function(r){ return r.json().catch(function(){ return { ok:false, text:'HTTP '+r.status }; }); })\n      .then(function(res){ showOut('Apply config to fleet:\\n' + ((res&&(res.text!=null?res.text:JSON.stringify(res,null,2)))||'done')); })\n      .catch(function(e){ showOut('apply failed: '+e.message); })\n      .then(function(){ $('applyBtn').disabled=false; });\n  });\n\n  poll();\n  setInterval(poll, 2000);\n})();\n</script>\n</body>\n</html>";
+export declare const DASHBOARD_HTML = "<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>RoboPark Control</title>\n<style>\n:root{\n  --bg:#FFF8DE; --panel:#FBF1CE; --panel-2:#F3E4B4; --border:#E0C982; --border-strong:#B97816;\n  --ink:#231704; --muted:#6E4A12; --gold:#7A420A; --gold-bright:#B97816;\n  --ok:#2F7A32; --ok-bg:#E4F0DD; --warn:#9A6A12; --warn-bg:#F6E9C4; --bad:#B5382E; --bad-bg:#F6DED9;\n  --info:#1F6F9E; --info-bg:#DCEEF7;\n  --mono:ui-monospace,\"Cascadia Code\",Consolas,monospace;\n  --sans:system-ui,\"Segoe UI\",Roboto,sans-serif;\n}\n@media (prefers-color-scheme:dark){:root{\n  --bg:#0C0904; --panel:#161009; --panel-2:#1F1710; --border:#3A2A0C; --border-strong:#7A420A;\n  --ink:#F3E6C4; --muted:#A98A4E; --gold:#E6B23C; --gold-bright:#FFD86B;\n  --ok:#7FCE7A; --ok-bg:#15230F; --warn:#E0A23C; --warn-bg:#241A0A; --bad:#FF7A6E; --bad-bg:#2A100C;\n  --info:#6FB6FF; --info-bg:#0F2231;\n}}\n:root[data-theme=\"dark\"]{\n  --bg:#0C0904; --panel:#161009; --panel-2:#1F1710; --border:#3A2A0C; --border-strong:#7A420A;\n  --ink:#F3E6C4; --muted:#A98A4E; --gold:#E6B23C; --gold-bright:#FFD86B;\n  --ok:#7FCE7A; --ok-bg:#15230F; --warn:#E0A23C; --warn-bg:#241A0A; --bad:#FF7A6E; --bad-bg:#2A100C;\n  --info:#6FB6FF; --info-bg:#0F2231;\n}\n:root[data-theme=\"light\"]{\n  --bg:#FFF8DE; --panel:#FBF1CE; --panel-2:#F3E4B4; --border:#E0C982; --border-strong:#B97816;\n  --ink:#231704; --muted:#6E4A12; --gold:#7A420A; --gold-bright:#B97816;\n  --ok:#2F7A32; --ok-bg:#E4F0DD; --warn:#9A6A12; --warn-bg:#F6E9C4; --bad:#B5382E; --bad-bg:#F6DED9;\n  --info:#1F6F9E; --info-bg:#DCEEF7;\n}\n*{box-sizing:border-box;margin:0;padding:0}\nhtml,body{height:100%}\nbody{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.45;-webkit-font-smoothing:antialiased;}\n.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}\n\n/* top bar */\nheader.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\n  padding:0.7rem 1.1rem;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:5;}\n.brand{display:flex;align-items:center;gap:0.6rem;}\n.livedot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 70%,transparent);animation:pulse 2.4s infinite;flex:none;}\n.livedot.stale{background:var(--muted);animation:none;}\n@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}\n@media (prefers-reduced-motion:reduce){.livedot{animation:none}}\n.brand b{font-size:0.98rem;letter-spacing:-0.01em;}\n.brand .who{font-family:var(--mono);font-size:0.72rem;color:var(--muted);}\n.chips{display:flex;gap:0.45rem;flex-wrap:wrap;align-items:center;}\n.chip{font-family:var(--mono);font-size:0.68rem;padding:0.28em 0.62em;border-radius:100px;border:1px solid var(--border);\n  background:var(--panel-2);color:var(--muted);display:inline-flex;gap:0.4em;align-items:center;white-space:nowrap;}\n.chip b{color:var(--ink);font-weight:600;}\n.chip.ok b{color:var(--ok)} .chip.bad b{color:var(--bad)} .chip.info b{color:var(--info)}\n.themebtn{font-family:var(--mono);font-size:0.68rem;background:transparent;border:1px solid var(--border);color:var(--muted);\n  border-radius:100px;padding:0.34em 0.8em;cursor:pointer;}\n.themebtn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;}\n\n/* layout */\n.wrap{display:grid;grid-template-columns:1fr 340px;gap:1rem;padding:1rem 1.1rem 6.5rem;max-width:1400px;margin:0 auto;}\n@media (max-width:920px){.wrap{grid-template-columns:1fr}}\nsection h2,aside h2{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-bright);\n  margin:0.2rem 0 0.7rem;display:flex;align-items:center;gap:0.5rem;}\nsection h2 .count{color:var(--muted);}\n\n/* fleet cards */\n.fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0.75rem;}\n.node{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:9px;\n  padding:0.75rem 0.85rem;cursor:pointer;position:relative;transition:border-color .12s,transform .12s;}\n.node:hover{transform:translateY(-1px);}\n.node.up{border-left-color:var(--ok);} .node.down{border-left-color:var(--muted);opacity:0.72;}\n.node.sel{outline:2px solid var(--gold-bright);outline-offset:1px;}\n.node:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px;}\n.node .top{display:flex;align-items:baseline;justify-content:space-between;gap:0.5rem;margin-bottom:0.15rem;}\n.node .name{font-family:var(--mono);font-size:0.9rem;font-weight:600;word-break:break-word;}\n.node .role{font-family:var(--mono);font-size:0.62rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--gold);}\n.node .meta{font-size:0.72rem;color:var(--muted);margin-bottom:0.5rem;display:flex;gap:0.5rem;flex-wrap:wrap;}\n.node .selfbadge{font-family:var(--mono);font-size:0.58rem;color:var(--info);border:1px solid color-mix(in srgb,var(--info) 40%,transparent);\n  border-radius:4px;padding:0 0.3em;}\n.bar-track{height:6px;border-radius:4px;background:var(--panel-2);overflow:hidden;margin-bottom:0.3rem;}\n.bar-fill{height:100%;background:var(--ok);width:0;transition:width .4s ease;}\n.bar-fill.warn{background:var(--warn)} .bar-fill.bad{background:var(--bad)}\n.node .load{font-family:var(--mono);font-size:0.64rem;color:var(--muted);display:flex;justify-content:space-between;}\n.caps{display:flex;gap:0.25rem;flex-wrap:wrap;margin-top:0.5rem;}\n.cap{font-family:var(--mono);font-size:0.58rem;color:var(--muted);background:var(--panel-2);border-radius:4px;padding:0.05em 0.35em;}\n.empty{color:var(--muted);font-size:0.82rem;padding:1.4rem;text-align:center;border:1px dashed var(--border);border-radius:9px;}\n\n/* hardware meters */\n.hw{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:0.85rem;margin-top:1rem;}\n.meter{margin-bottom:0.65rem;}\n.meter:last-child{margin-bottom:0;}\n.meter .lab{display:flex;justify-content:space-between;font-family:var(--mono);font-size:0.68rem;color:var(--muted);margin-bottom:0.25rem;}\n.meter .lab b{color:var(--ink);}\n\n/* activity feed */\naside{position:sticky;top:64px;align-self:start;max-height:calc(100vh - 84px);display:flex;flex-direction:column;}\n.feed{background:var(--panel);border:1px solid var(--border);border-radius:9px;overflow-y:auto;flex:1;min-height:240px;font-family:var(--mono);font-size:0.7rem;}\n.line{padding:0.28rem 0.6rem;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);display:flex;gap:0.5rem;line-height:1.3;}\n.line:last-child{border-bottom:none;}\n.line .t{color:var(--muted);flex:none;}\n.line .n{color:var(--gold);flex:none;max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.line .d{color:var(--ink);flex:1;word-break:break-word;}\n.line.k-ev .d{color:var(--info);} .line.k-hw .n{color:var(--muted);} .line.k-rt .d{color:var(--gold-bright);}\n\n/* command bar */\nfooter.cmd{position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--border-strong);\n  padding:0.6rem 1.1rem;display:flex;gap:0.55rem;align-items:center;flex-wrap:wrap;z-index:6;}\nfooter .sel{font-family:var(--mono);font-size:0.72rem;color:var(--muted);white-space:nowrap;}\nfooter .sel b{color:var(--ink);}\nfooter input{flex:1;min-width:180px;font-family:var(--mono);font-size:0.8rem;background:var(--bg);color:var(--ink);\n  border:1px solid var(--border);border-radius:7px;padding:0.5em 0.7em;}\nfooter input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px;}\nbutton.act{font-family:var(--sans);font-size:0.76rem;font-weight:600;cursor:pointer;border-radius:7px;padding:0.5em 0.85em;\n  border:1px solid var(--border-strong);background:var(--gold-bright);color:#231704;white-space:nowrap;}\nbutton.act.ghost{background:transparent;color:var(--gold);}\nbutton.act:focus-visible{outline:2px solid var(--ink);outline-offset:1px;}\nbutton.act:disabled{opacity:0.5;cursor:default;}\n#out{position:fixed;right:1.1rem;bottom:3.6rem;max-width:min(560px,90vw);max-height:44vh;overflow:auto;background:var(--panel-2);\n  border:1px solid var(--border-strong);border-radius:9px;padding:0.7rem 0.85rem;font-family:var(--mono);font-size:0.72rem;\n  white-space:pre-wrap;display:none;box-shadow:0 8px 30px rgba(0,0,0,0.25);z-index:7;}\n#out .x{float:right;cursor:pointer;color:var(--muted);border:none;background:none;font-family:var(--mono);}\n.offline{background:var(--bad-bg);color:var(--bad);text-align:center;font-family:var(--mono);font-size:0.72rem;padding:0.4rem;display:none;}\n\n/* tabs + product panes */\n.tabs{display:flex;gap:0.2rem;padding:0 1.1rem;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:53px;z-index:4;}\n.tab{font-family:var(--mono);font-size:0.74rem;padding:0.6rem 0.95rem;cursor:pointer;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;}\n.tab.active{color:var(--gold-bright);border-bottom-color:var(--gold-bright);}\n.tab:focus-visible{outline:2px solid var(--gold-bright);outline-offset:-2px;}\n.pane{display:none;} .pane.active{display:block;}\n.rp-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:0.6rem;padding:1rem 1.1rem 0.2rem;}\n.rp-totals{display:flex;gap:0.5rem;flex-wrap:wrap;}\n.rp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0.75rem;padding:0.8rem 1.1rem;}\n.rp-card{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--gold-bright);border-radius:9px;padding:0.75rem 0.85rem;}\n.rp-card h4{font-family:var(--mono);font-size:0.86rem;margin-bottom:0.5rem;word-break:break-word;}\n.rp-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0.4rem 0.6rem;}\n.rp-m{display:flex;flex-direction:column;}\n.rp-m .v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.1rem;color:var(--ink);}\n.rp-m .l{font-size:0.62rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}\n.rp-m .v.warn{color:var(--warn);} .rp-m .v.bad{color:var(--bad);} .rp-m .v.ok{color:var(--ok);}\n.rp-controls{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;}\n.pm{display:flex;align-items:center;gap:0.5rem;font-family:var(--mono);font-size:0.72rem;color:var(--muted);}\n.pm .state{font-weight:700;letter-spacing:0.03em;}\n.pm .state.on{color:var(--ok);} .pm .state.off{color:var(--muted);}\n.toggle{position:relative;width:42px;height:22px;border-radius:22px;border:1px solid var(--border-strong);background:var(--panel-2);cursor:pointer;padding:0;transition:background .15s;}\n.toggle::after{content:\"\";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s;}\n.toggle[aria-checked=\"true\"]{background:var(--ok-bg);border-color:var(--ok);}\n.toggle[aria-checked=\"true\"]::after{transform:translateX(20px);background:var(--ok);}\n.toggle:disabled{opacity:0.45;cursor:default;}\n.toggle:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;}\n.rp-card .rp-actions{display:flex;gap:0.4rem;margin-top:0.6rem;}\n.rp-btn{font-family:var(--mono);font-size:0.66rem;padding:0.3rem 0.55rem;border-radius:6px;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--ink);cursor:pointer;}\n.rp-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright);}\n.rp-btn.danger:hover{border-color:var(--bad);color:var(--bad);}\n.rp-btn:disabled{opacity:0.4;cursor:default;}\n.rp-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px;}\n.rp-ro{font-family:var(--mono);font-size:0.66rem;color:var(--warn);}\n</style>\n</head>\n<body>\n<div class=\"offline\" id=\"offline\">connection lost \u2014 retrying</div>\n<header class=\"bar\">\n  <div class=\"brand\">\n    <span class=\"livedot\" id=\"livedot\"></span>\n    <div>\n      <b>RoboPark Control</b>\n      <div class=\"who mono\" id=\"who\">connecting\u2026</div>\n    </div>\n  </div>\n  <div class=\"chips\" id=\"summary\"></div>\n  <button class=\"themebtn\" id=\"theme\">Theme</button>\n</header>\n\n<div class=\"tabs\">\n  <button class=\"tab active\" data-tab=\"fleet\" id=\"tabbtn-fleet\">Fleet</button>\n  <button class=\"tab\" data-tab=\"robopark\" id=\"tabbtn-robopark\">Sessions &amp; Telemetry</button>\n</div>\n\n<div class=\"pane active\" id=\"pane-fleet\">\n<div class=\"wrap\">\n  <section>\n    <h2>Fleet <span class=\"count\" id=\"fleetcount\"></span></h2>\n    <div class=\"fleet\" id=\"fleet\"></div>\n    <div class=\"hw\" id=\"hw\"></div>\n  </section>\n  <aside>\n    <h2>Live activity</h2>\n    <div class=\"feed\" id=\"feed\"></div>\n  </aside>\n</div>\n</div>\n\n<div class=\"pane\" id=\"pane-robopark\">\n  <div class=\"rp-head\">\n    <h2 style=\"margin:0\">RoboPark \u00B7 sessions &amp; telemetry</h2>\n    <div class=\"rp-controls\">\n      <span class=\"pm\" id=\"pm-wrap\" hidden>\n        <span>production mode</span>\n        <button class=\"toggle\" id=\"pm-toggle\" role=\"switch\" aria-checked=\"false\" title=\"master enable \u2014 robots only join sessions when ON\"></button>\n        <span class=\"state off\" id=\"pm-state\">off</span>\n      </span>\n      <div class=\"rp-totals\" id=\"rp-totals\"></div>\n    </div>\n  </div>\n  <div class=\"rp-grid\" id=\"rp-grid\"></div>\n</div>\n\n<footer class=\"cmd\">\n  <span class=\"sel\">on <b id=\"selName\">this node</b></span>\n  <input id=\"cmdInput\" placeholder=\"/status   /nodes   /health   (Enter to run)\" autocomplete=\"off\" spellcheck=\"false\">\n  <button class=\"act\" id=\"runBtn\">Run</button>\n  <button class=\"act ghost\" id=\"applyBtn\">Apply config to fleet</button>\n</footer>\n<div id=\"out\"><button class=\"x\" id=\"outClose\">close</button><span id=\"outText\"></span></div>\n\n<script>\n(function(){\n  var TOKEN = new URLSearchParams(location.search).get('token') || '';\n  var QS = TOKEN ? ('?token=' + encodeURIComponent(TOKEN)) : '';\n  var selfId = null, selected = null, lastSeq = -1, everOk = false;\n  var rpReadOnly = false, pmBusy = false;\n\n  var $ = function(id){ return document.getElementById(id); };\n  function esc(s){ var d=document.createElement('div'); d.textContent = (s==null?'':String(s)); return d.innerHTML; }\n  function fmtBytes(b){ if(!b) return '0'; var u=['B','KB','MB','GB','TB']; var i=Math.floor(Math.log(b)/Math.log(1024)); return (b/Math.pow(1024,i)).toFixed(i?1:0)+u[i]; }\n  function loadClass(v){ return v>=80?'bad':(v>=50?'warn':''); }\n  function clock(ts){ var d=new Date(ts); function p(n){return (n<10?'0':'')+n;} return p(d.getHours())+':'+p(d.getMinutes())+':'+p(d.getSeconds()); }\n\n  // theme\n  (function(){ var k='rp-ctl-theme', s=null; try{s=localStorage.getItem(k)}catch(e){}\n    if(s) document.documentElement.setAttribute('data-theme', s);\n    $('theme').addEventListener('click', function(){\n      var m=window.matchMedia('(prefers-color-scheme: dark)');\n      var cur=document.documentElement.getAttribute('data-theme')||(m.matches?'dark':'light');\n      var nx=cur==='dark'?'light':'dark';\n      document.documentElement.setAttribute('data-theme', nx);\n      try{localStorage.setItem(k,nx)}catch(e){}\n    });\n  })();\n\n  // Pull a short human detail out of an event's data payload.\n  function detailOf(data){\n    var p = data || {};\n    if(typeof p==='string') return p;\n    if(p.providerId!=null) return p.providerId + (('healthy' in p)?(p.healthy?' \u2713':' \u2717'):'');\n    if(p.model) return String(p.model);\n    if(p.provider) return String(p.provider);\n    if(p.reason) return String(p.reason).slice(0,60);\n    if(p.description) return String(p.description).slice(0,50);\n    if(p.name) return String(p.name);\n    return '';\n  }\n  function niceKind(k){ return String(k||'').toLowerCase().replace(/_/g,' '); }\n\n  function summarizeFrame(f){\n    var d = f.d || {};\n    if(f.t==='hw'){ var c=d.cpu?Math.round(d.cpu.percent):0; var m=d.memory?Math.round(d.memory.percent):0; return 'cpu '+c+'%  \u00B7  mem '+m+'%'; }\n    if(f.t==='hb'){ return 'heartbeat  \u00B7  load '+(d.load!=null?d.load:'-'); }\n    if(f.t==='nd'){ return 'fleet update  ('+(Array.isArray(d)?d.length:0)+' nodes)'; }\n    // routing decision: compact payload is {k, m, task, w, d}\n    if(f.t==='rt'){ var rp=d.d||{}; return 'route \u2192 '+(rp.model||rp.provider||rp.decision||detailOf(rp)||'?'); }\n    // immediate lifecycle event: {k:type, m, task, w, d:payload}\n    if(f.t==='ev'){ var det=detailOf(d.d); return niceKind(d.k)+(det?('  '+det):''); }\n    // coalesced chatter: {count, tail:[{k, d}]}\n    if(f.t==='log'){\n      if(d.tail && d.tail.length){ var last=d.tail[d.tail.length-1]; var ld=detailOf(last.d);\n        return niceKind(last.k)+(ld?('  '+ld):'')+(d.count>1?('  \u00D7'+d.count):''); }\n      return 'log';\n    }\n    return f.t;\n  }\n\n  function renderFeed(activity){\n    var feed = $('feed');\n    if(!activity || !activity.length){\n      if(!feed.dataset.seeded){ feed.innerHTML = '<div class=\"line\"><span class=\"d\" style=\"color:var(--muted)\">waiting for fleet activity \u2014 task runs, routing, and peer events stream here.</span></div>'; }\n      return;\n    }\n    feed.dataset.seeded = '1';\n    var near = feed.scrollHeight - feed.scrollTop - feed.clientHeight < 40;\n    var html = '';\n    for(var i=0;i<activity.length;i++){\n      var e = activity[i]; var f = e.f || e; if(f.s!=null && f.s<=lastSeq && f.t!=='hw') { /* keep */ }\n      var name = (f.n||'').slice(0,10);\n      html += '<div class=\"line k-'+esc(f.t)+'\"><span class=\"t\">'+clock(f.ts)+'</span>'\n            + '<span class=\"n\" title=\"'+esc(f.n)+'\">'+esc(name)+'</span>'\n            + '<span class=\"d\">'+esc(summarizeFrame(f))+'</span></div>';\n    }\n    feed.innerHTML = html;\n    if(near) feed.scrollTop = feed.scrollHeight;\n  }\n\n  function meter(label, value, sub){\n    var v = Math.max(0, Math.min(100, Math.round(value||0)));\n    return '<div class=\"meter\"><div class=\"lab\"><span>'+esc(label)+'</span><span><b>'+v+'%</b>'\n      + (sub?('  '+esc(sub)):'')+'</span></div>'\n      + '<div class=\"bar-track\"><div class=\"bar-fill '+loadClass(v)+'\" style=\"width:'+v+'%\"></div></div></div>';\n  }\n\n  function renderHw(hw){\n    var el = $('hw');\n    if(!hw){ el.innerHTML = '<div class=\"meter\"><div class=\"lab\"><span>This node</span><span>no telemetry yet</span></div></div>'; return; }\n    var html = '<h2 style=\"margin-top:0\">This node \u00B7 '+esc(hw.system?hw.system.hostname:'')+'</h2>';\n    html += meter('CPU', hw.cpu?hw.cpu.percent:0, hw.cpu?(hw.cpu.cores+' cores'):'');\n    html += meter('Memory', hw.memory?hw.memory.percent:0, hw.memory?(fmtBytes(hw.memory.usedBytes)+' / '+fmtBytes(hw.memory.totalBytes)):'');\n    if(hw.gpu){ html += meter('GPU '+esc(hw.gpu.name||hw.gpu.vendor||''), hw.gpu.utilizationPercent, hw.gpu.vramTotalBytes?(fmtBytes(hw.gpu.vramUsedBytes)+' / '+fmtBytes(hw.gpu.vramTotalBytes)+' vram'):''); }\n    el.innerHTML = html;\n  }\n\n  function selectNode(id, name){\n    selected = (id===selfId)?null:id;\n    $('selName').textContent = selected ? name : 'this node';\n    var cards = document.querySelectorAll('.node');\n    for(var i=0;i<cards.length;i++) cards[i].classList.toggle('sel', cards[i].getAttribute('data-id')===id);\n  }\n\n  function renderFleet(nodes){\n    var el = $('fleet');\n    if(!nodes || !nodes.length){ el.innerHTML = '<div class=\"empty\">No nodes reporting yet. Start peers with <span class=\"mono\">infinicode serve</span> or <span class=\"mono\">robopark setup</span>.</div>'; return; }\n    nodes.sort(function(a,b){ return (b.connected?1:0)-(a.connected?1:0); });\n    var html = '';\n    for(var i=0;i<nodes.length;i++){\n      var n = nodes[i];\n      var isSelf = n.nodeId===selfId;\n      var load = n.load!=null?n.load:0;\n      var caps = (n.capabilities||[]).slice(0,6);\n      var capHtml=''; for(var c=0;c<caps.length;c++) capHtml += '<span class=\"cap\">'+esc(caps[c])+'</span>';\n      var site = n.site?('\u00B7 '+esc(n.site)):'';\n      html += '<div class=\"node '+(n.connected?'up':'down')+(selected===n.nodeId?' sel':'')+'\" tabindex=\"0\" role=\"button\" data-id=\"'+esc(n.nodeId)+'\" data-name=\"'+esc(n.displayName)+'\">'\n        + '<div class=\"top\"><span class=\"name\">'+esc(n.displayName)+(isSelf?' <span class=\"selfbadge\">this</span>':'')+'</span><span class=\"role\">'+esc(n.role)+'</span></div>'\n        + '<div class=\"meta\">'+esc(n.platform||'')+' '+site+' <span class=\"mono\">v'+esc(n.version||'?')+'</span></div>'\n        + '<div class=\"bar-track\"><div class=\"bar-fill '+loadClass(load)+'\" style=\"width:'+(n.connected?load:0)+'%\"></div></div>'\n        + '<div class=\"load\"><span>'+(n.connected?'load '+Math.round(load)+'%':'offline')+'</span><span>'+((n.commands||[]).length)+' cmds</span></div>'\n        + (capHtml?('<div class=\"caps\">'+capHtml+'</div>'):'')\n        + '</div>';\n    }\n    el.innerHTML = html;\n    var cards = el.querySelectorAll('.node');\n    for(var j=0;j<cards.length;j++){\n      (function(card){\n        function pick(){ selectNode(card.getAttribute('data-id'), card.getAttribute('data-name')); }\n        card.addEventListener('click', pick);\n        card.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ ev.preventDefault(); pick(); } });\n      })(cards[j]);\n    }\n  }\n\n  function renderSummary(s){\n    var nodes = s.nodes||[];\n    var up=0; for(var i=0;i<nodes.length;i++) if(nodes[i].connected) up++;\n    var down = nodes.length-up;\n    var runs = (s.runs||[]).filter(function(r){return r.status==='running';}).length;\n    var loads = nodes.filter(function(n){return n.connected&&n.load!=null;}).map(function(n){return n.load;});\n    var avg = loads.length?Math.round(loads.reduce(function(a,b){return a+b;},0)/loads.length):0;\n    $('summary').innerHTML =\n        '<span class=\"chip ok\">nodes up <b>'+up+'</b></span>'\n      + '<span class=\"chip'+(down?' bad':'')+'\">down <b>'+down+'</b></span>'\n      + '<span class=\"chip info\">active runs <b>'+runs+'</b></span>'\n      + '<span class=\"chip\">avg load <b>'+avg+'%</b></span>';\n    $('fleetcount').textContent = '(' + nodes.length + ')';\n    var self = s.self||{};\n    var role = s.role||{};\n    $('who').textContent = (self.displayName||'node') + ' \u00B7 ' + (self.role||'?') + (role.site?(' \u00B7 '+role.site):'') + ' \u00B7 v' + (self.version||'?');\n  }\n\n  function setLive(ok){\n    $('livedot').classList.toggle('stale', !ok);\n    $('offline').style.display = (!ok && everOk) ? 'block' : 'none';\n  }\n\n  function poll(){\n    fetch('/fed/status'+QS, {cache:'no-store'}).then(function(r){\n      if(!r.ok) throw new Error('status '+r.status);\n      return r.json();\n    }).then(function(s){\n      everOk = true; setLive(true);\n      if(!selfId && s.self) selfId = s.self.nodeId;\n      if(s.control){ rpReadOnly = !!s.control.readonly; applyReadOnly(); }\n      renderSummary(s);\n      renderFleet(s.nodes||[]);\n      renderHw(s.hardware);\n      renderFeed(s.activity||[]);\n    }).catch(function(){ setLive(false); });\n  }\n\n  // command execution\n  function showOut(text){ $('outText').textContent = text; $('out').style.display='block'; }\n  $('outClose').addEventListener('click', function(){ $('out').style.display='none'; });\n\n  function runCommand(input){\n    input = (input||'').trim();\n    if(!input) return;\n    // Target a peer by prefixing the kernel's node-scoped command form.\n    var payload = selected ? ('/node ' + selected + ' ' + input) : input;\n    $('runBtn').disabled = true;\n    fetch('/fed/command'+QS, { method:'POST', headers:{'content-type':'application/json'}, body: JSON.stringify({ input: payload }) })\n      .then(function(r){ return r.json().catch(function(){ return { ok:false, text:'HTTP '+r.status }; }); })\n      .then(function(res){ showOut((res && (res.text!=null?res.text:JSON.stringify(res,null,2))) || 'no output'); poll(); })\n      .catch(function(e){ showOut('request failed: '+e.message); })\n      .then(function(){ $('runBtn').disabled=false; });\n  }\n\n  $('runBtn').addEventListener('click', function(){ runCommand($('cmdInput').value); });\n  $('cmdInput').addEventListener('keydown', function(ev){ if(ev.key==='Enter'){ runCommand($('cmdInput').value); } });\n  $('applyBtn').addEventListener('click', function(){\n    $('applyBtn').disabled = true;\n    fetch('/fed/apply'+QS, { method:'POST', headers:{'content-type':'application/json'}, body:'{}' })\n      .then(function(r){ return r.json().catch(function(){ return { ok:false, text:'HTTP '+r.status }; }); })\n      .then(function(res){ showOut('Apply config to fleet:\\n' + ((res&&(res.text!=null?res.text:JSON.stringify(res,null,2)))||'done')); })\n      .catch(function(e){ showOut('apply failed: '+e.message); })\n      .then(function(){ $('applyBtn').disabled=false; });\n  });\n\n  // \u2500\u2500 tabs: Fleet + RoboPark sessions/telemetry \u2500\u2500\n  var tabs = document.querySelectorAll('.tab');\n  var activeTab = 'fleet';\n  for (var ti=0; ti<tabs.length; ti++){\n    (function(btn){\n      btn.addEventListener('click', function(){ selectTab(btn.getAttribute('data-tab')); });\n    })(tabs[ti]);\n  }\n  function selectTab(name){\n    activeTab = name;\n    for (var i=0;i<tabs.length;i++) tabs[i].classList.toggle('active', tabs[i].getAttribute('data-tab')===name);\n    $('pane-fleet').classList.toggle('active', name==='fleet');\n    $('pane-robopark').classList.toggle('active', name==='robopark');\n    if (location.hash.replace('#','') !== name) { try{ history.replaceState(null,'','#'+name); }catch(e){} }\n    if (name==='robopark') pollRobopark();\n  }\n  // deep-link: open the tab named in the URL hash on load\n  if (location.hash.replace('#','') === 'robopark') selectTab('robopark');\n\n  function robotsFrom(d){\n    if (Array.isArray(d)) return d;\n    if (d && Array.isArray(d.robots)) return d.robots;\n    return [];\n  }\n  // Reflect this node's read-only state on the RoboPark controls.\n  function applyReadOnly(){\n    var t=$('pm-toggle'); if(t) t.disabled = rpReadOnly || pmBusy;\n    var btns=document.querySelectorAll('.rp-btn'); for(var i=0;i<btns.length;i++) btns[i].disabled = rpReadOnly;\n    var note=$('rp-ro-note');\n    if(rpReadOnly && !note){\n      note=document.createElement('span'); note.id='rp-ro-note'; note.className='rp-ro';\n      note.textContent='read-only (no token) \u2014 start the hub with --token to enable control';\n      var wrap=$('pm-wrap'); if(wrap && wrap.parentNode) wrap.parentNode.insertBefore(note, wrap);\n    } else if(!rpReadOnly && note){ note.parentNode.removeChild(note); }\n  }\n\n  // A write through the scheduler proxy. Handles the read-only 403 gracefully.\n  function rpAction(method, path, body){\n    if(rpReadOnly){ showOut('This node is read-only \u2014 restart the hub with --token to enable control actions.'); return Promise.resolve(null); }\n    return fetch(path+QS, {\n      method: method, cache:'no-store',\n      headers: body?{'content-type':'application/json'}:undefined,\n      body: body?JSON.stringify(body):undefined\n    }).then(function(r){\n      if(r.status===403){ return r.json().then(function(j){ if(j&&j.readonly){ rpReadOnly=true; applyReadOnly(); } throw new Error(j&&j.error||'forbidden'); }); }\n      return r.json().catch(function(){ return {}; }).then(function(j){ if(!r.ok) throw new Error((j&&(j.error||j.detail))||('status '+r.status)); return j; });\n    });\n  }\n\n  // production_mode master toggle\n  function setPm(on){\n    var wrap=$('pm-wrap'), st=$('pm-state'), tg=$('pm-toggle');\n    if(!wrap) return;\n    wrap.hidden=false;\n    tg.setAttribute('aria-checked', on?'true':'false');\n    st.textContent = on?'on':'off'; st.className='state '+(on?'on':'off');\n  }\n  (function(){\n    var tg=$('pm-toggle'); if(!tg) return;\n    tg.addEventListener('click', function(){\n      if(rpReadOnly||pmBusy) return;\n      var next = tg.getAttribute('aria-checked')!=='true';\n      pmBusy=true; tg.disabled=true;\n      rpAction('PUT','/robopark/api/settings',{production_mode:next}).then(function(res){\n        setPm(res&&typeof res.production_mode!=='undefined'?res.production_mode:next);\n      }).catch(function(e){ showOut('production_mode: '+e.message); })\n        .then(function(){ pmBusy=false; applyReadOnly(); });\n    });\n  })();\n  function pollSettings(){\n    fetch('/robopark/api/settings'+QS,{cache:'no-store'}).then(function(r){return r.json();}).then(function(s){\n      if(s && typeof s.production_mode!=='undefined') setPm(!!s.production_mode);\n    }).catch(function(){});\n  }\n\n  function robotName(x){ return x.robot_id||x.id||x.name||'robot'; }\n  function endSession(id){\n    if(!confirm('End the active session for '+id+'?')) return;\n    rpAction('POST','/robopark/api/robots/'+encodeURIComponent(id)+'/end-session?reason=operator').then(function(){\n      showOut('ended session for '+id); pollRobopark();\n    }).catch(function(e){ showOut('end-session ('+id+'): '+e.message); });\n  }\n  // event-delegated action buttons (cards are re-rendered each poll)\n  $('rp-grid').addEventListener('click', function(e){\n    var b=e.target.closest?e.target.closest('.rp-btn'):null; if(!b) return;\n    var id=b.getAttribute('data-robot'), act=b.getAttribute('data-act');\n    if(act==='end') endSession(id);\n  });\n\n  function pollRobopark(){\n    pollSettings();\n    fetch('/robopark/api/telemetry'+QS, {cache:'no-store'}).then(function(r){ return r.json(); }).then(function(d){\n      var grid = $('rp-grid'), totals = $('rp-totals');\n      if (d && (d.disabled || d.ok===false)){\n        totals.innerHTML=''; $('pm-wrap').hidden=true;\n        grid.innerHTML = '<div class=\"empty\" style=\"grid-column:1/-1\">'+esc(d.error||'no scheduler linked')+' \u2014 start the hub with <span class=\"mono\">--scheduler-url http://&lt;scheduler&gt;:8080</span></div>';\n        return;\n      }\n      var robots = robotsFrom(d);\n      var tot = (d && d.totals) || {};\n      var totalSessions = tot.sessions_total!=null?tot.sessions_total:robots.reduce(function(a,x){return a+(x.sessions_total||0);},0);\n      var totalTrig = tot.trigger_count!=null?tot.trigger_count:robots.reduce(function(a,x){return a+(x.trigger_count||0);},0);\n      totals.innerHTML =\n          '<span class=\"chip\">robots <b>'+robots.length+'</b></span>'\n        + '<span class=\"chip\">sessions <b>'+totalSessions+'</b></span>'\n        + '<span class=\"chip\">triggers <b>'+totalTrig+'</b></span>';\n      if (!robots.length){ grid.innerHTML='<div class=\"empty\" style=\"grid-column:1/-1\">No robot telemetry yet \u2014 it populates as robots trigger sessions.</div>'; return; }\n      var html='';\n      for (var i=0;i<robots.length;i++){\n        var x = robots[i];\n        var name = robotName(x);\n        var lat = x.avg_latency_ms!=null?Math.round(x.avg_latency_ms)+'ms':'\u2014';\n        var dcls = x.drop_rate!=null?(x.drop_rate>=0.2?'bad':(x.drop_rate>=0.05?'warn':'ok')):'';\n        var drop = x.drop_rate!=null?Math.round(x.drop_rate*100)+'%':'\u2014';\n        var active = x.active_session||x.in_session||x.session_active;\n        var idAttr = esc(name);\n        html += '<div class=\"rp-card\"><h4>'+esc(name)+(active?' <span class=\"chip\" style=\"color:var(--ok)\">live</span>':'')+'</h4><div class=\"rp-metrics\">'\n          + '<div class=\"rp-m\"><span class=\"v\">'+(x.trigger_count!=null?x.trigger_count:0)+'</span><span class=\"l\">triggers</span></div>'\n          + '<div class=\"rp-m\"><span class=\"v\">'+(x.sessions_total!=null?x.sessions_total:0)+'</span><span class=\"l\">sessions</span></div>'\n          + '<div class=\"rp-m\"><span class=\"v\">'+lat+'</span><span class=\"l\">avg latency</span></div>'\n          + '<div class=\"rp-m\"><span class=\"v '+dcls+'\">'+drop+'</span><span class=\"l\">drop rate</span></div>'\n          + '</div><div class=\"rp-actions\">'\n          + '<button class=\"rp-btn danger\" data-act=\"end\" data-robot=\"'+idAttr+'\"'+((rpReadOnly||!active)?' disabled':'')+'>End session</button>'\n          + '</div></div>';\n      }\n      grid.innerHTML = html;\n    }).catch(function(){\n      $('rp-grid').innerHTML='<div class=\"empty\" style=\"grid-column:1/-1\">telemetry unreachable</div>';\n    });\n  }\n\n  poll();\n  setInterval(poll, 2000);\n  setInterval(function(){ if (activeTab==='robopark') pollRobopark(); }, 3000);\n})();\n</script>\n</body>\n</html>";

package/dist/kernel/federation/dashboard-html.js

@@ -131,6 +131,40 @@ button.act:disabled{opacity:0.5;cursor:default;}
   white-space:pre-wrap;display:none;box-shadow:0 8px 30px rgba(0,0,0,0.25);z-index:7;}
 #out .x{float:right;cursor:pointer;color:var(--muted);border:none;background:none;font-family:var(--mono);}
 .offline{background:var(--bad-bg);color:var(--bad);text-align:center;font-family:var(--mono);font-size:0.72rem;padding:0.4rem;display:none;}
+
+/* tabs + product panes */
+.tabs{display:flex;gap:0.2rem;padding:0 1.1rem;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:53px;z-index:4;}
+.tab{font-family:var(--mono);font-size:0.74rem;padding:0.6rem 0.95rem;cursor:pointer;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;}
+.tab.active{color:var(--gold-bright);border-bottom-color:var(--gold-bright);}
+.tab:focus-visible{outline:2px solid var(--gold-bright);outline-offset:-2px;}
+.pane{display:none;} .pane.active{display:block;}
+.rp-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:0.6rem;padding:1rem 1.1rem 0.2rem;}
+.rp-totals{display:flex;gap:0.5rem;flex-wrap:wrap;}
+.rp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0.75rem;padding:0.8rem 1.1rem;}
+.rp-card{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--gold-bright);border-radius:9px;padding:0.75rem 0.85rem;}
+.rp-card h4{font-family:var(--mono);font-size:0.86rem;margin-bottom:0.5rem;word-break:break-word;}
+.rp-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0.4rem 0.6rem;}
+.rp-m{display:flex;flex-direction:column;}
+.rp-m .v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.1rem;color:var(--ink);}
+.rp-m .l{font-size:0.62rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}
+.rp-m .v.warn{color:var(--warn);} .rp-m .v.bad{color:var(--bad);} .rp-m .v.ok{color:var(--ok);}
+.rp-controls{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;}
+.pm{display:flex;align-items:center;gap:0.5rem;font-family:var(--mono);font-size:0.72rem;color:var(--muted);}
+.pm .state{font-weight:700;letter-spacing:0.03em;}
+.pm .state.on{color:var(--ok);} .pm .state.off{color:var(--muted);}
+.toggle{position:relative;width:42px;height:22px;border-radius:22px;border:1px solid var(--border-strong);background:var(--panel-2);cursor:pointer;padding:0;transition:background .15s;}
+.toggle::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s;}
+.toggle[aria-checked="true"]{background:var(--ok-bg);border-color:var(--ok);}
+.toggle[aria-checked="true"]::after{transform:translateX(20px);background:var(--ok);}
+.toggle:disabled{opacity:0.45;cursor:default;}
+.toggle:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;}
+.rp-card .rp-actions{display:flex;gap:0.4rem;margin-top:0.6rem;}
+.rp-btn{font-family:var(--mono);font-size:0.66rem;padding:0.3rem 0.55rem;border-radius:6px;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--ink);cursor:pointer;}
+.rp-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright);}
+.rp-btn.danger:hover{border-color:var(--bad);color:var(--bad);}
+.rp-btn:disabled{opacity:0.4;cursor:default;}
+.rp-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px;}
+.rp-ro{font-family:var(--mono);font-size:0.66rem;color:var(--warn);}
 </style>
 </head>
 <body>
@@ -147,6 +181,12 @@ button.act:disabled{opacity:0.5;cursor:default;}
   <button class="themebtn" id="theme">Theme</button>
 </header>
 
+<div class="tabs">
+  <button class="tab active" data-tab="fleet" id="tabbtn-fleet">Fleet</button>
+  <button class="tab" data-tab="robopark" id="tabbtn-robopark">Sessions &amp; Telemetry</button>
+</div>
+
+<div class="pane active" id="pane-fleet">
 <div class="wrap">
   <section>
     <h2>Fleet <span class="count" id="fleetcount"></span></h2>
@@ -158,6 +198,22 @@ button.act:disabled{opacity:0.5;cursor:default;}
     <div class="feed" id="feed"></div>
   </aside>
 </div>
+</div>
+
+<div class="pane" id="pane-robopark">
+  <div class="rp-head">
+    <h2 style="margin:0">RoboPark · sessions &amp; telemetry</h2>
+    <div class="rp-controls">
+      <span class="pm" id="pm-wrap" hidden>
+        <span>production mode</span>
+        <button class="toggle" id="pm-toggle" role="switch" aria-checked="false" title="master enable — robots only join sessions when ON"></button>
+        <span class="state off" id="pm-state">off</span>
+      </span>
+      <div class="rp-totals" id="rp-totals"></div>
+    </div>
+  </div>
+  <div class="rp-grid" id="rp-grid"></div>
+</div>
 
 <footer class="cmd">
   <span class="sel">on <b id="selName">this node</b></span>
@@ -172,6 +228,7 @@ button.act:disabled{opacity:0.5;cursor:default;}
   var TOKEN = new URLSearchParams(location.search).get('token') || '';
   var QS = TOKEN ? ('?token=' + encodeURIComponent(TOKEN)) : '';
   var selfId = null, selected = null, lastSeq = -1, everOk = false;
+  var rpReadOnly = false, pmBusy = false;
 
   var $ = function(id){ return document.getElementById(id); };
   function esc(s){ var d=document.createElement('div'); d.textContent = (s==null?'':String(s)); return d.innerHTML; }
@@ -328,6 +385,7 @@ button.act:disabled{opacity:0.5;cursor:default;}
     }).then(function(s){
       everOk = true; setLive(true);
       if(!selfId && s.self) selfId = s.self.nodeId;
+      if(s.control){ rpReadOnly = !!s.control.readonly; applyReadOnly(); }
       renderSummary(s);
       renderFleet(s.nodes||[]);
       renderHw(s.hardware);
@@ -363,8 +421,140 @@ button.act:disabled{opacity:0.5;cursor:default;}
       .then(function(){ $('applyBtn').disabled=false; });
   });
 
+  // ── tabs: Fleet + RoboPark sessions/telemetry ──
+  var tabs = document.querySelectorAll('.tab');
+  var activeTab = 'fleet';
+  for (var ti=0; ti<tabs.length; ti++){
+    (function(btn){
+      btn.addEventListener('click', function(){ selectTab(btn.getAttribute('data-tab')); });
+    })(tabs[ti]);
+  }
+  function selectTab(name){
+    activeTab = name;
+    for (var i=0;i<tabs.length;i++) tabs[i].classList.toggle('active', tabs[i].getAttribute('data-tab')===name);
+    $('pane-fleet').classList.toggle('active', name==='fleet');
+    $('pane-robopark').classList.toggle('active', name==='robopark');
+    if (location.hash.replace('#','') !== name) { try{ history.replaceState(null,'','#'+name); }catch(e){} }
+    if (name==='robopark') pollRobopark();
+  }
+  // deep-link: open the tab named in the URL hash on load
+  if (location.hash.replace('#','') === 'robopark') selectTab('robopark');
+
+  function robotsFrom(d){
+    if (Array.isArray(d)) return d;
+    if (d && Array.isArray(d.robots)) return d.robots;
+    return [];
+  }
+  // Reflect this node's read-only state on the RoboPark controls.
+  function applyReadOnly(){
+    var t=$('pm-toggle'); if(t) t.disabled = rpReadOnly || pmBusy;
+    var btns=document.querySelectorAll('.rp-btn'); for(var i=0;i<btns.length;i++) btns[i].disabled = rpReadOnly;
+    var note=$('rp-ro-note');
+    if(rpReadOnly && !note){
+      note=document.createElement('span'); note.id='rp-ro-note'; note.className='rp-ro';
+      note.textContent='read-only (no token) — start the hub with --token to enable control';
+      var wrap=$('pm-wrap'); if(wrap && wrap.parentNode) wrap.parentNode.insertBefore(note, wrap);
+    } else if(!rpReadOnly && note){ note.parentNode.removeChild(note); }
+  }
+
+  // A write through the scheduler proxy. Handles the read-only 403 gracefully.
+  function rpAction(method, path, body){
+    if(rpReadOnly){ showOut('This node is read-only — restart the hub with --token to enable control actions.'); return Promise.resolve(null); }
+    return fetch(path+QS, {
+      method: method, cache:'no-store',
+      headers: body?{'content-type':'application/json'}:undefined,
+      body: body?JSON.stringify(body):undefined
+    }).then(function(r){
+      if(r.status===403){ return r.json().then(function(j){ if(j&&j.readonly){ rpReadOnly=true; applyReadOnly(); } throw new Error(j&&j.error||'forbidden'); }); }
+      return r.json().catch(function(){ return {}; }).then(function(j){ if(!r.ok) throw new Error((j&&(j.error||j.detail))||('status '+r.status)); return j; });
+    });
+  }
+
+  // production_mode master toggle
+  function setPm(on){
+    var wrap=$('pm-wrap'), st=$('pm-state'), tg=$('pm-toggle');
+    if(!wrap) return;
+    wrap.hidden=false;
+    tg.setAttribute('aria-checked', on?'true':'false');
+    st.textContent = on?'on':'off'; st.className='state '+(on?'on':'off');
+  }
+  (function(){
+    var tg=$('pm-toggle'); if(!tg) return;
+    tg.addEventListener('click', function(){
+      if(rpReadOnly||pmBusy) return;
+      var next = tg.getAttribute('aria-checked')!=='true';
+      pmBusy=true; tg.disabled=true;
+      rpAction('PUT','/robopark/api/settings',{production_mode:next}).then(function(res){
+        setPm(res&&typeof res.production_mode!=='undefined'?res.production_mode:next);
+      }).catch(function(e){ showOut('production_mode: '+e.message); })
+        .then(function(){ pmBusy=false; applyReadOnly(); });
+    });
+  })();
+  function pollSettings(){
+    fetch('/robopark/api/settings'+QS,{cache:'no-store'}).then(function(r){return r.json();}).then(function(s){
+      if(s && typeof s.production_mode!=='undefined') setPm(!!s.production_mode);
+    }).catch(function(){});
+  }
+
+  function robotName(x){ return x.robot_id||x.id||x.name||'robot'; }
+  function endSession(id){
+    if(!confirm('End the active session for '+id+'?')) return;
+    rpAction('POST','/robopark/api/robots/'+encodeURIComponent(id)+'/end-session?reason=operator').then(function(){
+      showOut('ended session for '+id); pollRobopark();
+    }).catch(function(e){ showOut('end-session ('+id+'): '+e.message); });
+  }
+  // event-delegated action buttons (cards are re-rendered each poll)
+  $('rp-grid').addEventListener('click', function(e){
+    var b=e.target.closest?e.target.closest('.rp-btn'):null; if(!b) return;
+    var id=b.getAttribute('data-robot'), act=b.getAttribute('data-act');
+    if(act==='end') endSession(id);
+  });
+
+  function pollRobopark(){
+    pollSettings();
+    fetch('/robopark/api/telemetry'+QS, {cache:'no-store'}).then(function(r){ return r.json(); }).then(function(d){
+      var grid = $('rp-grid'), totals = $('rp-totals');
+      if (d && (d.disabled || d.ok===false)){
+        totals.innerHTML=''; $('pm-wrap').hidden=true;
+        grid.innerHTML = '<div class="empty" style="grid-column:1/-1">'+esc(d.error||'no scheduler linked')+' — start the hub with <span class="mono">--scheduler-url http://&lt;scheduler&gt;:8080</span></div>';
+        return;
+      }
+      var robots = robotsFrom(d);
+      var tot = (d && d.totals) || {};
+      var totalSessions = tot.sessions_total!=null?tot.sessions_total:robots.reduce(function(a,x){return a+(x.sessions_total||0);},0);
+      var totalTrig = tot.trigger_count!=null?tot.trigger_count:robots.reduce(function(a,x){return a+(x.trigger_count||0);},0);
+      totals.innerHTML =
+          '<span class="chip">robots <b>'+robots.length+'</b></span>'
+        + '<span class="chip">sessions <b>'+totalSessions+'</b></span>'
+        + '<span class="chip">triggers <b>'+totalTrig+'</b></span>';
+      if (!robots.length){ grid.innerHTML='<div class="empty" style="grid-column:1/-1">No robot telemetry yet — it populates as robots trigger sessions.</div>'; return; }
+      var html='';
+      for (var i=0;i<robots.length;i++){
+        var x = robots[i];
+        var name = robotName(x);
+        var lat = x.avg_latency_ms!=null?Math.round(x.avg_latency_ms)+'ms':'—';
+        var dcls = x.drop_rate!=null?(x.drop_rate>=0.2?'bad':(x.drop_rate>=0.05?'warn':'ok')):'';
+        var drop = x.drop_rate!=null?Math.round(x.drop_rate*100)+'%':'—';
+        var active = x.active_session||x.in_session||x.session_active;
+        var idAttr = esc(name);
+        html += '<div class="rp-card"><h4>'+esc(name)+(active?' <span class="chip" style="color:var(--ok)">live</span>':'')+'</h4><div class="rp-metrics">'
+          + '<div class="rp-m"><span class="v">'+(x.trigger_count!=null?x.trigger_count:0)+'</span><span class="l">triggers</span></div>'
+          + '<div class="rp-m"><span class="v">'+(x.sessions_total!=null?x.sessions_total:0)+'</span><span class="l">sessions</span></div>'
+          + '<div class="rp-m"><span class="v">'+lat+'</span><span class="l">avg latency</span></div>'
+          + '<div class="rp-m"><span class="v '+dcls+'">'+drop+'</span><span class="l">drop rate</span></div>'
+          + '</div><div class="rp-actions">'
+          + '<button class="rp-btn danger" data-act="end" data-robot="'+idAttr+'"'+((rpReadOnly||!active)?' disabled':'')+'>End session</button>'
+          + '</div></div>';
+      }
+      grid.innerHTML = html;
+    }).catch(function(){
+      $('rp-grid').innerHTML='<div class="empty" style="grid-column:1/-1">telemetry unreachable</div>';
+    });
+  }
+
   poll();
   setInterval(poll, 2000);
+  setInterval(function(){ if (activeTab==='robopark') pollRobopark(); }, 3000);
 })();
 </script>
 </body>

package/dist/kernel/federation/federation.d.ts

@@ -74,6 +74,17 @@ export interface FederationOptions {
         ok: boolean;
         reason?: string;
     };
+    /** TLS material — when set, the node + dashboard are served over HTTPS. */
+    tls?: {
+        cert: Buffer;
+        key: Buffer;
+    };
+    /** RoboPark scheduler base URL — proxied under /robopark/* for the dashboard. */
+    schedulerUrl?: string;
+    /** Bearer token presented to the scheduler on proxied requests. */
+    schedulerToken?: string;
+    /** Refuse write actions through the scheduler proxy (read-only console). */
+    schedulerReadOnly?: boolean;
 }
 /** Consolidated fleet view served at GET /fed/status. */
 export interface FleetStatus {
@@ -87,6 +98,12 @@ export interface FleetStatus {
         peerId: string;
         f: StreamFrame;
     }>;
+    /** Console capabilities for the dashboard: whether control writes are allowed
+     *  on this node and whether a RoboPark scheduler is linked. */
+    control: {
+        readonly: boolean;
+        schedulerLinked: boolean;
+    };
     ts: number;
 }
 export interface FederationDeps {

package/dist/kernel/federation/federation.js

@@ -78,6 +78,10 @@ export class Federation {
             commandGate: options.commandGate,
             onApply: options.onApply,
             dashboardHtml: options.dashboard ? DASHBOARD_HTML : undefined,
+            tls: options.tls,
+            schedulerUrl: options.schedulerUrl,
+            schedulerToken: options.schedulerToken,
+            schedulerReadOnly: options.schedulerReadOnly,
             onRpc: (env, remote) => this.onRpc(env, remote),
         });
         await this.server.start();
@@ -677,6 +681,10 @@ export class Federation {
             runs: this.localRuns(),
             agents: this.localAgents(),
             activity: this.recentFrames(60),
+            control: {
+                readonly: Boolean(this.deps.options.schedulerReadOnly),
+                schedulerLinked: Boolean(this.deps.options.schedulerUrl),
+            },
             ts: Date.now(),
         };
     }

package/dist/kernel/federation/transport-http.d.ts

@@ -25,6 +25,21 @@ export interface MeshServerOptions {
     onApply?: () => Promise<unknown> | unknown;
     /** Optional: static HTML for the control dashboard, served at GET / and /ui. */
     dashboardHtml?: string;
+    /** Optional TLS — when set, the node serves HTTPS/WSS instead of plain HTTP. */
+    tls?: {
+        cert: Buffer;
+        key: Buffer;
+    };
+    /** Optional: base URL of the RoboPark scheduler. When set, the node proxies
+     *  GET/POST /robopark/* to it so the dashboard can show sessions + telemetry
+     *  (product data) alongside the mesh. */
+    schedulerUrl?: string;
+    /** Optional bearer token to present to the scheduler on proxied requests. */
+    schedulerToken?: string;
+    /** When true, only GET/HEAD are proxied to the scheduler — write actions
+     *  (end-session, production_mode toggle, trigger) are refused. Set for a
+     *  network-exposed, tokenless node so the operator console stays read-only. */
+    schedulerReadOnly?: boolean;
     onRpc: RpcHandler;
     logger: Logger;
 }
@@ -36,6 +51,8 @@ export declare class MeshServer {
     constructor(opts: MeshServerOptions);
     get streamCount(): number;
     start(): Promise<void>;
+    /** Proxy a dashboard request to the RoboPark scheduler (product data). */
+    private proxyToScheduler;
     /** Push a frame to every connected stream subscriber. */
     broadcast(frame: StreamFrame): void;
     /** Token presented on a request — Bearer header (peers/CLI) OR ?token= query

package/dist/kernel/federation/transport-http.js

@@ -14,6 +14,7 @@
  * MeshClient/MeshServer shape later for deep InfiniBot-fabric interop.
  */
 import { createServer } from 'node:http';
+import { createServer as createHttpsServer } from 'node:https';
 import { timingSafeEqual } from 'node:crypto';
 import { frameToSSE, parseSSE } from './protocol.js';
 /** Constant-time string compare — avoids leaking the token via response timing. */
@@ -36,7 +37,10 @@ export class MeshServer {
         return this.sse.size;
     }
     async start() {
-        this.server = createServer((req, res) => this.handle(req, res));
+        const handler = (req, res) => this.handle(req, res);
+        this.server = this.opts.tls
+            ? createHttpsServer({ cert: this.opts.tls.cert, key: this.opts.tls.key }, handler)
+            : createServer(handler);
         await new Promise((resolve, reject) => {
             this.server.once('error', reject);
             this.server.listen(this.opts.port, this.opts.host ?? '0.0.0.0', () => {
@@ -44,7 +48,34 @@ export class MeshServer {
                 resolve();
             });
         });
-        this.opts.logger.info(`[federation] mesh listening on ${this.opts.host ?? '0.0.0.0'}:${this.opts.port}`);
+        const scheme = this.opts.tls ? 'https' : 'http';
+        this.opts.logger.info(`[federation] mesh listening on ${scheme}://${this.opts.host ?? '0.0.0.0'}:${this.opts.port}`);
+    }
+    /** Proxy a dashboard request to the RoboPark scheduler (product data). */
+    proxyToScheduler(req, res, path) {
+        const base = this.opts.schedulerUrl.replace(/\/+$/, '');
+        // strip the /robopark prefix; forward the rest (incl. query) to the scheduler
+        const rest = path.replace(/^\/robopark/, '') || '/';
+        const target = `${base}${rest}`;
+        this.readBody(req)
+            .then(async (body) => {
+            const headers = { 'content-type': req.headers['content-type'] ?? 'application/json' };
+            if (this.opts.schedulerToken)
+                headers['authorization'] = `Bearer ${this.opts.schedulerToken}`;
+            const upstream = await fetch(target, {
+                method: req.method,
+                headers,
+                body: req.method === 'GET' || req.method === 'HEAD' ? undefined : body,
+                signal: AbortSignal.timeout(10_000),
+            });
+            const text = await upstream.text();
+            res.writeHead(upstream.status, { 'content-type': upstream.headers.get('content-type') ?? 'application/json' });
+            res.end(text);
+        })
+            .catch(err => {
+            res.writeHead(502, { 'content-type': 'application/json' });
+            res.end(JSON.stringify({ ok: false, error: `scheduler unreachable: ${err instanceof Error ? err.message : String(err)}` }));
+        });
     }
     /** Push a frame to every connected stream subscriber. */
     broadcast(frame) {
@@ -105,6 +136,25 @@ export class MeshServer {
             res.end(JSON.stringify(this.opts.getStatus?.() ?? {}));
             return;
         }
+        // RoboPark product data (sessions, telemetry, robots) — proxied to the
+        // scheduler so the dashboard is one pane of glass. Already token-gated above.
+        if (path.startsWith('/robopark/')) {
+            if (!this.opts.schedulerUrl) {
+                res.writeHead(200, { 'content-type': 'application/json' });
+                res.end(JSON.stringify({ ok: false, disabled: true, error: 'no scheduler linked — start with --scheduler-url' }));
+                return;
+            }
+            // Keep a network-exposed, tokenless node read-only: mesh writes are gated
+            // by commandGate; the scheduler proxy is the product-side equivalent.
+            const method = (req.method ?? 'GET').toUpperCase();
+            if (this.opts.schedulerReadOnly && method !== 'GET' && method !== 'HEAD') {
+                res.writeHead(403, { 'content-type': 'application/json' });
+                res.end(JSON.stringify({ ok: false, readonly: true, error: 'this node is network-exposed without a token — control actions are disabled. Restart with --token <secret> to enable them.' }));
+                return;
+            }
+            this.proxyToScheduler(req, res, path);
+            return;
+        }
         if (req.method === 'POST' && path.startsWith('/fed/apply')) {
             if (!this.opts.onApply) {
                 res.writeHead(404).end('no apply handler');

package/dist/robopark-cli.js

@@ -9,7 +9,7 @@ import { Command } from 'commander';
 import Conf from 'conf';
 import { attachRoboparkSubcommands } from './commands/robopark.js';
 import { DEFAULT_CONFIG } from './kernel/config-schema.js';
-const VERSION = '2.4.0';
+const VERSION = '2.5.0';
 const config = new Conf({
     projectName: 'infinicode', // share infinicode's config store (providers, federation)
     defaults: DEFAULT_CONFIG,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinicode",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "OpenKernel — provider-agnostic AI execution kernel. Native coding agent + mission-driven execution runtime.",
   "type": "module",
   "main": "./dist/kernel/index.js",
@@ -34,6 +34,7 @@
     "build": "tsc",
     "dev": "tsc --watch",
     "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\"",
+    "test": "npm run build && node --test \"test/**/*.test.mjs\"",
     "prepublishOnly": "npm run build",
     "kernel": "node bin/infinicode.js mission",
     "typecheck": "tsc --noEmit"