infinicode 2.8.65 → 2.8.67

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

@@ -14,10 +14,9 @@
  *             for its cam / mic / speaker / hardware drawer)
  *   Sessions & Telemetry — RoboPark scheduler stats + production_mode + controls
  *
- * The Park cam panel targets a LiveKit video track: it fetches a per-robot stream
- * token from /robopark/api/robots/:id/stream and, when the livekit-client SDK and
- * a published track are present, subscribes; otherwise it shows a styled preview.
- * That token/track is produced by the robot-side RoboPark plugin.
+ * The Park cam panel relays RoboVisionAI_PI's existing MJPEG feed through the
+ * authenticated mesh. LiveKit remains the voice transport but is deliberately
+ * not used for dashboard video, avoiding camera ownership conflicts on robots.
  *
  * Kept free of backticks and ${...} so the whole page fits inside this TS
  * template literal without escaping; the client JS uses string concatenation.
@@ -530,8 +529,34 @@ button.act:disabled{opacity:0.5;cursor:default;}
 .rp-modal-body .kv{display:grid;grid-template-columns:160px 1fr;gap:0.4rem 0.8rem;margin-bottom:0.4rem;}
 .rp-modal-body .kv .k{color:var(--muted);font-size:0.66rem;text-transform:uppercase;letter-spacing:0.05em;}
 .rp-modal-body .kv .v{color:var(--ink);word-break:break-word;white-space:pre-wrap;}
-.rp-modal-body pre{background:var(--panel-solid);border:1px solid var(--glass-border);border-radius:8px;padding:0.5rem 0.7rem;
-  font-size:0.66rem;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--ink);}
+.rp-modal-body pre{background:var(--panel-solid);border:1px solid var(--glass-border);border-radius:8px;padding:0.5rem 0.7rem;
+  font-size:0.66rem;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--ink);}
+
+.rp-call-shell{display:grid;grid-template-columns:minmax(260px,0.8fr) minmax(320px,1.2fr);gap:0.8rem;min-height:500px;}
+.rp-call-panel{border:1px solid var(--glass-border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-hi);padding:0.85rem;}
+.rp-call-character{display:flex;align-items:center;gap:0.8rem;padding:0.7rem;border:1px solid var(--glass-border);border-radius:12px;background:var(--panel-2);margin-bottom:0.75rem;}
+.rp-call-character img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));}
+.rp-call-character .name{font-size:1.05rem;color:var(--gold-bright);font-weight:700;}
+.rp-call-state{display:flex;align-items:center;gap:0.55rem;font-family:var(--mono);font-size:0.72rem;padding:0.65rem 0;}
+.rp-call-orb{width:10px;height:10px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 transparent;}
+.rp-call-orb.live{background:var(--ok);box-shadow:0 0 12px var(--ok);animation:pulse 1.6s infinite;}
+.rp-call-orb.busy{background:var(--gold-bright);box-shadow:0 0 12px var(--gold-bright);animation:pulse 1s infinite;}
+.rp-call-actions{display:flex;gap:0.45rem;flex-wrap:wrap;margin-top:0.7rem;}
+.rp-call-transcript{height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:0.55rem;padding:0.3rem;}
+.rp-turn{max-width:86%;border:1px solid var(--glass-border);border-radius:12px;padding:0.55rem 0.7rem;font-family:var(--mono);font-size:0.72rem;line-height:1.45;background:var(--panel-2);}
+.rp-turn.user{align-self:flex-end;border-color:color-mix(in srgb,var(--info) 45%,transparent);background:color-mix(in srgb,var(--info) 9%,var(--panel-2));}
+.rp-turn.assistant{align-self:flex-start;border-color:color-mix(in srgb,var(--gold-bright) 42%,transparent);}
+.rp-turn .who{font-size:0.57rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.18rem;}
+.rp-detail-hero{display:flex;align-items:center;gap:.8rem;padding:.6rem;border:1px solid var(--glass-border);border-radius:12px;background:var(--panel-2);margin-bottom:.8rem;}
+.rp-detail-hero img{width:72px;height:72px;object-fit:contain;}
+.rp-pipeline{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem;}
+.rp-pipeline-row{display:grid;grid-template-columns:76px 125px 70px 1fr;gap:.5rem;padding:.38rem .5rem;border-left:3px solid var(--glass-border);background:var(--panel-2);border-radius:5px;font-family:var(--mono);font-size:.64rem;}
+.rp-pipeline-row.ok{border-left-color:var(--ok)} .rp-pipeline-row.failed,.rp-pipeline-row.blocked{border-left-color:var(--bad)}
+.node .node-hero{display:flex;align-items:center;gap:.65rem;margin:.45rem 0 .55rem;}
+.node .node-avatar{width:68px;height:68px;object-fit:contain;flex:none;filter:drop-shadow(0 7px 12px rgba(0,0,0,.3));}
+.node .node-health{font-family:var(--mono);font-size:.61rem;line-height:1.45;color:var(--muted);}
+.node .node-health b{color:var(--ink);}
+@media(max-width:820px){.rp-call-shell{grid-template-columns:1fr}.rp-call-transcript{height:320px}.rp-pipeline-row{grid-template-columns:62px 105px 58px 1fr}}
 
 /* ── TTS voice picker (used inside the generic modal) ── */
 .rp-voice-picker{display:flex;flex-direction:column;gap:0.6rem;min-height:320px;}
