@theihtisham/agent-shadow-brain 7.1.0 → 7.1.4

package/dist/dashboard/brain-hub-client.js

@@ -0,0 +1,335 @@
+export const BRAIN_HUB_CLIENT = String.raw `
+const $ = id => document.getElementById(id);
+const arr = value => Array.isArray(value) ? value : [];
+const esc = value => String(value ?? '').replace(/[&<>"']/g, char => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[char]));
+const fmt = value => Number.isFinite(value) ? value.toLocaleString() : 'Unavailable';
+const clock = new Intl.DateTimeFormat(undefined,{hour:'2-digit',minute:'2-digit',second:'2-digit'});
+const time = value => value && Number.isFinite(new Date(value).getTime()) ? clock.format(new Date(value)) : '—';
+const isoTime = value => value && Number.isFinite(new Date(value).getTime()) ? new Date(value).toLocaleString() : 'Unavailable';
+const reduced = matchMedia('(prefers-reduced-motion: reduce)');
+const local = document.documentElement.dataset.projectLocal === 'true';
+const projectFeatureLimits={crossProjectContext:'Project memory stays scoped to this project.',automaticBriefing:'Automatic briefing requires a legacy analysis session.'};
+const featureLimit = id => local ? projectFeatureLimits[id] : undefined;
+const nav = {overview:'Brain overview',knowledge:'Knowledge',room:'Collaboration',context:'Context',models:'Models',usage:'Usage',learning:'Learning',setup:'Setup'};
+const labels = {codex:'Codex','claude-code':'Claude Code',opencode:'OpenCode','deepseek-harness':'DeepSeek Harness',user:'Operator'};
+const hostName = value => labels[value] ?? value ?? 'Unknown host';
+const state = {view:'overview',project:'',overview:null,server:null,connection:'connecting',errors:{},graph:null,features:null,integrations:null,
+  profile:null,feedback:null,hub:null,documents:null,docPage:1,room:null,context:null,contextInput:null,comparison:null,skill:null,skillInput:null,
+  picked:null,memory:null,focus:false,inspector:'record',graphMode:'graph',listing:false,events:[],cursor:undefined,journalId:undefined,
+  live:false,recording:false,journalGap:false,replayId:null,motionPaused:false,motionStarted:0,pulseIds:[],pending:false,message:'',messageError:false,
+  dataEpoch:0,viewEpoch:0,search:null,lessonFrom:null};
+let timer, polling=false, pollAgain=false, failures=0, polls=0;
+let controller;
+const list = (content,attributes='',classes='') => '<ul class="list '+classes+'" '+attributes+'>'+content+'</ul>';
+const chip = (text,tone='') => '<span class="chip '+tone+'">'+esc(text)+'</span>';
+const btn = (text, attrs='', kind='') => '<button type="button" class="btn '+kind+'" '+attrs+'>'+esc(text)+'</button>';
+const submit = (text, kind='primary') => '<button type="submit" class="btn '+kind+'" '+(state.pending?'disabled':'')+'>'+esc(text)+'</button>';
+const panel = (title, content, meta='', cls='') => '<section class="panel '+cls+'"><div class="panel-head"><h2>'+esc(title)+'</h2>'+meta+'</div>'+content+'</section>';
+const heading = (title, body, actions='') => '<div class="page-head"><div><h1 id="title" tabindex="-1">'+esc(title)+'</h1><p class="small muted">'+esc(body)+'</p></div><div class="actions">'+actions+'</div></div>';
+const empty = (title, detail, action='') => '<div class="empty"><strong>'+esc(title)+'</strong><p class="small">'+esc(detail)+'</p>'+(action?'<div class="actions">'+action+'</div>':'')+'</div>';
+const fact = (label,value) => '<div><dt>'+esc(label)+'</dt><dd>'+esc(value ?? 'Unavailable')+'</dd></div>';
+const error = (key, fallback) => state.errors[key] ? empty('Could not load '+fallback,state.errors[key],btn('Retry','data-action="refresh"')) : '';
+const action = (id,text,kind='',extra='') => btn(text,'data-action="'+id+'" '+extra,kind);
+const view = (id,text=nav[id]) => btn(text,'data-view="'+id+'"','quiet');
+const json = body => ({method:'POST',body:JSON.stringify(body),headers:{'Content-Type':'application/json'}});
+const retryKeys=new Map();
+async function hubWrite(route,input){
+  const id=route+'\n'+JSON.stringify(input);
+  if(!retryKeys.has(id)){
+    if(retryKeys.size>=40)retryKeys.delete(retryKeys.keys().next().value);
+    retryKeys.set(id,crypto.randomUUID());
+  }
+  try{
+    const result=await api(route,json({...input,key:retryKeys.get(id)}));
+    retryKeys.delete(id);return result;
+  }catch(failure){
+    if(failure.status&&failure.status<500)retryKeys.delete(id);
+    throw failure;
+  }
+}
+function status(message='',isError=false){
+  state.message=message;state.messageError=isError;
+  const target=$('view-status');
+  if(target){target.textContent=message;target.dataset.error=String(isError);}
+}
+function projectQuery(extra={}){
+  return '?'+new URLSearchParams({...extra,...(state.project?{project:state.project}:{})});
+}
+async function api(route,options={}){
+  const {timeoutMs=6500,...request}=options;
+  const timeout=AbortSignal.timeout(timeoutMs);
+  const signal=request.signal ? AbortSignal.any([request.signal,timeout]) : timeout;
+  const pinned=local&&(state.server?.project?.id??state.overview?.projectKit?.projectId);
+  const headers={Accept:'application/json',...request.headers,...(pinned&&request.method==='POST'?{'X-Shadow-Brain-Project':pinned}:{})};
+  const response=await fetch('/api/workspace/'+route,{...request,signal,cache:'no-store',headers});
+  const data=await response.json().catch(()=>null);
+  if(!response.ok||!data){
+    const failure=new Error(data?.error ?? 'Workspace request returned HTTP '+response.status+'.');
+    failure.status=response.status;failure.code=data?.code;throw failure;
+  }
+  return data;
+}
+function validStatus(data){
+  return data&&typeof data.version==='string'&&/^\d+\.\d+\.\d+(?:[-+][\w.-]+)?$/.test(data.version)&&
+    typeof data.serverInstanceId==='string'&&data.serverInstanceId.length>0&&['project','shared','demo'].includes(data.mode)&&
+    (data.mode!=='project'||typeof data.project?.id==='string'&&typeof data.project.name==='string')&&
+    ['ready','error','initializing'].includes(data.storage?.status)&&data.capabilities?.memory===true;
+}
+function validOverview(data){return data&&typeof data.version==='string'&&Array.isArray(data.projects)&&data.totals&&data.projectKit;}
+function scopeName(){return state.overview?.projectKit?.projectName ?? arr(state.overview?.projects).find(project=>project.id===state.project)?.name ?? (state.project||'All projects');}
+function renderChrome(){
+  const selector=$('project');
+  const projects=arr(state.overview?.projects);
+  const fixed=state.overview?.projectKit?.projectId;
+  const options=(fixed?'':'<option value="">All projects</option>')+projects.map(project=>'<option value="'+esc(project.id)+'">'+esc(project.name)+'</option>').join('');
+  if(selector.dataset.options!==options){selector.innerHTML=options||'<option value="">Loading…</option>';selector.dataset.options=options;}
+  selector.disabled=!!fixed||!state.overview||state.pending;
+  selector.value=state.project;
+  const connection=$('connection');
+  const connected=state.connection==='reachable';
+  const isDemo=state.overview?.demo===true||state.server?.mode==='demo';
+  connection.className='chip '+(connected?'green':state.connection==='connecting'?'':'amber');
+  connection.innerHTML='<i class="dot" aria-hidden="true"></i> '+(connected?(isDemo?'Demo workspace · Example data':'Workspace reachable'):state.connection==='connecting'?'Connecting to workspace':'Workspace unavailable');
+  const notice=$('notice');
+  notice.textContent=state.connection==='offline'?'The local workspace did not respond. Keep this tab open while the launcher restarts the server, or refresh to retry. '+(state.overview?'Showing the last loaded snapshot.':''):
+    state.errors.overview||state.server?.storage?.status==='error'?'The server responded, but the memory store is unavailable. '+(state.errors.overview||state.server.storage.error||''):
+    state.journalGap?'Some activity expired before this page could read it. The timeline shows retained records.':'';
+  $('scope-note').textContent=state.overview?(fixed?'Project-local workspace · ':'Global workspace · ')+scopeName()+(state.overview.version?' · v'+state.overview.version:''):'';
+  const buttons=Object.entries(nav).map(([id,label])=>'<button type="button" data-view="'+id+'" '+(id===state.view?'aria-current="page"':'')+'>'+label+'</button>').join('');
+  if($('nav').dataset.buttons!==buttons){$('nav').innerHTML=buttons;$('nav').dataset.buttons=buttons;}
+}
+function resetScope(){
+  state.dataEpoch++;state.viewEpoch++;state.graph=null;state.picked=null;state.memory=null;state.focus=false;state.context=null;
+  state.comparison=null;state.contextInput=null;state.hub=null;state.documents=null;state.room=null;state.profile=null;state.feedback=null;
+  state.skill=null;state.skillInput=null;state.search=null;state.events=[];state.cursor=undefined;state.journalId=undefined;state.lessonFrom=null;
+  state.replayId=null;state.journalGap=false;state.pulseIds=[];state.motionStarted=0;
+}
+function updateOverview(value){
+  const fixed=value.projectKit?.projectId;
+  const next=fixed ?? (arr(value.projects).some(project=>project.id===state.project)?state.project:'');
+  if(next!==state.project){state.project=next;resetScope();}
+  state.overview=value;
+}
+function installTelemetry(page){
+  if(!page.liveEnabled){
+    state.events=[];state.cursor=undefined;state.journalId=undefined;state.live=false;state.recording=page.recordingEnabled;state.replayId=null;state.pulseIds=[];
+    return;
+  }
+  state.live=true;state.recording=page.recordingEnabled;
+  if(page.gap||page.reset||(state.journalId&&state.journalId!==page.journalId)){
+    state.events=[];state.replayId=null;state.journalGap=!!page.gap;state.pulseIds=[];
+  }
+  const hasHistory=state.cursor!==undefined;
+  const unique=new Map(state.events.map(event=>[event.id,event]));
+  const added=arr(page.events).filter(event=>!unique.has(event.id));
+  for(const event of added)unique.set(event.id,event);
+  state.events=[...unique.values()].sort((a,b)=>a.sequence-b.sequence).slice(-200);
+  state.cursor=page.cursor;
+  state.journalId=page.journalId;
+  if(state.replayId&&!unique.has(state.replayId))state.replayId=null;
+  if(hasHistory&&!page.gap&&!page.reset&&!page.hasMore&&state.view==='overview'&&state.graphMode==='graph'&&!state.focus&&!state.replayId&&!state.motionPaused&&!reduced.matches){
+    const now=Date.now();
+    const fresh=added.filter(event=>{
+      const age=now-Date.parse(event.timestamp);
+      return age>=0&&age<=6500;
+    });
+    if(fresh.length){state.pulseIds=fresh.slice(-4).map(event=>event.id);state.motionStarted=performance.now();}
+  }
+}
+async function refresh(manual=false){
+  if(document.hidden&&!manual)return;
+  clearTimeout(timer);
+  if(polling){pollAgain ||= manual;return;}
+  polling=true;
+  controller=new AbortController();
+  const signal=controller.signal;
+  const options={signal};
+  try{
+    const [health,summary]=await Promise.allSettled([api('status',options),api('overview',options)]);
+    if(signal.aborted)return;
+    const old=state.server?.serverInstanceId;
+    const healthOk=health.status==='fulfilled'&&validStatus(health.value);
+    const summaryOk=summary.status==='fulfilled'&&validOverview(summary.value);
+    if(healthOk){
+      const next=health.value;
+      if(old&&next.serverInstanceId&&old!==next.serverInstanceId){resetScope();state.features=null;state.integrations=null;}
+      state.server=next;
+    }
+    const reachable=healthOk||summaryOk;
+    state.connection=reachable?'reachable':'offline';
+    if(summaryOk){updateOverview(summary.value);delete state.errors.overview;}
+    else if(reachable)state.errors.overview=summary.reason?.message??'The workspace returned an invalid overview.';
+    renderChrome();
+    if(!reachable){failures++;state.pulseIds=[];drawGraph();if(!$('title'))render();return;}
+    failures=0;
+    polls++;
+    const epoch=state.dataEpoch;
+    const params=new URLSearchParams(projectQuery({limit:'200'}).slice(1));
+    if(state.cursor!==undefined)params.set('cursor',state.cursor);
+    if(state.journalId)params.set('journalId',state.journalId);
+    const jobs=[['telemetry',api('telemetry?'+params,options)]];
+    if(!state.graph||manual||(state.view==='overview'&&(polls%3===0||state.graph.totalMemories!==state.overview?.quality?.total)))jobs.push(['graph',api('graph'+projectQuery({limit:'140',...(state.picked?.startsWith('memory:')?{memory:state.picked.slice(7)}:{})}),options)]);
+    if(!state.features||manual||state.view==='setup')jobs.push(['features',api('features',options)]);
+    if(local&&state.server?.capabilities?.hub!==false&&!state.pending&&(!state.hub||manual||['room','knowledge','learning'].includes(state.view)))jobs.push(['hub',api('hub',options)]);
+    if(local&&!state.pending&&state.view==='room'&&state.room)jobs.push(['room',api('hub/rooms/'+encodeURIComponent(state.room.room.id),options)]);
+    const results=await Promise.allSettled(jobs.map(([,job])=>job));
+    if(signal.aborted||epoch!==state.dataEpoch)return;
+    let needsRender=false;
+    results.forEach((result,index)=>{
+      const name=jobs[index][0];
+      if(result.status==='rejected'){state.errors[name]=result.reason.message;return;}
+      delete state.errors[name];
+      if(name==='telemetry'){installTelemetry(result.value);if(result.value.hasMore)pollAgain=true;}
+      else if(name==='graph'&&JSON.stringify(state.graph)!==JSON.stringify(result.value)){state.graph=result.value;needsRender ||= state.view==='overview';}
+      else if(name==='features'&&(!state.features||result.value.revision>=state.features.revision)){
+        needsRender ||= state.view==='setup'&&state.features?.revision!==result.value.revision;
+        state.features=result.value;
+      }else if(name==='hub'&&(!state.hub||result.value.revision>=state.hub.revision)){
+        needsRender ||= ['room','knowledge','learning'].includes(state.view)&&state.hub?.revision!==result.value.revision;
+        state.hub=result.value;
+      }else if(name==='room'&&state.room?.room?.id===result.value.room.id&&result.value.revision>=state.room.revision){
+        needsRender ||= state.view==='room'&&state.room.revision!==result.value.revision;
+        state.room=result.value;
+      }
+    });
+    renderChrome();
+    if(state.view==='overview'){
+      if(manual||!$('brain-stage')||needsRender)render();
+      else updateOverviewLive();
+    }else if(manual||!$('title')||needsRender)render(true);
+    if(manual)await loadView();
+  } finally {
+    polling=false;controller=undefined;
+    if(!document.hidden){
+      const delay=pollAgain?20:failures?Math.min(15000,1800*2**Math.min(3,failures-1)):2600;
+      pollAgain=false;timer=setTimeout(()=>void refresh(),delay);
+    }
+  }
+}
+async function loadView(){
+  const epoch=++state.viewEpoch;
+  const current=state.view;
+  const jobs=[];
+  if(current==='setup')jobs.push(['integrations','integrations']);
+  if(current==='knowledge'||current==='room'||current==='learning'){
+    if(local&&!state.hub)jobs.push(['hub','hub']);
+    if(local&&current==='knowledge'&&!state.profile)jobs.push(['profile','project-profile']);
+    if(local&&current==='learning'&&!state.feedback)jobs.push(['feedback','project-feedback']);
+  }
+  if(current==='models')jobs.push(['integrations','integrations']);
+  const results=await Promise.allSettled(jobs.map(([,url])=>api(url)));
+  if(epoch!==state.viewEpoch||current!==state.view)return;
+  results.forEach((result,index)=>{
+    const name=jobs[index][0];
+    if(result.status==='fulfilled'){state[name]=result.value;delete state.errors[name];}
+    else state.errors[name]=result.reason.message;
+  });
+  if(jobs.length)render(true);
+}
+function openView(next){
+  if(!Object.hasOwn(nav,next))return;
+  state.view=next;state.message='';state.messageError=false;state.pulseIds=[];
+  render();window.scrollTo(0,0);$('title')?.focus({preventScroll:true});void loadView();
+}
+function render(restore=false){
+  const formValues=restore?[...$('main').querySelectorAll('form[data-form]')].map(form=>{
+    const fields=[...form.elements].filter(node=>node.name&&node.type!=='submit'&&node.type!=='button');
+    return {kind:form.dataset.form,id:form.dataset.id,fields:fields.map(node=>({name:node.name,value:node.value,checked:node.checked,
+      file:node.type==='file'?node:null,active:node===document.activeElement,start:node.selectionStart,end:node.selectionEnd}))};
+  }):[];
+  unmountGraph();
+  renderChrome();
+  const viewBody=views[state.view]();
+  $('main').innerHTML=viewBody+'<p class="status small" id="view-status" role="status"></p>';
+  status(state.message,state.messageError);
+  if(state.view==='overview')mountGraph();
+  for(const form of $('main').querySelectorAll('form[data-form]')){
+    const saved=formValues.find(item=>item.kind===form.dataset.form&&item.id===form.dataset.id);
+    if(!saved)continue;
+    for(const field of saved.fields){
+      let node=form.elements.namedItem(field.name);
+      if(!node)continue;
+      if(field.file?.files?.length){node.replaceWith(field.file);node=field.file;}
+      else if(node.type!=='file'&&(node.tagName!=='SELECT'||[...node.options].some(option=>option.value===field.value)))node.value=field.value;
+      if(node.type==='checkbox')node.checked=field.checked;
+      if(field.active){node.closest('details')?.setAttribute('open','');node.focus({preventScroll:true});if(field.start!==null)node.setSelectionRange?.(field.start,field.end);}
+    }
+  }
+}
+async function chooseMemory(id){
+  const item=arr(state.graph?.nodes).find(node=>node.id===id);
+  if(!item)return;
+  state.picked=id;state.memory=null;state.focus=true;state.inspector='record';state.pulseIds=[];
+  renderInspector();drawGraph();
+  if(item.kind!=='memory')return;
+  const epoch=state.dataEpoch;
+  try{
+    const detail=await api('memory?'+new URLSearchParams({id:item.memoryId,project:item.project}));
+    if(epoch!==state.dataEpoch||state.picked!==id)return;
+    state.memory=detail;renderInspector();
+  }catch(failure){if(epoch===state.dataEpoch&&state.picked===id)status(failure.message,true);}
+}
+async function loadDocuments(id){state.documents=await api('hub/documents/'+encodeURIComponent(id));state.docPage=arr(state.documents.pages)[0]?.page??1;}
+async function loadRoom(id){state.room=await api('hub/rooms/'+encodeURIComponent(id));}
+async function refreshHub(){state.hub=await api('hub');delete state.errors.hub;}
+async function refreshGraph(){state.graph=await api('graph'+projectQuery({limit:'140'}));delete state.errors.graph;}
+function field(form,name){return String(form.get(name)??'').trim();}
+async function clipboard(text){
+  if(!text)throw new Error('There is no text to copy.');
+  await navigator.clipboard.writeText(text);
+  status('Copied to clipboard.');
+}
+async function mutation(operation,source,success='Saved.'){
+  if(state.pending)return;
+  state.pending=true;
+  const submissionView=state.view;
+  if(source)source.disabled=true;
+  renderChrome();
+  status('Working…');
+  try{
+    const message=await operation();
+    state.pending=false;status(typeof message==='string'?message:success);render(state.view!==submissionView);
+    if(source?.dataset.feature)[...$('main').querySelectorAll('[data-feature]')].find(node=>node.dataset.feature===source.dataset.feature)?.focus({preventScroll:true});
+  }
+  catch(failure){
+    if(failure.status===409){
+      if(source?.dataset.feature){try{state.features=await api('features');render(true);}catch{}}
+      else if(source?.dataset.roomAction&&state.room){try{await loadRoom(state.room.room.id);render(true);}catch{}}
+    }
+    status(failure.message||'The workspace request failed.',true);
+  }finally{
+    state.pending=false;
+    if(source)source.disabled=false;
+    $('main').querySelectorAll('button[type=submit]').forEach(node=>node.disabled=false);
+    renderChrome();
+  }
+}
+async function afterSave(...refreshers){
+  const results=await Promise.allSettled(refreshers.map(refresh=>refresh()));
+  return results.some(result=>result.status==='rejected')?'Saved. Refresh the workspace to reload related records.':undefined;
+}
+function setReplay(index){
+  const event=state.events[index];
+  if(!event)return;
+  state.replayId=event.id;state.pulseIds=[];state.inspector='event';state.focus=false;
+  updateOverviewLive();renderInspector();drawGraph();
+}
+function start(){
+  render();
+  $('reload').addEventListener('click',()=>void refresh(true));
+  $('project').addEventListener('change',event=>{
+    state.project=event.target.value;resetScope();render();void refresh(true);
+  });
+  $('main').addEventListener('input',event=>{if(event.target.id==='replay')setReplay(Number(event.target.value));});
+  document.addEventListener('visibilitychange',()=>{
+    clearTimeout(timer);state.pulseIds=[];drawGraph();
+    if(document.hidden)controller?.abort();else void refresh(true);
+  });
+  reduced.addEventListener('change',()=>{state.pulseIds=[];updateOverviewLive();});
+  window.addEventListener('online',()=>void refresh(true));
+  document.addEventListener('click',handleClick);
+  document.addEventListener('submit',handleSubmit);
+  void refresh(true);
+}
+`;
+//# sourceMappingURL=brain-hub-client.js.map

