@theihtisham/agent-shadow-brain 7.1.4 → 7.22.0

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

@@ -0,0 +1,40 @@
+import { BRAIN_HUB_NATIVE } from './brain-hub-native.js';
+export const BRAIN_HUB_SESSIONS = String.raw `
+${BRAIN_HUB_NATIVE}
+async function refreshSessions(){
+  state.sessions=await api('sessions');
+  if(state.session)state.session=await api('sessions/'+state.session.session.id+(state.sessionBefore?'?before='+encodeURIComponent(state.sessionBefore):''));
+}
+function sessionPresence(session){return session.presence==='completed'?'Completed':session.presence==='stale'?'Stale report':session.reportedStatus==='waiting'?'Recently reported waiting':'Recently reported working';}
+function sessionHandoff(checkpoint){
+  return '<div class="stack"><p class="preserve">'+esc(checkpoint.summary)+'</p>'+[['decisions','Decisions'],['completed','Completed work'],['nextSteps','Next steps'],['evidence','Evidence references']].map(([key,label])=>arr(checkpoint[key]).length?'<h3>'+label+'</h3>'+list(checkpoint[key].map(item=>'<li class="item">'+esc(item)+'</li>').join('')):'').join('')+'<details><summary>Immutable checkpoint fingerprint</summary><pre>'+esc(checkpoint.sha256)+'</pre></details></div>';
+}
+function sessionRoster(sessions){
+  const groups=new Map();for(const session of sessions){const tool=session.native?.tool??session.actor.tool;groups.set(tool,[...groups.get(tool)??[],session]);}
+  return '<div class="table-wrap"><table><thead><tr><th>Reporting tool</th><th>Recently working</th><th>Waiting / stale</th><th>Completed</th><th>Worker sessions</th></tr></thead><tbody>'+[...groups].map(([tool,rows])=>'<tr><td>'+esc(hostName(tool))+'</td><td>'+rows.filter(s=>s.presence==='recent'&&s.reportedStatus==='working').length+'</td><td>'+rows.filter(s=>s.presence!=='completed'&&(s.reportedStatus==='waiting'||s.presence==='stale')).length+'</td><td>'+rows.filter(s=>s.presence==='completed').length+'</td><td>'+rows.filter(s=>s.parentSessionId&&!s.resumedFrom).length+'</td></tr>').join('')+'</tbody></table></div><p class="panel-body small muted">Counts describe registered sessions in this workspace. Recent means a report arrived within '+Math.round((state.sessions?.limits?.recentMs??300000)/60000)+' minutes, not continuous proof of execution. A resumed session is separate from a worker session.</p>';
+}
+function sessionsPage(){
+  if(!local)return projectRequired('Sessions and handoffs','Keep project conversations and resumable checkpoints together.');
+  const sessions=arr(state.sessions?.sessions),detail=state.session,current=detail?.session;
+  const queue=error('sessions','sessions')||(sessions.length?list(sessions.slice().reverse().map(session=>'<li><button class="entry" type="button" data-session="'+esc(session.id)+'" aria-pressed="'+(session.id===current?.id)+'"><strong>'+esc(session.title)+'</strong><small>'+esc(hostName(session.native?.tool??session.actor.tool))+' · '+esc(sessionPresence(session))+'</small><small class="muted">Last report '+esc(isoTime(session.lastReportedAt))+'</small></button></li>').join('')):empty('No registered conversations','Connected hosts can register a session and save a checkpoint. You can also begin a manual project conversation below.'));
+  const create='<div class="panel-body"><form class="form" data-form="session-open"><label>Conversation title<input name="title" maxlength="160" required></label><label>What are you trying to achieve?<textarea name="goal" rows="2" maxlength="1200" required></textarea></label>'+submit('Start portal session')+'</form><p class="small muted">This creates a portal-owned record. It does not launch an AI model.</p></div>';
+  let body=empty('Choose a conversation','Open a recent or completed session to inspect messages and handoffs.');
+  if(current){
+    const reportingTool=current.native?.tool??current.actor.tool;
+    const matched=arr(state.usage?.receipts).filter(receipt=>receipt.projectId===state.project&&current.hostSessionId&&receipt.sessionId===current.hostSessionId&&receipt.agent===reportingTool);
+    const controls=arr(state.policy?.chats).find(chat=>chat.id===current.id);
+    const latestModel=matched.at(-1);
+    const messages='<p class="small muted">Showing '+arr(detail.messages).length+' of '+fmt(detail.messageCount??arr(detail.messages).length)+' retained messages.</p><div class="actions">'+(detail.nextBefore?action('session-older','Earlier messages','','data-before="'+esc(detail.nextBefore)+'"'):'')+(state.sessionBefore?action('session-latest','Latest messages'):'')+'</div>'+list(arr(detail.messages).map(message=>'<li class="item"><div class="row"><strong>'+esc(message.source?'Imported '+message.source.originalRole:message.role)+'</strong><small class="muted">'+esc(isoTime(message.createdAt))+'</small></div><p class="preserve">'+esc(message.text)+'</p><small class="mono muted">'+esc(message.source?message.source.sourceId+' · '+message.source.locator:hostName(message.actor.tool))+'</small></li>').join(''));
+    const note=current.reportedStatus!=='completed'?'<form class="form" data-form="session-note"><label>Message or work note<textarea name="text" maxlength="8000" rows="3" required></textarea></label>'+submit('Record note')+'</form>':'';
+    const checkpoint='<details><summary>Save a handoff for another agent</summary><form class="form" data-form="session-checkpoint"><label>Summary of the work<textarea name="summary" maxlength="4000" rows="3" required></textarea></label>'+[['decisions','Decisions'],['completed','Completed work'],['nextSteps','Next steps'],['evidence','Evidence references']].map(([name,label])=>'<label>'+label+' · one per line<textarea name="'+name+'" rows="2" maxlength="4800"></textarea></label>').join('')+submit('Save immutable checkpoint')+'</form></details>';
+    const permits=!!controls&&controls.shareContext&&!controls.inheritedBlocked&&!state.errors.policy;
+    const checkpoints=list(arr(detail.checkpoints).slice().reverse().map(cp=>'<li class="item"><div class="row"><strong>Checkpoint · revision '+esc(cp.revision)+'</strong><small>'+esc(isoTime(cp.createdAt))+'</small></div>'+(state.sessionCheckpoint?.id===cp.id?sessionHandoff(state.sessionCheckpoint):action('session-checkpoint-open','Read checkpoint','','data-checkpoint="'+esc(cp.id)+'"'))+'<div class="actions">'+(permits?action('copy-resume','Copy agent resume request','','data-checkpoint="'+esc(cp.id)+'"'):'')+action('session-resume','Continue in portal','','data-checkpoint="'+esc(cp.id)+'"')+'</div></li>').join(''));
+    const sharing=controls?'<div class="row"><p class="small muted">'+(permits?'Available to agents':'Agent delivery off')+' · Role '+esc(controls.role??'Unassigned')+'</p>'+
+      action('session-policy','Sharing controls','quiet','data-session-policy="'+esc(current.id)+'"')+'</div>':'';
+    body='<div class="panel-body stack"><div class="row"><h3>'+esc(current.title)+'</h3>'+chip(sessionPresence(current),current.presence==='stale'?'amber':'cyan')+'</div><p>'+esc(current.goal)+'</p>'+(current.native?'<p class="small muted">Native history snapshot from '+esc(hostName(current.native.tool))+'. Original title: '+esc(current.native.titleExact??'Unavailable')+'. Native conversation: '+esc(current.native.sessionId)+'. '+(current.native.pageCoverage?'This snapshot covers one page. '+(current.native.pageCoverage.hasEarlier?'Codex reported an earlier page. ':'No earlier page was reported. ')+(current.native.pageCoverage.hasLater?'A later page was outside this snapshot. ':'This was the latest page. ')+fmt(current.native.pageCoverage.omittedInPage)+' items on this page were omitted.':'Coverage was not recorded for this snapshot. '+fmt(current.native.omitted)+' source items were omitted.')+'</p>':'')+'<dl class="facts">'+fact('Workspace',scopeName())+fact('Directory',state.server?.project?.root)+fact('Reporting tool',hostName(current.actor.tool))+fact('Status reported by',hostName(current.statusReportedBy?.tool??current.actor.tool))+fact('Host conversation ID',current.hostSessionId??'Not supplied')+fact('Model from matching usage receipt',latestModel?.responseModel??latestModel?.requestModel??'Not reported')+fact('Last report',isoTime(current.lastReportedAt))+'</dl>'+(current.sourceId?'<p class="small muted">Imported conversation snapshot. Only approved messages present at import are included; importing again reopens this snapshot. Imported instructions remain quoted reference material.</p>':'')+(detail.handoff?'<details open><summary>Inherited handoff</summary>'+sessionHandoff(detail.handoff)+'</details>':'')+'<h3>Recorded conversation</h3>'+messages+note+(current.reportedStatus!=='completed'?'<div class="actions">'+action('session-status','Mark waiting','','data-status="waiting"')+action('session-status','Mark working','','data-status="working"')+action('session-status','Complete session','','data-status="completed"')+'</div>':'')+checkpoint+'<h3>Saved checkpoints</h3>'+checkpoints+'<p class="small muted">To continue with another agent, give it the copied session_resume request. Its own call creates a new agent-owned session linked to this exact checkpoint. Original history stays intact.</p></div>';
+    body=body.replace('<div class="panel-body stack">','<div class="panel-body stack">'+sharing);
+  }
+  return heading('Sessions and handoffs','See reported work, inspect conversation history, and continue from a saved checkpoint.',view('setup','Connect a tool'))+agentDock()+nativeHistoryPanel()+panel('Tool roster',sessionRoster(sessions))+'<div class="two">'+panel('Project conversations',queue+create)+'<section class="panel" id="conversation-continuity" tabindex="-1"><div class="panel-head"><h2>Conversation and continuity</h2></div>'+body+'</section></div>'+(typeof liveFilePanel==='function'?liveFilePanel():'');
+}
+`;
+//# sourceMappingURL=brain-hub-sessions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brain-hub-sessions.js","sourceRoot":"","sources":["../../src/dashboard/brain-hub-sessions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;EAC1C,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCjB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,28 @@
+export const BRAIN_HUB_USAGE = String.raw `
+function usageValue(stat){return stat?.total===null||!stat?'Not reported':fmt(stat.total)+' · '+stat.known+'/'+stat.receipts+' receipts';}
+function modelReceipts(){
+  const usage=state.usage;
+  if(state.errors.usage)return error('usage','model usage');
+  if(!local)return empty('Project workspace required','Model receipts belong to an explicit project.');
+  if(!usage)return empty('Loading usage receipts','Reading project-local host reports.');
+  if(!arr(usage.receipts).length)return empty('No model usage reported yet','A connected host can call usage_report with the model and token counts it already knows. Installing a recipe alone does not supply this data.');
+  return '<div class="table-wrap"><table><thead><tr><th>Reporting host</th><th>Provider / requested model</th><th>Response model</th><th>Input</th><th>Output</th><th>Last report</th></tr></thead><tbody>'+arr(usage.models).map(row=>'<tr><td>'+esc(hostName(row.agent))+'</td><td>'+esc(row.provider??'Unknown provider')+'<br>'+esc(row.requestModel??'Not reported')+'</td><td>'+esc(row.responseModel??'Not reported')+'</td><td>'+esc(usageValue(row.totals.inputTokens))+'</td><td>'+esc(usageValue(row.totals.outputTokens))+'</td><td>'+esc(isoTime(row.lastAt))+'</td></tr>').join('')+'</tbody></table></div><p class="panel-body small muted">Host-reported metadata. A reported model name is not independent proof of which upstream model a proxy used.</p>';
+}
+function modelsPage(){
+  const hosts=arr(state.integrations?.agents);
+  const body=hosts.length?'<div class="table-wrap"><table><thead><tr><th>Client recipe</th><th>Project skill files</th><th>Retained exchanges</th><th>Usage reports</th></tr></thead><tbody>'+hosts.map(host=>{
+    const events=state.events.filter(event=>event.agent===host.id),latest=events.at(-1),reports=arr(state.usage?.receipts).filter(receipt=>receipt.agent===host.id);
+    return '<tr><td><strong>'+esc(host.label)+'</strong></td><td>'+esc(host.installation)+'</td><td>'+esc(latest?evidence(latest)+' · '+eventLabel(latest)+' · '+isoTime(latest.timestamp):state.live?'Not observed for this label':'Activity display is off')+'</td><td>'+esc(reports.length?reports.length+' retained':'Not reported')+'</td></tr>';
+  }).join('')+'</tbody></table></div><p class="panel-body small muted">Recipe, skill files, observed calls and usage receipts are separate checks. Host labels must match for these rows; all reporting labels appear below. These records do not assert a persistent live connection.</p>':error('integrations','client checks')||empty('Reading integration evidence','Client skill-file checks are loading.');
+  return heading('Connections and models','See what is installed, what exchanged data, and what each host reported.',view('setup','Configure hosts'))+panel('Client readiness',body)+panel('Reported models',modelReceipts(),chip('Host-reported','amber'));
+}
+function usagePage(){
+  const measured=state.events.filter(event=>event.source==='measured'&&event.kind==='tool-end');
+  const durations=measured.map(event=>event.durationMs).filter(Number.isFinite);
+  const usage=state.usage,totals=usage?.totals;
+  const usageBody=totals?(state.errors.usage?'<div class="panel-body"><p class="amber" role="status">Usage refresh failed. Showing the last readable snapshot.</p><p class="small muted">'+esc(state.errors.usage)+'</p></div>':'')+'<div class="panel-body stack"><dl class="facts">'+fact('Input tokens',usageValue(totals.inputTokens))+fact('Output tokens',usageValue(totals.outputTokens))+fact('Cache read · part of input',usageValue(totals.cacheReadInputTokens))+fact('Cache write · part of input',usageValue(totals.cacheWriteInputTokens))+fact('Reasoning · part of output',usageValue(totals.reasoningOutputTokens))+'</dl><p class="small muted">Cache and reasoning counts are subsets. They are never added again to input and output. Unknown counts stay unknown; coverage shows how many receipts supplied each figure.</p><dl class="facts">'+fact('Retained receipts',arr(usage.receipts).length+' / '+usage.retentionLimit)+fact('Older receipts removed',usage.dropped)+fact('Coverage starts',isoTime(usage.oldestAt))+fact('Latest receipt',isoTime(usage.newestAt))+fact('Recording',usage.recording?'On':'Off')+'</dl><p class="small muted">These are totals for retained receipts, not lifetime billing. Dollar cost and provider savings are not calculated.</p></div>':error('usage','usage receipts')||empty('No usage evidence','Usage arrives when a host explicitly sends a report.');
+  const context=state.context;
+  return heading('Usage and timing','Reported model tokens, measured tool timing, and estimated context size are kept separate.')+'<div class="two">'+panel('Reported model tokens',usageBody,chip('Host-reported','amber'))+panel('Tool timing and context','<div class="panel-body stack"><dl class="facts">'+fact('Measured tool returns',state.live?fmt(measured.length):undefined)+fact('Measured tool duration',durations.length?fmt(durations.reduce((sum,item)=>sum+item,0))+' ms':undefined)+fact('Timing coverage',durations.length+' / '+measured.length)+fact('Last context estimate',context?fmt(context.budget.estimatedTokens)+' tokens':'Build a context pack')+fact('Exact context characters',context?fmt(context.budget.usedChars):undefined)+'</dl><p class="small muted">Tool time is not model inference time. Context estimates describe the returned pack; they do not prove billed token savings.</p>'+view('context','Inspect context selection')+'</div>')+'</div>'+panel('Model breakdown',modelReceipts());
+}
+`;
+//# sourceMappingURL=brain-hub-usage.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"brain-hub-views.d.ts","sourceRoot":"","sources":["../../src/dashboard/brain-hub-views.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,QAkJmB,CAAC"}
+{"version":3,"file":"brain-hub-views.d.ts","sourceRoot":"","sources":["../../src/dashboard/brain-hub-views.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,QAiJmB,CAAC"}

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

@@ -1,150 +1,155 @@
+import { BRAIN_HUB_SESSIONS } from './brain-hub-sessions.js';
+import { BRAIN_HUB_AGENT_DOCK } from './brain-hub-agent-dock.js';
+import { BRAIN_HUB_CONTROLS } from './brain-hub-controls.js';
+import { BRAIN_HUB_MANAGED_SKILLS } from './brain-hub-managed-skills.js';
+import { BRAIN_HUB_CONTEXT } from './brain-hub-context.js';
+import { BRAIN_HUB_USAGE } from './brain-hub-usage.js';
 import { BRAIN_HUB_PROJECT_VIEWS } from './brain-hub-project-views.js';
 import { BRAIN_HUB_ACTIONS } from './brain-hub-actions.js';
-export const BRAIN_HUB_VIEWS = String.raw `
-function eventLabel(event){
-  if(event.tool)return event.tool+' · '+(event.outcome??(event.kind==='tool-start'?'started':'returned'));
-  if(event.phase)return 'Phase · '+event.phase;
-  return event.kind.replaceAll('-',' ');
-}
-function eventTone(event){return event.source==='measured'?'cyan':'amber';}
-function evidence(event){return event.source==='measured'?'Measured '+(event.transport==='mcp'?'MCP':'tool'):'Reported';}
-function timelineMarkup(trace=false){
-  const events=state.events;
-  if(!events.length)return empty(state.errors.telemetry?'Activity unavailable':state.live?'No recorded activity':'Activity display is off',state.errors.telemetry||
-    (state.live?'A tool exchange or reported phase will appear here when activity recording is enabled.':'Enable live dashboard activity in Setup.'),view('setup','Open setup'));
-  return list([...events].reverse().map(event=>'<li><button class="entry event" type="button" data-event="'+esc(event.id)+'" aria-pressed="'+(state.replayId===event.id)+'"><time class="mono">'+esc(time(event.timestamp))+'</time><span>'+esc(eventLabel(event))+' <span class="muted">· '+esc(hostName(event.agent))+'</span></span>'+chip(evidence(event),eventTone(event))+'</button></li>').join(''),trace?'aria-label="Recorded tool trace"':'aria-label="Recorded activity"');
-}
-function trace(values){
-  if(values.length<2)return '';
-  const max=Math.max(...values,1);
-  const points=values.map((value,index)=>(2+index*62/(values.length-1))+','+(22-value*19/max));
-  return '<svg class="metric-trace cyan" viewBox="0 0 66 26" aria-hidden="true"><path d="M'+points.join(' L')+'" fill="none" stroke="currentColor" stroke-width="1.25"/></svg>';
-}
-function telemetryStrip(){
-  const measured=state.events.filter(event=>event.source==='measured'&&event.kind==='tool-end');
-  const durations=measured.map(event=>event.durationMs).filter(Number.isFinite);
-  const observed=new Set(state.events.filter(event=>event.agent&&event.agent!=='user'&&event.agent!=='portal').map(event=>event.agent));
-  const memories=state.graph?.totalMemories??state.overview?.quality?.total;
-  const pack=state.context?.budget;
-  return '<dl class="strip"><div class="metric"><dt>Stored memories in scope</dt><dd class="mono cyan">'+fmt(memories)+'</dd><small>'+esc(scopeName())+'</small></div><div class="metric">'+trace(durations.slice(-16))+'<dt>Measured tool returns</dt><dd class="mono">'+(state.live?fmt(measured.length):'Unavailable')+'</dd><small>'+esc(state.errors.telemetry?'Activity unavailable':state.live?fmt(observed.size)+' client labels in retained activity':'Activity display off')+'</small></div><div class="metric"><dt>Model input and output</dt><dd class="mono">Unavailable</dd><small>Model usage receipts are unavailable</small></div><div class="metric"><dt>Latest context pack estimate</dt><dd class="mono pink">'+(pack?fmt(pack.estimatedTokens)+' / '+fmt(pack.tokenBudget):'No pack built')+'</dd><small>'+esc(pack?arr(state.context.entries).length+' selected memories':'Assemble a scoped pack in Context')+'</small></div></dl>';
-}
-function rail(){
-  const graph=arr(state.graph?.nodes);
-  const projects=arr(state.overview?.projects).filter(project=>!state.project||project.id===state.project);
-  const memories=graph.filter(node=>node.kind==='memory').slice(0,6);
-  const projectsMarkup=projects.length?list(projects.slice(0,7).map(project=>'<li><button type="button" class="rail-entry" data-project="'+esc(project.id)+'" aria-pressed="'+(state.project===project.id)+'"><strong>'+esc(project.name)+'</strong><small>'+fmt(project.memories)+' memories</small></button></li>').join('')):empty('No projects with memories','Open a project workspace to add project-local knowledge.',view('setup','See setup'));
-  return '<aside class="panel rail" aria-label="Projects and recent records"><div class="rail-title row"><h2>Projects</h2>'+chip(projects.length)+'</div>'+projectsMarkup+'<div class="rail-title row"><h2>Recent records</h2>'+chip(memories.length)+'</div>'+(memories.length?list(memories.map(node=>'<li><button type="button" class="rail-entry" data-node="'+esc(node.id)+'"><strong>'+esc(node.label)+'</strong><small>'+esc(node.category)+' · '+esc(hostName(node.agent))+'</small></button></li>').join('')):empty('No memory records','Add project knowledge or connect a host.',view('knowledge','Open knowledge')) )+'</aside>';
-}
-function graphMarkup(){
-  const nodes=arr(state.graph?.nodes),nodeIds=new Set(nodes.map(node=>node.id));
-  const edges=arr(state.graph?.edges).filter(edge=>nodeIds.has(edge.source)&&nodeIds.has(edge.target));
-  const traceMode=state.graphMode==='trace';
-  const listNodes=list(nodes.map(node=>'<li><button class="entry" type="button" data-node="'+esc(node.id)+'" aria-pressed="'+(state.focus&&state.picked===node.id)+'"><strong>'+esc(node.kind==='agent'?hostName(node.label):node.label)+'</strong><small class="muted">'+esc(node.kind+(node.category?' · '+node.category:''))+'</small></button></li>').join(''),'id="node-list" aria-label="Stored graph nodes" '+(state.listing&&!traceMode?'':'hidden'),'node-list');
-  return '<section class="panel graph-panel"><div class="panel-head"><div><h2>'+(traceMode?'Recorded trace':'Memory graph')+'</h2><span class="small mono muted">'+fmt(nodes.length)+' records / '+fmt(edges.length)+' relationships'+(state.graph?.truncated?' · limited view':'')+'</span></div><div class="actions">'+action('clear-focus','Clear focus','quiet','id="clear-focus" '+(state.focus?'':'hidden'))+action('graph','Graph','','aria-pressed="'+!traceMode+'"')+action('trace','Trace','','aria-pressed="'+traceMode+'"')+action('node-list','Node list','','aria-expanded="'+state.listing+'" aria-controls="node-list" '+(traceMode||!nodes.length?'hidden':''))+'</div></div>'+
-    '<div class="graph-stage" id="brain-stage"><canvas id="brain-canvas" aria-hidden="true" '+(traceMode?'hidden':'')+'></canvas><div class="graph-meta" aria-hidden="true"><span>PROJECT MEMORY</span><span>RECORDED AUTHORS</span></div>'+
-    (!nodes.length&&!traceMode?'<div class="graph-empty"><strong>'+esc(state.errors.graph?'Memory graph unavailable':state.graph?'No stored graph records':'Loading memory graph')+'</strong><p class="small muted">'+esc(state.errors.graph??(state.graph?'Save knowledge or use a connected host to create your first record.':'Reading the selected workspace.'))+'</p><div class="actions">'+(state.errors.graph?action('refresh','Retry'):view('knowledge','Open knowledge')+view('setup','Connect a host'))+'</div></div>':'')+
-    listNodes+'<div id="trace-list" class="trace-list" '+(traceMode?'':'hidden')+'>'+(traceMode?timelineMarkup(true):'')+'</div><div id="node-caption" class="focus-label" hidden></div></div>'+
-    '<div class="graph-foot"><div class="legend"><span class="cyan"><i></i> Project relation</span><span class="pink"><i></i> Recorded by</span><span class="amber"><i></i> Typed relation</span></div><span class="mono" id="graph-event"></span></div></section>';
-}
-function inspectorBody(){
-  const item=arr(state.graph?.nodes).find(node=>node.id===state.picked);
-  const memory=state.memory?.memory;
-  const event=displayEvent();
-  const tabs=[['record','Record'],['sources','Sources'],['relations','Links'],['event','Event']].map(([id,label])=>btn(label,'data-inspect="'+id+'" aria-pressed="'+(state.inspector===id)+'"')).join('');
-  let details;
-  if(state.inspector==='event'){
-    details=event?'<div class="panel-body stack"><div class="row"><h3>'+esc(eventLabel(event))+'</h3>'+chip(evidence(event),eventTone(event))+'</div><dl class="facts">'+fact('Host',hostName(event.agent))+fact('Time',isoTime(event.timestamp))+fact('Transport',event.transport)+fact('Session',event.sessionId)+fact('Outcome',event.outcome)+fact('Duration',Number.isFinite(event.durationMs)?event.durationMs+' ms':undefined)+'</dl>'+action('copy-event','Copy event receipt')+'</div>':empty('No activity selected','Select a recorded journal event to inspect its source and outcome.');
-  }else if(!item){
-    details=empty('Select a graph record','Choose a node, a recent record, or a journal event to inspect its evidence.',state.events.length?action('inspect-latest','Inspect latest event'):'');
-  }else if(state.inspector==='sources'){
-    const sources=arr(memory?.sources??item.sources);
-    details='<div class="panel-body stack"><h3>'+esc(item.label)+'</h3>'+(sources.length?list(sources.map(source=>'<li class="item mono small">'+esc(source)+'</li>').join('')):empty('No source attached','This record has no persisted source reference.'))+'</div>';
-  }else if(state.inspector==='relations'){
-    const edges=arr(state.graph?.edges).filter(edge=>edge.source===item.id||edge.target===item.id);
-    details='<div class="panel-body stack"><h3>'+esc(item.label)+'</h3>'+(edges.length?list(edges.map(edge=>{
-      const id=edge.source===item.id?edge.target:edge.source;
-      const node=arr(state.graph?.nodes).find(point=>point.id===id);
-      return '<li><button type="button" class="entry" data-node="'+esc(id)+'"><strong>'+esc(node?.label??id)+'</strong><small>'+esc(edge.kind)+'</small></button></li>';
-    }).join('')):empty('No graph relationships','There are no visible relationships for this record.'))+'</div>';
-  }else{
-    details='<div class="panel-body stack"><div class="row"><h3>'+esc(item.kind==='agent'?hostName(item.label):item.label)+'</h3>'+chip(item.kind)+'</div><dl class="facts">'+fact('Project',item.project)+fact('Recorded by',item.agent&&hostName(item.agent))+fact('State',memory?.effectiveState??item.effectiveState)+fact('Updated',item.updatedAt&&isoTime(item.updatedAt))+'</dl>'+(item.kind==='memory'?'<pre>'+esc(memory?.content??item.snippet)+'</pre>'+action('copy-memory','Copy record'):'')+'</div>';
-  }
-  return '<div class="panel-head"><h2>Record inspector</h2>'+(item?chip(item.category??item.kind):'')+'</div><div class="tabs" aria-label="Inspector tabs">'+tabs+'</div>'+details;
-}
-function renderInspector(){const target=$('inspector');if(target)target.innerHTML=inspectorBody();syncGraphControls();}
-function overviewPage(){
-  const event=displayEvent();
-  const pack=state.context?.budget;
-  const compare=state.comparison;
-  const contextBody=pack?'<div class="panel-body stack"><div class="row"><span class="muted">Estimated pack tokens</span><strong class="mono">'+fmt(pack.estimatedTokens)+' / '+fmt(pack.tokenBudget)+'</strong></div><div class="meter"><i style="width:'+Math.min(100,Math.round(100*pack.estimatedTokens/Math.max(1,pack.tokenBudget)))+'%"></i></div>'+(compare?'<p class="small muted">Legacy '+fmt(compare.legacy.budget.estimatedTokens)+' · Adaptive '+fmt(compare.adaptive.budget.estimatedTokens)+' estimated tokens</p>':'')+view('context','Open context pack')+'</div>':empty('No context pack for this session','Assemble a pack to inspect estimated tokens and selection reasons.',view('context','Build context pack'));
-  return heading('Brain control room','Explore stored memories, inspect tool exchanges, and connect your project.',action('pause',state.motionPaused?'Resume motion':'Pause motion','','id="pause-motion" '+(reduced.matches?'disabled':''))+view('setup','Connection setup'))+
-    telemetryStrip()+'<div class="control-grid">'+rail()+graphMarkup()+'<section class="panel inspect" id="inspector">'+inspectorBody()+'</section></div><div class="lower">'+panel('Context efficiency',contextBody,chip('Estimates','pink'))+
-    panel('Activity journal','<div class="replay"><label for="replay" class="small muted">Seek record</label><input id="replay" type="range" min="0" max="'+Math.max(0,state.events.length-1)+'" value="'+Math.max(0,state.events.indexOf(event))+'" '+(state.events.length?'':'disabled')+'><output class="mono small" id="event-time">'+esc(event?time(event.timestamp):'—')+'</output>'+action('live','Latest','','id="return-live" '+(state.replayId?'':'hidden'))+'</div><div class="timeline" id="timeline">'+timelineMarkup()+'</div>', '<span id="journal-state">'+chip(state.replayId?'Replay':state.live?'Recorded activity':'Activity unavailable',state.replayId?'amber':'cyan')+'</span>')+'</div>';
-}
-function updateOverviewLive(){
-  const timeline=$('timeline'),range=$('replay');
-  if(!timeline||!range)return;
-  const event=displayEvent();
-  const markup=timelineMarkup(),previous=timeline.querySelector('[data-event]:focus')?.dataset.event;
-  if(timeline.dataset.markup!==markup){
-    timeline.innerHTML=markup;timeline.dataset.markup=markup;
-    if(previous)[...timeline.querySelectorAll('[data-event]')].find(node=>node.dataset.event===previous)?.focus({preventScroll:true});
-  }
-  const traceList=$('trace-list');
-  if(traceList&&!traceList.hidden){
-    const trace=timelineMarkup(true),previous=traceList.querySelector('[data-event]:focus')?.dataset.event;
-    if(traceList.dataset.markup!==trace){
-      traceList.innerHTML=trace;traceList.dataset.markup=trace;
-      if(previous)[...traceList.querySelectorAll('[data-event]')].find(node=>node.dataset.event===previous)?.focus({preventScroll:true});
-    }
-  }
-  range.max=String(Math.max(0,state.events.length-1));range.value=String(Math.max(0,state.events.indexOf(event)));range.disabled=!state.events.length;
-  if(event)range.setAttribute('aria-valuetext',time(event.timestamp)+' · '+eventLabel(event));
-  else range.removeAttribute('aria-valuetext');
-  $('event-time').textContent=event?time(event.timestamp):'—';
-  $('return-live').hidden=!state.replayId;
-  $('journal-state').innerHTML=chip(state.replayId?'Replay':state.live?'Recorded activity':'Activity unavailable',state.replayId?'amber':'cyan');
-  const strip=$('main').querySelector('.strip');if(strip)strip.outerHTML=telemetryStrip();
-  if(state.inspector==='event'&&!$('inspector').matches(':focus-within'))renderInspector();
-  const pause=$('pause-motion');pause.textContent=state.motionPaused?'Resume motion':'Pause motion';pause.disabled=reduced.matches;
-  drawGraph();
-}
-function contextPage(){
-  const input=state.contextInput??{};
-  const enabled=state.features?.features?.contextAssembly!==false;
-  const form='<div class="panel-body"><form class="form" data-form="context"><label>Task or keywords<textarea name="query" rows="3" maxlength="4096" placeholder="Describe the work this context pack supports">'+esc(input.query)+'</textarea></label><div class="form-grid"><label>Token budget<input name="tokenBudget" type="number" min="0" max="12000" value="'+esc(input.tokenBudget??2000)+'" required></label><label>Retrieval profile<select name="profile"><option value="adaptive">Adaptive</option><option value="legacy" '+(input.profile==='legacy'?'selected':'')+'>Legacy</option></select></label></div><label class="check"><input name="expandRelated" type="checkbox" '+(input.expandRelated?'checked':'')+'> Expand related memories</label><div class="actions">'+(state.project&&enabled?submit('Build pack')+'<button class="btn" type="submit" name="compare" value="yes">Compare profiles</button>':chip(state.project?'Context packs disabled':'Select a project','amber'))+'</div></form></div>';
-  const pack=state.context;
-  const output=pack?'<div class="panel-body stack"><div class="row"><strong>'+fmt(arr(pack.entries).length)+' selected memories</strong>'+chip(fmt(pack.budget.estimatedTokens)+' estimated tokens','pink')+'</div>'+arr(pack.warnings).map(warning=>'<p class="small amber">'+esc(warning)+'</p>').join('')+
-    (state.comparison?'<dl class="facts">'+fact('Legacy estimate',fmt(state.comparison.legacy.budget.estimatedTokens)+' tokens')+fact('Adaptive estimate',fmt(state.comparison.adaptive.budget.estimatedTokens)+' tokens')+'</dl>':'')+
-    (arr(pack.entries).length?list(pack.entries.map(entry=>'<li class="item"><strong>'+esc(entry.excerpt)+'</strong><small class="muted">'+esc(arr(entry.reasons).join(' · '))+'</small><small class="mono cyan">'+esc(arr(entry.sources).join(' · '))+'</small></li>').join('')):empty('No memories fit this pack','Check the project, keywords and budget.'))+'<div class="actions">'+action('copy-pack','Copy pack','primary')+'</div><details><summary>Rendered pack</summary><pre>'+esc(pack.markdown)+'</pre></details></div>':empty('Build a scoped context pack','The result shows the actual selected records, source references, and estimated token budget.');
-  return heading('Context packs','Assemble and copy project memory for a task.',view('usage','Usage evidence'))+'<div class="two">'+panel('Pack request',form,chip(scopeName()))+panel('Pack result',output)+'</div>';
-}
-function modelsPage(){
-  const hosts=arr(state.integrations?.agents);
-  const body=hosts.length?'<div class="table-wrap"><table><thead><tr><th>Client recipe</th><th>Project skill files</th><th>Retained activity</th><th>Model</th><th>Usage</th></tr></thead><tbody>'+hosts.map(host=>{
-    const events=state.events.filter(event=>event.agent===host.id),latest=events.at(-1);
-    return '<tr><td><strong>'+esc(host.label)+'</strong></td><td>'+esc(host.installation)+'</td><td>'+esc(latest?evidence(latest)+' · '+eventLabel(latest)+' · '+isoTime(latest.timestamp):state.live?'No retained records for this client':'Activity display is off')+'</td><td>Unavailable</td><td>Unavailable</td></tr>';
-  }).join('')+'</tbody></table></div><p class="panel-body small muted">Recipe availability and file presence do not verify client configuration. The journal records exchanges and reports. Current client connectivity is unavailable.</p>':error('integrations','client checks')||empty('Reading integration evidence','Client skill-file checks are loading.');
-  return heading('Connections and models','Review available client recipes and retained activity separately.',view('setup','Configure hosts'))+panel('Client evidence',body);
-}
-function usagePage(){
-  const measured=state.events.filter(event=>event.source==='measured'&&event.kind==='tool-end');
-  const reported=state.events.filter(event=>event.source==='reported');
-  const duration=measured.map(event=>event.durationMs).filter(Number.isFinite).sort((a,b)=>a-b);
-  const total=duration.length?duration.reduce((sum,item)=>sum+item,0):null;
-  return heading('Usage and timing','Inspect recorded tool activity separately from model usage and context estimates.')+telemetryStrip()+'<div class="two">'+panel('Tool activity','<div class="panel-body stack"><dl class="facts">'+fact('Measured tool returns',state.live?fmt(measured.length):undefined)+fact('Reported activity records',state.live?fmt(reported.length):undefined)+fact('Measured tool duration',total!==null?fmt(total)+' ms':undefined)+fact('Duration coverage',state.live?duration.length+' of '+measured.length+' measured tool returns':undefined)+'</dl><p class="small muted">Counts describe the retained records loaded for this workspace.</p></div>')+panel('Model usage',empty('Model usage unavailable','This workspace does not receive input, output, cached-token or cost receipts from model providers.',view('context','Inspect context estimates')) )+'</div>';
-}
-function setupPage(){
-  const features=state.features;
-  const flags=features?list(arr(features.definitions).map(item=>{
-    const reason=featureLimit(item.id),on=!reason&&features.features[item.id];
-    return '<li class="item"><div class="row"><strong>'+esc(item.label)+'</strong>'+btn(reason?'Unavailable':on?'On':'Off','data-feature="'+esc(item.id)+'" role="switch" aria-checked="'+!!on+'" aria-label="'+esc(item.label)+'" '+(state.pending||reason?'disabled':''))+'</div><p class="small muted">'+esc(reason??item.description)+'</p></li>';
-  }).join('')):error('features','feature settings')||empty('Loading feature settings','The server supplies the current switches and their descriptions.');
-  const hosts=arr(state.integrations?.agents);
-  const recipes=hosts.length?list(hosts.map(host=>'<li class="item"><div class="row"><h3>'+esc(host.label)+'</h3>'+chip(host.installation)+'</div><p class="small muted">'+esc(host.detail)+'</p><details><summary>Connection recipe</summary><div class="stack"><pre>'+esc(host.config?.content)+'</pre>'+arr(host.config?.notes).map(note=>'<p class="small muted">'+esc(note)+'</p>').join('')+'<div class="actions">'+action('copy-host','Copy configuration','','data-host="'+esc(host.id)+'"')+action('copy-command','Copy skill command','','data-host="'+esc(host.id)+'"')+'</div></div></details></li>').join('')):error('integrations','host recipes')||empty('Loading host recipes','Configuration recipes are generated locally.');
-  const checks=arr(state.integrations?.checks);
-  return heading('Workspace setup','Configure host access and manage the workspace’s real feature switches.',action('refresh','Refresh checks'))+'<div class="two">'+panel('Features',flags,features?chip('Revision '+features.revision):'')+panel('Client configuration',recipes,chip('Local recipes','cyan'))+'</div>'+panel('Local checks',checks.length?list(checks.map(check=>'<li class="item"><div class="row"><strong>'+esc(check.label)+'</strong>'+chip(check.status,check.status==='pass'?'green':check.status==='error'?'red':'')+'</div><p class="small muted">'+esc(check.detail)+'</p></li>').join('')):empty('No checks loaded','Refresh to retry host and storage checks.'),checks.length?action('copy-diagnostics','Copy diagnostics'):'');
-}
-const views={overview:overviewPage,context:contextPage,models:modelsPage,usage:usagePage,setup:setupPage,knowledge:knowledgePage,room:roomPage,learning:learningPage};
+export const BRAIN_HUB_VIEWS = String.raw `
+function eventLabel(event){
+  if(event.tool)return event.tool+' · '+(event.outcome??(event.kind==='tool-start'?'started':'returned'));
+  if(event.phase)return 'Phase · '+event.phase;
+  return event.kind.replaceAll('-',' ');
+}
+function eventTone(event){return event.source==='measured'?'cyan':'amber';}
+function evidence(event){return event.source==='measured'?'Measured '+(event.transport==='mcp'?'MCP':'tool'):'Reported';}
+function timelineMarkup(trace=false){
+  const events=state.events;
+  if(!events.length)return empty(state.errors.telemetry?'Activity unavailable':state.live?'No recorded activity':'Activity display is off',state.errors.telemetry||
+    (state.live?'A tool exchange or reported phase will appear here when activity recording is enabled.':'Enable live dashboard activity in Setup.'),view('setup','Open setup'));
+  return list([...events].reverse().map(event=>'<li><button class="entry event" type="button" data-event="'+esc(event.id)+'" aria-pressed="'+(state.replayId===event.id)+'"><time class="mono" datetime="'+esc(event.timestamp)+'">'+esc(time(event.timestamp))+'</time><span>'+esc(eventLabel(event))+' <span class="muted">· '+esc(hostName(event.agent))+'</span></span>'+chip(evidence(event),eventTone(event))+'</button></li>').join(''),trace?'aria-label="Recorded tool trace"':'aria-label="Recorded activity"');
+}
+function trace(values){
+  if(values.length<2)return '';
+  const max=Math.max(...values,1);
+  const points=values.map((value,index)=>(2+index*62/(values.length-1))+','+(22-value*19/max));
+  return '<svg class="metric-trace cyan" viewBox="0 0 66 26" aria-hidden="true"><path d="M'+points.join(' L')+'" fill="none" stroke="currentColor" stroke-width="1.25"/></svg>';
+}
+function telemetryStrip(){
+  const measured=state.events.filter(event=>event.source==='measured'&&event.kind==='tool-end');
+  const durations=measured.map(event=>event.durationMs).filter(Number.isFinite);
+  const observed=new Set(state.events.filter(event=>event.agent&&event.agent!=='user'&&event.agent!=='portal').map(event=>event.agent));
+  const memories=state.graph?.totalMemories??state.overview?.quality?.total;
+  const pack=state.context?.budget;
+  return '<dl class="strip"><div class="metric"><dt>Stored memories in scope</dt><dd class="mono cyan">'+fmt(memories)+'</dd><small>'+esc(scopeName())+'</small></div><div class="metric">'+trace(durations.slice(-16))+'<dt>Measured tool returns</dt><dd class="mono">'+(state.live?fmt(measured.length):'Unavailable')+'</dd><small>'+esc(state.errors.telemetry?'Activity unavailable':state.live?fmt(observed.size)+' client labels in retained activity':'Activity display off')+'</small></div><div class="metric"><dt>Model usage receipts</dt><dd class="mono">'+(state.usage?fmt(arr(state.usage.receipts).length):'Not loaded')+'</dd><small>'+(state.usage?'Host-reported · retained window':'Open Usage to inspect host reports')+'</small></div><div class="metric"><dt>Latest context pack estimate</dt><dd class="mono pink">'+(pack?fmt(pack.estimatedTokens)+' / '+fmt(pack.tokenBudget):'No pack built')+'</dd><small>'+esc(pack?arr(state.context.entries).length+' selected memories':'Assemble a scoped pack in Context')+'</small></div></dl>';
+}
+function rail(){
+  const graph=arr(state.graph?.nodes);
+  const projects=arr(state.overview?.projects).filter(project=>!state.project||project.id===state.project);
+  const memories=graph.filter(node=>node.kind==='memory').slice(0,6);
+  const projectsMarkup=projects.length?list(projects.slice(0,7).map(project=>'<li><button type="button" class="rail-entry" data-project="'+esc(project.id)+'" aria-pressed="'+(state.project===project.id)+'"><strong>'+esc(project.name)+'</strong><small>'+fmt(project.memories)+' memories</small></button></li>').join('')):empty('No projects with memories','Open a project workspace to add project-local knowledge.',view('setup','See setup'));
+  return '<aside class="panel rail" aria-label="Projects and recent records"><div class="rail-title row"><h2>Projects</h2>'+chip(projects.length)+'</div>'+projectsMarkup+'<div class="rail-title row"><h2>Recent records</h2>'+chip(memories.length)+'</div>'+(memories.length?list(memories.map(node=>'<li><button type="button" class="rail-entry" data-node="'+esc(node.id)+'"><strong>'+esc(node.label)+'</strong><small>'+esc(node.category)+' · '+esc(hostName(node.agent))+'</small></button></li>').join('')):empty('No memory records','Add project knowledge or connect a host.',view('knowledge','Open knowledge')) )+'</aside>';
+}
+function graphMarkup(){
+  const nodes=arr(state.graph?.nodes),nodeIds=new Set(nodes.map(node=>node.id));
+  const edges=arr(state.graph?.edges).filter(edge=>nodeIds.has(edge.source)&&nodeIds.has(edge.target));
+  const traceMode=state.graphMode==='trace';
+  const filters=[['all','All links',''],['project','Project membership','blue'],['author','Recorded author','pink'],['typed','Recorded relation','cyan']];
+  const legend=filters.map(([id,label,tone])=>'<button class="legend-filter" type="button" data-graph-filter="'+id+'" aria-pressed="'+(state.graphFilter===id)+'">'+
+    (tone?'<i class="'+tone+'" aria-hidden="true"></i>':'')+esc(label)+'</button>').join('');
+  const graphTools=traceMode?'':action('node-list','Find node','','aria-expanded="'+state.listing+'" aria-controls="node-list"')+
+    action('clear-focus','Clear focus','quiet','id="clear-focus" '+(state.focus?'':'hidden'));
+  return '<section class="panel graph-panel'+(state.graph&&!nodes.length&&!traceMode?' graph-panel-empty':'')+'"><div class="panel-head"><div><h2>'+(traceMode?'Recorded trace':'Memory graph')+'</h2><span class="small mono muted">'+fmt(nodes.length)+' records / '+fmt(edges.length)+' relationships'+(state.graph?.truncated?' · limited view':'')+'</span></div><div class="actions">'+
+    action('graph','Graph','','aria-pressed="'+!traceMode+'"')+action('trace','Trace','','aria-pressed="'+traceMode+'"')+graphTools+'</div></div>'+
+    '<div class="graph-stage" id="brain-stage"><canvas id="brain-canvas" aria-hidden="true" '+(traceMode?'hidden':'')+'></canvas><div class="graph-meta" aria-hidden="true"><span>Project memory</span><span>Recorded authors</span></div>'+
+    (!nodes.length&&!traceMode?'<div class="graph-empty"><strong>'+esc(state.errors.graph?'Memory graph unavailable':state.graph?'No stored graph records':'Loading memory graph')+'</strong><p class="small muted">'+esc(state.errors.graph??(state.graph?'Save knowledge or use a connected host to create your first record.':'Reading the selected workspace.'))+'</p><div class="actions">'+(state.errors.graph?action('refresh','Retry'):view('knowledge','Open knowledge')+view('setup','Connect a host'))+'</div></div>':'')+
+    graphFinderMarkup(!state.listing||traceMode)+'<div id="trace-list" class="trace-list" '+(traceMode?'':'hidden')+'>'+(traceMode?timelineMarkup(true):'')+'</div>'+
+    '<span class="live-path-label" id="graph-event" aria-hidden="true" hidden></span><div id="node-caption" class="focus-label" hidden></div></div>'+
+    (!traceMode?'<div class="graph-foot"><div class="legend" aria-label="Graph relationship filters">'+legend+'</div><div class="graph-camera" aria-label="Graph zoom controls">'+
+      action('graph-zoom-out','−','','id="graph-zoom-out" aria-label="Zoom out"')+'<output class="mono" id="graph-zoom">100%</output>'+
+      action('graph-zoom-in','+','','id="graph-zoom-in" aria-label="Zoom in"')+action('graph-fit','Fit','','aria-label="Reset graph to fit"')+'</div></div>':'')+
+    '<div class="graph-exchanges" id="graph-exchanges">'+exchangeMarkup()+'</div>'+
+    '<p class="small graph-foot" id="project-file-pulse" hidden></p></section>';
+}
+function inspectorBody(){
+  const item=arr(state.graph?.nodes).find(node=>node.id===state.picked);
+  const memory=state.memory?.memory;
+  const event=displayEvent();
+  const tabs=[['record','Record'],['sources','Sources'],['relations','Links'],['event','Event']].map(([id,label])=>btn(label,'data-inspect="'+id+'" aria-pressed="'+(state.inspector===id)+'"')).join('');
+  let details;
+  if(state.inspector==='event'){
+    details=event?'<div class="panel-body stack"><div class="row"><h3>'+esc(eventLabel(event))+'</h3>'+chip(evidence(event),eventTone(event))+'</div><dl class="facts">'+fact('Host',hostName(event.agent))+fact('Time',isoTime(event.timestamp))+fact('Transport',event.transport)+fact('Session',event.sessionId)+fact('Outcome',event.outcome)+fact('Duration',Number.isFinite(event.durationMs)?event.durationMs+' ms':undefined)+'</dl>'+pairedExchangeMarkup(event)+action('copy-event','Copy event receipt')+'</div>':empty(state.replayExpired?'Replay record expired':'No activity selected',state.replayExpired?'Choose another journal record or return to Latest.':'Select a recorded journal event to inspect its source and outcome.');
+  }else if(!item){
+    details=empty('Select a graph record','Choose a node, a recent record, or a journal event to inspect its evidence.',state.events.length?action('inspect-latest','Inspect latest event'):'');
+  }else if(state.inspector==='sources'){
+    const sources=arr(memory?.sources??item.sources);
+    details='<div class="panel-body stack"><h3>'+esc(item.label)+'</h3>'+(sources.length?list(sources.map(source=>'<li class="item mono small">'+esc(source)+'</li>').join('')):empty('No source attached','This record has no persisted source reference.'))+(local&&item.memoryId?action('source-evidence','Verify original source','','data-memory="'+esc(item.memoryId)+'"'):'')+'</div>';
+  }else if(state.inspector==='relations'){
+    const edges=arr(state.graph?.edges).filter(edge=>edge.source===item.id||edge.target===item.id);
+    details='<div class="panel-body stack"><h3>'+esc(item.label)+'</h3>'+(edges.length?list(edges.map(edge=>{
+      const id=edge.source===item.id?edge.target:edge.source;
+      const node=arr(state.graph?.nodes).find(point=>point.id===id);
+      return '<li><button type="button" class="entry" data-node="'+esc(id)+'"><strong>'+esc(node?.label??id)+'</strong><small>'+esc(edge.kind)+'</small></button></li>';
+    }).join('')):empty('No graph relationships','There are no visible relationships for this record.'))+'</div>';
+  }else{
+    details='<div class="panel-body stack"><div class="row"><h3>'+esc(item.kind==='agent'?hostName(item.label):item.label)+'</h3>'+chip(item.kind)+'</div><dl class="facts">'+fact('Project',item.project)+fact('Recorded by',item.agent&&hostName(item.agent))+fact('State',memory?.effectiveState??item.effectiveState)+fact('Updated',item.updatedAt&&isoTime(item.updatedAt))+'</dl>'+(item.kind==='memory'?'<pre>'+esc(memory?.content??item.snippet)+'</pre>'+action('copy-memory','Copy record'):'')+'</div>';
+  }
+  return '<div class="panel-head"><h2>Record inspector</h2>'+(item?chip(item.category??item.kind):'')+'</div><div class="tabs" aria-label="Inspector tabs">'+tabs+'</div>'+details;
+}
+function renderInspector(){
+  const target=$('inspector');
+  if(target){
+    const tab=target.querySelector('[data-inspect]:focus')?.dataset.inspect;
+    target.innerHTML=inspectorBody();
+    if(tab)[...target.querySelectorAll('[data-inspect]')].find(button=>button.dataset.inspect===tab)?.focus({preventScroll:true});
+  }
+  syncGraphControls();
+}
+function overviewPage(){
+  const event=displayEvent();
+  const pack=state.context?.budget;
+  const compare=state.comparison;
+  const contextBody=pack?'<div class="panel-body stack"><div class="row"><span class="muted">Estimated pack tokens</span><strong class="mono">'+fmt(pack.estimatedTokens)+' / '+fmt(pack.tokenBudget)+'</strong></div><div class="meter"><i style="width:'+Math.min(100,Math.round(100*pack.estimatedTokens/Math.max(1,pack.tokenBudget)))+'%"></i></div>'+(compare?'<p class="small muted">Legacy '+fmt(compare.legacy.budget.estimatedTokens)+' · Adaptive '+fmt(compare.adaptive.budget.estimatedTokens)+' estimated tokens</p>':'')+(state.context?.efficiency?'<p><strong>'+(state.context.efficiency.signedTokenDifference<0?fmt(-state.context.efficiency.signedTokenDifference)+' more estimated tokens':fmt(state.context.efficiency.estimatedTokensAvoided)+' estimated tokens avoided')+'</strong></p><p class="small muted">Compared with the same task using the largest pack permitted by project controls. '+state.context.efficiency.assemblyMs+' ms assembly. Not measured billing savings.</p>':'')+view('context','Open context pack')+'</div>':empty('No context pack for this session','Assemble a pack to inspect estimated tokens and selection reasons.',view('context','Build context pack'));
+  return heading('Brain control room','Explore stored memories, inspect tool exchanges, and connect your project.',action('pause',state.motionPaused?'Resume motion':'Pause motion','','id="pause-motion" '+(reduced.matches?'disabled':''))+view('setup','Connection setup'))+
+    telemetryStrip()+agentDock()+'<div class="control-grid">'+rail()+graphMarkup()+'<section class="panel inspect" id="inspector">'+inspectorBody()+'</section></div><div class="lower">'+panel('Context efficiency',contextBody,chip('Estimates','pink'))+
+    panel('Activity journal','<div class="replay"><label for="replay" class="small muted">Seek record</label><input id="replay" type="range" min="0" max="'+Math.max(0,state.events.length-1)+'" value="'+Math.max(0,state.events.indexOf(event))+'" '+(state.events.length?'':'disabled')+'><output class="mono small" id="event-time">'+esc(event?time(event.timestamp):state.replayExpired?'Expired':'—')+'</output>'+action('live','Latest','','id="return-live" '+(state.replayId?'':'hidden'))+'</div><div class="timeline" id="timeline">'+timelineMarkup()+'</div>', '<span id="journal-state">'+chip(state.replayId?(state.replayExpired?'Replay expired':'Replay'):state.live?'Recorded activity':'Activity unavailable',state.replayId?'amber':'cyan')+'</span>')+'</div>';
+}
+function updateOverviewLive(){
+  const timeline=$('timeline'),range=$('replay');
+  if(!timeline||!range)return;
+  const event=displayEvent();
+  const markup=timelineMarkup(),previous=timeline.querySelector('[data-event]:focus')?.dataset.event;
+  if(timeline.dataset.markup!==markup){
+    timeline.innerHTML=markup;timeline.dataset.markup=markup;
+    if(previous)[...timeline.querySelectorAll('[data-event]')].find(node=>node.dataset.event===previous)?.focus({preventScroll:true});
+  }
+  const traceList=$('trace-list');
+  if(traceList&&!traceList.hidden){
+    const trace=timelineMarkup(true),previous=traceList.querySelector('[data-event]:focus')?.dataset.event;
+    if(traceList.dataset.markup!==trace){
+      traceList.innerHTML=trace;traceList.dataset.markup=trace;
+      if(previous)[...traceList.querySelectorAll('[data-event]')].find(node=>node.dataset.event===previous)?.focus({preventScroll:true});
+    }
+  }
+  range.max=String(Math.max(0,state.events.length-1));range.value=String(Math.max(0,state.events.indexOf(event)));range.disabled=!state.events.length;
+  if(event)range.setAttribute('aria-valuetext',time(event.timestamp)+' · '+eventLabel(event));
+  else range.removeAttribute('aria-valuetext');
+  $('event-time').textContent=event?time(event.timestamp):state.replayExpired?'Expired':'—';
+  $('return-live').hidden=!state.replayId;
+  $('journal-state').innerHTML=chip(state.replayId?(state.replayExpired?'Replay expired':'Replay'):state.live?'Recorded activity':'Activity unavailable',state.replayId?'amber':'cyan');
+  const strip=$('main').querySelector('.strip');if(strip)strip.outerHTML=telemetryStrip();
+  if(state.inspector==='event'&&!$('inspector').matches(':focus-within'))renderInspector();
+  const pause=$('pause-motion');pause.textContent=state.motionPaused?'Resume motion':'Pause motion';pause.disabled=reduced.matches;
+  updateExchanges();drawGraph();updateAgentDock();
+}
+${BRAIN_HUB_CONTEXT}
+${BRAIN_HUB_AGENT_DOCK}
+${BRAIN_HUB_USAGE}
+${BRAIN_HUB_SESSIONS}
+${BRAIN_HUB_CONTROLS}
+${BRAIN_HUB_MANAGED_SKILLS}
+function setupPage(){
+  const features=state.features;
+  const flags=features?list(arr(features.definitions).map(item=>{
+    const reason=featureLimit(item.id),on=!reason&&features.features[item.id];
+    return '<li class="item"><div class="row"><strong>'+esc(item.label)+'</strong>'+btn(reason?'Unavailable':on?'On':'Off','data-feature="'+esc(item.id)+'" role="switch" aria-checked="'+!!on+'" aria-label="'+esc(item.label)+'" '+(state.pending||reason?'disabled':''))+'</div><p class="small muted">'+esc(reason??item.description)+'</p></li>';
+  }).join('')):error('features','feature settings')||empty('Loading feature settings','The server supplies the current switches and their descriptions.');
+  const hosts=arr(state.integrations?.agents);
+  const recipes=hosts.length?list(hosts.map(host=>'<li class="item"><div class="row"><h3>'+esc(host.label)+'</h3>'+chip(host.installation)+'</div><p class="small muted">'+esc(host.detail)+'</p><details><summary>Connection recipe</summary><div class="stack"><pre>'+esc(host.config?.content)+'</pre>'+arr(host.config?.notes).map(note=>'<p class="small muted">'+esc(note)+'</p>').join('')+'<div class="actions">'+action('copy-host','Copy configuration','','data-host="'+esc(host.id)+'"')+action('copy-command','Copy skill command','','data-host="'+esc(host.id)+'"')+'</div></div></details></li>').join('')):error('integrations','host recipes')||empty('Loading host recipes','Configuration recipes are generated locally.');
+  const checks=arr(state.integrations?.checks);
+  return heading('Workspace setup','Configure host access and manage the workspace’s real feature switches.',action('refresh','Refresh checks'))+projectControls()+managedSkillControls()+'<div class="two">'+panel('Features',flags,features?chip('Revision '+features.revision):'')+panel('Client configuration',recipes,chip('Local recipes','cyan'))+'</div>'+panel('Local checks',checks.length?list(checks.map(check=>'<li class="item"><div class="row"><strong>'+esc(check.label)+'</strong>'+chip(check.status,check.status==='pass'?'green':check.status==='error'?'red':'')+'</div><p class="small muted">'+esc(check.detail)+'</p></li>').join('')):empty('No checks loaded','Refresh to retry host and storage checks.'),checks.length?action('copy-diagnostics','Copy diagnostics'):'');
+}
+const views={overview:overviewPage,sessions:sessionsPage,context:contextPage,models:modelsPage,usage:usagePage,setup:setupPage,knowledge:knowledgePage,room:roomPage,learning:learningPage};
 ` + BRAIN_HUB_PROJECT_VIEWS + BRAIN_HUB_ACTIONS;
 //# sourceMappingURL=brain-hub-views.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"brain-hub-views.js","sourceRoot":"","sources":["../../src/dashboard/brain-hub-views.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJxC,GAAG,uBAAuB,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"brain-hub-views.js","sourceRoot":"","sources":["../../src/dashboard/brain-hub-views.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+HvC,iBAAiB;EACjB,oBAAoB;EACpB,eAAe;EACf,kBAAkB;EAClB,kBAAkB;EAClB,wBAAwB;;;;;;;;;;;;;CAazB,GAAG,uBAAuB,GAAG,iBAAiB,CAAC"}