npm - infinicode - Versions diffs - 2.3.5 → 2.4.0 - Mend

infinicode 2.3.5 → 2.4.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 (64) hide show

package/.opencode/plugins/home-logo-animation.tsx +5 -1
package/.opencode/plugins/mesh-commands.tsx +4 -3
package/.opencode/plugins/routing-mode-display.tsx +6 -2
package/.opencode/tui.json +2 -1
package/bin/robopark.js +2 -0
package/dist/cli.js +46 -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/mesh-install.d.ts +10 -0
package/dist/commands/mesh-install.js +160 -0
package/dist/commands/robopark.d.ts +6 -0
package/dist/commands/robopark.js +450 -0
package/dist/commands/run.js +82 -22
package/dist/commands/serve.d.ts +1 -0
package/dist/commands/serve.js +152 -11
package/dist/kernel/agents/backends/cli-backend.d.ts +41 -0
package/dist/kernel/agents/backends/cli-backend.js +140 -0
package/dist/kernel/agents/backends/detect.d.ts +17 -0
package/dist/kernel/agents/backends/detect.js +140 -0
package/dist/kernel/agents/backends/index.d.ts +11 -0
package/dist/kernel/agents/backends/index.js +3 -0
package/dist/kernel/agents/backends/parse-utils.d.ts +20 -0
package/dist/kernel/agents/backends/parse-utils.js +72 -0
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 +31 -0
package/dist/kernel/agents/backends/registry.js +174 -0
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 +67 -0
package/dist/kernel/agents/backends/types.js +1 -0
package/dist/kernel/agents/index.d.ts +8 -0
package/dist/kernel/agents/index.js +8 -0
package/dist/kernel/federation/dashboard-html.d.ts +13 -0
package/dist/kernel/federation/dashboard-html.js +371 -0
package/dist/kernel/federation/federation.d.ts +112 -2
package/dist/kernel/federation/federation.js +270 -10
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 +17 -1
package/dist/kernel/federation/transport-http.js +65 -2
package/dist/kernel/federation/types.d.ts +46 -1
package/dist/kernel/free-providers.js +83 -0
package/dist/kernel/gateway/openai-gateway.d.ts +55 -3
package/dist/kernel/gateway/openai-gateway.js +428 -49
package/dist/kernel/index.d.ts +2 -1
package/dist/kernel/index.js +3 -1
package/dist/kernel/logger.d.ts +16 -3
package/dist/kernel/logger.js +38 -0
package/dist/kernel/mcp/mcp-server.js +65 -10
package/dist/kernel/orchestrator.d.ts +4 -0
package/dist/kernel/orchestrator.js +34 -0
package/dist/kernel/provider-manager.d.ts +13 -0
package/dist/kernel/provider-manager.js +58 -5
package/dist/kernel/providers/openai-compatible-provider.d.ts +6 -0
package/dist/kernel/providers/openai-compatible-provider.js +22 -3
package/dist/kernel/recovery-manager.js +55 -15
package/dist/kernel/router.js +15 -2
package/dist/kernel/types.d.ts +12 -2
package/dist/robopark-cli.d.ts +2 -0
package/dist/robopark-cli.js +23 -0
package/package.json +6 -3

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

@@ -0,0 +1,13 @@
+/**
+ * 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 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>";

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

@@ -0,0 +1,371 @@
+/**
+ * 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;}
+</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="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>
+<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 $ = 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;
+      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; });
+  });
+  poll();
+  setInterval(poll, 2000);
+})();
+</script>
+</body>
+</html>`;

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

@@ -11,12 +11,14 @@
  * (heartbeat / task.dispatch / command / config / update).
  */
 import type { Capability, KernelLike, Logger } from '../types.js';
-import type { HardwareSnapshot, NodeIdentity, NodeStatus, PeerInfo, SharedConfig, StreamFrame } from './types.js';
+import type { HardwareSnapshot, NodeIdentity, NodeManifest, NodeStatus, PeerInfo, SharedConfig, StreamFrame } from './types.js';
 import { ConfigSync } from './config-sync.js';
 import { AutoUpdate } from './auto-update.js';
 import { ComputeRouter, type ComputeNeed } from './compute-router.js';
 import { type ManifestInputs } from './node-identity.js';