@@ -659,7 +684,8 @@ button.act:disabled{opacity:0.5;cursor:default;}
   <div class="rp-subtabs" id="rp-subtabs" role="tablist">
     <button class="rp-subtab active" data-sub="overview" id="rpsbtn-overview" role="tab" aria-selected="true">Overview</button>
     <button class="rp-subtab" data-sub="incidents" id="rpsbtn-incidents" role="tab" aria-selected="false">Incidents <span class="badge" id="rps-incidents-badge">0</span></button>
-    <button class="rp-subtab" data-sub="live" id="rpsbtn-live" role="tab" aria-selected="false">Live Sessions <span class="badge" id="rps-live-badge">0</span></button>
+    <button class="rp-subtab" data-sub="live" id="rpsbtn-live" role="tab" aria-selected="false">Live Sessions <span class="badge" id="rps-live-badge">0</span></button>
+    <button class="rp-subtab" data-sub="voice" id="rpsbtn-voice" role="tab" aria-selected="false">Voice Call</button>
     <button class="rp-subtab" data-sub="history" id="rpsbtn-history" role="tab" aria-selected="false">History</button>
     <button class="rp-subtab" data-sub="audit" id="rpsbtn-audit" role="tab" aria-selected="false">Audit Log</button>
     <button class="rp-subtab" data-sub="fleet" id="rpsbtn-fleet" role="tab" aria-selected="false">Fleet</button>
@@ -701,7 +727,30 @@ button.act:disabled{opacity:0.5;cursor:default;}
   </div>
 
   <!-- ═══ History ═══ -->
-  <div class="rp-sub" id="rp-sub-history">
+  <div class="rp-sub" id="rp-sub-voice">
+    <div class="rp-call-shell">
+      <div class="rp-call-panel">
+        <div class="rp-section-h">Operator voice call <span class="meta">RoboVoice pipeline</span></div>
+        <div class="rp-call-character" id="rp-call-character"><div><div class="name">Choose a character</div><div class="meta">The selected preset and stack are frozen into session history.</div></div></div>
+        <div class="rp-field"><label>Character preset</label><select id="rp-call-character-select"><option value="">select character...</option></select></div>
+        <div class="rp-field" style="margin-top:.55rem"><label>Voice stack</label><select id="rp-call-stack-select"><option value="">character default</option></select></div>
+        <div class="rp-call-state"><span class="rp-call-orb" id="rp-call-orb"></span><span id="rp-call-status">ready to start</span></div>
+        <div class="rp-call-actions">
+          <button class="rp-btn primary" id="rp-call-start">Start voice call</button>
+          <button class="rp-btn" id="rp-call-mute" disabled>Mute microphone</button>
+          <button class="rp-btn danger" id="rp-call-end" disabled>End call</button>
+        </div>
+        <div class="pk-note" style="margin-top:.7rem">Uses your browser microphone. Agent audio plays here and every final transcript turn is saved to session history.</div>
+      </div>
+      <div class="rp-call-panel">
+        <div class="rp-section-h">Live transcript <span class="meta" id="rp-call-session">not connected</span></div>
+        <div class="rp-call-transcript" id="rp-call-transcript"><div class="rp-tbl-empty">Transcript appears when the call starts.</div></div>
+        <div id="rp-call-audio" hidden></div>
+      </div>
+    </div>
+  </div>
+
+  <div class="rp-sub" id="rp-sub-history">
     <div class="rp-filterbar">
       <div class="rp-field"><label>Search</label><input id="rp-hist-search" placeholder="session id, robot…"></div>
       <div class="rp-field"><label>Robot</label><select id="rp-hist-robot"><option value="">all robots</option></select></div>
@@ -725,7 +774,7 @@ button.act:disabled{opacity:0.5;cursor:default;}
     <div class="rp-tbl-wrap" id="rp-hist-wrap">
       <table class="rp-history-table" id="rp-hist-table">
         <thead><tr>
-          <th>Session</th><th>Robot</th><th>Started</th><th>Ended</th><th>Duration</th><th>End reason</th><th>Triggers</th><th>Latency</th><th>Actions</th>
+          <th>Session</th><th>Robot</th><th>Started</th><th>Ended</th><th>Duration</th><th>End reason</th><th>Turns</th><th>Pipeline</th><th>Latency</th><th>Actions</th>
         </tr></thead>
         <tbody id="rp-hist-tbody"></tbody>
       </table>
@@ -1143,7 +1192,34 @@ button.act:disabled{opacity:0.5;cursor:default;}
       + '<div class="bar-track"><div class="bar-fill '+loadClass(v)+'" style="width:'+v+'%"></div></div>'
       + '<span class="mv '+(cls||'')+'">'+esc(valTxt)+'</span></div>';
   }
-  function renderFleet(nodes){
+  function rpAvatarFor(label){
+    var key=String(label||'').toLowerCase();
+    var presets=(typeof characterPresets!=='undefined' && Array.isArray(characterPresets))?characterPresets:[];
+    for(var i=0;i<presets.length;i++){
+      var p=presets[i], aliases=[p.id,p.name];
+      for(var j=0;j<aliases.length;j++){
+        var a=String(aliases[j]||'').toLowerCase();
+        if(a && (key===a || key.indexOf(a)>=0 || a.indexOf(key)>=0)) return p.img||'';
+      }
+    }
+    if(key.indexOf('bmw')>=0 || key.indexOf('vixen')>=0) return '/static/robopark/bmw.png';
+    var known=['volt','tesla','jaguar','panda'];
+    for(var k=0;k<known.length;k++) if(key.indexOf(known[k])>=0) return '/static/robopark/'+known[k]+'.png';
+    return '';
+  }
+  function rpTelemetryForNode(n){
+    if(typeof roboparkByName==='undefined' || !roboparkByName) return null;
+    var aliases=[n&&n.displayName,n&&n.name,n&&n.nodeId];
+    for(var i=0;i<aliases.length;i++){
+      var key=String(aliases[i]||'').toLowerCase();
+      if(roboparkByName[key]) return roboparkByName[key];
+      for(var existing in roboparkByName){
+        if(existing===key || (key && existing.indexOf(key)>=0) || (existing && key.indexOf(existing)>=0)) return roboparkByName[existing];
+      }
+    }
+    return null;
+  }
+  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; }
     // connected first, then robots/satellites above hubs so the fleet reads robot-first