package/dist/dashboard/brain-hub-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brain-hub-client.js","sourceRoot":"","sources":["../../src/dashboard/brain-hub-client.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6UzC,CAAC"}

package/dist/dashboard/brain-hub-graph.d.ts

@@ -0,0 +1,2 @@
+export declare const BRAIN_HUB_GRAPH: string;
+//# sourceMappingURL=brain-hub-graph.d.ts.map

package/dist/dashboard/brain-hub-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brain-hub-graph.d.ts","sourceRoot":"","sources":["../../src/dashboard/brain-hub-graph.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,QA8K3B,CAAC"}

package/dist/dashboard/brain-hub-graph.js

@@ -0,0 +1,176 @@
+export const BRAIN_HUB_GRAPH = String.raw `
+const tones={project:'124,233,232',memory:'172,199,255',agent:'234,172,249',measured:'124,233,232',reported:'250,208,140'};
+let graphSurface=null;
+function rand(seed){return ()=>{seed=(Math.imul(seed,1664525)+1013904223)>>>0;return seed/4294967296;};}
+function hash(id){let value=2166136261;for(const char of id)value=Math.imul(value^char.charCodeAt(0),16777619);return value>>>0;}
+function mountGraph(){
+  const canvas=$('brain-canvas'),stage=$('brain-stage');
+  if(!canvas||canvas.hidden||!stage)return;
+  const ctx=canvas.getContext('2d');
+  if(!ctx)return;
+  const surface={canvas,stage,ctx,width:0,height:0,raf:0,observer:null,points:new Map(),edges:[],snapshot:undefined,counts:{}};
+  graphSurface=surface;
+  surface.observer=new ResizeObserver(()=>resizeGraph(surface));
+  surface.observer.observe(stage);
+  resizeGraph(surface);
+  function hit(event){
+    const box=canvas.getBoundingClientRect();
+    const x=event.clientX-box.left,y=event.clientY-box.top;
+    let best=null,distance=16;
+    for(const point of surface.points.values()){
+      const d=Math.hypot(x-point.x,y-point.y);
+      if(d<distance){best=point;distance=d;}
+    }
+    return best;
+  }
+  canvas.addEventListener('pointermove',event=>{
+    const point=hit(event);
+    canvas.style.cursor=point?'pointer':'default';
+    const caption=$('node-caption');
+    if(caption&&point){caption.hidden=false;caption.textContent=point.kind==='agent'?hostName(point.label):point.label;}
+    else syncGraphControls();
+  });
+  canvas.addEventListener('pointerleave',syncGraphControls);
+  canvas.addEventListener('click',event=>{const point=hit(event);if(point)void chooseMemory(point.id);});
+}
+function unmountGraph(){
+  if(!graphSurface)return;
+  graphSurface.observer.disconnect();cancelAnimationFrame(graphSurface.raf);graphSurface=null;
+}
+function stroke(ctx,rgb,alpha,width){ctx.strokeStyle='rgba('+rgb+','+alpha+')';ctx.lineWidth=width;ctx.stroke();}
+function dot(ctx,x,y,r,rgb,alpha){ctx.beginPath();ctx.arc(x,y,r,0,Math.PI*2);ctx.fillStyle='rgba('+rgb+','+alpha+')';ctx.fill();}
+function resizeGraph(surface){
+  if(graphSurface!==surface)return;
+  const {stage,canvas,ctx}=surface;
+  const size=stage.getBoundingClientRect(),dpr=Math.min(devicePixelRatio,1.75);
+  if(!size.width||!size.height)return;
+  surface.width=size.width;surface.height=size.height;surface.snapshot=undefined;
+  canvas.width=Math.round(size.width*dpr);
+  canvas.height=Math.round(size.height*dpr);
+  ctx.setTransform(dpr,0,0,dpr,0,0);
+  drawGraph();
+}
+function brainFrame(width,height){return {x:width*.50,y:height*.51,rx:Math.min(width*.318,height*.76),ry:height*.42};}
+function drawOutline(ctx,{x,y,rx,ry}){
+  ctx.save();ctx.translate(x,y);ctx.rotate(-.19);ctx.scale(rx,ry);
+  ctx.beginPath();ctx.moveTo(0,-.82);
+  ctx.bezierCurveTo(-.26,-1.12,-.68,-.95,-.78,-.65);ctx.bezierCurveTo(-1.07,-.56,-1.14,-.11,-.97,.09);
+  ctx.bezierCurveTo(-1.09,.45,-.80,.80,-.57,.80);ctx.bezierCurveTo(-.39,1.03,-.11,.96,0,.83);
+  ctx.bezierCurveTo(.14,.97,.42,.94,.56,.76);ctx.bezierCurveTo(.89,.77,1.10,.48,.99,.16);
+  ctx.bezierCurveTo(1.15,-.09,1.07,-.44,.85,-.57);ctx.bezierCurveTo(.76,-.87,.31,-1.06,0,-.82);ctx.closePath();
+  ctx.restore();stroke(ctx,'119,157,206',.19,1);
+}
+function graphPoints(width,height){
+  const nodes=arr(state.graph?.nodes),anchors=nodes.filter(node=>node.kind!=='memory');
+  const memories=nodes.filter(node=>node.kind==='memory').sort((a,b)=>hash(a.id)-hash(b.id));
+  const {x:cx,y:cy,rx,ry}=brainFrame(width,height);
+  const points=new Map();
+  function point(node,x,y,depth=1){points.set(node.id,{...node,x,y,depth});}
+  for(const kind of ['project','agent']){
+    const subset=anchors.filter(node=>node.kind===kind);
+    subset.forEach((node,i)=>{
+      const t=(i+1)/(subset.length+1),sign=kind==='project'?-1:1;
+      point(node,cx+sign*(rx*1.01+8*Math.sin(i*2.4)),height*.12+height*.75*t);
+    });
+  }
+  const golden=Math.PI*(3-Math.sqrt(5));
+  memories.forEach((node,i)=>{
+    const random=rand(hash(node.id)),side=i%2===0?-1:1;
+    const count=Math.ceil((memories.length-(i%2))/2),ordinal=Math.floor(i/2);
+    const angle=ordinal*golden+(side<0?.55:1.71)+(random()-.5)*.10;
+    const r=Math.sqrt((ordinal+.55)/count);
+    const x=side*.47+Math.cos(angle)*r*.45,y=Math.sin(angle)*r*.88;
+    const projectedX=x*.982+y*.19,projectedY=y*.982-x*.19;
+    point(node,cx+projectedX*rx,cy+projectedY*ry,.56+random()*.44);
+  });
+  return points;
+}
+function displayEvent(){return state.events.find(event=>event.id===state.replayId)??state.events.at(-1);}
+function graphEventPath(event,surface){
+  const {width,height,points}=surface;
+  const from=points.get('project:'+event.projectId),end=points.get('agent:'+event.agent);
+  if(!from||!end)return null;
+  const reverse=event.kind==='tool-start'||event.kind==='session-start';
+  return reverse?[end,{x:width*.51,y:height*.18},{x:width*.52,y:height*.69},from]:
+    [from,{x:width*.47,y:height*.73},{x:width*.49,y:height*.18},end];
+}
+function labelPoint(ctx,point,label,side,color,width,alpha){
+  ctx.font='600 10.5px system-ui,sans-serif';
+  const limit=Math.min(126,width*.20);
+  while(ctx.measureText(label).width>limit&&label.length>1)label=label.slice(0,label.endsWith('…')?-2:-1)+'…';
+  const pad=6,labelWidth=ctx.measureText(label).width+2*pad;
+  const x=Math.max(3,Math.min(width-labelWidth-3,side<0?point.x-12-labelWidth:point.x+12)),y=point.y-9;
+  ctx.globalAlpha=alpha;ctx.fillStyle='#111e31';ctx.beginPath();ctx.roundRect(x,y,labelWidth,18,3);ctx.fill();stroke(ctx,color,.43,.7);
+  ctx.fillStyle='#ddefff';ctx.textAlign='left';ctx.textBaseline='middle';ctx.fillText(label,x+pad,y+9);ctx.globalAlpha=1;
+}
+function drawGraph(){
+  const surface=graphSurface;
+  if(!surface||!surface.width)return;
+  if(surface.raf){cancelAnimationFrame(surface.raf);surface.raf=0;}
+  const {ctx,width,height,canvas}=surface;
+  if(surface.snapshot!==state.graph){
+    surface.snapshot=state.graph;
+    surface.points=graphPoints(width,height);
+    surface.edges=arr(state.graph?.edges).filter(edge=>surface.points.has(edge.source)&&surface.points.has(edge.target));
+    surface.counts={};
+    for(const point of surface.points.values())surface.counts[point.kind]=(surface.counts[point.kind]??0)+1;
+  }
+  const {points,edges}=surface;
+  const current=state.focus?state.picked:null;
+  const connected=new Set(current?[current]:[]);
+  if(current)for(const edge of edges){
+    if(edge.source===current)connected.add(edge.target);
+    if(edge.target===current)connected.add(edge.source);
+  }
+  ctx.clearRect(0,0,width,height);
+  if(points.size)drawOutline(ctx,brainFrame(width,height));
+  for(const edge of edges){
+    const a=points.get(edge.source),b=points.get(edge.target);
+    const active=current&&(edge.source===current||edge.target===current);
+    ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.quadraticCurveTo((a.x+b.x)/2,(a.y+b.y)/2+(a.x-b.x)*.15,b.x,b.y);
+    const color=edge.kind==='belongs-to'?tones.project:edge.kind==='recorded-by'?tones.agent:'241,200,138';
+    if(active){stroke(ctx,color,.22,4.5);stroke(ctx,color,.96,1.45);}
+    else stroke(ctx,color,current?.08:edge.kind==='recorded-by'?.46:.52,.84);
+  }
+  for(const point of points.values()){
+    const active=point.id===current,color=tones[point.kind]??tones.memory;
+    const alpha=(current&&!connected.has(point.id)?.31:1)*point.depth;
+    const r=point.kind==='memory'?(points.size>70?2.8:4.1):5.2;
+    dot(ctx,point.x,point.y,active?15:r+5,color,.13*alpha);
+    dot(ctx,point.x,point.y,active?4.5:r,color,.92*alpha);
+    if(active||point.kind!=='memory'){
+      ctx.beginPath();ctx.arc(point.x,point.y,active?10:8,0,Math.PI*2);stroke(ctx,color,.68*alpha,.9);
+    }
+    if(point.kind!=='memory'&&width>510&&(active||surface.counts[point.kind]<=11))labelPoint(ctx,point,point.kind==='agent'?hostName(point.label):point.label,point.kind==='project'?-1:1,color,width,alpha);
+  }
+  const age=performance.now()-state.motionStarted;
+  const animate=!document.hidden&&!reduced.matches&&!state.motionPaused&&!state.replayId&&state.live&&state.connection==='reachable'&&state.pulseIds.length&&age<1500;
+  const traceEvents=current?[]:animate?state.events.filter(event=>state.pulseIds.includes(event.id)):
+    state.replayId?[displayEvent()].filter(Boolean):[];
+  const routes=traceEvents.map(event=>({event,path:graphEventPath(event,surface)})).filter(route=>route.path);
+  routes.forEach(({event,path},index)=>{
+    const [a,b,c,d]=path,color=tones[event.source]??tones.reported;
+    ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.bezierCurveTo(b.x,b.y,c.x,c.y,d.x,d.y);
+    stroke(ctx,color,.19,4.2);stroke(ctx,color,.81,1.25);
+    const t=animate?Math.max(0,Math.min(1,age/1310-index*.055)):.58,u=1-t;
+    const x=u**3*a.x+3*u*u*t*b.x+3*u*t*t*c.x+t**3*d.x;
+    const y=u**3*a.y+3*u*u*t*b.y+3*u*t*t*c.y+t**3*d.y;
+    dot(ctx,x,y,8,color,.19);dot(ctx,x,y,4,color,.52);dot(ctx,x,y,1.9,'237,255,255',1);
+  });
+  const graphEvent=$('graph-event');
+  if(graphEvent){
+    const event=traceEvents.at(-1),text=event?evidence(event)+' · '+hostName(event.agent)+(routes.length?'':' · journal only'):'';
+    if(graphEvent.textContent!==text)graphEvent.textContent=text;
+  }
+  canvas.dataset.nodes=String(points.size);canvas.dataset.edges=String(edges.length);
+  canvas.dataset.pulses=String(routes.length);canvas.dataset.frame=animate&&routes.length?String(Math.round(age)):'static';
+  if(animate&&routes.length)surface.raf=requestAnimationFrame(drawGraph);
+}
+function syncGraphControls(){
+  const label=$('node-caption'),point=arr(state.graph?.nodes).find(node=>node.id===state.picked);
+  if(label){label.hidden=!state.focus||!point||state.listing;label.textContent=point?.label??'';}
+  const clear=$('clear-focus');if(clear)clear.hidden=!state.focus;
+  $('brain-stage')?.querySelectorAll('[data-node]').forEach(button=>button.setAttribute('aria-pressed',String(button.dataset.node===state.picked&&state.focus)));
+}
+`;
+//# sourceMappingURL=brain-hub-graph.js.map

