@cef-ai/cli 0.2.7 → 0.3.0

package/dist/commands/dev/static/app.js

@@ -1,633 +0,0 @@
-(function(){
-  const API='';
-  let topology=null,activeEngagement=null,seqNum=0,ws=null,logFilter='',blastPayloads=null,blastAbort=false,batchRunning=false,batchAbort=false;
-
-  async function api(method,path,body){
-    const opts={method,headers:{'Content-Type':'application/json'}};
-    if(body!==undefined)opts.body=JSON.stringify(body);
-    const res=await fetch(API+path,opts);return res.json();
-  }
-
-  // WebSocket
-  function connectWs(){
-    const proto=location.protocol==='https:'?'wss:':'ws:';
-    ws=new WebSocket(proto+'//'+location.host+'/ws');
-    ws.onopen=()=>{$('status-dot').className='status-dot ok';$('status-pill').innerHTML='<span class="status-dot ok" id="status-dot"></span>'+location.host};
-    ws.onclose=()=>{$('status-dot').className='status-dot err';$('status-pill').innerHTML='<span class="status-dot err" id="status-dot"></span>reconnecting';setTimeout(connectWs,2000)};
-    ws.onmessage=(e)=>{const m=JSON.parse(e.data);if(m.type==='log')appendLog(m.data);if(m.type==='trace')appendTrace(m.data)};
-  }
-
-  // Logs
-  function appendLog(entry){
-    const c=$('log-container'),d=document.createElement('div');
-    d.className='log-line'+(entry.level!=='log'?' '+entry.level:'');
-    const ts=new Date(entry.timestamp).toISOString().slice(11,23);
-    const ag=entry.agentAlias?(entry.agentAlias+(entry.taskAlias?'.'+entry.taskAlias:'')):'';
-    const pf=ag?'<span class="agent">['+ag+']</span> ':'';
-    const args=entry.args.map(a=>typeof a==='string'?a:JSON.stringify(a)).join(' ');
-    d.innerHTML='<span class="ts">'+ts+'</span>'+pf+esc(args);
-    if(logFilter&&!args.toLowerCase().includes(logFilter))d.style.display='none';
-    c.appendChild(d);while(c.children.length>500)c.removeChild(c.firstChild);
-    c.scrollTop=c.scrollHeight;
-  }
-
-  // Flow
-  function appendTrace(ev){
-    const c=$('flow-container'),d=document.createElement('div');
-    d.className='flow-entry';
-    const ts=new Date(ev.timestamp).toISOString().slice(11,23);
-    let ind='',det='',cls='';
-    switch(ev.type){
-      case'engagement:start':cls='fe-eng';det=ev.callee||'';break;
-      case'agent:call':ind='  ';cls='fe-agent';det=ev.callee+(ev.caller?' <span class="fe-dim">\u2190 '+esc(ev.caller)+'</span>':'');break;
-      case'agent:return':ind='  ';cls=ev.success?'fe-ok':'fe-err';det=ev.callee+' <span class="fe-dim">'+(ev.durationMs||0).toFixed(1)+'ms</span>'+(ev.success?'':' <span class="fe-err">'+esc(ev.error||'FAILED')+'</span>');break;
-      case'cubby:query':ind='    ';cls='fe-cubby';det=(ev.cubbyAlias||'')+' <span class="fe-dim">'+esc(ev.sql||'')+'</span>';break;
-      case'cubby:exec':ind='    ';cls='fe-cubby';det=(ev.cubbyAlias||'')+' <span class="fe-dim">'+esc(ev.sql||'')+'</span>'+(ev.rowsAffected!=null?' <span class="fe-dim">('+ev.rowsAffected+')</span>':'');break;
-    }
-    d.innerHTML=ind+'<span class="fe-time">'+ts+'</span> <span class="fe-type '+cls+'">'+esc(ev.type)+'</span> '+det;
-    c.appendChild(d);c.scrollTop=c.scrollHeight;
-  }
-
-  // Sidebar
-  async function loadTopology(){topology=await api('GET','/api/topology');renderSidebar();updateEmptyStats()}
-  function updateEmptyStats(){
-    if(!topology)return;
-    var el=$('empty-stats');if(!el)return;
-    el.innerHTML=
-      '<div class="stat-card"><div class="stat-num">'+topology.engagements.length+'</div><div class="stat-label">Engagements</div></div>'+
-      '<div class="stat-card"><div class="stat-num">'+topology.agents.reduce(function(s,a){return s+a.tasks.length},0)+'</div><div class="stat-label">Agent Tasks</div></div>'+
-      '<div class="stat-card"><div class="stat-num">'+topology.cubbies.length+'</div><div class="stat-label">Cubbies</div></div>';
-  }
-  function renderSidebar(){
-    const el=$('sidebar');let h='';
-    if(topology.engagements.length){
-      h+='<div class="s-label">&#9654; Engagements</div>';
-      for(const e of topology.engagements)h+='<div class="s-item" data-type="engagement" data-name="'+ea(e.name)+'"><span class="s-dot s-dot-eng"></span>'+esc(e.name)+'</div>';
-    }
-    if(topology.agents.length){
-      h+='<div class="s-label">&#9881; Agents</div>';
-      for(const a of topology.agents)for(const t of a.tasks)
-        h+='<div class="s-item" data-type="agent" data-alias="'+ea(a.alias)+'" data-task="'+ea(t.alias)+'"><span class="s-dot s-dot-agent"></span>'+esc(a.alias)+'.<span class="s-task">'+esc(t.alias)+'</span></div>';
-    }
-    if(topology.cubbies.length){
-      h+='<div class="s-label">&#9636; Cubbies</div>';
-      for(const c of topology.cubbies)h+='<div class="s-item" data-type="cubby" data-alias="'+ea(c.alias)+'"><span class="s-dot s-dot-cubby"></span>'+esc(c.alias)+'</div>';
-      const graphCubbies=topology.cubbies.filter(c=>c.alias);
-      if(graphCubbies.length)h+='<div class="s-item" data-type="graph-viz" style="margin-top:4px"><span class="s-dot" style="background:#22c55e"></span> Graph Visualizer</div>';
-    }
-    el.innerHTML=h;
-    el.querySelectorAll('.s-item').forEach(item=>{
-      item.addEventListener('click',()=>{
-        el.querySelectorAll('.s-item').forEach(i=>i.classList.remove('active'));
-        item.classList.add('active');
-        const t=item.dataset.type;
-        if(t==='engagement')showEngagement(item.dataset.name);
-        else if(t==='agent')showAgent(item.dataset.alias,item.dataset.task);
-        else if(t==='cubby')showCubby(item.dataset.alias);
-        else if(t==='graph-viz'){const gc=topology.cubbies[0];if(gc){showCubby(gc.alias);setTimeout(()=>{const tab=document.querySelector('#panel-cubby .tab[data-tab="graph"]');if(tab)tab.click();},50);}}
-      });
-    });
-  }
-
-  // Panels
-  function hideAll(){document.querySelectorAll('.panel').forEach(p=>p.classList.remove('active'));$('empty-state').style.display='none'}
-
-  function showEngagement(name){
-    hideAll();$('panel-engagement').classList.add('active');
-    $('eng-name').textContent=name;$('eng-result').innerHTML='';
-    const ec=topology.engagements.find(e=>e.name===name),params=ec?.parameters;
-    $('eng-desc').textContent=ec?.description||'';
-    if(params&&params.properties){
-      const s=schemaToSample(params);
-      if('streamId' in s&&!s.streamId)s.streamId=name.toLowerCase().replace(/\s+/g,'-')+'-stream';
-      $('eng-payload').value=JSON.stringify(s,null,2);
-    }else{$('eng-payload').value=JSON.stringify({streamId:name.toLowerCase().replace(/\s+/g,'-')+'-stream'},null,2)}
-    $('eng-schema-hints').innerHTML=renderSchemaHints(params);
-    if(activeEngagement&&activeEngagement.name===name){$('eng-stream-area').style.display='';$('eng-stop').style.display='';$('eng-start').style.display='none'}
-    else{$('eng-stream-area').style.display='none';$('eng-stop').style.display='none';$('eng-start').style.display=''}
-  }
-
-  function showAgent(alias,task){
-    hideAll();$('panel-agent').classList.add('active');
-    const lbl=$('agent-label');lbl.textContent=alias+'.'+task;lbl.dataset.alias=alias;lbl.dataset.task=task;
-    $('agent-result').innerHTML='';
-    const ac=topology.agents.find(a=>a.alias===alias),tc=ac?.tasks.find(t=>t.alias===task);
-    const params=tc?.parameters,returns=tc?.returns;
-    $('agent-desc').textContent=tc?.description||ac?.description||'';
-    $('agent-payload').value=params&&params.properties?JSON.stringify(schemaToSample(params),null,2):'{}';
-    $('agent-schema-hints').innerHTML=renderSchemaHints(params,returns);
-    var bb=$('agent-batch');
-    if(tc&&tc.batchSql){bb.style.display='';bb.dataset.batchSql=tc.batchSql;bb.dataset.batchCubby=tc.batchCubby||'';}
-    else{bb.style.display='none';}
-  }
-
-  function showCubby(alias){
-    hideAll();$('panel-cubby').classList.add('active');
-    const lbl=$('cubby-label');lbl.textContent=alias;lbl.dataset.alias=alias;
-    document.querySelectorAll('#panel-cubby .tab').forEach(t=>t.classList.remove('active'));
-    document.querySelector('#panel-cubby .tab[data-tab="browse"]').classList.add('active');
-    $('cubby-browse').style.display='';$('cubby-sql').style.display='none';$('cubby-graph').style.display='none';
-    $('graph-tab').style.display='';
-    $('panel-cubby').classList.add('panel-wide');
-    qtRefreshSelect(alias);
-    loadCubbyBrowse(alias);
-  }
-
-  function renderSchemaHints(params,returns){
-    const hp=params&&params.properties&&Object.keys(params.properties).length>0;
-    const hr=returns&&returns.properties&&Object.keys(returns.properties).length>0;
-    if(!hp&&!hr)return'';
-    let h='<div class="schema-pair">';
-    if(hp){
-      h+='<div class="schema-card"><div class="st-title">Input</div>';
-      for(const[k,v]of Object.entries(params.properties)){
-        const req=(params.required||[]).includes(k)?'<span class="sr">required</span>':'';
-        h+='<div class="schema-row"><span class="sk">'+esc(k)+'</span><span class="st">'+esc(v.type||'any')+'</span>'+req;
-        if(v.description)h+=' <span class="sd">'+esc(v.description)+'</span>';
-        h+='</div>';
-      }
-      h+='</div>';
-    }
-    if(hr){
-      h+='<div class="schema-card"><div class="st-title">Output</div>';
-      for(const[k,v]of Object.entries(returns.properties))
-        h+='<div class="schema-row"><span class="sk">'+esc(k)+'</span><span class="st">'+esc(v.type||'any')+'</span></div>';
-      h+='</div>';
-    }
-    return h+'</div>';
-  }
-
-  function schemaToSample(s){
-    if(!s||!s.properties)return{};const o={};
-    for(const[k,v]of Object.entries(s.properties)){
-      if(v.type==='string')o[k]='';else if(v.type==='number')o[k]=0;
-      else if(v.type==='boolean')o[k]=false;else if(v.type==='array')o[k]=[];
-      else if(v.type==='object')o[k]={};else o[k]=null;
-    }return o;
-  }
-
-  // Engagement actions
-  $('eng-file-blast').addEventListener('change',function(){
-    if(!this.files||!this.files[0]){blastPayloads=null;return;}
-    var reader=new FileReader();
-    reader.onload=function(e){
-      try{
-        var parsed=JSON.parse(e.target.result);
-        blastPayloads=Array.isArray(parsed)?parsed:[parsed];
-        $('eng-result').innerHTML='<div class="success-banner">Loaded '+blastPayloads.length+' payloads from file</div>';
-        $('eng-repeat').value=''+blastPayloads.length;
-      }catch(err){blastPayloads=null;$('eng-result').innerHTML='<div class="error-banner">Invalid JSON: '+esc(err.message||String(err))+'</div>';}
-    };
-    reader.readAsText(this.files[0]);
-  });
-  $('eng-start').addEventListener('click',async function(){
-    const name=$('eng-name').textContent;
-    const delay=parseInt($('eng-delay').value)||0;
-    let payloads;
-    if(blastPayloads){
-      payloads=blastPayloads;
-    }else{
-      let base;try{base=JSON.parse($('eng-payload').value)}catch{base={}}
-      const n=Math.max(1,parseInt($('eng-repeat').value)||1);
-      payloads=Array.from({length:n},function(){return Object.assign({},base);});
-    }
-    blastAbort=false;
-    this.style.display='none';$('eng-stop').style.display='';
-    let ok=0,errors=0;
-    for(var i=0;i<payloads.length;i++){
-      if(blastAbort)break;
-      var payload=Object.assign({},payloads[i]);
-      payload.streamId=name.toLowerCase().replace(/\s+/g,'-')+'-'+i+'-'+Date.now();
-      $('eng-result').innerHTML='<div class="success-banner">Firing '+(i+1)+'/'+payloads.length+'...</div>';
-      try{
-        const r=await api('POST','/api/trigger',{engagement:name,payload});
-        if(r.error){errors++;}else{ok++;if(payloads.length===1){activeEngagement={executionId:r.executionId,streamId:sid,name};seqNum=0;$('eng-stream-area').style.display='';}}
-      }catch(e){errors++;}
-      if(delay&&i<payloads.length-1)await new Promise(function(r){setTimeout(r,delay);});
-    }
-    var msg=blastAbort?'Aborted after '+(i)+'/'+payloads.length+' \u2014 '+ok+' ok':'Done \u2014 '+ok+'/'+payloads.length+' ok'+(errors?' ('+errors+' errors)':'');
-    $('eng-result').innerHTML='<div class="'+(errors||blastAbort?'error-banner':'success-banner')+'">'+esc(msg)+'</div>';
-    $('eng-stop').style.display='none';this.style.display='';
-  });
-  $('eng-stop').addEventListener('click',function(){
-    blastAbort=true;activeEngagement=null;$('eng-stream-area').style.display='none';this.style.display='none';
-    $('eng-start').style.display='';
-  });
-  // Stream push tab switching
-  document.querySelectorAll('[data-stab]').forEach(tab=>{
-    tab.addEventListener('click',()=>{
-      document.querySelectorAll('[data-stab]').forEach(t=>t.classList.remove('active'));tab.classList.add('active');
-      $('stream-single').style.display=tab.dataset.stab==='single'?'':'none';
-      $('stream-bulk').style.display=tab.dataset.stab==='bulk'?'':'none';
-      $('stream-file').style.display=tab.dataset.stab==='file'?'':'none';
-    });
-  });
-
-  // Helper: push one packet to active stream
-  async function pushOne(payloadStr){
-    if(!activeEngagement)return;
-    seqNum++;
-    await api('POST','/api/streams/'+encodeURIComponent(activeEngagement.streamId)+'/push',{data:{sequenceNum:seqNum,payload:payloadStr}});
-  }
-
-  // Helper: parse lines from text (JSON Lines or JSON array)
-  function parseLines(text){
-    const trimmed=text.trim();
-    if(trimmed.startsWith('[')){try{const arr=JSON.parse(trimmed);if(Array.isArray(arr))return arr.map(o=>JSON.stringify(o))}catch{}}
-    return trimmed.split('\n').map(l=>l.trim()).filter(l=>l&&!l.startsWith('//'));
-  }
-
-  let bulkAbort=false;
-
-  // Helper: send lines with delay and progress
-  async function sendLines(lines,delayMs,progressEl,stopBtn,sendBtn){
-    bulkAbort=false;stopBtn.style.display='';sendBtn.style.display='none';
-    progressEl.innerHTML='<div class="progress-bar"><div class="fill" style="width:0%"></div></div><div class="progress-text">0 / '+lines.length+'</div>';
-    const bar=progressEl.querySelector('.fill'),txt=progressEl.querySelector('.progress-text');
-    let sent=0;
-    for(const line of lines){
-      if(bulkAbort)break;
-      try{await pushOne(line);sent++}catch(e){progressEl.innerHTML+='<div class="error-banner">Failed at '+sent+': '+esc(e.message)+'</div>';break}
-      const pct=Math.round(sent/lines.length*100);
-      bar.style.width=pct+'%';txt.textContent=sent+' / '+lines.length;
-      if(delayMs>0&&sent<lines.length)await new Promise(r=>setTimeout(r,delayMs));
-    }
-    stopBtn.style.display='none';sendBtn.style.display='';
-    if(!bulkAbort)$('eng-push-result').innerHTML='<div class="success-banner">Sent '+sent+' packets</div>';
-    else $('eng-push-result').innerHTML='<div class="success-banner">Stopped after '+sent+' / '+lines.length+'</div>';
-  }
-
-  // Single push
-  $('eng-push').addEventListener('click',async function(){
-    if(!activeEngagement)return;this.textContent='...';
-    try{await pushOne($('eng-stream-payload').value);
-      $('eng-push-result').innerHTML='<div class="success-banner">Pushed <span class="fe-dim">seq '+seqNum+'</span></div>';
-    }catch(e){$('eng-push-result').innerHTML='<div class="error-banner">'+esc(e.message)+'</div>'}
-    this.textContent='Push';
-  });
-
-  // Bulk send
-  $('eng-bulk-send').addEventListener('click',async function(){
-    if(!activeEngagement)return;
-    const lines=parseLines($('eng-bulk-payload').value);
-    if(!lines.length)return;
-    const delay=parseInt($('eng-bulk-delay').value)||0;
-    await sendLines(lines,delay,$('eng-bulk-progress'),$('eng-bulk-stop'),this);
-  });
-  $('eng-bulk-stop').addEventListener('click',()=>{bulkAbort=true});
-
-  // File upload
-  let fileLines=[];
-  $('file-drop-zone').addEventListener('click',()=>$('eng-file-input').click());
-  $('file-drop-zone').addEventListener('dragover',(e)=>{e.preventDefault();e.currentTarget.classList.add('drag-over')});
-  $('file-drop-zone').addEventListener('dragleave',(e)=>{e.currentTarget.classList.remove('drag-over')});
-  $('file-drop-zone').addEventListener('drop',(e)=>{e.preventDefault();e.currentTarget.classList.remove('drag-over');if(e.dataTransfer.files.length)handleFile(e.dataTransfer.files[0])});
-  $('eng-file-input').addEventListener('change',(e)=>{if(e.target.files.length)handleFile(e.target.files[0])});
-
-  function handleFile(file){
-    const reader=new FileReader();
-    reader.onload=(e)=>{
-      fileLines=parseLines(e.target.result);
-      $('file-info').textContent=file.name+' ('+fileLines.length+' events)';
-      $('eng-file-send').disabled=false;
-    };
-    reader.readAsText(file);
-  }
-
-  $('eng-file-send').addEventListener('click',async function(){
-    if(!activeEngagement||!fileLines.length)return;
-    const delay=parseInt($('eng-file-delay').value)||0;
-    await sendLines(fileLines,delay,$('eng-file-progress'),$('eng-file-stop'),this);
-  });
-  $('eng-file-stop').addEventListener('click',()=>{bulkAbort=true});
-
-  // Agent actions
-  $('agent-call').addEventListener('click',async function(){
-    const lbl=$('agent-label'),alias=lbl.dataset.alias,task=lbl.dataset.task;
-    let payload;try{payload=JSON.parse($('agent-payload').value)}catch{payload={}}
-    this.textContent='...';
-    try{
-      const r=await api('POST','/api/agents/'+alias+'/'+task,{payload});
-      if(r.error&&!r.success){$('agent-result').innerHTML='<div class="error-banner">'+esc(r.error)+'</div>'}
-      else{$('agent-result').innerHTML='<div class="result"><pre>'+esc(JSON.stringify(r.result,null,2))+'</pre></div><div class="result-meta"><span>'+(r.durationMs||0).toFixed(1)+'ms</span><span class="badge '+(r.success?'badge-ok':'badge-err')+'">'+(r.success?'ok':'error')+'</span></div>'}
-    }catch(e){$('agent-result').innerHTML='<div class="error-banner">'+esc(e.message)+'</div>'}
-    this.textContent='Call';
-  });
-
-  $('agent-batch').addEventListener('click',async function(){
-    if(batchRunning){batchAbort=true;return;}
-    const lbl=$('agent-label'),alias=lbl.dataset.alias,task=lbl.dataset.task;
-    const batchSql=this.dataset.batchSql,batchCubby=this.dataset.batchCubby;
-    if(!batchSql||!batchCubby){$('agent-result').innerHTML='<div class="error-banner">No batch config on this task</div>';return;}
-    $('agent-result').innerHTML='<div class="success-banner">Querying '+esc(batchCubby)+'...</div>';
-    var r=await api('POST','/api/cubbies/'+batchCubby+'/query',{sql:batchSql,params:[]});
-    if(r.error){$('agent-result').innerHTML='<div class="error-banner">Query failed: '+esc(r.error)+'</div>';return;}
-    var rows=r.rows||[];
-    if(!rows.length){$('agent-result').innerHTML='<div class="success-banner">No rows matched \u2014 nothing to run</div>';return;}
-    const ac=topology.agents.find(function(a){return a.alias===alias;}),tc=ac&&ac.tasks.find(function(t){return t.alias===task;});
-    const paramKeys=tc&&tc.parameters&&tc.parameters.properties?Object.keys(tc.parameters.properties):[];
-    batchRunning=true;batchAbort=false;
-    this.textContent='Stop';this.classList.replace('btn-secondary','btn-danger');
-    var ok=0,errors=0,i=0;
-    for(;i<rows.length;i++){
-      if(batchAbort)break;
-      $('agent-result').innerHTML='<div class="success-banner">Running '+(i+1)+'/'+rows.length+' \u2014 '+ok+' ok'+( errors?' '+errors+' err':'')+'</div>';
-      var payload={};
-      for(var j=0;j<paramKeys.length&&j<rows[i].length;j++)payload[paramKeys[j]]=rows[i][j];
-      try{
-        var res=await api('POST','/api/agents/'+alias+'/'+task,{payload});
-        if(res.error&&!res.success)errors++;else ok++;
-      }catch(e){errors++;}
-      await new Promise(function(r){setTimeout(r,300);});
-    }
-    batchRunning=false;
-    this.textContent='Run Batch';this.classList.replace('btn-danger','btn-secondary');
-    var msg=batchAbort?'Stopped after '+i+'/'+rows.length+' \u2014 '+ok+' ok':'Done \u2014 '+ok+'/'+rows.length+' ok'+(errors?' ('+errors+' errors)':'');
-    $('agent-result').innerHTML='<div class="'+(errors||batchAbort?'error-banner':'success-banner')+'">'+esc(msg)+'</div>';
-  });
-
-  // Cubby tabs
-  document.querySelectorAll('#panel-cubby .tab').forEach(tab=>{
-    tab.addEventListener('click',()=>{
-      document.querySelectorAll('#panel-cubby .tab').forEach(t=>t.classList.remove('active'));tab.classList.add('active');
-      $('cubby-browse').style.display=tab.dataset.tab==='browse'?'':'none';
-      $('cubby-sql').style.display=tab.dataset.tab==='sql'?'':'none';
-      $('cubby-graph').style.display=tab.dataset.tab==='graph'?'':'none';
-      if(tab.dataset.tab==='graph'){$('panel-cubby').classList.add('panel-wide');loadCubbyGraph($('cubby-label').dataset.alias);}
-      else if(tab.dataset.tab==='sql'){$('panel-cubby').classList.add('panel-wide');}
-      else $('panel-cubby').classList.remove('panel-wide');
-    });
-  });
-
-  // Graph tab
-  const GRAPH_NODE_COLORS={
-    artifact:{bg:'#6366f1',border:'#818cf8'},
-    work:{bg:'#f59e0b',border:'#fbbf24'},
-    operator:{bg:'#22c55e',border:'#4ade80'},
-    eval:{bg:'#ec4899',border:'#f472b6'},
-    artifact_map:{bg:'#52525b',border:'#71717a'},
-  };
-  let graphNet=null,graphVisNodes=null,hiddenTypes=new Set();
-
-  async function loadCubbyGraph(alias){
-    const canvas=$('graph-canvas');
-    canvas.innerHTML='<div class="empty">Loading graph...</div>';
-    $('graph-detail').style.display='none';
-    $('graph-stats').textContent='';
-    try{
-      const [nr,er]=await Promise.all([
-        api('POST','/api/cubbies/'+alias+'/query',{sql:"SELECT id,version,type,ref,created_at,attribute FROM nodes"}),
-        api('POST','/api/cubbies/'+alias+'/query',{sql:"SELECT id,src,type,dst FROM edges"}),
-      ]);
-      if(nr.error){canvas.innerHTML='<div class="empty">This cubby has no nodes table \u2014 graph view requires nodes + edges tables</div>';return}
-      const rows=nr.rows||[],erows=er.rows||[];
-      if(!rows.length){canvas.innerHTML='<div class="empty">No nodes yet \u2014 run an ingest first</div>';return}
-
-      // Build vis nodes
-      const visNodes=[],versionedNode={},latestVer={},nodeVisId={};
-      let idx=1;
-      for(const r of rows){
-        const[id,ver,type,ref,created_at,attr]=r;
-        const col=GRAPH_NODE_COLORS[type]||GRAPH_NODE_COLORS.artifact_map;
-        const a=safeJ(attr);
-        const label=type==='artifact'?(a.title||ref||id).slice(0,22)+'\nv'+ver
-          :type==='operator'?(a.name||ref||'operator').slice(0,18)
-          :type==='work'?(a.type||'work')+'\nv'+ver
-          :(type+' v'+ver);
-        const shape=type==='operator'?'diamond':type==='work'?'box':'ellipse';
-        visNodes.push({id:idx,label,
-          color:{background:col.bg,border:col.border,highlight:{background:col.border,border:'#fff'}},
-          font:{color:'#fff',size:11,face:"'SF Mono','Fira Code',monospace",multi:false},
-          shape,borderWidth:2,
-          _raw:{id,ver,type,ref,created_at,attr}});
-        nodeVisId[id+'|'+ver]=idx;
-        if(!versionedNode[id])versionedNode[id]={};
-        versionedNode[id][ver]=idx;
-        if(!latestVer[id]||parseInt(ver)>parseInt(latestVer[id].ver))latestVer[id]={ver,visId:idx};
-        idx++;
-      }
-
-      // Build vis edges
-      const nodeVer={};
-      for(const r of rows)nodeVer[r[0]]=r[1];
-
-      const visEdges=[];
-      for(const r of erows){
-        const[eid,src,type,dst]=r;
-        const sVisId=latestVer[src]?.visId;
-        const srcVersion=nodeVer[src];
-        const dVisId=(versionedNode[dst]&&srcVersion&&versionedNode[dst][srcVersion])
-          ?versionedNode[dst][srcVersion]
-          :latestVer[dst]?.visId;
-        if(!sVisId||!dVisId)continue;
-        visEdges.push({id:eid,from:sVisId,to:dVisId,label:type,
-          font:{size:9,color:'#52525b',align:'middle'},
-          color:{color:'#3f3f46',highlight:'#818cf8'},
-          arrows:{to:{enabled:true,scaleFactor:0.5}},
-          smooth:{type:'curvedCW',roundness:0.2}});
-      }
-
-      // Synthetic PREV_VERSION dashed edges
-      for(const[nodeId,verMap]of Object.entries(versionedNode)){
-        const ntype=rows.find(function(r){return r[0]===nodeId;})?.[2];
-        if(ntype!=='artifact')continue;
-        const versions=Object.keys(verMap).map(Number).sort(function(a,b){return a-b;});
-        for(var vi=1;vi<versions.length;vi++){
-          const fromVisId=verMap[String(versions[vi-1])],toVisId=verMap[String(versions[vi])];
-          if(!fromVisId||!toVisId)continue;
-          visEdges.push({id:nodeId+'|PREV|v'+versions[vi],from:fromVisId,to:toVisId,
-            label:'',dashes:true,
-            font:{size:8,color:'#3f3f46',align:'middle'},
-            color:{color:'#3f3f46',highlight:'#52525b'},
-            arrows:{to:{enabled:true,scaleFactor:0.3}},
-            smooth:{type:'continuous'}});
-        }
-      }
-
-      // Count node types for legend
-      const typeCounts={};
-      for(const n of visNodes)typeCounts[n._raw.type]=(typeCounts[n._raw.type]||0)+1;
-
-      $('graph-stats').innerHTML=visNodes.length+' nodes \u00b7 '+visEdges.length+' edges';
-
-      // Legend toggles
-      var legendHtml='<div style="display:flex;gap:8px;flex-wrap:wrap;margin-top:8px">';
-      for(const[type,col]of Object.entries(GRAPH_NODE_COLORS)){
-        if(!typeCounts[type])continue;
-        const isHidden=hiddenTypes.has(type);
-        legendHtml+='<button onclick="window.graphToggleType(\''+type+'\')" style="display:flex;align-items:center;gap:5px;background:'+(isHidden?'var(--surface2)':col.bg+'22')+';border:1px solid '+(isHidden?'var(--border)':col.bg+'66')+';color:'+(isHidden?'var(--text3)':col.bg)+';border-radius:4px;padding:2px 8px;font-size:10px;cursor:pointer">'
-          +'<span style="width:8px;height:8px;border-radius:50%;background:'+(isHidden?'var(--border)':col.bg)+';display:inline-block"></span>'+esc(type)+' <span style="opacity:.6">'+typeCounts[type]+'</span></button>';
-      }
-      legendHtml+='</div>';
-      $('graph-stats').innerHTML+= legendHtml;
-
-      canvas.innerHTML='';
-      if(graphNet)graphNet.destroy();
-      graphVisNodes=new window.vis.DataSet(visNodes.map(function(n){return Object.assign({},n,{hidden:hiddenTypes.has(n._raw.type)});}));
-      graphNet=new window.vis.Network(canvas,
-        {nodes:graphVisNodes,edges:new window.vis.DataSet(visEdges)},
-        {physics:{barnesHut:{gravitationalConstant:-12000,springLength:200,springConstant:0.02,damping:0.15,centralGravity:0.05},stabilization:{iterations:200}},
-         interaction:{hover:true},layout:{improvedLayout:rows.length<80}});
-
-      graphNet.on('click',(p)=>{
-        if(!p.nodes.length){$('graph-detail').style.display='none';return}
-        const n=visNodes.find(v=>v.id===p.nodes[0]);if(!n)return;
-        const{id,ver,type,ref,created_at,attr}=n._raw,a=safeJ(attr);
-        const col=GRAPH_NODE_COLORS[type]||GRAPH_NODE_COLORS.artifact_map;
-        $('gd-type-badge').textContent=type;
-        $('gd-type-badge').style.cssText='background:'+col.bg+'22;color:'+col.bg+';border:1px solid '+col.bg+'44';
-        const rows=[['id',id],['version',ver],['ref',ref],['created_at',created_at],
-          ...Object.entries(a).filter(([k])=>k!=='segments'&&k!=='embedding').map(([k,v])=>[k,typeof v==='object'?JSON.stringify(v):String(v??'')])
-        ].filter(([,v])=>v&&v!=='null');
-        if(a.segments?.length)rows.push(['segments',a.segments.length+' blocks']);
-        $('gd-attrs').innerHTML=rows.map(([k,v])=>'<div class="gd-row"><span class="gd-key">'+esc(k)+'</span><span class="gd-val">'+esc(String(v))+'</span></div>').join('');
-        $('graph-detail').style.display='';
-      });
-    }catch(e){canvas.innerHTML='<div class="error-banner">'+esc(e.message||String(e))+'</div>'}
-  }
-
-  window.loadCubbyGraph=loadCubbyGraph;
-  window.graphToggleType=function(type){
-    if(hiddenTypes.has(type))hiddenTypes.delete(type);else hiddenTypes.add(type);
-    if(!graphVisNodes)return;
-    graphVisNodes.update(graphVisNodes.get().filter(function(n){return n._raw&&n._raw.type===type;}).map(function(n){return{id:n.id,hidden:hiddenTypes.has(type)};}));
-    document.querySelectorAll('#graph-stats button').forEach(function(btn){
-      var t=btn.textContent.trim().split(' ')[0];
-      var col=GRAPH_NODE_COLORS[t];if(!col)return;
-      var hidden=hiddenTypes.has(t);
-      btn.style.background=hidden?'var(--surface2)':col.bg+'22';
-      btn.style.borderColor=hidden?'var(--border)':col.bg+'66';
-      btn.style.color=hidden?'var(--text3)':col.bg;
-      var dot=btn.querySelector('span');if(dot)dot.style.background=hidden?'var(--border)':col.bg;
-    });
-  };
-  function safeJ(s){try{return JSON.parse(s)}catch{return{}}}
-  async function loadCubbyBrowse(alias){
-    const el=$('cubby-tables');el.innerHTML='<div class="empty">Loading...</div>';
-    try{
-      const t=await api('POST','/api/cubbies/'+alias+'/query',{sql:"SELECT name FROM sqlite_master WHERE type='table' AND name != 'schema_migrations'"});
-      if(!t.rows||!t.rows.length){el.innerHTML='<div class="empty">No tables</div>';return}
-      let h='';
-      for(const row of t.rows){
-        const tn=row[0],cr=await api('POST','/api/cubbies/'+alias+'/query',{sql:'SELECT COUNT(*) FROM "'+tn+'"'});
-        h+='<div class="cubby-table-item" onclick="browseCubbyTable(\''+ea(alias)+'\',\''+ea(tn)+'\')">';
-        h+='<span class="cti-name">'+esc(tn)+'</span><span class="cti-count">'+(cr.rows?.[0]?.[0]??'?')+' rows</span></div>';
-      }
-      el.innerHTML=h;
-    }catch(e){el.innerHTML='<div class="error-banner">'+esc(e.message)+'</div>'}
-  }
-  window.browseCubbyTable=async function(alias,table){
-    const el=$('cubby-tables');
-    try{const r=await api('POST','/api/cubbies/'+alias+'/query',{sql:'SELECT * FROM "'+table+'" LIMIT 100'});
-      el.innerHTML='<div style="display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px">'
-        +'<button class="btn-ghost" onclick="loadCubbyBrowse(\''+ea(alias)+'\')">\u2190 Back</button>'
-        +'<button class="btn-danger" style="font-size:11px;padding:5px 12px" onclick="clearCubbyTable(\''+ea(alias)+'\',\''+ea(table)+'\')">Clear table</button>'
-        +'</div>'+renderTable(r);
-    }catch(e){el.innerHTML='<div class="error-banner">'+esc(e.message)+'</div>'}
-  };
-  window.clearCubbyTable=async function(alias,table){
-    if(!confirm('Delete all rows from "'+table+'"?'))return;
-    try{
-      await api('POST','/api/cubbies/'+alias+'/exec',{sql:'DELETE FROM "'+table+'"'});
-      window.browseCubbyTable(alias,table);
-    }catch(e){alert('Error: '+e.message);}
-  };
-  window.loadCubbyBrowse=loadCubbyBrowse;
-
-  $('cubby-run').addEventListener('click',async function(){
-    const alias=$('cubby-label').dataset.alias,sql=$('cubby-sql-input').value.trim();if(!sql)return;
-    const isW=/^\s*(INSERT|UPDATE|DELETE|CREATE|DROP|ALTER)/i.test(sql),ep=isW?'exec':'query';
-    this.textContent='...';
-    try{const r=await api('POST','/api/cubbies/'+alias+'/'+ep,{sql});
-      if(r.error){$('cubby-sql-result').innerHTML='<div class="error-banner">'+esc(r.error)+'</div>'}
-      else if(r.columns){$('cubby-sql-result').innerHTML=renderTable(r)+'<div class="result-meta"><span>'+r.meta.rowsRead+' rows</span><span>'+(r.meta.duration*1000).toFixed(2)+'ms</span></div>'}
-      else{$('cubby-sql-result').innerHTML='<div class="success-banner">'+(r.rowsAffected??0)+' rows affected</div>'}
-    }catch(e){$('cubby-sql-result').innerHTML='<div class="error-banner">'+esc(e.message)+'</div>'}
-    this.textContent='Run';
-  });
-
-  // Query template manager (stored in cubby saved_queries table)
-  async function qtRefreshSelect(alias){
-    var sel=$('query-select'),prev=sel.value;
-    try{
-      var r=await api('POST','/api/cubbies/'+alias+'/query',{sql:'SELECT name FROM saved_queries ORDER BY name',params:[]});
-      sel.innerHTML='<option value="">\u2014 select a saved query \u2014</option>';
-      (r.rows||[]).forEach(function(row){var o=document.createElement('option');o.value=row[0];o.textContent=row[0];sel.appendChild(o);});
-      sel.value=prev||'';
-      $('query-delete').style.display=sel.value?'':'none';
-    }catch(e){}
-  }
-  $('query-select').addEventListener('change',async function(){
-    var alias=$('cubby-label').dataset.alias,name=this.value;
-    $('query-delete').style.display=name?'':'none';
-    if(!name)return;
-    try{
-      var r=await api('POST','/api/cubbies/'+alias+'/query',{sql:'SELECT sql_text FROM saved_queries WHERE name=?',params:[name]});
-      if(r.rows&&r.rows[0]){$('cubby-sql-input').value=r.rows[0][0];$('query-name').value=name;}
-    }catch(e){}
-  });
-  $('query-save').addEventListener('click',async function(){
-    var alias=$('cubby-label').dataset.alias,name=$('query-name').value.trim(),sql=$('cubby-sql-input').value.trim();
-    if(!name||!sql)return;
-    try{
-      await api('POST','/api/cubbies/'+alias+'/exec',{sql:'INSERT OR REPLACE INTO saved_queries(name,sql_text) VALUES(?,?)',params:[name,sql]});
-      await qtRefreshSelect(alias);$('query-select').value=name;$('query-delete').style.display='';
-    }catch(e){}
-  });
-  $('query-delete').addEventListener('click',async function(){
-    var alias=$('cubby-label').dataset.alias,name=$('query-select').value;if(!name)return;
-    try{
-      await api('POST','/api/cubbies/'+alias+'/exec',{sql:'DELETE FROM saved_queries WHERE name=?',params:[name]});
-      await qtRefreshSelect(alias);$('query-name').value='';
-    }catch(e){}
-  });
-
-  // Bottom panel: tabs, resize, collapse
-  document.querySelectorAll('.btab').forEach(tab=>{
-    tab.addEventListener('click',()=>{
-      document.querySelectorAll('.btab').forEach(t=>t.classList.remove('active'));tab.classList.add('active');
-      $('log-container').style.display=tab.dataset.btab==='logs'?'':'none';
-      $('flow-container').style.display=tab.dataset.btab==='flow'?'':'none';
-    });
-  });
-  $('log-filter').addEventListener('input',function(){
-    logFilter=this.value.toLowerCase();
-    $('log-container').querySelectorAll('.log-line').forEach(l=>{l.style.display=(!logFilter||l.textContent.toLowerCase().includes(logFilter))?'':'none'});
-  });
-  $('btn-clear').addEventListener('click',()=>{$('log-container').innerHTML='';$('flow-container').innerHTML=''});
-  $('btn-collapse').addEventListener('click',function(){
-    const b=$('bottom');
-    if(b.classList.toggle('collapsed')){this.innerHTML='&#9650;';this.title='Expand'}
-    else{this.innerHTML='&#9660;';this.title='Collapse'}
-  });
-
-  // Resize handle drag
-  (function(){
-    const handle=$('resize-handle'),bottom=$('bottom');
-    let startY,startH;
-    handle.addEventListener('mousedown',(e)=>{
-      e.preventDefault();startY=e.clientY;startH=bottom.offsetHeight;
-      const onMove=(e)=>{const h=Math.max(40,Math.min(window.innerHeight*0.7,startH-(e.clientY-startY)));bottom.style.height=h+'px';bottom.classList.remove('collapsed')};
-      const onUp=()=>{document.removeEventListener('mousemove',onMove);document.removeEventListener('mouseup',onUp)};
-      document.addEventListener('mousemove',onMove);document.addEventListener('mouseup',onUp);
-    });
-  })();
-
-  // Tab in textareas
-  document.querySelectorAll('textarea').forEach(ta=>{
-    ta.addEventListener('keydown',function(e){if(e.key==='Tab'){e.preventDefault();const s=this.selectionStart;this.value=this.value.substring(0,s)+'  '+this.value.substring(this.selectionEnd);this.selectionStart=this.selectionEnd=s+2}});
-  });
-
-  // Helpers
-  function $(id){return document.getElementById(id)}
-  function renderTable(r){
-    if(!r.columns||!r.rows)return'';let h='<div class="table-wrap"><table><thead><tr>';
-    for(const c of r.columns)h+='<th>'+esc(c)+'</th>';h+='</tr></thead><tbody>';
-    for(const row of r.rows){h+='<tr>';for(const cell of row)h+='<td>'+esc(cell==null?'NULL':String(cell))+'</td>';h+='</tr>'}
-    return h+'</tbody></table></div>';
-  }
-  function esc(s){if(s==null)return'';return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;')}
-  function ea(s){return String(s).replace(/'/g,"\\'").replace(/"/g,'&quot;')}
-
-  loadTopology();connectWs();
-})();