npm - infinicode - Versions diffs - 2.3.6 → 2.5.0 - Mend

infinicode 2.3.6 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/bin/robopark.js +2 -0
package/dist/cli.js +26 -1
package/dist/commands/maintain.d.ts +29 -0
package/dist/commands/maintain.js +186 -0
package/dist/commands/mcp.js +1 -1
package/dist/commands/robopark.d.ts +6 -0
package/dist/commands/robopark.js +450 -0
package/dist/commands/serve.d.ts +5 -0
package/dist/commands/serve.js +170 -11
package/dist/kernel/agents/backends/cli-backend.d.ts +4 -0
package/dist/kernel/agents/backends/cli-backend.js +13 -5
package/dist/kernel/agents/backends/detect.d.ts +12 -0
package/dist/kernel/agents/backends/detect.js +102 -2
package/dist/kernel/agents/backends/profiles.d.ts +67 -0
package/dist/kernel/agents/backends/profiles.js +48 -0
package/dist/kernel/agents/backends/registry.d.ts +2 -1
package/dist/kernel/agents/backends/registry.js +39 -5
package/dist/kernel/agents/backends/rotation.d.ts +51 -0
package/dist/kernel/agents/backends/rotation.js +107 -0
package/dist/kernel/agents/backends/types.d.ts +3 -1
package/dist/kernel/federation/dashboard-html.d.ts +13 -0
package/dist/kernel/federation/dashboard-html.js +561 -0
package/dist/kernel/federation/federation.d.ts +75 -1
package/dist/kernel/federation/federation.js +119 -23
package/dist/kernel/federation/moltfed-adapter.js +1 -0
package/dist/kernel/federation/telemetry.d.ts +1 -1
package/dist/kernel/federation/telemetry.js +2 -1
package/dist/kernel/federation/transport-http.d.ts +34 -1
package/dist/kernel/federation/transport-http.js +117 -4
package/dist/kernel/federation/types.d.ts +20 -0
package/dist/kernel/mcp/mcp-server.js +23 -7
package/dist/robopark-cli.d.ts +2 -0
package/dist/robopark-cli.js +23 -0
package/package.json +7 -3

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