@@ -1164,13 +1240,19 @@ button.act:disabled{opacity:0.5;cursor:default;}
       var disk = (hw&&hw.disk&&hw.disk.mounts&&hw.disk.mounts[0]) ? hw.disk.mounts[0].percent : null;
       var nt = netRxTx(hw);
       var upt = hw&&hw.system ? hw.system.uptimeSec : null;
-      var caps = (n.capabilities||[]).filter(function(c){ return c.indexOf('backend:')!==0; }).slice(0,5);
-      var capHtml=''; for(var c=0;c<caps.length;c++) capHtml += '<span class="cap">'+esc(caps[c])+'</span>';
+      var caps = (n.capabilities||[]).filter(function(c){ return c.indexOf('backend:')!==0; }).slice(0,5);
+      var capHtml=''; for(var c=0;c<caps.length;c++) capHtml += '<span class="cap">'+esc(caps[c])+'</span>';
+      var tele=rpTelemetryForNode(n);
+      var avatar=rpAvatarFor(tele&&(tele.character_name||tele.character_id)||n.displayName);
+      var readiness=tele&&(tele.readiness_code||tele.status)||(!up?'offline':'mesh online');
+      var hb=tele&&tele.heartbeat_age_seconds!=null?tele.heartbeat_age_seconds:null;
       var site = n.site?(' · '+esc(n.site)):'';
 
       html += '<div class="node '+(up?'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"><span class="statdot '+(up?'on':'off')+'"></span>'+esc(n.displayName)+(isSelf?' <span class="selfbadge">this</span>':'')+'</span><span class="role">'+esc(n.role)+'</span></div>'
-        + '<div class="meta">'+esc(n.platform||'')+' '+esc((hw&&hw.cpu&&hw.cpu.model)?hw.cpu.model.replace(/\\s+/g,' ').slice(0,22):'')+site+' <span class="mono">v'+esc(n.version||'?')+'</span></div>';
+        + '<div class="meta">'+esc(n.platform||'')+' '+esc((hw&&hw.cpu&&hw.cpu.model)?hw.cpu.model.replace(/\\s+/g,' ').slice(0,22):'')+site+' <span class="mono">v'+esc(n.version||'?')+'</span></div>'
+        + (avatar?('<div class="node-hero"><img class="node-avatar" alt="'+esc(n.displayName)+'" src="'+esc(avatar+QS)+'"><div class="node-health"><b>'+esc(String(readiness).replace(/_/g,' '))+'</b><br>'
+          +(tele?('sessions '+esc(tele.sessions_total||0)+' / triggers '+esc(tele.trigger_count||0)+'<br>latency '+esc(tele.avg_latency_ms!=null?Math.round(tele.avg_latency_ms)+'ms':'n/a')+' / drops '+esc(tele.drop_rate!=null?Math.round(tele.drop_rate*100)+'%':'n/a')+'<br>heartbeat '+esc(hb!=null?hb+'s ago':'unavailable')):'scheduler telemetry pending')+'</div></div>'):'');
 
       if(up){
         html += mrow('CPU', cpu, cpu+'%'+(cores?(' /'+cores+'c'):''), loadClass(cpu))
@@ -1611,12 +1693,12 @@ button.act:disabled{opacity:0.5;cursor:default;}
   });
 
   var characterPresets=[];
-  function loadCharacterPresets(){
-    fetch('/robopark/api/character-presets'+QS,{cache:'no-store'}).then(function(r){return r.json();}).then(function(d){ characterPresets=Array.isArray(d)?d:(d&&d.presets)||[]; fillCharacterDropdowns(); fillTemplateCharacterList(); refreshDrawerPresetOptions(); }).catch(function(){});
-  }
-  function loadVoiceStacks(){
-    fetch('/robopark/api/voice-stacks'+QS,{cache:'no-store'}).then(function(r){return r.json();}).then(function(d){ voiceStacks=Array.isArray(d)?d:(d&&d.stacks)||[]; fillVoiceStackDropdowns(); fillTemplateVoiceList(); refreshDrawerPresetOptions(); }).catch(function(){});
-  }
+  function loadCharacterPresets(){
+    return fetch('/robopark/api/character-presets'+QS,{cache:'no-store'}).then(function(r){return r.json();}).then(function(d){ characterPresets=Array.isArray(d)?d:(d&&d.presets)||[]; fillCharacterDropdowns(); fillTemplateCharacterList(); refreshDrawerPresetOptions(); refreshVoiceCallOptions(); return characterPresets; }).catch(function(){ return []; });
+  }
+  function loadVoiceStacks(){
+    return fetch('/robopark/api/voice-stacks'+QS,{cache:'no-store'}).then(function(r){return r.json();}).then(function(d){ voiceStacks=Array.isArray(d)?d:(d&&d.stacks)||[]; fillVoiceStackDropdowns(); fillTemplateVoiceList(); refreshDrawerPresetOptions(); refreshVoiceCallOptions(); return voiceStacks; }).catch(function(){ return []; });
+  }
 
   // ── TTS voice catalog (per provider) ──
   // Holds the dropdown options for whichever TTS provider is currently