package/dist/dashboard/brain-hub-graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brain-hub-graph.js","sourceRoot":"","sources":["../../src/dashboard/brain-hub-graph.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KxC,CAAC"}

package/dist/dashboard/brain-hub-html.d.ts

@@ -0,0 +1,2 @@
+export declare const BRAIN_HUB_HTML: string;
+//# sourceMappingURL=brain-hub-html.d.ts.map

package/dist/dashboard/brain-hub-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brain-hub-html.d.ts","sourceRoot":"","sources":["../../src/dashboard/brain-hub-html.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAyBH,CAAC"}

package/dist/dashboard/brain-hub-html.js

@@ -0,0 +1,30 @@
+import { BRAIN_HUB_CLIENT } from './brain-hub-client.js';
+import { BRAIN_HUB_GRAPH } from './brain-hub-graph.js';
+import { BRAIN_HUB_VIEWS } from './brain-hub-views.js';
+export const BRAIN_HUB_HTML = String.raw `<!doctype html>
+<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="color-scheme" content="dark"><title>Agent Shadow Brain</title>
+<style>
+:root{color-scheme:dark;--ground:#080e19;--surface:#0e1828;--raised:#142237;--border:#263a50;--strong:#425d78;--ink:#ecf5ff;--muted:#a9bed3;--cyan:#78e9e5;--blue:#afc7ff;--pink:#ecb0fc;--amber:#f9d28b;--green:#a0e7be;--red:#ffacb6;--sans:Inter,"Segoe UI",system-ui,sans-serif;--mono:"IBM Plex Mono","Cascadia Mono",Consolas,monospace;font:14px/1.45 var(--sans)}
+*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink)}[hidden]{display:none!important}a{color:var(--cyan)}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.52}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}h1,h2,h3,p,ul,ol,dl,dd{margin:0}h1,h2,h3{letter-spacing:-.022em;line-height:1.25}h1{font-size:1.95rem}h2{font-size:1.06rem}h3{font-size:.95rem}p,dd,li,pre,td{overflow-wrap:anywhere}small,.small{font-size:.81rem}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.amber{color:var(--amber)}.green{color:var(--green)}.red{color:var(--red)}.skip{position:fixed;left:12px;top:8px;z-index:4;transform:translateY(-150%)}.skip:focus{transform:none}
+.frame{max-width:1700px;margin:auto;padding:0 22px 24px}.top,.page-head,.panel-head,.row,.actions,.nav{display:flex;align-items:center;gap:8px}.top,.page-head,.panel-head,.row{justify-content:space-between}.top{min-height:54px;border-bottom:1px solid var(--border);flex-wrap:wrap;padding-block:7px}.brand{display:flex;align-items:center;gap:9px;font-weight:740;white-space:nowrap}.brand svg{width:29px;height:29px;color:var(--cyan)}.actions{flex-wrap:wrap}.nav{margin-bottom:12px;border-bottom:1px solid var(--border);overflow:auto;align-items:stretch;gap:3px;scrollbar-width:thin}.nav button{flex:none;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:8px 11px;font-size:.9rem;white-space:nowrap}.nav button[aria-current=page],.nav button:hover{color:var(--cyan);border-bottom-color:var(--cyan)}.page-head{margin-bottom:10px}.page-head p{margin-top:4px}.btn,input:not([type=range]),select,textarea{min-width:0;border:1px solid var(--strong);background:var(--raised);color:var(--ink);border-radius:5px;padding:6px 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;text-decoration:none;font-size:.83rem;font-weight:640}.btn:hover,.btn[aria-pressed=true]{background:#203747;border-color:#658c9e}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#0c252d}.btn.primary:hover{background:#a5f4ed}.btn.quiet{background:transparent;border-color:transparent;color:var(--cyan)}.btn.quiet:hover{background:var(--raised)}.chip{display:inline-flex;align-items:center;gap:5px;background:#203149;border-radius:4px;padding:3px 6px;color:#bfd2e8;font-size:.73rem;font-weight:650;line-height:1.2;max-width:100%}.chip.cyan{background:#153640;color:var(--cyan)}.chip.green{background:#17362b;color:var(--green)}.chip.pink{background:#382847;color:var(--pink)}.chip.amber{background:#392f23;color:var(--amber)}.chip.red{background:#422934;color:var(--red)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
+.strip{display:grid;grid-template-columns:1fr 1.05fr 1fr 1.2fr;border:1px solid var(--border);border-radius:7px;background:var(--surface);margin-bottom:10px}.metric{min-width:0;padding:9px 12px}.metric+.metric{border-left:1px solid var(--border)}.metric dt{font-size:.76rem;color:var(--muted)}.metric dd{font-size:1.12rem;font-weight:700;margin:2px 0}.metric small{color:var(--muted);display:block}.metric-trace{width:68px;height:24px;float:right;margin:3px 0 0 6px;opacity:.85}
+.panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:7px;overflow:hidden}.panel-head{min-height:41px;padding:6px 10px;background:#111d30;border-bottom:1px solid var(--border)}.panel-body{padding:10px}.stack{display:grid;gap:10px}.list{list-style:none;padding:0}.list>li+li{border-top:1px solid var(--border)}.item{padding:8px 10px;display:grid;gap:4px}.rail-title{padding:8px 9px;background:#101c2c;border-bottom:1px solid var(--border)}.rail-title:not(:first-child){border-top:1px solid var(--border)}.rail-entry,.entry{width:100%;display:grid;gap:3px;text-align:left;border:0;background:transparent;color:var(--ink);padding:8px 9px;cursor:pointer}.rail-entry:hover,.rail-entry[aria-pressed=true],.entry:hover,.entry[aria-pressed=true]{background:#172c40}.rail-entry strong{font-size:.84rem}.rail-entry small{font-size:.73rem;color:var(--muted)}.empty{padding:12px;display:grid;gap:7px;color:var(--muted)}.empty strong{color:var(--ink)}.notice{padding:9px 11px;border:1px solid #654f37;border-radius:5px;background:#251f1b;color:#ffe1a7;margin:0 0 10px}.notice:empty{display:none}.status{min-height:0;color:var(--green)}.status:empty{display:none}.status[data-error=true]{color:var(--red)}
+.control-grid{display:grid;grid-template-columns:184px minmax(0,1fr) 265px;gap:10px;margin-bottom:10px}.control-grid>.rail,.control-grid>.inspect{overflow:auto;min-height:0}.graph-panel{display:flex;flex-direction:column;background:#080f1d;border-color:#344d68}.graph-stage{position:relative;isolation:isolate;flex:1;min-height:375px;overflow:hidden;background:radial-gradient(ellipse at 50% 49%,#182641 0%,#0e192d 39%,#090f1d 77%)}#brain-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.graph-meta{position:absolute;left:12px;right:12px;top:11px;display:flex;justify-content:space-between;gap:10px;font:.71rem var(--mono);color:var(--muted);pointer-events:none}.graph-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(290px,90%);padding:10px 12px;background:#0e192ceb;border:1px solid #455e7e;border-radius:6px;text-align:center}.graph-empty .actions{justify-content:center;margin-top:6px}.graph-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;border-top:1px solid var(--border);background:#0e1828;color:var(--muted);padding:5px 8px;min-height:31px;font-size:.74rem}.legend{display:flex;gap:8px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:4px}.legend i{display:inline-block;width:11px;border-top:2px solid currentColor}.node-list{position:absolute;inset:6px;overflow:auto;background:#0d182bef;border:1px solid var(--strong);z-index:1}.node-list>li+li{border-top:1px solid var(--border)}.focus-label{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);max-width:92%;padding:4px 8px;background:#122136;border:1px solid #486787;border-radius:4px;overflow-wrap:anywhere;color:var(--ink);font-size:.76rem;text-align:center;pointer-events:none}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);padding:6px 7px}.tabs .btn{min-height:26px;padding-block:3px}.facts{display:grid;gap:0}.facts>div{display:flex;justify-content:space-between;gap:9px;border-bottom:1px solid var(--border);padding:6px 0;font-size:.81rem}.facts dt{color:var(--muted)}.facts dd{text-align:right}.receipt{display:grid;gap:5px;border:1px solid var(--border);border-radius:5px;padding:8px;background:#121e30}.lower{display:grid;grid-template-columns:minmax(235px,.8fr) minmax(0,1.8fr);gap:10px}.timeline{max-height:106px;overflow:auto}.event{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;font-size:.8rem;min-height:29px;padding-block:5px}.event time{color:var(--muted)}.replay{padding:5px 8px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.replay input{min-width:35px;flex:1;accent-color:var(--cyan)}.replay output{min-width:6em;text-align:right}.two{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.45fr);gap:10px;align-items:start}.three{display:grid;grid-template-columns:minmax(150px,.64fr) minmax(0,1.45fr) minmax(220px,.9fr);gap:10px;align-items:start}.form{display:grid;gap:8px}.form label{display:grid;gap:3px;color:var(--muted);font-size:.83rem}.form :is(input,select,textarea){width:100%}.form textarea{resize:vertical}.form input[type=checkbox]{width:auto}.form .check{display:flex;gap:7px;align-items:flex-start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}pre{margin:0;padding:9px;border:1px solid var(--border);background:#091321;border-radius:4px;white-space:pre-wrap;max-height:250px;overflow:auto;color:#d7e9ff;font:.81rem/1.5 var(--mono)}.section-list{max-height:480px;overflow:auto}.section-list .entry strong{font-size:.86rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.84rem}td,th{padding:7px 9px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--muted)}.meter{height:5px;border-radius:4px;background:#2b3c53;overflow:hidden}.meter i{display:block;height:100%;background:var(--pink)}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--muted);font-size:.77rem}details>summary{cursor:pointer;color:var(--cyan)}details[open]>summary{margin-bottom:7px}.trace-list{position:absolute;inset:0;overflow:auto;background:#0e1929}.trace-list .event{grid-template-columns:76px minmax(0,1fr) auto}
+@media(min-width:981px){.control-grid{grid-template-rows:429px}.graph-stage{min-height:0}}
+@media(max-width:1200px){.control-grid{grid-template-columns:153px minmax(0,1fr) 235px}.frame{padding-inline:14px}}
+@media(max-width:980px){.control-grid{grid-template-columns:145px minmax(0,1fr)}.control-grid>.inspect{grid-column:1/-1}.three{grid-template-columns:minmax(145px,.6fr) minmax(0,1.4fr)}.three>.panel:last-child{grid-column:1/-1}}
+@media(max-width:680px){.frame{padding-inline:10px}.top,.page-head{flex-wrap:wrap}.top .actions{width:100%}.nav{margin-bottom:10px}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(3){border-left:0}.metric:nth-child(n+3){border-top:1px solid var(--border)}.control-grid,.lower,.two,.three{grid-template-columns:minmax(0,1fr)}.graph-panel{grid-row:1}.graph-stage{min-height:320px}.control-grid>.rail{max-height:240px}.event{grid-template-columns:61px minmax(0,1fr)}.event .chip{justify-self:start;grid-column:2}.graph-meta{font-size:.62rem}h1{font-size:1.65rem}}
+@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
+</style></head><body>
+<a class="btn skip" href="#main">Skip to content</a>
+<div class="frame"><header class="top"><div class="brand"><svg viewBox="0 0 32 32" aria-hidden="true"><path d="M16 2 28 9v14l-12 7-12-7V9Zm0 0v28M4 9l24 14M28 9 4 23" fill="none" stroke="currentColor" stroke-width="1.4"/><circle cx="16" cy="16" r="3.3" fill="currentColor"/></svg>Agent Shadow Brain</div><div class="actions"><span class="chip" id="connection"><i class="dot" aria-hidden="true"></i> Connecting to workspace</span><label for="project" class="small muted">Project</label><select id="project" disabled><option>Loading…</option></select><button class="btn" id="reload" type="button">Refresh</button></div></header>
+<nav class="nav" id="nav" aria-label="Brain workspace"></nav>
+<p class="notice" id="notice" role="status"></p>
+<main id="main" tabindex="-1"><div class="empty"><strong>Opening the workspace</strong><p>Loading the local memory and activity stores.</p></div></main>
+<footer class="footer"><span id="scope-note"></span><span><a href="/workspace">Classic workspace</a> · <a href="/live">Activity diagnostics</a></span></footer>
+</div>
+<script>'use strict';
+` + BRAIN_HUB_CLIENT + BRAIN_HUB_GRAPH + BRAIN_HUB_VIEWS + String.raw `
+start();
+</script></body></html>`;
+//# sourceMappingURL=brain-hub-html.js.map

package/dist/dashboard/brain-hub-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brain-hub-html.js","sourceRoot":"","sources":["../../src/dashboard/brain-hub-html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBvC,GAAG,gBAAgB,GAAG,eAAe,GAAG,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;wBAE7C,CAAC"}

package/dist/dashboard/brain-hub-project-views.d.ts

@@ -0,0 +1,2 @@
+export declare const BRAIN_HUB_PROJECT_VIEWS: string;
+//# sourceMappingURL=brain-hub-project-views.d.ts.map

package/dist/dashboard/brain-hub-project-views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brain-hub-project-views.d.ts","sourceRoot":"","sources":["../../src/dashboard/brain-hub-project-views.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,QA6EnC,CAAC"}