@@ -0,0 +1,561 @@
+/**
+ * OpenKernel — RoboPark Control dashboard (served by a mesh node).
+ *
+ * A single self-contained page (no external assets — CSP-clean, ships in dist as
+ * a compiled string). It polls GET /fed/status, renders the fleet + this node's
+ * hardware + a live activity feed, and runs allow-listed actions via
+ * POST /fed/command and POST /fed/apply. The browser authenticates every request
+ * with the ?token= it was loaded with (browsers can't set Bearer on navigation).
+ *
+ * Kept free of backticks and ${...} so the whole page fits inside this TS
+ * template literal without escaping; the client JS uses string concatenation.
+ */
+export const DASHBOARD_HTML = `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>RoboPark Control</title>
+<style>
+:root{
+  --bg:#FFF8DE; --panel:#FBF1CE; --panel-2:#F3E4B4; --border:#E0C982; --border-strong:#B97816;
+  --ink:#231704; --muted:#6E4A12; --gold:#7A420A; --gold-bright:#B97816;
+  --ok:#2F7A32; --ok-bg:#E4F0DD; --warn:#9A6A12; --warn-bg:#F6E9C4; --bad:#B5382E; --bad-bg:#F6DED9;
+  --info:#1F6F9E; --info-bg:#DCEEF7;
+  --mono:ui-monospace,"Cascadia Code",Consolas,monospace;
+  --sans:system-ui,"Segoe UI",Roboto,sans-serif;
+}
+@media (prefers-color-scheme:dark){:root{
+  --bg:#0C0904; --panel:#161009; --panel-2:#1F1710; --border:#3A2A0C; --border-strong:#7A420A;
+  --ink:#F3E6C4; --muted:#A98A4E; --gold:#E6B23C; --gold-bright:#FFD86B;
+  --ok:#7FCE7A; --ok-bg:#15230F; --warn:#E0A23C; --warn-bg:#241A0A; --bad:#FF7A6E; --bad-bg:#2A100C;
+  --info:#6FB6FF; --info-bg:#0F2231;
+}}
+:root[data-theme="dark"]{
+  --bg:#0C0904; --panel:#161009; --panel-2:#1F1710; --border:#3A2A0C; --border-strong:#7A420A;
+  --ink:#F3E6C4; --muted:#A98A4E; --gold:#E6B23C; --gold-bright:#FFD86B;
+  --ok:#7FCE7A; --ok-bg:#15230F; --warn:#E0A23C; --warn-bg:#241A0A; --bad:#FF7A6E; --bad-bg:#2A100C;
+  --info:#6FB6FF; --info-bg:#0F2231;
+}
+:root[data-theme="light"]{
+  --bg:#FFF8DE; --panel:#FBF1CE; --panel-2:#F3E4B4; --border:#E0C982; --border-strong:#B97816;
+  --ink:#231704; --muted:#6E4A12; --gold:#7A420A; --gold-bright:#B97816;
+  --ok:#2F7A32; --ok-bg:#E4F0DD; --warn:#9A6A12; --warn-bg:#F6E9C4; --bad:#B5382E; --bad-bg:#F6DED9;
+  --info:#1F6F9E; --info-bg:#DCEEF7;
+}
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{height:100%}
+body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.45;-webkit-font-smoothing:antialiased;}
+.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}
+/* top bar */
+header.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
+  padding:0.7rem 1.1rem;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:5;}
+.brand{display:flex;align-items:center;gap:0.6rem;}
+.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;}
+.livedot.stale{background:var(--muted);animation:none;}
+@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}}
+@media (prefers-reduced-motion:reduce){.livedot{animation:none}}
+.brand b{font-size:0.98rem;letter-spacing:-0.01em;}
+.brand .who{font-family:var(--mono);font-size:0.72rem;color:var(--muted);}
+.chips{display:flex;gap:0.45rem;flex-wrap:wrap;align-items:center;}
+.chip{font-family:var(--mono);font-size:0.68rem;padding:0.28em 0.62em;border-radius:100px;border:1px solid var(--border);
+  background:var(--panel-2);color:var(--muted);display:inline-flex;gap:0.4em;align-items:center;white-space:nowrap;}
+.chip b{color:var(--ink);font-weight:600;}
+.chip.ok b{color:var(--ok)} .chip.bad b{color:var(--bad)} .chip.info b{color:var(--info)}
+.themebtn{font-family:var(--mono);font-size:0.68rem;background:transparent;border:1px solid var(--border);color:var(--muted);
+  border-radius:100px;padding:0.34em 0.8em;cursor:pointer;}
+.themebtn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;}
+/* layout */
+.wrap{display:grid;grid-template-columns:1fr 340px;gap:1rem;padding:1rem 1.1rem 6.5rem;max-width:1400px;margin:0 auto;}
+@media (max-width:920px){.wrap{grid-template-columns:1fr}}
+section h2,aside h2{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-bright);
+  margin:0.2rem 0 0.7rem;display:flex;align-items:center;gap:0.5rem;}
+section h2 .count{color:var(--muted);}
+/* fleet cards */
+.fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0.75rem;}
+.node{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:9px;
+  padding:0.75rem 0.85rem;cursor:pointer;position:relative;transition:border-color .12s,transform .12s;}
+.node:hover{transform:translateY(-1px);}
+.node.up{border-left-color:var(--ok);} .node.down{border-left-color:var(--muted);opacity:0.72;}
+.node.sel{outline:2px solid var(--gold-bright);outline-offset:1px;}
+.node:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px;}
+.node .top{display:flex;align-items:baseline;justify-content:space-between;gap:0.5rem;margin-bottom:0.15rem;}
+.node .name{font-family:var(--mono);font-size:0.9rem;font-weight:600;word-break:break-word;}
+.node .role{font-family:var(--mono);font-size:0.62rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--gold);}
+.node .meta{font-size:0.72rem;color:var(--muted);margin-bottom:0.5rem;display:flex;gap:0.5rem;flex-wrap:wrap;}
+.node .selfbadge{font-family:var(--mono);font-size:0.58rem;color:var(--info);border:1px solid color-mix(in srgb,var(--info) 40%,transparent);
+  border-radius:4px;padding:0 0.3em;}
+.bar-track{height:6px;border-radius:4px;background:var(--panel-2);overflow:hidden;margin-bottom:0.3rem;}
+.bar-fill{height:100%;background:var(--ok);width:0;transition:width .4s ease;}
+.bar-fill.warn{background:var(--warn)} .bar-fill.bad{background:var(--bad)}
+.node .load{font-family:var(--mono);font-size:0.64rem;color:var(--muted);display:flex;justify-content:space-between;}
+.caps{display:flex;gap:0.25rem;flex-wrap:wrap;margin-top:0.5rem;}
+.cap{font-family:var(--mono);font-size:0.58rem;color:var(--muted);background:var(--panel-2);border-radius:4px;padding:0.05em 0.35em;}
+.empty{color:var(--muted);font-size:0.82rem;padding:1.4rem;text-align:center;border:1px dashed var(--border);border-radius:9px;}
+/* hardware meters */
+.hw{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:0.85rem;margin-top:1rem;}
+.meter{margin-bottom:0.65rem;}
+.meter:last-child{margin-bottom:0;}
+.meter .lab{display:flex;justify-content:space-between;font-family:var(--mono);font-size:0.68rem;color:var(--muted);margin-bottom:0.25rem;}
+.meter .lab b{color:var(--ink);}
+/* activity feed */
+aside{position:sticky;top:64px;align-self:start;max-height:calc(100vh - 84px);display:flex;flex-direction:column;}
+.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;}
+.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;}
+.line:last-child{border-bottom:none;}
+.line .t{color:var(--muted);flex:none;}
+.line .n{color:var(--gold);flex:none;max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.line .d{color:var(--ink);flex:1;word-break:break-word;}
+.line.k-ev .d{color:var(--info);} .line.k-hw .n{color:var(--muted);} .line.k-rt .d{color:var(--gold-bright);}
+/* command bar */
+footer.cmd{position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--border-strong);
+  padding:0.6rem 1.1rem;display:flex;gap:0.55rem;align-items:center;flex-wrap:wrap;z-index:6;}
+footer .sel{font-family:var(--mono);font-size:0.72rem;color:var(--muted);white-space:nowrap;}
+footer .sel b{color:var(--ink);}
+footer input{flex:1;min-width:180px;font-family:var(--mono);font-size:0.8rem;background:var(--bg);color:var(--ink);
+  border:1px solid var(--border);border-radius:7px;padding:0.5em 0.7em;}
+footer input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px;}
+button.act{font-family:var(--sans);font-size:0.76rem;font-weight:600;cursor:pointer;border-radius:7px;padding:0.5em 0.85em;
+  border:1px solid var(--border-strong);background:var(--gold-bright);color:#231704;white-space:nowrap;}
+button.act.ghost{background:transparent;color:var(--gold);}
+button.act:focus-visible{outline:2px solid var(--ink);outline-offset:1px;}
+button.act:disabled{opacity:0.5;cursor:default;}
+#out{position:fixed;right:1.1rem;bottom:3.6rem;max-width:min(560px,90vw);max-height:44vh;overflow:auto;background:var(--panel-2);
+  border:1px solid var(--border-strong);border-radius:9px;padding:0.7rem 0.85rem;font-family:var(--mono);font-size:0.72rem;
+  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>
+<div class="offline" id="offline">connection lost — retrying</div>
+<header class="bar">
+  <div class="brand">
+    <span class="livedot" id="livedot"></span>
+    <div>
+      <b>RoboPark Control</b>
+      <div class="who mono" id="who">connecting…</div>
+    </div>
+  </div>
+  <div class="chips" id="summary"></div>
+  <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>
+    <div class="fleet" id="fleet"></div>
+    <div class="hw" id="hw"></div>
+  </section>
+  <aside>
+    <h2>Live activity</h2>
+    <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>
+  <input id="cmdInput" placeholder="/status   /nodes   /health   (Enter to run)" autocomplete="off" spellcheck="false">
+  <button class="act" id="runBtn">Run</button>
+  <button class="act ghost" id="applyBtn">Apply config to fleet</button>
+</footer>
+<div id="out"><button class="x" id="outClose">close</button><span id="outText"></span></div>
+<script>
+(function(){
+  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; }
+  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]; }
+  function loadClass(v){ return v>=80?'bad':(v>=50?'warn':''); }
+  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()); }
+  // theme
+  (function(){ var k='rp-ctl-theme', s=null; try{s=localStorage.getItem(k)}catch(e){}
+    if(s) document.documentElement.setAttribute('data-theme', s);
+    $('theme').addEventListener('click', function(){
+      var m=window.matchMedia('(prefers-color-scheme: dark)');
+      var cur=document.documentElement.getAttribute('data-theme')||(m.matches?'dark':'light');
+      var nx=cur==='dark'?'light':'dark';
+      document.documentElement.setAttribute('data-theme', nx);
+      try{localStorage.setItem(k,nx)}catch(e){}
+    });
+  })();
+  // Pull a short human detail out of an event's data payload.
+  function detailOf(data){
+    var p = data || {};
+    if(typeof p==='string') return p;
+    if(p.providerId!=null) return p.providerId + (('healthy' in p)?(p.healthy?' ✓':' ✗'):'');
+    if(p.model) return String(p.model);
+    if(p.provider) return String(p.provider);
+    if(p.reason) return String(p.reason).slice(0,60);
+    if(p.description) return String(p.description).slice(0,50);
+    if(p.name) return String(p.name);
+    return '';
+  }
+  function niceKind(k){ return String(k||'').toLowerCase().replace(/_/g,' '); }
+  function summarizeFrame(f){
+    var d = f.d || {};
+    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+'%  ·  mem '+m+'%'; }
+    if(f.t==='hb'){ return 'heartbeat  ·  load '+(d.load!=null?d.load:'-'); }
+    if(f.t==='nd'){ return 'fleet update  ('+(Array.isArray(d)?d.length:0)+' nodes)'; }
+    // routing decision: compact payload is {k, m, task, w, d}
+    if(f.t==='rt'){ var rp=d.d||{}; return 'route → '+(rp.model||rp.provider||rp.decision||detailOf(rp)||'?'); }
+    // immediate lifecycle event: {k:type, m, task, w, d:payload}
+    if(f.t==='ev'){ var det=detailOf(d.d); return niceKind(d.k)+(det?('  '+det):''); }
+    // coalesced chatter: {count, tail:[{k, d}]}
+    if(f.t==='log'){
+      if(d.tail && d.tail.length){ var last=d.tail[d.tail.length-1]; var ld=detailOf(last.d);
+        return niceKind(last.k)+(ld?('  '+ld):'')+(d.count>1?('  ×'+d.count):''); }
+      return 'log';
+    }
+    return f.t;
+  }
+  function renderFeed(activity){
+    var feed = $('feed');
+    if(!activity || !activity.length){
+      if(!feed.dataset.seeded){ feed.innerHTML = '<div class="line"><span class="d" style="color:var(--muted)">waiting for fleet activity — task runs, routing, and peer events stream here.</span></div>'; }
+      return;
+    }
+    feed.dataset.seeded = '1';
+    var near = feed.scrollHeight - feed.scrollTop - feed.clientHeight < 40;
+    var html = '';
+    for(var i=0;i<activity.length;i++){
+      var e = activity[i]; var f = e.f || e; if(f.s!=null && f.s<=lastSeq && f.t!=='hw') { /* keep */ }
+      var name = (f.n||'').slice(0,10);
+      html += '<div class="line k-'+esc(f.t)+'"><span class="t">'+clock(f.ts)+'</span>'
+            + '<span class="n" title="'+esc(f.n)+'">'+esc(name)+'</span>'
+            + '<span class="d">'+esc(summarizeFrame(f))+'</span></div>';
+    }
+    feed.innerHTML = html;
+    if(near) feed.scrollTop = feed.scrollHeight;
+  }
+  function meter(label, value, sub){
+    var v = Math.max(0, Math.min(100, Math.round(value||0)));
+    return '<div class="meter"><div class="lab"><span>'+esc(label)+'</span><span><b>'+v+'%</b>'
+      + (sub?('  '+esc(sub)):'')+'</span></div>'
+      + '<div class="bar-track"><div class="bar-fill '+loadClass(v)+'" style="width:'+v+'%"></div></div></div>';
+  }
+  function renderHw(hw){
+    var el = $('hw');
+    if(!hw){ el.innerHTML = '<div class="meter"><div class="lab"><span>This node</span><span>no telemetry yet</span></div></div>'; return; }
+    var html = '<h2 style="margin-top:0">This node · '+esc(hw.system?hw.system.hostname:'')+'</h2>';
+    html += meter('CPU', hw.cpu?hw.cpu.percent:0, hw.cpu?(hw.cpu.cores+' cores'):'');
+    html += meter('Memory', hw.memory?hw.memory.percent:0, hw.memory?(fmtBytes(hw.memory.usedBytes)+' / '+fmtBytes(hw.memory.totalBytes)):'');
+    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'):''); }
+    el.innerHTML = html;
+  }
+  function selectNode(id, name){
+    selected = (id===selfId)?null:id;
+    $('selName').textContent = selected ? name : 'this node';
+    var cards = document.querySelectorAll('.node');
+    for(var i=0;i<cards.length;i++) cards[i].classList.toggle('sel', cards[i].getAttribute('data-id')===id);
+  }
+  function renderFleet(nodes){
+    var el = $('fleet');
+    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; }
+    nodes.sort(function(a,b){ return (b.connected?1:0)-(a.connected?1:0); });
+    var html = '';
+    for(var i=0;i<nodes.length;i++){
+      var n = nodes[i];
+      var isSelf = n.nodeId===selfId;
+      var load = n.load!=null?n.load:0;
+      var caps = (n.capabilities||[]).slice(0,6);
+      var capHtml=''; for(var c=0;c<caps.length;c++) capHtml += '<span class="cap">'+esc(caps[c])+'</span>';
+      var site = n.site?('· '+esc(n.site)):'';
+      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)+'">'
+        + '<div class="top"><span class="name">'+esc(n.displayName)+(isSelf?' <span class="selfbadge">this</span>':'')+'</span><span class="role">'+esc(n.role)+'</span></div>'
+        + '<div class="meta">'+esc(n.platform||'')+' '+site+' <span class="mono">v'+esc(n.version||'?')+'</span></div>'
+        + '<div class="bar-track"><div class="bar-fill '+loadClass(load)+'" style="width:'+(n.connected?load:0)+'%"></div></div>'
+        + '<div class="load"><span>'+(n.connected?'load '+Math.round(load)+'%':'offline')+'</span><span>'+((n.commands||[]).length)+' cmds</span></div>'
+        + (capHtml?('<div class="caps">'+capHtml+'</div>'):'')
+        + '</div>';
+    }
+    el.innerHTML = html;
+    var cards = el.querySelectorAll('.node');
+    for(var j=0;j<cards.length;j++){
+      (function(card){
+        function pick(){ selectNode(card.getAttribute('data-id'), card.getAttribute('data-name')); }
+        card.addEventListener('click', pick);
+        card.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ ev.preventDefault(); pick(); } });
+      })(cards[j]);
+    }
+  }
+  function renderSummary(s){
+    var nodes = s.nodes||[];
+    var up=0; for(var i=0;i<nodes.length;i++) if(nodes[i].connected) up++;
+    var down = nodes.length-up;
+    var runs = (s.runs||[]).filter(function(r){return r.status==='running';}).length;
+    var loads = nodes.filter(function(n){return n.connected&&n.load!=null;}).map(function(n){return n.load;});
+    var avg = loads.length?Math.round(loads.reduce(function(a,b){return a+b;},0)/loads.length):0;
+    $('summary').innerHTML =
+        '<span class="chip ok">nodes up <b>'+up+'</b></span>'
+      + '<span class="chip'+(down?' bad':'')+'">down <b>'+down+'</b></span>'
+      + '<span class="chip info">active runs <b>'+runs+'</b></span>'
+      + '<span class="chip">avg load <b>'+avg+'%</b></span>';
+    $('fleetcount').textContent = '(' + nodes.length + ')';
+    var self = s.self||{};
+    var role = s.role||{};
+    $('who').textContent = (self.displayName||'node') + ' · ' + (self.role||'?') + (role.site?(' · '+role.site):'') + ' · v' + (self.version||'?');
+  }
+  function setLive(ok){
+    $('livedot').classList.toggle('stale', !ok);
+    $('offline').style.display = (!ok && everOk) ? 'block' : 'none';
+  }
+  function poll(){
+    fetch('/fed/status'+QS, {cache:'no-store'}).then(function(r){
+      if(!r.ok) throw new Error('status '+r.status);
+      return r.json();
+    }).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);
+      renderFeed(s.activity||[]);
+    }).catch(function(){ setLive(false); });
+  }
+  // command execution
+  function showOut(text){ $('outText').textContent = text; $('out').style.display='block'; }
+  $('outClose').addEventListener('click', function(){ $('out').style.display='none'; });
+  function runCommand(input){
+    input = (input||'').trim();
+    if(!input) return;
+    // Target a peer by prefixing the kernel's node-scoped command form.
+    var payload = selected ? ('/node ' + selected + ' ' + input) : input;
+    $('runBtn').disabled = true;
+    fetch('/fed/command'+QS, { method:'POST', headers:{'content-type':'application/json'}, body: JSON.stringify({ input: payload }) })
+      .then(function(r){ return r.json().catch(function(){ return { ok:false, text:'HTTP '+r.status }; }); })
+      .then(function(res){ showOut((res && (res.text!=null?res.text:JSON.stringify(res,null,2))) || 'no output'); poll(); })
+      .catch(function(e){ showOut('request failed: '+e.message); })
+      .then(function(){ $('runBtn').disabled=false; });
+  }
+  $('runBtn').addEventListener('click', function(){ runCommand($('cmdInput').value); });
+  $('cmdInput').addEventListener('keydown', function(ev){ if(ev.key==='Enter'){ runCommand($('cmdInput').value); } });
+  $('applyBtn').addEventListener('click', function(){
+    $('applyBtn').disabled = true;
+    fetch('/fed/apply'+QS, { method:'POST', headers:{'content-type':'application/json'}, body:'{}' })
+      .then(function(r){ return r.json().catch(function(){ return { ok:false, text:'HTTP '+r.status }; }); })
+      .then(function(res){ showOut('Apply config to fleet:\\n' + ((res&&(res.text!=null?res.text:JSON.stringify(res,null,2)))||'done')); })
+      .catch(function(e){ showOut('apply failed: '+e.message); })
+      .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>
+</html>`;