@@ -2081,7 +2163,7 @@ button.act:disabled{opacity:0.5;cursor:default;}
       for (var i=0;i<robots.length;i++){
         var x = robots[i];
         var name = robotName(x);
-        var avatar = avatarSrcForNode({label:(x.character_name||x.character_id||x.character_preset_id||name)});
+        var avatar = rpAvatarFor(x.character_name||x.character_id||x.character_preset_id||name);
         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)+'%':'—';
@@ -2193,14 +2275,15 @@ button.act:disabled{opacity:0.5;cursor:default;}
       s.classList.toggle('active', s.id==='rp-sub-'+name);
     }
     // stop every sub-tab interval, then start only the active one
-    var names = ['overview','incidents','live','history','audit','fleet','setup'];
+    var names = ['overview','incidents','live','voice','history','audit','fleet','setup'];
     for(var k=0;k<names.length;k++){
       var n=names[k];
       if(rpIntervals[n]){ clearInterval(rpIntervals[n]); rpIntervals[n]=null; }
     }
     if(name==='overview'){ pollOverview(); rpIntervals.overview = setInterval(pollOverview, 4000); }
     if(name==='incidents'){ pollIncidents(); rpIntervals.incidents = setInterval(pollIncidents, 4000); }
-    if(name==='live'){ pollLiveSessions(); startLiveAutoRefresh(); }
+    if(name==='live'){ pollLiveSessions(); startLiveAutoRefresh(); }
+    if(name==='voice'){ refreshVoiceCallOptions(); }
     if(name==='history'){ rpHistoryPage=0; pollHistory(); }
     if(name==='audit'){ pollAuditLog(); rpIntervals.audit = setInterval(pollAuditLog, 6000); }
     if(name==='fleet'){ pollFleet(); rpIntervals.fleet = setInterval(pollFleet, 5000); }
@@ -2219,7 +2302,7 @@ button.act:disabled{opacity:0.5;cursor:default;}
     var h=String(location.hash||'').replace('#','');
     var m = h.match(/^robopark\\/(.+)$/);
     var initial = (m && m[1]) ? m[1] : 'overview';
-    if(['overview','incidents','live','history','audit','fleet','setup'].indexOf(initial)<0) initial='overview';
+    if(['overview','incidents','live','voice','history','audit','fleet','setup'].indexOf(initial)<0) initial='overview';
     setRpSubTab(initial);
   }
 
@@ -2514,7 +2597,111 @@ button.act:disabled{opacity:0.5;cursor:default;}
   })();
 
   // ── History sub-tab ──