-import { type RoleContext, type RunRecord } from './types.js';
+import { type AgentHandle, type RoleContext, type RunRecord } from './types.js';
+import { AgentBackendRegistry, type BackendId } from '../agents/index.js';
+import { loadCoderConfig, type CoderConfig } from '../agents/backends/profiles.js';
 export interface DispatchTask {
     description: string;
     capabilities: Capability[];
@@ -26,6 +28,21 @@ export interface DispatchTask {
     /** When true, the receiving node auto-plans the goal into phases (a phased
      *  build) instead of running it as one atomic task. */
     autoPlan?: boolean;
+    /** Which executor should run this on the receiving node: 'kernel' (native,
+     *  default) or an installed CLI backend ('claude' | 'codex' | 'opencode'). */
+    agent?: BackendId;
+    /** Resume a specific CLI session on the receiving node instead of a fresh run. */
+    sessionId?: string;
+    /** Model hint passed to a CLI backend (provider/model or a CLI-native id). */
+    model?: string;
+    /** Named coder profile to run (e.g. "deep", "cheap"). */
+    profile?: string;
+    /** Rotation strategy: 'auto' | 'tasktype' | 'policy' | 'roundrobin' | 'fallback'. */
+    strategy?: string;
+    /** Policy tier: 'free-first' | 'cheapest' | 'fastest' | 'highest-quality' | 'balanced'. */
+    policy?: string;
+    /** Task-type key for routing (e.g. 'refactor', 'docs', 'bulk'). */
+    taskType?: string;
 }
 export interface FederationOptions {
     version: string;
@@ -43,6 +60,34 @@ export interface FederationOptions {
     autoPullConfig?: boolean;
     /** Satellite: how often to re-pull shared config (ms, default 30000; 0 disables). */
     configPullMs?: number;
+    /** Coder profiles + rotation config (from node config `coder`). Merged over
+     *  built-in defaults, so the mesh rotates across backends out of the box. */
+    coder?: Parameters<typeof loadCoderConfig>[0];
+    /** Serve the web control dashboard at GET / and /ui (off unless enabled). */
+    dashboard?: boolean;
+    /** Publish this node's shared config to the fleet (backs POST /fed/apply +
+     *  the dashboard's "Apply config to fleet" button). */
+    onApply?: () => Promise<unknown> | unknown;
+    /** Gate remote/dashboard slash-commands. Returns {ok:false,reason} to reject —
+     *  used to keep an unauthenticated, network-exposed node read-only. */
+    commandGate?: (input: string) => {
+        ok: boolean;
+        reason?: string;
+    };
+}
+/** Consolidated fleet view served at GET /fed/status. */
+export interface FleetStatus {
+    self: NodeManifest;
+    role: RoleContext | null;
+    nodes: NodeStatus[];
+    hardware?: HardwareSnapshot;
+    runs: RunRecord[];
+    agents: AgentHandle[];
+    activity: Array<{
+        peerId: string;
+        f: StreamFrame;
+    }>;
+    ts: number;
 }
 export interface FederationDeps {
     kernel: KernelLike;
@@ -50,6 +95,9 @@ export interface FederationDeps {
     describe: () => ManifestInputs;
     logger: Logger;
     options: FederationOptions;
+    /** Executors this node can run dispatched tasks on. Defaults to the native
+     *  kernel plus any installed coding CLIs (Claude Code / Codex / OpenCode). */
+    backends?: AgentBackendRegistry;
 }
 export declare class Federation {
     private deps;
@@ -70,6 +118,12 @@ export declare class Federation {
     readonly configSync: ConfigSync;
     readonly autoUpdate: AutoUpdate;
     readonly compute: ComputeRouter;
+    /** Executors available on this node (native kernel + installed CLIs). */
+    readonly backends: AgentBackendRegistry;
+    /** Resolved coder profiles + rotation policy for this node. */
+    readonly coderConfig: CoderConfig;
+    /** Per-node round-robin cursor for backend rotation. */
+    private readonly rotationState;
     /** Local subscribers to the merged mesh frame stream (for MCP stream_activity). */
     private frameSubs;
     /** Recent frames for catch-up. */
@@ -90,6 +144,27 @@ export declare class Federation {
     private runTask;
     /** Run a dispatched task in the background, updating its RunRecord + streaming. */
     private runTaskAsync;
+    /**
+     * Execute a dispatched task with a third-party CLI backend (Claude Code /
+     * Codex / OpenCode) instead of the native kernel. The backend's activity
+     * streams up the same mesh SSE feed (log/ev frames), and its native session id
+     * is captured on the RunRecord so the run can be followed and later messaged.
+     */
+    private runViaBackend;
+    /** Stream one backend's frames up the mesh, tagged with the backend id. */
+    private backendFrameSink;
+    /** Run a single backend attempt. Never throws — a missing/unavailable backend
+     *  returns a failed result so a rotation chain can fall through to the next. */
+    private runBackendOnce;
+    /** Write a backend result onto the run record. */
+    private writeResult;
+    /**
+     * Resolve a rotation chain for the task and run it with fallback: try each
+     * profile's backend in order, streaming its activity; the first `completed`
+     * wins, otherwise fall through to the next. Composes task-type routing, policy
+     * tiers, round-robin and fallback (see agents/backends/rotation.ts).
+     */
+    private runViaBackendChain;
     /**
      * Hand a task to the best-fit connected peer (compute-routed) or a named one.
      * Non-blocking by default — returns a runId to follow. Pass wait to block
@@ -122,6 +197,30 @@ export declare class Federation {
     awaitRun(runId: string, timeoutMs?: number): Promise<RunRecord>;
     /** Run a slash-command on a specific peer. */
     runCommandOn(nodeId: string, input: string): Promise<unknown>;
+    /**
+     * CLI agent sessions on THIS node — any run that used a CLI backend and
+     * captured a session id. Live while running, dormant (still resumable) once
+     * complete. Deduped by session, newest kept, so a session that's been messaged
+     * several times shows once.
+     */
+    localAgents(): AgentHandle[];
+    /** All messageable CLI agent sessions across the mesh (local + peers). */
+    agents(): Promise<AgentHandle[]>;
+    /** Resolve an address (`nodeId/sessionId`, a sessionId, or a runId) to a handle. */
+    private resolveAgent;
+    /**
+     * Message a CLI agent session — wherever it lives on the mesh. Resumes that
+     * exact session with the text (so the agent keeps its context) and returns a
+     * runId to follow the reply. This is how one CLI agent talks to another.
+     */
+    sendTo(address: string, text: string, opts?: {
+        wait?: boolean;
+        timeoutMs?: number;
+    }): Promise<{
+        runId: string;
+        nodeId: string;
+        record?: RunRecord;
+    } | null>;
     /** Hub: publish shared config (providers/API keys/policy) to the fleet. */
     publishConfig(cfg: Omit<SharedConfig, 'revision' | 'updatedAt'>): SharedConfig;
     /** Satellite: pull shared config from a peer (usually the hub). */
@@ -147,9 +246,20 @@ export declare class Federation {
      * new nodes that come online later are picked up too. Idempotent.
      */
     startLanDiscovery(tag?: string, discoveryPort?: number): void;
+    /** Backend ids this node can execute tasks with ('kernel' + installed CLIs). */
+    availableBackends(): BackendId[];
+    /**
+     * The manifest inputs augmented with `backend:<id>` capability tags for each
+     * installed executor. This lets the compute-router match a task that asks for
+     * a specific agent (e.g. capabilities:['backend:claude']) to a node that
+     * actually has that CLI — without changing the caller's describe().
+     */
+    private describeWithBackends;
     /** Neutral node-status list (self + peers) — feeds the mesh map. */
     nodeStatuses(): NodeStatus[];
     peers(): PeerInfo[];
+    /** Consolidated fleet view for the dashboard + `robopark fleet` (GET /fed/status). */
+    statusSnapshot(): FleetStatus;
     /** Latest local hardware snapshot (for the MOLTFED connector / panels). */
     latestHardware(): HardwareSnapshot | undefined;
     /** Subscribe to the merged mesh frame stream (local + peer frames). */