nexus-prime 6.2.0 → 6.3.0

package/dist/dashboard/app/views/repo.js

@@ -4,18 +4,18 @@
  * Renders a d3 force-layout combining:
  *   - File nodes (source / test / config / other) from /api/knowledge-topology
  *   - Memory nodes linked to those files
- *   - Edges: memory→file references + memory co-tags
+ *   - Deterministic structural edges plus separate memory overlay edges
  *
  * Interactions:
  *   - Hover node → highlight 1-hop neighbours, dim others
  *   - Click node → open drawer with detail
  *   - Search input → highlight matching nodes by label
- *   - Build button → POST /api/dispatch (no-op if unavailable) or trigger ensureCrGraphBuilt
+ *   - Build button → POST /api/knowledge-topology/build with live SSE status
  */
 
-import { S }           from '../state.js';
-import { api, post }   from '../api.js';
-import { openDrawer }  from '../widgets/drawer.js';
+import { S }                 from '../state.js';
+import { api, post, bustCache } from '../api.js';
+import { openDrawer }        from '../widgets/drawer.js';
 
 const $ = id => document.getElementById(id);
 const esc = s => s == null ? '' : String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
@@ -23,11 +23,15 @@ const esc = s => s == null ? '' : String(s).replace(/&/g,'&amp;').replace(/</g,'
 let _sim = null;
 let _topo = null;
 let _searchTerm = '';
+let _buildState = { status: 'idle', message: '', at: 0 };
 
 /* ── Data loader ── */
 export async function load() {
     _topo = await api('/api/knowledge-topology', 60_000);
     if (_topo?.error) _topo = null;
+    if (_topo?.nodes?.length && !['queued', 'building'].includes(_buildState.status)) {
+        _setBuildState('ready', 'Graph ready.');
+    }
     _renderMeta();
     _renderGraph();
     _bindControls();
@@ -38,34 +42,84 @@ export function render() {
     _renderGraph();
 }
 
+export function handleBuildEvent(evt) {
+    const repoRoot = evt?.payload?.repoRoot;
+    const selectedRoot = S.workspace?.repoRoot;
+    if (repoRoot && selectedRoot && repoRoot !== selectedRoot) return;
+
+    if (evt?.type === 'graph.cr.build.start') {
+        _setBuildState('building', 'Graph build in progress…');
+        return;
+    }
+    if (evt?.type === 'graph.cr.build.complete') {
+        _setBuildState('ready', 'Graph ready.');
+        bustCache('/api/knowledge-topology');
+        void load();
+        return;
+    }
+    if (evt?.type === 'graph.cr.build.failed') {
+        _setBuildState('failed', 'Graph build failed. Check backend logs and retry.');
+    }
+}
+
 /* ── Meta header ── */
 function _renderMeta() {
     const el = $('repo-graph-meta'); if (!el) return;
-    if (!_topo) { el.textContent = 'No topology data'; return; }
-    const { meta, repoName, generatedAt } = _topo;
-    const ts = generatedAt ? new Date(generatedAt).toLocaleTimeString([],{hour:'2-digit',minute:'2-digit'}) : '—';
-    el.textContent = `${repoName || '—'} · ${meta?.fileCount ?? 0} files · ${meta?.memoryCount ?? 0} memories · ${meta?.edgeCount ?? 0} edges · ${ts}`;
+    if (!_topo) {
+        el.textContent = _buildState.message || 'No topology data';
+        _syncBuildControls();
+        return;
+    }
+    const meta = _topo.meta || {};
+    const provenance = _topo.provenance || {};
+    const generatedAt = _topo.generatedAt
+        ? new Date(_topo.generatedAt).toLocaleTimeString([], { hour:'2-digit', minute:'2-digit' })
+        : '—';
+    const buildLabel = _buildState.status === 'idle'
+        ? 'idle'
+        : `${_buildState.status}${_buildState.message ? ` · ${_buildState.message}` : ''}`;
+    el.innerHTML = [
+        `<span>${esc(_topo.repoName || 'workspace')}</span>`,
+        `<span>${fmtNum(meta.fileCount ?? 0)} files</span>`,
+        `<span>${fmtNum(meta.edgeCount ?? 0)} edges</span>`,
+        `<span>${esc(provenance.graphSource || meta.graphSource || 'unknown-source')}</span>`,
+        `<span>${esc(provenance.freshness || meta.freshness || 'n/a')}</span>`,
+        `<span>${esc(buildLabel)}</span>`,
+        `<span>${esc(generatedAt)}</span>`,
+    ].join(' · ');
+    _syncBuildControls();
 }
 
 /* ── D3 force graph ── */
 function _renderGraph() {
     const svg = $('repo-graph-svg');
     const empty = $('repo-graph-empty');
-    if (!svg || typeof d3 === 'undefined') return;
+    if (!svg || !empty) return;
+
+    if (typeof d3 === 'undefined') {
+        svg.innerHTML = '';
+        _showEmpty('Graph rendering unavailable', 'D3 did not load. Build state and metadata are still live.');
+        return;
+    }
 
     if (!_topo || !_topo.nodes?.length) {
-        if (empty) { empty.style.display = 'flex'; }
+        svg.innerHTML = '';
+        const fallback = _buildState.status === 'failed'
+            ? ['Graph build failed', _buildState.message || 'Retry the build when the backend is healthy.']
+            : _buildState.status === 'queued' || _buildState.status === 'building'
+                ? ['Graph build in progress', _buildState.message || 'Waiting for backend build events…']
+                : ['Repo graph not built yet', 'Queue a graph build to render deterministic repo relationships.'];
+        _showEmpty(fallback[0], fallback[1]);
         return;
     }
-    if (empty) empty.style.display = 'none';
+
+    empty.style.display = 'none';
 
     const container = $('repo-graph-container');
     const W = container?.clientWidth  || 680;
     const H = container?.clientHeight || 480;
 
-    // Build node and link arrays (mutable copies for simulation)
     const nodes = _topo.nodes.map(n => ({ ...n }));
-    const nodeById = new Map(nodes.map(n => [n.id, n]));
     const links = (_topo.edges || []).map(e => ({ ...e }));
 
     const d3s = d3.select(svg);
@@ -75,38 +129,34 @@ function _renderGraph() {
     if (_sim) _sim.stop();
 
     _sim = d3.forceSimulation(nodes)
-        .force('link',   d3.forceLink(links).id(d => d.id).distance(d => d.type === 'co-tagged' ? 80 : 55).strength(0.2))
-        .force('charge', d3.forceManyBody().strength(d => d.type === 'memory' ? -40 : -65))
+        .force('link',   d3.forceLink(links).id(d => d.id).distance(d => _edgeDistance(d.type)).strength(0.22))
+        .force('charge', d3.forceManyBody().strength(d => d.type === 'memory' ? -40 : -70))
         .force('center', d3.forceCenter(W / 2, H / 2))
         .force('collide', d3.forceCollide(d => _nodeR(d) + 3));
 
-    // ── Edge layer ──
     const linkLayer = d3s.append('g').attr('class', 'links');
     const linkEl = linkLayer.selectAll('line')
         .data(links).enter().append('line')
-        .attr('stroke', d => d.type === 'co-tagged' ? '#3f3f46' : '#27272a')
-        .attr('stroke-width', 1)
-        .attr('stroke-opacity', 0.5)
-        .attr('stroke-dasharray', d => d.type === 'co-tagged' ? '3,3' : null);
+        .attr('stroke', d => _edgeColor(d.type))
+        .attr('stroke-width', d => d.type === 'imports' ? 1.3 : 1)
+        .attr('stroke-opacity', d => d.type === 'memory-overlay' ? 0.35 : 0.5)
+        .attr('stroke-dasharray', d => ['memory-overlay', 'memory-association'].includes(d.type) ? '3,3' : null);
 
-    // ── Node layer ──
     const nodeLayer = d3s.append('g').attr('class', 'nodes');
     const nodeEl = nodeLayer.selectAll('.repo-node')
         .data(nodes).enter().append(d => _makeNodeEl(d))
         .attr('class', 'repo-node')
         .style('cursor', 'pointer')
-        .on('mouseover', (ev, d) => _onHover(d, nodeEl, linkEl, nodeById))
+        .on('mouseover', (ev, d) => _onHover(d, nodeEl, linkEl))
         .on('mouseout',  ()      => _onHoverOut(nodeEl, linkEl))
         .on('click',     (ev, d) => _onClick(d));
 
-    // Drag behaviour
     const drag = d3.drag()
         .on('start', (ev, d) => { if (!ev.active) _sim.alphaTarget(0.3).restart(); d.fx = d.x; d.fy = d.y; })
         .on('drag',  (ev, d) => { d.fx = ev.x; d.fy = ev.y; })
         .on('end',   (ev, d) => { if (!ev.active) _sim.alphaTarget(0); d.fx = null; d.fy = null; });
     nodeEl.call(drag);
 
-    // Tick
     _sim.on('tick', () => {
         linkEl
             .attr('x1', d => d.source.x).attr('y1', d => d.source.y)
@@ -125,26 +175,25 @@ function _makeNodeEl(d) {
         c.setAttribute('r', String(r));
         c.setAttribute('fill', _memColor(d));
         c.setAttribute('fill-opacity', '0.85');
-        c.setAttribute('stroke', '#000');
-        c.setAttribute('stroke-width', '1');
-        if (d.promoted) {
-            c.classList.add('node-pulse');
-        }
+        c.setAttribute('stroke', d.promoted ? '#a78bfa' : '#000');
+        c.setAttribute('stroke-width', d.promoted ? '1.5' : '1');
+        if (d.promoted) c.classList.add('node-pulse');
         doc.appendChild(c);
-    } else {
-        const half = r;
-        const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
-        rect.setAttribute('x', String(-half));
-        rect.setAttribute('y', String(-half));
-        rect.setAttribute('width', String(half * 2));
-        rect.setAttribute('height', String(half * 2));
-        rect.setAttribute('rx', '2');
-        rect.setAttribute('fill', _fileColor(d));
-        rect.setAttribute('fill-opacity', '0.8');
-        rect.setAttribute('stroke', '#000');
-        rect.setAttribute('stroke-width', '1');
-        doc.appendChild(rect);
+        return doc;
     }
+
+    const half = r;
+    const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+    rect.setAttribute('x', String(-half));
+    rect.setAttribute('y', String(-half));
+    rect.setAttribute('width', String(half * 2));
+    rect.setAttribute('height', String(half * 2));
+    rect.setAttribute('rx', '2');
+    rect.setAttribute('fill', _fileColor(d));
+    rect.setAttribute('fill-opacity', '0.8');
+    rect.setAttribute('stroke', '#000');
+    rect.setAttribute('stroke-width', '1');
+    doc.appendChild(rect);
     return doc;
 }
 
@@ -153,11 +202,28 @@ function _nodeR(d) {
     return 5;
 }
 
+function _edgeDistance(type) {
+    if (type === 'memory-association') return 85;
+    if (type === 'memory-overlay') return 70;
+    if (type === 'configures') return 80;
+    if (type === 'tests') return 60;
+    return 55;
+}
+
+function _edgeColor(type) {
+    if (type === 'imports') return '#27272a';
+    if (type === 'tests') return '#22c55e';
+    if (type === 'configures') return '#78716c';
+    if (type === 'memory-overlay') return '#00d4ff';
+    if (type === 'memory-association') return '#3f3f46';
+    return '#27272a';
+}
+
 function _memColor(d) {
     const tier = d.tier || 'cortex';
     if (tier === 'prefrontal' || tier === 'working') return '#00d4ff';
     if (tier === 'hippocampus' || tier === 'episodic') return '#00ff88';
-    return '#ffd14d'; // cortex / semantic
+    return '#ffd14d';
 }
 
 function _fileColor(d) {
@@ -169,7 +235,7 @@ function _fileColor(d) {
 }
 
 /* ── Hover: highlight 1-hop neighbours ── */
-function _onHover(d, nodeEl, linkEl, nodeById) {
+function _onHover(d, nodeEl, linkEl) {
     const connected = new Set([d.id]);
     linkEl.each(function(l) {
         const s = typeof l.source === 'object' ? l.source.id : l.source;
@@ -188,41 +254,55 @@ function _onHover(d, nodeEl, linkEl, nodeById) {
 
 function _onHoverOut(nodeEl, linkEl) {
     nodeEl.attr('opacity', 1);
-    linkEl.attr('stroke-opacity', 0.5);
+    linkEl.attr('stroke-opacity', l => l.type === 'memory-overlay' ? 0.35 : 0.5);
     _hideTooltip();
 }
 
 /* ── Click → drawer ── */
 function _onClick(d) {
-    const lines = [];
+    const rows = [];
     if (d.type === 'file') {
-        lines.push(`<div class="detail-row"><span class="detail-lbl">Path</span><code class="mono">${esc(d.path)}</code></div>`);
-        lines.push(`<div class="detail-row"><span class="detail-lbl">Kind</span>${esc(d.kind || 'other')}</div>`);
+        rows.push(['Path', d.path]);
+        rows.push(['Kind', d.kind || 'other']);
     } else {
-        lines.push(`<div class="detail-row"><span class="detail-lbl">Tier</span>${esc(d.tier)}</div>`);
-        lines.push(`<div class="detail-row"><span class="detail-lbl">Priority</span>${(d.priority||0).toFixed(2)}</div>`);
-        if (d.tags?.length) {
-            lines.push(`<div class="detail-row"><span class="detail-lbl">Tags</span>${d.tags.map(t=>`<span class="tag">${esc(t)}</span>`).join(' ')}</div>`);
-        }
-        lines.push(`<div class="detail-row" style="margin-top:8px">${esc(d.label)}</div>`);
+        rows.push(['Tier', d.tier || 'cortex']);
+        rows.push(['Priority', (d.priority || 0).toFixed(2)]);
+        rows.push(['Tags', Array.isArray(d.tags) && d.tags.length ? d.tags.join(', ') : '—']);
     }
-    openDrawer(d.label || d.id, `<div class="detail-block">${lines.join('')}</div>`);
+    rows.push(['Node type', d.type || 'unknown']);
+    openDrawer({
+        title: d.label || d.id,
+        body: `<div class="detail-block">
+            ${rows.map(([k, v]) => `<div class="detail-row"><span class="detail-lbl">${esc(k)}</span><span>${esc(String(v ?? '—'))}</span></div>`).join('')}
+        </div>`,
+    });
 }
 
 /* ── Search highlight ── */
 function _applySearch() {
-    if (!_searchTerm) return;
+    const nodes = d3.selectAll('.repo-node');
+    if (!_searchTerm) {
+        nodes.attr('opacity', 1);
+        return;
+    }
     const q = _searchTerm.toLowerCase();
-    d3.selectAll('.repo-node').attr('opacity', d =>
-        (d.label || d.path || d.id || '').toLowerCase().includes(q) ? 1 : 0.15,
-    );
+    nodes.attr('opacity', d => (d.label || d.path || d.id || '').toLowerCase().includes(q) ? 1 : 0.15);
 }
 
 /* ── Controls ── */
 function _bindControls() {
     const buildHandler = async () => {
-        await post('/api/orchestrate', { goal: 'Build the code review graph for this repository.' }).catch(() => {});
+        _setBuildState('queued', 'Graph build queued…');
+        const result = await post('/api/knowledge-topology/build', {});
+        if (!result.ok) {
+            _setBuildState('failed', result.error || 'Graph build could not be queued.');
+            return;
+        }
+        bustCache('/api/knowledge-topology');
+        _renderMeta();
+        _renderGraph();
     };
+
     const b1 = $('repo-build-btn');
     const b2 = $('repo-build-btn2');
     if (b1) b1.onclick = buildHandler;
@@ -232,13 +312,58 @@ function _bindControls() {
     if (si) {
         si.oninput = () => {
             _searchTerm = si.value.trim();
-            if (!_searchTerm) {
-                d3.selectAll('.repo-node').attr('opacity', 1);
-            } else {
-                _applySearch();
-            }
+            if (typeof d3 === 'undefined') return;
+            _applySearch();
         };
     }
+
+    _syncBuildControls();
+}
+
+function _syncBuildControls() {
+    const buttons = [$('repo-build-btn'), $('repo-build-btn2')].filter(Boolean);
+    const label = _buildState.status === 'building'
+        ? 'Building…'
+        : _buildState.status === 'queued'
+            ? 'Queued…'
+            : _buildState.status === 'failed'
+                ? 'Retry build'
+                : _buildState.status === 'ready'
+                    ? 'Rebuild graph'
+                    : 'Build graph';
+    for (const btn of buttons) {
+        btn.textContent = label;
+        btn.disabled = ['queued', 'building'].includes(_buildState.status);
+        btn.title = _buildState.message || '';
+    }
+}
+
+function _setBuildState(status, message='') {
+    _buildState = { status, message, at: Date.now() };
+    _syncBuildControls();
+}
+
+function _showEmpty(title, subtitle) {
+    const empty = $('repo-graph-empty');
+    if (!empty) return;
+    empty.style.display = 'flex';
+    empty.innerHTML = `
+        <span>${esc(title)}</span>
+        <span style="font-size:var(--caption);opacity:.7;max-width:360px;text-align:center">${esc(subtitle)}</span>
+        <button id="repo-build-btn2" class="btn btn-sm">${_buildState.status === 'failed' ? 'Retry build' : 'Build now'}</button>`;
+    $('repo-build-btn2')?.addEventListener('click', async () => {
+        _setBuildState('queued', 'Graph build queued…');
+        const result = await post('/api/knowledge-topology/build', {});
+        if (!result.ok) {
+            _setBuildState('failed', result.error || 'Graph build could not be queued.');
+            _renderMeta();
+            _renderGraph();
+            return;
+        }
+        bustCache('/api/knowledge-topology');
+        _renderMeta();
+        _renderGraph();
+    });
 }
 
 /* ── Tooltip ── */
@@ -253,10 +378,23 @@ function _showTooltip(txt) {
     _tip.style.display = 'block';
     document.addEventListener('mousemove', _moveTooltip, { passive: true });
 }
+
 function _moveTooltip(ev) {
-    if (_tip) { _tip.style.left = (ev.clientX + 12) + 'px'; _tip.style.top = (ev.clientY - 8) + 'px'; }
+    if (_tip) {
+        _tip.style.left = (ev.clientX + 12) + 'px';
+        _tip.style.top = (ev.clientY - 8) + 'px';
+    }
 }
+
 function _hideTooltip() {
     if (_tip) _tip.style.display = 'none';
     document.removeEventListener('mousemove', _moveTooltip);
 }
+
+function fmtNum(n) {
+    if (n == null || isNaN(n)) return '—';
+    const v = Number(n);
+    if (v >= 1e6) return (v / 1e6).toFixed(1) + 'M';
+    if (v >= 1000) return (v / 1000).toFixed(1) + 'K';
+    return String(Math.round(v));
+}

package/dist/dashboard/app/views/workforce.js

@@ -134,19 +134,22 @@ function _buildDispatchStrip(run) {
 
 /* ── Data loader ── */
 export async function load() {
-    const [teams, health, disp, appr, assets] = await Promise.all([
+    const [teams, health, disp, appr, assets, healthData] = await Promise.all([
         api('/api/synapse/teams', 5000),
         api('/api/synapse/health', 5000),
         api('/api/architects/dispatch', 5000),
         api('/api/synapse/approvals', 5000),
         api('/api/dashboard/surface/assets', 15000),
+        api('/api/health', 15000),
     ]);
     S.synapseTeams  = teams;
+    S.synapseHealthRaw = health;
     S.synapseHealth = (Array.isArray(health) ? health : (health?.operatives||[])).map(_norm);
     S.archDispatch  = disp;
     S.approvals     = Array.isArray(appr) ? appr : (appr?.approvals||[]);
     S.assetsSurface = assets;
-    notifyNotReady([teams, disp], _toast);
+    S.healthData    = healthData;
+    notifyNotReady([teams, health, disp]);
     render();
 }
 
@@ -303,26 +306,73 @@ function _buildHireSelectors() {
              teamOptions: sel('hire-team', 'Strike team (optional)', teamOptions) };
 }
 
+function _getHireReadiness() {
+    const synapseState = S.healthData?.runtimeEnvelope?.engines?.synapse ?? {};
+    const memoryStorage = S.healthData?.memory?.storage ?? {};
+    const notes = [];
+    const blocked = Boolean(
+        S.synapseHealthRaw?.notReady
+        || synapseState.ready === false
+        || synapseState.available === false,
+    );
+    if (blocked) {
+        notes.push({ tone: 'bad', text: S.synapseHealthRaw?.reason || synapseState.reason || 'Synapse is not ready for hires in this dashboard session.' });
+    }
+    if (synapseState.fallbackApplied) {
+        notes.push({ tone: 'warn', text: synapseState.reason || 'Synapse is running in fallback storage mode.' });
+    }
+    if (memoryStorage.fallbackApplied) {
+        notes.push({ tone: 'warn', text: memoryStorage.fallbackReason || 'Memory storage fallback is active.' });
+    }
+    return { blocked, notes };
+}
+
+function _formatHireFailure(result) {
+    const hint = result?.data?.hint;
+    const base = result?.error || 'Hire failed.';
+    return hint ? `${base} ${hint}` : base;
+}
+
 function _showHireSheet(specialistId, name) {
     const { opOptions, teamOptions } = _buildHireSelectors();
+    const readiness = _getHireReadiness();
+    const noticesHtml = readiness.notes.length
+        ? `<div class="dsec" style="margin-bottom:var(--space-4)">
+            ${readiness.notes.map(note => `<div style="padding:8px 10px;border:1px solid ${note.tone === 'bad' ? '#ff5f5733' : '#ffd14d33'};background:${note.tone === 'bad' ? '#ff5f5712' : '#ffd14d12'};color:${note.tone === 'bad' ? 'var(--bad)' : '#ffd14d'};border-radius:8px;font-size:var(--text-sm);margin-bottom:8px">${esc(note.text)}</div>`).join('')}
+        </div>`
+        : '';
     openDrawer({ title: `Hire ${name}`,
         body: `<div class="dsec">
             <div class="dsec-title">Specialist</div>
             <div style="font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)">${esc(name)}<br><span style="opacity:.6">${esc(specialistId)}</span></div>
+            ${noticesHtml}
             ${opOptions}
             ${teamOptions}
             <label style="display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)">Budget cap (USD)</label>
             <input type="number" id="hire-budget" value="2.00" step="0.50" min="0.50" max="50"
                 style="width:100%;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:var(--text-sm);color:var(--text-main);margin-bottom:var(--space-4)">
-            <button class="btn btn-primary" id="hire-confirm-btn" data-specid="${esc(specialistId)}" data-specname="${esc(name)}">Confirm Hire</button>
+            <button class="btn btn-primary" id="hire-confirm-btn" data-specid="${esc(specialistId)}" data-specname="${esc(name)}" ${readiness.blocked ? 'disabled title="Synapse is not ready"' : ''}>Confirm Hire</button>
+            <div id="hire-inline-status" style="margin-top:var(--space-3);font-size:var(--text-sm);color:${readiness.blocked ? 'var(--bad)' : 'var(--text-muted)'}">${readiness.blocked ? esc(readiness.notes[0]?.text || 'Synapse is not ready for hires.') : ''}</div>
         </div>` });
 
     document.getElementById('hire-confirm-btn')?.addEventListener('click', async btn => {
+        if (readiness.blocked) {
+            const status = document.getElementById('hire-inline-status');
+            if (status) status.textContent = readiness.notes[0]?.text || 'Synapse is not ready for hires.';
+            return;
+        }
         const specId = btn.target.dataset.specid;
         const specName = btn.target.dataset.specname;
         const budget = parseFloat(document.getElementById('hire-budget')?.value||'2');
         const reportsToVal = (document.getElementById('hire-reports-to')?.value||'').trim()||null;
         const teamVal = (document.getElementById('hire-team')?.value||'').trim()||null;
+        const inlineStatus = document.getElementById('hire-inline-status');
+        if (inlineStatus) {
+            inlineStatus.textContent = readiness.notes.some(note => note.tone === 'warn')
+                ? 'Submitting hire request. Fallback storage warning is active.'
+                : 'Submitting hire request…';
+            inlineStatus.style.color = readiness.notes.some(note => note.tone === 'warn') ? '#ffd14d' : 'var(--text-muted)';
+        }
         btn.target.disabled = true;
         btn.target.textContent = 'Hiring…';
 
@@ -341,13 +391,20 @@ function _showHireSheet(specialistId, name) {
                 <div style="color:var(--accent);font-size:var(--text-sm);margin-bottom:var(--space-4)" id="hire-status-msg">Confirming with server…</div>
                 <div class="drow" id="hire-id-row" style="display:none"><span class="drow-k">ID</span><span class="drow-v" id="hire-id-val">—</span></div>
                 <div class="drow" id="hire-cost-row" style="display:none"><span class="drow-k">Est. per sortie</span><span class="drow-v" id="hire-cost-val">—</span></div>
+                <div class="drow"><span class="drow-k">Reports to</span><span class="drow-v">${esc(reportsToVal || 'team lead')}</span></div>
+                <div class="drow"><span class="drow-k">Strike team</span><span class="drow-v">${esc(teamVal || 'solo')}</span></div>
+                <div class="drow"><span class="drow-k">Budget cap</span><span class="drow-v">$${budget.toFixed(2)}</span></div>
             </div>` });
 
         // Reconcile when real response arrives.
         result.realResponse?.then(real => {
             const msg = document.getElementById('hire-status-msg');
             if (real.ok) {
-                if (msg) msg.textContent = 'Hired successfully.';
+                if (msg) {
+                    msg.textContent = readiness.notes.some(note => note.tone === 'warn')
+                        ? 'Hired successfully. Fallback storage warning is still active.'
+                        : 'Hired successfully.';
+                }
                 const idRow = document.getElementById('hire-id-row');
                 const idVal = document.getElementById('hire-id-val');
                 if (idRow && idVal) { idVal.textContent = (real.data?.operative?.id||'').slice(-12)||'—'; idRow.style.display=''; }
@@ -393,7 +450,10 @@ function _showHireSheet(specialistId, name) {
                     }).catch(() => { _dispatches.delete('__warmup__'); _refreshDrawerForOp(operativeId); });
                 }
             } else {
-                if (msg) { msg.textContent = `Hire failed: ${real.error||'server error'}`; msg.style.color = 'var(--bad)'; }
+                if (msg) {
+                    msg.textContent = `Hire failed: ${_formatHireFailure(real)}`;
+                    msg.style.color = 'var(--bad)';
+                }
             }
         }).catch(() => {
             const msg = document.getElementById('hire-status-msg');

package/dist/dashboard/routes/graph.d.ts

@@ -1,13 +1,2 @@
-/**
- * graph.ts — /api/knowledge-topology
- *
- * Returns a combined node+edge graph for the repo view:
- *   - File nodes from orchestrator.listTopologyFiles() (up to 120)
- *   - Memory nodes from memory.listSnapshots() (up to 60)
- *   - Edges: memory→file when a relative file path appears in a memory excerpt
- *
- * Cached 60s via respondCachedJson. No cr-graph connection at route time
- * (cr-graph build is non-blocking, done by ensureCrGraphBuilt in Cut 18).
- */
 import type { DashboardRouteHandler } from '../types.js';
 export declare const handleGraphRoutes: DashboardRouteHandler;