-  var rpHistoryFilter = { robot: '', endReason: '', range: '7d', search: '' };
+  var rpVoiceCall={room:null,session:null,eventToken:null,muted:false,ending:false,seen:{}};
+  function refreshVoiceCallOptions(){
+    var cs=$('rp-call-character-select'), ss=$('rp-call-stack-select');
+    if(!cs||!ss) return;
+    var cv=cs.value, sv=ss.value;
+    cs.innerHTML='<option value="">select character...</option>'+(characterPresets||[]).map(function(c){return '<option value="'+esc(c.id)+'">'+esc(c.name||c.id)+'</option>';}).join('');
+    ss.innerHTML='<option value="">character default</option>'+(voiceStacks||[]).map(function(s){return '<option value="'+esc(s.id)+'">'+esc(s.name||s.id)+' - '+esc(s.stt_provider)+' / '+esc(s.llm_model)+' / '+esc(s.tts_provider)+'</option>';}).join('');
+    if(cv) cs.value=cv; if(sv) ss.value=sv;
+    paintVoiceCallCharacter();
+  }
+  function paintVoiceCallCharacter(){
+    var sel=$('rp-call-character-select'), box=$('rp-call-character'); if(!sel||!box) return;
+    var chosen=null; for(var i=0;i<characterPresets.length;i++) if(characterPresets[i].id===sel.value){chosen=characterPresets[i];break;}
+    if(!chosen){ box.innerHTML='<div><div class="name">Choose a character</div><div class="meta">The selected preset and stack are frozen into session history.</div></div>'; return; }
+    var img=chosen.img||rpAvatarFor(chosen.id||chosen.name);
+    box.innerHTML=(img?'<img alt="'+esc(chosen.name)+'" src="'+esc(img+QS)+'">':'')+'<div><div class="name">'+esc(chosen.name||chosen.id)+'</div><div class="meta">'+esc(chosen.description||'Ready for an operator voice call')+'</div></div>';
+    var stack=$('rp-call-stack-select'); if(stack && !stack.value && chosen.voice_stack_id) stack.value=chosen.voice_stack_id;
+  }
+  function setVoiceCallStatus(text,state){
+    var s=$('rp-call-status'), o=$('rp-call-orb'); if(s)s.textContent=text; if(o)o.className='rp-call-orb '+(state||'');
+  }
+  function ensureVoiceLiveKit(){
+    if(window.LivekitClient) return Promise.resolve(window.LivekitClient);
+    return new Promise(function(resolve,reject){
+      var old=document.querySelector('script[data-rp-voice-livekit]');
+      if(old){ old.addEventListener('load',function(){resolve(window.LivekitClient);}); old.addEventListener('error',reject); return; }
+      var script=document.createElement('script'); script.dataset.rpVoiceLivekit='1'; script.src='/vendor/livekit-client.umd.js'+QS;
+      script.onload=function(){resolve(window.LivekitClient);}; script.onerror=function(){reject(new Error('LiveKit browser library failed to load'));}; document.head.appendChild(script);
+    });
+  }
+  function appendVoiceTurn(role,text){
+    var wrap=$('rp-call-transcript'); if(!wrap)return;
+    if(wrap.querySelector('.rp-tbl-empty')) wrap.innerHTML='';
+    var div=document.createElement('div'); div.className='rp-turn '+role;
+    div.innerHTML='<div class="who">'+esc(role==='user'?'operator':'character')+'</div><div>'+esc(text)+'</div>';
+    wrap.appendChild(div); wrap.scrollTop=wrap.scrollHeight;
+  }
+  function saveVoiceTurn(role,text,sequence){
+    if(!rpVoiceCall.session||!rpVoiceCall.eventToken)return;
+    fetch('/robopark/api/sessions/'+encodeURIComponent(rpVoiceCall.session)+'/transcript'+QS,{
+      method:'POST',headers:Object.assign({'content-type':'application/json','X-RoboPark-Session-Token':rpVoiceCall.eventToken},operatorHeaders()),
+      body:JSON.stringify({role:role,text:text,is_final:true,sequence:sequence,source:'control_center'})
+    }).catch(function(){});
+  }
+  function startVoiceCall(){
+    var cid=$('rp-call-character-select').value, sid=$('rp-call-stack-select').value;
+    if(!cid){setVoiceCallStatus('select a character first','');return;}
+    if(rpVoiceCall.room)return;
+    setVoiceCallStatus('creating scheduled session...','busy'); $('rp-call-start').disabled=true;
+    rpAction('POST','/robopark/api/sessions/voice-call',{character_preset_id:cid,voice_stack_id:sid||null,client_name:getOperatorName()||'RoboPark Operator'})
+      .then(function(call){
+        if(!call)throw new Error('scheduler returned no call');
+        rpVoiceCall.session=call.session_id; rpVoiceCall.eventToken=call.event_token; rpVoiceCall.seen={}; rpVoiceCall.ending=false;
+        $('rp-call-session').textContent=call.session_id; $('rp-call-transcript').innerHTML='<div class="rp-tbl-empty">Connecting to '+esc(call.character&&call.character.name||cid)+'...</div>';
+        return ensureVoiceLiveKit().then(function(LK){
+          var room=new LK.Room({adaptiveStream:true,dynacast:true}); rpVoiceCall.room=room;
+          room.on(LK.RoomEvent.TrackSubscribed,function(track){ if(track.kind==='audio'){var el=track.attach();el.autoplay=true;$('rp-call-audio').appendChild(el);} });
+          room.on(LK.RoomEvent.TranscriptionReceived,function(segments,participant){
+            for(var i=0;i<(segments||[]).length;i++){
+              var seg=segments[i], final=seg.final===true||seg.isFinal===true; if(!final||!String(seg.text||'').trim())continue;
+              var key=String(seg.id||'')+'|'+String(seg.text); if(rpVoiceCall.seen[key])continue; rpVoiceCall.seen[key]=1;
+              var identity=participant&&participant.identity||''; var role=identity.indexOf('operator:')===0?'user':'assistant';
+              appendVoiceTurn(role,String(seg.text)); saveVoiceTurn(role,String(seg.text),Object.keys(rpVoiceCall.seen).length);
+            }
+          });
+          room.on(LK.RoomEvent.DataReceived,function(payload,participant,kind,topic){
+            if(topic && topic!=='lk-chat-topic')return;
+            try{
+              var msg=JSON.parse(new TextDecoder().decode(payload));
+              var text=String(msg.message||msg.text||'').trim(); if(!text)return;
+              var role=msg.role==='user'?'user':'assistant';
+              var key=role+'|'+text; if(rpVoiceCall.seen[key])return; rpVoiceCall.seen[key]=1;
+              appendVoiceTurn(role,text); saveVoiceTurn(role,text,Object.keys(rpVoiceCall.seen).length);
+            }catch(_){}
+          });
+          room.on(LK.RoomEvent.Disconnected,function(){ if(!rpVoiceCall.ending) finishVoiceCall('connection_lost'); });
+          return room.connect(call.server_url,call.token).then(function(){return room.localParticipant.setMicrophoneEnabled(true);});
+        }).then(function(){
+          setVoiceCallStatus('connected - listening','live'); $('rp-call-mute').disabled=false; $('rp-call-end').disabled=false;
+          return fetch('/robopark/api/sessions/'+encodeURIComponent(rpVoiceCall.session)+'/joined'+QS,{method:'POST',headers:{'X-RoboPark-Session-Token':rpVoiceCall.eventToken}}).catch(function(){});
+        });
+      }).catch(function(e){
+        setVoiceCallStatus('call failed: '+(e&&e.message||e),''); $('rp-call-start').disabled=false;
+        if(rpVoiceCall.room){try{rpVoiceCall.room.disconnect();}catch(_){} rpVoiceCall.room=null;}
+      });
+  }
+  function toggleVoiceMute(){
+    if(!rpVoiceCall.room)return; rpVoiceCall.muted=!rpVoiceCall.muted;
+    rpVoiceCall.room.localParticipant.setMicrophoneEnabled(!rpVoiceCall.muted);
+    $('rp-call-mute').textContent=rpVoiceCall.muted?'Unmute microphone':'Mute microphone'; setVoiceCallStatus(rpVoiceCall.muted?'connected - microphone muted':'connected - listening','live');
+  }
+  function finishVoiceCall(reason){
+    if(rpVoiceCall.ending)return; rpVoiceCall.ending=true; var session=rpVoiceCall.session, room=rpVoiceCall.room;
+    rpVoiceCall.room=null; if(room){try{room.disconnect();}catch(_){}}
+    if(session) rpAction('POST','/robopark/api/sessions/'+encodeURIComponent(session)+'/end?reason='+encodeURIComponent(reason||'operator'));
+    setVoiceCallStatus('call ended',''); $('rp-call-start').disabled=false; $('rp-call-mute').disabled=true; $('rp-call-end').disabled=true;
+    $('rp-call-mute').textContent='Mute microphone'; rpVoiceCall.session=null; rpVoiceCall.eventToken=null; rpVoiceCall.muted=false; setTimeout(function(){rpVoiceCall.ending=false;},300);
+  }
+  (function(){
+    var cs=$('rp-call-character-select'), start=$('rp-call-start'), mute=$('rp-call-mute'), end=$('rp-call-end');
+    if(cs)cs.addEventListener('change',paintVoiceCallCharacter); if(start)start.addEventListener('click',startVoiceCall);
+    if(mute)mute.addEventListener('click',toggleVoiceMute); if(end)end.addEventListener('click',function(){finishVoiceCall('operator');});
+  })();
+
+  var rpHistoryFilter = { robot: '', endReason: '', range: '7d', search: '' };
   var rpHistoryPage = 0;
   var RP_HISTORY_PAGE_SIZE = 25;
   function pollHistory(){
@@ -2588,7 +2775,8 @@ button.act:disabled{opacity:0.5;cursor:default;}
       var dur = s.duration_seconds!=null ? s.duration_seconds : (started&&ended?Math.floor((ended-started)/1000):null);
       var reason = s.end_reason || '';
       var reasonCls = rpEndReasonClass(reason);
-      var trig = s.trigger_count!=null ? s.trigger_count : '—';
+      var turns = s.transcript_count!=null ? s.transcript_count : 0;
+      var pipe = s.error_count ? (s.error_count+' errors') : ((s.pipeline_event_count||0)+' events');
       var lat = s.avg_latency_ms!=null ? Math.round(s.avg_latency_ms)+'ms' : '—';
       html += '<tr data-sid="'+esc(sid)+'">'
         + '<td><span class="sid" title="'+esc(sid)+'">'+esc(sid)+'</span></td>'
@@ -2597,7 +2785,8 @@ button.act:disabled{opacity:0.5;cursor:default;}
         + '<td><span class="t-rel">'+esc(rpFmtRelative(ended))+'</span><span class="t-abs">'+esc(rpFmtAbs(ended))+'</span></td>'
         + '<td>'+esc(rpFmtDuration(dur))+'</td>'
         + '<td><span class="rp-end-badge '+(reasonCls||'')+'">'+esc(reason||'—')+'</span></td>'
-        + '<td>'+esc(trig)+'</td>'
+        + '<td>'+esc(turns)+'</td>'
+        + '<td class="'+(s.error_count?'bad':'ok')+'">'+esc(pipe)+'</td>'
         + '<td>'+esc(lat)+'</td>'
         + '<td><button class="rp-btn" data-act="view" data-sid="'+esc(sid)+'">View</button></td>'
         + '</tr>';
@@ -2608,29 +2797,27 @@ button.act:disabled{opacity:0.5;cursor:default;}
     if(prev) prev.disabled = rpHistoryPage<=0;
     if(next) next.disabled = rpHistoryPage>=totalPages-1;
   }
-  function openSessionDetailModal(s){
-    if(!s) return;
-    function row(k,v){ return '<div class="kv"><div class="k">'+esc(k)+'</div><div class="v">'+esc(v==null?'—':v)+'</div></div>'; }
-    var html = '';
-    html += row('Session ID', s.session_id);
-    html += row('Robot', s.robot_id);
-    html += row('Room', s.room_name);
-    html += row('Started', rpFmtAbs(s.started_at) + ' ('+rpFmtRelative(s.started_at)+')');
-    html += row('Ended',   rpFmtAbs(s.ended_at)   + ' ('+rpFmtRelative(s.ended_at)+')');
-    html += row('Duration', rpFmtDuration(s.duration_seconds));
-    html += row('End reason', s.end_reason || '—');
-    html += row('Trigger count', s.trigger_count!=null?s.trigger_count:'—');
-    html += row('Avg latency', s.avg_latency_ms!=null?Math.round(s.avg_latency_ms)+'ms':'—');
-    html += row('Drop rate', s.drop_rate!=null?Math.round(s.drop_rate*100)+'%':'—');
-    html += row('Operator', s.operator_id || s.ended_by || '—');
-    html += row('Character', s.character_id || s.character_name || '—');
-    html += row('Voice stack', s.voice_stack_id || '—');
-    if(s.notes) html += row('Notes', s.notes);
-    if(s.metadata){
-      html += '<div class="kv"><div class="k">Metadata</div><div class="v"><pre>'+esc(typeof s.metadata==='string'?s.metadata:JSON.stringify(s.metadata,null,2))+'</pre></div></div>';
-    }
-    showModal('Session '+(s.session_id||''), html);
-  }
+  function renderSessionDetail(s){
+    function row(k,v){ return '<div class="kv"><div class="k">'+esc(k)+'</div><div class="v">'+esc(v==null?'—':v)+'</div></div>'; }
+    var avatar=s.character_img||rpAvatarFor(s.character_id||s.character_name||s.robot_id), summary=s.summary||{};
+    var html='<div class="rp-detail-hero">'+(avatar?'<img alt="'+esc(s.character_name||s.robot_id)+'" src="'+esc(avatar+QS)+'">':'')
+      +'<div><div style="font-size:1rem;color:var(--gold-bright);font-weight:700">'+esc(s.character_name||s.robot_id||'Session')+'</div>'
+      +'<div class="meta">'+esc(summary.turns||0)+' turns · '+esc(summary.pipeline_errors||0)+' pipeline errors</div></div></div>';
+    html += row('Session ID', s.session_id)+row('Robot / source', s.robot_id)+row('Room', s.room_name);
+    html += row('Started', rpFmtAbs(s.started_at)+' ('+rpFmtRelative(s.started_at)+')')+row('Ended',rpFmtAbs(s.ended_at)+' ('+rpFmtRelative(s.ended_at)+')');
+    html += row('Duration',rpFmtDuration(s.duration_seconds))+row('End reason',s.end_reason||'active')+row('Join latency',s.latency_ms!=null?s.latency_ms+'ms':'—');
+    html += row('Operator',s.initiated_by||'robot motion')+row('Character',s.character_name||s.character_id||'—')+row('Voice stack',s.voice_stack_name||s.voice_stack_id||'—');
+    html += '<div class="rp-section-h" style="margin-top:1rem">Transcript <span class="meta">'+esc(summary.user_turns||0)+' user / '+esc(summary.assistant_turns||0)+' assistant</span></div>';
+    var turns=(s.transcript||[]).filter(function(t){return t.is_final;});
+    html += '<div class="rp-call-transcript" style="height:auto;max-height:320px">'+(turns.length?turns.map(function(t){return '<div class="rp-turn '+esc(t.role)+'"><div class="who">'+esc(t.speaker||t.role)+' · '+esc(clock(t.timestamp))+'</div><div>'+esc(t.text)+'</div></div>';}).join(''):'<div class="rp-tbl-empty">No transcript was recorded for this session.</div>')+'</div>';
+    html += '<div class="rp-section-h" style="margin-top:1rem">Pipeline timeline <span class="meta">'+esc((s.pipeline_events||[]).length)+' events</span></div>';
+    html += '<div class="rp-pipeline">'+((s.pipeline_events||[]).length?s.pipeline_events.map(function(e){return '<div class="rp-pipeline-row '+esc(e.status)+'"><span>'+esc(clock(e.timestamp))+'</span><b>'+esc(e.stage)+'</b><span>'+esc(e.status)+'</span><span>'+esc(e.message||'')+'</span></div>';}).join(''):'<div class="rp-tbl-empty">No pipeline events were recorded.</div>')+'</div>';
+    return html;
+  }
+  function openSessionDetailModal(s){
+    if(!s)return; showModal('Session '+(s.session_id||''),'<div class="rp-tbl-empty">Loading transcript and pipeline timeline...</div>');
+    getJson('/robopark/api/sessions/'+encodeURIComponent(s.session_id)+'/detail').then(function(detail){$('rp-modal-body').innerHTML=renderSessionDetail(detail);}).catch(function(e){$('rp-modal-body').innerHTML='<div class="rp-tbl-empty">Session detail unavailable: '+esc(e&&e.message||e)+'</div>';});
+  }
   (function(){
     var s=$('rp-hist-search'); if(s) s.addEventListener('input', function(){ rpHistoryFilter.search = String(s.value||'').toLowerCase(); rpHistoryPage=0; renderHistory(); });
     var r=$('rp-hist-robot'); if(r) r.addEventListener('change', function(){ rpHistoryFilter.robot = r.value||''; rpHistoryPage=0; renderHistory(); });
@@ -3175,7 +3362,7 @@ button.act:disabled{opacity:0.5;cursor:default;}
       for(var i=0;i<top3.length;i++){
         var x = top3[i];
         var name = x.name || x.id || 'robot';
-        var avatar = avatarSrcForNode({label:(x.character_name||x.character_id||name)});
+        var avatar = rpAvatarFor(x.character_name||x.character_id||name);
         thtml += '<div class="rp-card" style="padding:0.55rem 0.7rem;">'
           + '<div class="rp-card-top">'
           +   (avatar?'<div class="rp-card-img"><img alt="'+esc(name)+'" src="'+esc(avatar+QS)+'"></div>':'')
@@ -5446,7 +5633,12 @@ button.act:disabled{opacity:0.5;cursor:default;}
     // ── on-demand operator preview: open the robot's cam without a scene-detection session ──
     function updateGoLive(){ var b=$('pk-golive'); if(b){ b.textContent = previewOn?'■ Stop live':'▶ Go live'; b.classList.toggle('danger', previewOn); } }
     function goLive(n){ if(previewOn) stopPreview(n); else startPreview(n); }
-    function startPreview(n){
+    function startPreview(n){
+      previewOn=true; updateGoLive();
+      if(lkRoom){ try{ lkRoom.disconnect(); }catch(e){} lkRoom=null; }
+      idleCam('connecting');
+      tryVisionOverlay(n, true);
+      return;
       previewOn=true; updateGoLive();
       var note=$('pk-golivenote'); if(note) note.textContent='requesting preview…';
       if(lkRoom){ try{ lkRoom.disconnect(); }catch(e){} lkRoom=null; }  // drop any session cam first
@@ -5463,7 +5655,14 @@ button.act:disabled{opacity:0.5;cursor:default;}
         })
         .catch(function(e){ idleCam('unreachable'); if(note) note.textContent='preview request failed'; if(window.console) console.error('RoboPark preview request failed',e); previewOn=false; updateGoLive(); });
     }
-    function stopPreview(n){
+    function stopPreview(n){
+      previewOn=false; updateGoLive();
+      if(previewTimer){ clearInterval(previewTimer); previewTimer=null; }
+      if(lkRoom){ try{ lkRoom.disconnect(); }catch(e){} lkRoom=null; }
+      stopVision();
+      var directNote=$('pk-golivenote'); if(directNote) directNote.textContent='';
+      idleCam('idle');
+      return;
       previewOn=false; updateGoLive();
       if(previewTimer){ clearInterval(previewTimer); previewTimer=null; }
       if(lkRoom){ try{ lkRoom.disconnect(); }catch(e){} lkRoom=null; }
@@ -5478,6 +5677,17 @@ button.act:disabled{opacity:0.5;cursor:default;}
     // server is opt-in because running it beside preview_agent would open the
     // same Windows camera twice and make both feeds unreliable.
     function tryVisionOverlay(n, force){
+      var directImg=$('pk-vision-img'); if(!directImg) return;
+      // Names stay stable when a robot is re-enrolled and receives a new mesh
+      // node id. The hub resolves the name to the currently connected peer.
+      var directRef=n.displayName||n.name||n.nodeId||n.id;
+      if(!directRef){ visionOn=false; directImg.src=''; directImg.style.display='none'; return; }
+      var directCamNote=$('pk-camnote'), directLiveNote=$('pk-golivenote'), directRes=$('pk-camres');
+      visionOn=true;
+      directImg.onerror=function(){ visionOn=false; directImg.style.display='none'; directImg.src=''; if(directCamNote) directCamNote.textContent='RoboVision feed unavailable on robot'; if(directLiveNote) directLiveNote.textContent='camera unavailable'; if(directRes) directRes.textContent='OFFLINE'; };
+      directImg.onload=function(){ directImg.style.display='block'; if(directCamNote) directCamNote.textContent='live camera via RoboVision mesh relay'; if(directLiveNote) directLiveNote.textContent='live'; if(directRes) directRes.textContent='LIVE'; };
+      directImg.src='/fed/media/robots/'+encodeURIComponent(directRef)+'/video_feed'+QS+(QS?'&':'?')+'_='+Date.now();
+      return;
       var img=$('pk-vision-img'); if(!img) return;
       if(!force && String(window.localStorage.getItem('robopark.visionOverlay')||'').toLowerCase()!=='true'){
         visionOn=false; img.src=''; img.style.display='none'; return;
@@ -6084,7 +6294,10 @@ button.act:disabled{opacity:0.5;cursor:default;}
     function setFill(id,pct){ var e=$(id); if(!e||pct==null) return; e.style.width=Math.max(2,Math.min(100,pct))+'%'; e.style.background=pct>=75?'var(--bad)':pct>=45?'var(--warn)':'var(--gold-bright)'; }
 
     // ── cam: target a LiveKit track; fall back to a styled preview ──
-    function startCam(n){
+    function startCam(n){
+      idleCam('connecting');
+      tryVisionOverlay(n, true);
+      return;
       var note=$('pk-camnote');
       camAbort = ('AbortController' in window)?new AbortController():null;
       idleCam('connecting');

package/dist/kernel/federation/federation.js

@@ -86,6 +86,7 @@ export class Federation {
             logger,
             getManifest: () => buildManifest(identity, this.describeWithBackends()),
             getNodes: () => this.nodeStatuses(),
+            getPeers: () => this.peers(),
             getStatus: () => this.statusSnapshot(),
             runCommand: (input) => this.deps.kernel.command(input),
             commandGate: options.commandGate,

package/dist/kernel/federation/peer-mesh.js

@@ -37,6 +37,18 @@ export class PeerMesh {
                 manifest,
                 version: manifest.version,
             };
+            const endpoint = url.replace(/\/+$/, '').toLowerCase();
+            const name = manifest.displayName.trim().toLowerCase();
+            for (const existing of this.peers.values()) {
+                if (existing.nodeId === peer.nodeId)
+                    continue;
+                const sameEndpoint = existing.url.replace(/\/+$/, '').toLowerCase() === endpoint;
+                const sameNamedDevice = existing.role === manifest.role && existing.displayName.trim().toLowerCase() === name;
+                if (!sameEndpoint && !sameNamedDevice)
+                    continue;
+                this.opts.logger.warn(`[federation] replacing stale peer ${existing.displayName} (${existing.nodeId}) with ${peer.nodeId}`);
+                this.remove(existing.nodeId);
+            }
             this.peers.set(peer.nodeId, peer);
             this.openStream(peer);
             // Immediate heartbeat so the peer learns us (nodeId + port) right away —

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

@@ -1,5 +1,5 @@
 import type { Logger } from '../types.js';
-import type { FederationEnvelope, NodeManifest, StreamFrame } from './types.js';
+import type { FederationEnvelope, NodeManifest, PeerInfo, StreamFrame } from './types.js';
 export type RpcHandler = (env: FederationEnvelope, remote: string) => Promise<FederationEnvelope | void>;
 export interface MeshServerOptions {
     host?: string;
@@ -9,6 +9,8 @@ export interface MeshServerOptions {
     getManifest: () => NodeManifest;
     /** Optional: full mesh view (self + peers) for the GET /fed/nodes probe. */
     getNodes?: () => unknown;
+    /** Connected peers and their reachable mesh URLs. */
+    getPeers?: () => PeerInfo[];
     /** Optional: consolidated fleet snapshot (self + nodes + hardware + roles +
      *  runs + recent activity) for the dashboard and `robopark fleet` (GET /fed/status). */
     getStatus?: () => unknown;
@@ -50,6 +52,9 @@ export declare class MeshServer {
     private seq;
     constructor(opts: MeshServerOptions);
     get streamCount(): number;
+    private streamHttp;
+    private streamLocalRoboVision;
+    private streamPeerRoboVision;
     start(): Promise<void>;
     /** Proxy a dashboard request to the RoboPark scheduler (product data). */
     private proxyToScheduler;