@kage-core/kage-graph-mcp 1.1.35 → 1.1.37

package/viewer/app.js

@@ -13,10 +13,11 @@
     visibleEntityIds: new Set(),
     visibleEdgeIds: new Set(),
     selected: null,
+    revealSelection: false,
+    viewerPage: "overview",
     viewerSection: "overview",
     viewerAction: null,
-    workspaceTab: "controls",
-    workspaceOpen: false,
+    graphActionFilter: "",
     pathHighlight: {
       nodes: new Set(),
       edges: new Set(),
@@ -29,11 +30,23 @@
       quality: null,
       benchmark: null,
       contributors: null,
+      profile: null,
+      capabilities: null,
+      slots: null,
       decisions: null,
       risk: null,
       moduleHealth: null,
       graphInsights: null,
-      workspace: null
+      workspace: null,
+      sessions: null,
+      replay: null,
+      memoryAccess: null,
+      memoryAudit: null,
+      handoff: null,
+      lifecycle: null,
+      timeline: null,
+      lineage: null,
+      setup: null
     },
     pendingPackets: [],
     reviewText: "",
@@ -140,6 +153,9 @@
     renderMode: document.getElementById("renderMode"),
     typeFilter: document.getElementById("typeFilter"),
     relationFilter: document.getElementById("relationFilter"),
+    showUntrusted: document.getElementById("showUntrusted"),
+    showUncovered: document.getElementById("showUncovered"),
+    showMemoryCode: document.getElementById("showMemoryCode"),
     scopeFilter: document.getElementById("scopeFilter"),
     maxNodes: document.getElementById("maxNodes"),
     showDependencies: document.getElementById("showDependencies"),
@@ -160,27 +176,95 @@
     entityList: document.getElementById("entityList"),
     edgeList: document.getElementById("edgeList"),
     metricsSummary: document.getElementById("metricsSummary"),
+    graphInsightStatus: document.getElementById("graphInsightStatus"),
+    graphInsights: document.getElementById("graphInsights"),
     entityCount: document.getElementById("entityCount"),
     edgeCount: document.getElementById("edgeCount"),
     reviewCount: document.getElementById("reviewCount"),
     dashboardStats: document.getElementById("dashboardStats"),
+    dashboardCharts: document.getElementById("dashboardCharts"),
+    memoryStatus: document.getElementById("memoryStatus"),
+    memoryStats: document.getElementById("memoryStats"),
+    memoryOverview: document.getElementById("memoryOverview"),
+    lifecycleStatus: document.getElementById("lifecycleStatus"),
+    lifecycleSummary: document.getElementById("lifecycleSummary"),
+    lifecycleList: document.getElementById("lifecycleList"),
+    memoryReviewStatus: document.getElementById("memoryReviewStatus"),
+    memoryReviewActions: document.getElementById("memoryReviewActions"),
+    memoryTimelineStatus: document.getElementById("memoryTimelineStatus"),
+    memoryTimelineSummary: document.getElementById("memoryTimelineSummary"),
+    memoryTimelineList: document.getElementById("memoryTimelineList"),
+    memoryAuditStatus: document.getElementById("memoryAuditStatus"),
+    memoryAuditSummary: document.getElementById("memoryAuditSummary"),
+    memoryAuditList: document.getElementById("memoryAuditList"),
+    memoryLineageStatus: document.getElementById("memoryLineageStatus"),
+    memoryLineageSummary: document.getElementById("memoryLineageSummary"),
+    memoryLineageList: document.getElementById("memoryLineageList"),
+    sessionCaptureStatus: document.getElementById("sessionCaptureStatus"),
+    sessionCaptureSummary: document.getElementById("sessionCaptureSummary"),
+    sessionCaptureList: document.getElementById("sessionCaptureList"),
+    memorySearch: document.getElementById("memorySearch"),
+    memoryFilter: document.getElementById("memoryFilter"),
+    memoryList: document.getElementById("memoryList"),
+    ownersStatus: document.getElementById("ownersStatus"),
+    ownersSummary: document.getElementById("ownersSummary"),
+    ownersList: document.getElementById("ownersList"),
+    reviewOverview: document.getElementById("reviewOverview"),
+    handoffStatus: document.getElementById("handoffStatus"),
+    handoffSummary: document.getElementById("handoffSummary"),
+    handoffList: document.getElementById("handoffList"),
     reviewList: document.getElementById("reviewList"),
+    proofOverview: document.getElementById("proofOverview"),
     proofStatus: document.getElementById("proofStatus"),
     proofList: document.getElementById("proofList"),
     intelligenceStatus: document.getElementById("intelligenceStatus"),
     intelligenceList: document.getElementById("intelligenceList"),
-    viewerSectionButtons: typeof document.querySelectorAll === "function" ? Array.from(document.querySelectorAll("[data-viewer-section]")) : [],
-    dashboardActionButtons: typeof document.querySelectorAll === "function" ? Array.from(document.querySelectorAll("[data-dashboard-action]")) : [],
-    workspaceTabs: typeof document.querySelectorAll === "function" ? Array.from(document.querySelectorAll("[data-workspace-tab]")) : [],
-    quickViewButtons: typeof document.querySelectorAll === "function" ? Array.from(document.querySelectorAll("[data-quick-view]")) : [],
-    quickRenderButtons: typeof document.querySelectorAll === "function" ? Array.from(document.querySelectorAll("[data-quick-render]")) : [],
-    quickSearch: document.getElementById("quickSearch"),
-    quickPath: document.getElementById("quickPath"),
-    quickInspector: document.getElementById("quickInspector"),
-    closeWorkspace: document.getElementById("closeWorkspace")
+    debugOverview: document.getElementById("debugOverview"),
+    pageEyebrow: document.getElementById("pageEyebrow"),
+    pageTitle: document.getElementById("pageTitle"),
+    viewerPageLinks: typeof document.querySelectorAll === "function" ? Array.from(document.querySelectorAll("[data-viewer-page]")) : [],
+  };
+
+  var PAGE_META = {
+    overview: {
+      eyebrow: "kage://overview",
+      title: "Repo dashboard",
+      summary: "What is safe to change next, what needs attention, and what is ready to hand off."
+    },
+    graph: {
+      eyebrow: "kage://graph",
+      title: "Dependency graph",
+      summary: "Search a file or symbol, then follow connected memory, routes, and tests before editing."
+    },
+    memory: {
+      eyebrow: "kage://memory",
+      title: "Memory library",
+      summary: "Find repo lore by file, feature, bug, command, or decision. Pick a packet to see linked code."
+    },
+    intel: {
+      eyebrow: "kage://risks",
+      title: "Risks",
+      summary: "Files, owners, and modules to inspect before changes. Each card links into the graph."
+    },
+    review: {
+      eyebrow: "kage://review",
+      title: "Review & handoff",
+      summary: "Blockers that must clear before another agent or teammate picks up this branch."
+    },
+    owners: {
+      eyebrow: "kage://owners",
+      title: "Owners & reviewers",
+      summary: "Local git ownership signal. Use it for reviewer routing and bus-factor checks."
+    },
+    data: {
+      eyebrow: "kage://artifacts",
+      title: "Artifacts & diagnostics",
+      summary: "Raw nodes, relations, and indexing health. Use only when graph or recall looks wrong."
+    }
   };
 
   var MEMORY_CODE_RELATIONS = new Set(["explains_symbol", "informs_symbol", "fixes_symbol", "applies_to_route", "verified_by_test", "affects_code_path"]);
+  var MEMORY_PACKET_TYPES = new Set(["memory", "command", "repo_map", "runbook", "bug_fix", "decision", "rationale", "convention", "workflow", "gotcha", "reference", "policy", "issue_context", "code_explanation", "negative_result", "constraint"]);
   var INSPECTOR_CONNECTION_LIMIT = 8;
   var PATH_BRIDGE_EDGE_LIMIT_PER_PATH = 8;
   var PATH_BRIDGE_EDGE_LIMIT_TOTAL = 160;
@@ -188,82 +272,42 @@
   var VISIBLE_EDGE_MIN = 160;
   var VISIBLE_EDGE_MAX = 560;
 
-  setViewerSection(state.viewerSection);
-  setWorkspaceTab(state.workspaceTab, false);
-  els.viewerSectionButtons.forEach(function (button) {
-    button.addEventListener("click", function () {
-      setViewerSection(button.getAttribute("data-viewer-section"));
-    });
-  });
-  els.dashboardActionButtons.forEach(function (button) {
-    button.addEventListener("click", function () {
-      openDashboardAction(button.getAttribute("data-dashboard-action"));
-    });
-  });
-  els.workspaceTabs.forEach(function (button) {
-    button.addEventListener("click", function () {
-      setWorkspaceTab(button.getAttribute("data-workspace-tab"), true);
+  state.viewerPage = initialViewerPage();
+  applyViewerPage(state.viewerPage);
+  els.viewerPageLinks.forEach(function (link) {
+    link.addEventListener("click", function (event) {
+      var page = link.getAttribute("data-viewer-page") || "overview";
+      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) return;
+      event.preventDefault();
+      navigateViewerPage(page);
     });
   });
-  els.quickViewButtons.forEach(function (button) {
-    button.addEventListener("click", function () {
-      setViewerSection("graph");
-      els.viewMode.value = button.getAttribute("data-quick-view") || "combined";
-      state.lastVisibleSignature = "";
-      syncQuickControls();
-      render();
-    });
-  });
-  els.quickRenderButtons.forEach(function (button) {
-    button.addEventListener("click", function () {
-      setViewerSection("graph");
-      els.renderMode.value = button.getAttribute("data-quick-render") || "2d";
-      state.lastVisibleSignature = "";
-      syncQuickControls();
-      render();
-    });
-  });
-  if (els.quickSearch) {
-    els.quickSearch.addEventListener("click", function () {
-      setViewerSection("graph");
-      setWorkspaceTab("controls", true);
-      els.searchInput.focus();
-    });
-  }
-  if (els.quickPath) {
-    els.quickPath.addEventListener("click", function () {
-      setViewerSection("graph");
-      setWorkspaceTab("controls", true);
-      els.pathFromInput.focus();
-    });
-  }
-  if (els.quickInspector) {
-    els.quickInspector.addEventListener("click", function () {
-      setViewerSection("graph");
-      setWorkspaceTab("inspector", true);
-    });
-  }
-  if (els.closeWorkspace) els.closeWorkspace.addEventListener("click", closeWorkspace);
-  syncQuickControls();
   els.graphFile.addEventListener("change", handleFile);
   els.searchInput.addEventListener("input", scheduleRender);
   els.findPath.addEventListener("click", findDependencyPath);
   els.clearPath.addEventListener("click", clearDependencyPath);
   els.pathFromInput.addEventListener("keydown", function (event) { if (event.key === "Enter") findDependencyPath(); });
   els.pathToInput.addEventListener("keydown", function (event) { if (event.key === "Enter") findDependencyPath(); });
-  els.viewMode.addEventListener("change", render);
-  els.renderMode.addEventListener("change", function () {
-    state.lastVisibleSignature = "";
-    render();
-  });
-  els.typeFilter.addEventListener("change", render);
-  els.relationFilter.addEventListener("change", render);
+  els.viewMode.addEventListener("change", function () { clearGraphActionFilter(); render(); });
+  if (els.renderMode) {
+    els.renderMode.addEventListener("change", function () {
+      state.lastVisibleSignature = "";
+      render();
+    });
+  }
+  els.typeFilter.addEventListener("change", function () { clearGraphActionFilter(); render(); });
+  els.relationFilter.addEventListener("change", function () { clearGraphActionFilter(); render(); });
   els.scopeFilter.addEventListener("change", render);
   els.maxNodes.addEventListener("change", render);
   els.showDependencies.addEventListener("change", render);
+  if (els.showUntrusted) els.showUntrusted.addEventListener("click", function () { applyGraphActionFilter("untrusted"); });
+  if (els.showUncovered) els.showUncovered.addEventListener("click", function () { applyGraphActionFilter("uncovered"); });
+  if (els.showMemoryCode) els.showMemoryCode.addEventListener("click", function () { applyGraphActionFilter("memory-code"); });
   els.zoomOut.addEventListener("click", function () { zoomGraph(0.82); });
   els.zoomIn.addEventListener("click", function () { zoomGraph(1.22); });
   els.fitView.addEventListener("click", fitActiveGraph);
+  if (els.memorySearch) els.memorySearch.addEventListener("input", renderMemoryLibrary);
+  if (els.memoryFilter) els.memoryFilter.addEventListener("change", renderMemoryLibrary);
   els.canvas.addEventListener("mousedown", startCanvasPointer);
   els.canvas.addEventListener("mousemove", moveCanvasPointer);
   els.canvas.addEventListener("mouseup", endCanvasPointer);
@@ -284,90 +328,172 @@
   window.addEventListener("resize", function () {
     resizeActiveGraph();
   });
-  els.resetView.addEventListener("click", function () {
+  els.resetView.addEventListener("click", resetGraphView);
+
+  function resetGraphView() {
     els.searchInput.value = "";
     els.viewMode.value = "combined";
-    els.renderMode.value = "2d";
+    if (els.renderMode) els.renderMode.value = "2d";
     els.typeFilter.value = "";
     els.relationFilter.value = "";
     els.scopeFilter.value = "signal";
     els.maxNodes.value = "90";
     els.showDependencies.checked = false;
     state.selected = null;
-    setWorkspaceTab("controls", true);
+    state.graphActionFilter = "";
     clearDependencyPath(false);
     state.lastVisibleSignature = "";
     render();
-  });
+  }
   loadFromUrlParams();
 
-  function setWorkspaceTab(tab, open) {
-    var allowed = new Set(["controls", "inspector", "intelligence", "review", "tables"]);
-    state.workspaceTab = allowed.has(tab) ? tab : "controls";
-    if (open !== false) state.workspaceOpen = true;
-    if (document.body && document.body.classList) {
-      document.body.classList.remove(
-        "viewer-tab-controls",
-        "viewer-tab-inspector",
-        "viewer-tab-intelligence",
-        "viewer-tab-review",
-        "viewer-tab-tables"
-      );
-      document.body.classList.add("viewer-tab-" + state.workspaceTab);
-      document.body.classList.toggle("viewer-workspace-open", state.workspaceOpen);
+  function initialViewerPage() {
+    var fileName = "";
+    try {
+      fileName = String(window.location.pathname || "").split("/").pop() || "index.html";
+    } catch (_error) {
+      fileName = "index.html";
+    }
+    var pageByFile = {
+      "index.html": "overview",
+      "": "overview",
+      "graph.html": "graph",
+      "memory.html": "memory",
+      "owners.html": "owners",
+      "intel.html": "intel",
+      "review.html": "review",
+      "data.html": "data"
+    };
+    return pageByFile[fileName] || "overview";
+  }
+
+  function applyViewerPage(page, updateLinks) {
+    var normalized = normalizeViewerPage(page);
+    state.viewerPage = normalized;
+    if (normalized === "overview") {
+      setViewerSection("overview");
+    } else if (normalized === "graph") {
+      setViewerSection("graph");
+    } else {
+      setViewerSection("graph", pageToAction(normalized));
+    }
+    state.viewerPage = normalized;
+    applyPageHeader(normalized);
+    if (updateLinks !== false) syncViewerPageLinks();
+    syncViewerPageClass();
+  }
+
+  function applyPageHeader(page) {
+    var meta = PAGE_META[page] || PAGE_META.overview;
+    if (els.pageEyebrow) els.pageEyebrow.textContent = meta.eyebrow;
+    if (els.pageTitle) els.pageTitle.textContent = meta.title;
+    if (els.graphSummary && !state.graph) els.graphSummary.textContent = meta.summary;
+    try {
+      if (typeof document !== "undefined" && document.title !== undefined) {
+        document.title = "Kage " + meta.title.toLowerCase() + " viewer";
+      }
+    } catch (_error) {
+      // ignore
+    }
+  }
+
+  function normalizeViewerPage(page) {
+    var normalized = String(page || "overview").toLowerCase();
+    if (normalized === "intelligence") normalized = "intel";
+    if (["overview", "graph", "memory", "owners", "intel", "review", "data"].indexOf(normalized) === -1) return "overview";
+    return normalized;
+  }
+
+  function pageToAction(page) {
+    if (page === "intel") return "intelligence";
+    if (page === "owners") return "intelligence";
+    if (page === "memory") return "memory";
+    if (page === "review") return "review";
+    if (page === "data") return "data";
+    return null;
+  }
+
+  function pageFromSection(section, action) {
+    if (section === "overview") return "overview";
+    if (action === "intelligence") return "intel";
+    if (action === "memory") return "memory";
+    if (action === "review") return "review";
+    if (action === "data") return "data";
+    return "graph";
+  }
+
+  function viewerPageHref(page) {
+    var fileByPage = {
+      overview: "./",
+      graph: "./graph.html",
+      memory: "./memory.html",
+      owners: "./owners.html",
+      intel: "./intel.html",
+      review: "./review.html",
+      data: "./data.html"
+    };
+    var search = "";
+    try {
+      search = window.location.search || "";
+    } catch (_error) {
+      search = "";
+    }
+    return (fileByPage[normalizeViewerPage(page)] || "./") + search;
+  }
+
+  function navigateViewerPage(page) {
+    window.location.href = viewerPageHref(page);
+  }
+
+  function showViewerPageInPlace(page) {
+    applyViewerPage(page);
+    try {
+      window.history.pushState({}, "", viewerPageHref(page));
+    } catch (_error) {
+      // Static/file viewers can ignore history failures; visual state is enough.
     }
-    els.workspaceTabs.forEach(function (button) {
-      var active = button.getAttribute("data-workspace-tab") === state.workspaceTab;
-      button.classList.toggle("active", active);
-      button.setAttribute("aria-selected", active ? "true" : "false");
+  }
+
+  function syncViewerPageLinks() {
+    els.viewerPageLinks.forEach(function (link) {
+      var page = normalizeViewerPage(link.getAttribute("data-viewer-page"));
+      link.setAttribute("href", viewerPageHref(page));
+      var active = page === state.viewerPage;
+      link.classList.toggle("active", active);
+      if (active) link.setAttribute("aria-current", "page");
+      else link.removeAttribute("aria-current");
     });
   }
 
+  function syncViewerPageClass() {
+    if (!document.body || !document.body.classList) return;
+    document.body.classList.remove(
+      "viewer-page-overview",
+      "viewer-page-graph",
+      "viewer-page-memory",
+      "viewer-page-owners",
+      "viewer-page-intel",
+      "viewer-page-review",
+      "viewer-page-data"
+    );
+    document.body.classList.add("viewer-page-" + normalizeViewerPage(state.viewerPage));
+  }
+
   function setViewerSection(section, action) {
     state.viewerSection = section === "graph" ? "graph" : "overview";
     state.viewerAction = action || null;
+    state.viewerPage = pageFromSection(state.viewerSection, state.viewerAction);
     if (state.viewerSection === "overview") closeWorkspace();
     if (document.body && document.body.classList) {
       document.body.classList.remove("viewer-section-overview", "viewer-section-graph");
       document.body.classList.add("viewer-section-" + state.viewerSection);
     }
-    syncSectionControls();
+    syncViewerPageLinks();
+    syncViewerPageClass();
     if (state.viewerSection === "graph") resizeActiveGraph();
   }
 
-  function openDashboardAction(action) {
-    var normalized = String(action || "").toLowerCase();
-    var tabByAction = {
-      memory: "review",
-      intelligence: "intelligence",
-      review: "review",
-      data: "tables"
-    };
-    setViewerSection("graph", normalized);
-    setWorkspaceTab(tabByAction[normalized] || "controls", true);
-  }
-
-  function syncSectionControls() {
-    els.viewerSectionButtons.forEach(function (button) {
-      var section = button.getAttribute("data-viewer-section");
-      var active = state.viewerSection === section && !state.viewerAction;
-      if (button.classList && button.classList.contains("viewer-section")) {
-        button.classList.toggle("active", active);
-        button.setAttribute("aria-selected", active ? "true" : "false");
-      }
-    });
-    els.dashboardActionButtons.forEach(function (button) {
-      var action = button.getAttribute("data-dashboard-action");
-      var active = state.viewerSection === "graph" && state.viewerAction === action;
-      if (button.classList && button.classList.contains("viewer-section")) {
-        button.classList.toggle("active", active);
-        button.setAttribute("aria-selected", active ? "true" : "false");
-      }
-    });
-  }
-
   function closeWorkspace() {
-    state.workspaceOpen = false;
     if (document.body && document.body.classList) {
       document.body.classList.remove("viewer-workspace-open");
     }
@@ -375,27 +501,12 @@
 
   function selectEntity(id, openInspector) {
     state.selected = { kind: "entity", id: id };
-    setViewerSection("graph");
-    if (openInspector) setWorkspaceTab("inspector", true);
+    state.revealSelection = Boolean(openInspector);
   }
 
   function selectEdge(id, openInspector) {
     state.selected = { kind: "edge", id: id };
-    setViewerSection("graph");
-    if (openInspector) setWorkspaceTab("inspector", true);
-  }
-
-  function syncQuickControls() {
-    els.quickViewButtons.forEach(function (button) {
-      var active = button.getAttribute("data-quick-view") === els.viewMode.value;
-      button.classList.toggle("active", active);
-      button.setAttribute("aria-pressed", active ? "true" : "false");
-    });
-    els.quickRenderButtons.forEach(function (button) {
-      var active = button.getAttribute("data-quick-render") === els.renderMode.value;
-      button.classList.toggle("active", active);
-      button.setAttribute("aria-pressed", active ? "true" : "false");
-    });
+    state.revealSelection = Boolean(openInspector);
   }
 
   function handleFile(event) {
@@ -411,7 +522,8 @@
         state.entityById = new Map();
         state.episodesById = new Map();
         els.emptyState.classList.add("hidden");
-        els.graphSummary.textContent = "Metrics loaded.";
+        var pageMeta = PAGE_META[state.viewerPage] || PAGE_META.overview;
+        els.graphSummary.textContent = state.viewerPage === "graph" ? "Metrics loaded." : pageMeta.summary;
         renderMetrics();
         return;
       }
@@ -452,7 +564,10 @@
     populateFilters();
     populatePathOptions();
     els.emptyState.classList.add("hidden");
-    els.graphSummary.textContent = fileName + " loaded: " + entities.length + " nodes, " + edges.length + " relations.";
+    var meta = PAGE_META[state.viewerPage] || PAGE_META.overview;
+    els.graphSummary.textContent = state.viewerPage === "graph"
+      ? fileName + " loaded: " + entities.length + " nodes, " + edges.length + " relations."
+      : meta.summary;
     render();
   }
 
@@ -484,11 +599,23 @@
     var qualityPath = params.get("quality");
     var benchmarkPath = params.get("benchmark");
     var contributorsPath = params.get("contributors");
+    var profilePath = params.get("profile") || params.get("projectProfile") || params.get("project-profile");
+    var capabilitiesPath = params.get("capabilities") || params.get("capabilityAudit") || params.get("capability-audit");
+    var slotsPath = params.get("slots") || params.get("contextSlots") || params.get("context-slots");
     var decisionsPath = params.get("decisions");
     var riskPath = params.get("risk");
     var moduleHealthPath = params.get("moduleHealth") || params.get("module-health");
     var graphInsightsPath = params.get("graphInsights") || params.get("graph-insights");
     var workspacePath = params.get("workspace");
+    var sessionsPath = params.get("sessions");
+    var replayPath = params.get("replay") || params.get("sessionReplay") || params.get("session-replay");
+    var memoryAccessPath = params.get("memoryAccess") || params.get("memory-access");
+    var memoryAuditPath = params.get("memoryAudit") || params.get("memory-audit") || params.get("auditLog") || params.get("audit-log");
+    var handoffPath = params.get("handoff") || params.get("memoryHandoff") || params.get("memory-handoff");
+    var lifecyclePath = params.get("lifecycle") || params.get("memoryLifecycle") || params.get("memory-lifecycle");
+    var timelinePath = params.get("timeline") || params.get("memoryTimeline") || params.get("memory-timeline");
+    var lineagePath = params.get("lineage") || params.get("memoryLineage") || params.get("memory-lineage");
+    var setupPath = params.get("setup") || params.get("setupDoctor") || params.get("setup-doctor");
     var inferredRoot = inferMemoryRoot(graphPaths[0] || "");
     if (!inboxPath && inferredRoot) inboxPath = inferredRoot + "/inbox.json";
     if (!reviewPath && inferredRoot) reviewPath = inferredRoot + "/review/memory-review.md";
@@ -497,11 +624,23 @@
       if (!qualityPath) qualityPath = inferredRoot + "/reports/quality.json";
       if (!benchmarkPath) benchmarkPath = inferredRoot + "/reports/benchmark.json";
       if (!contributorsPath) contributorsPath = inferredRoot + "/reports/contributors.json";
+      if (!profilePath) profilePath = inferredRoot + "/reports/profile.json";
+      if (!capabilitiesPath) capabilitiesPath = inferredRoot + "/reports/capabilities.json";
+      if (!slotsPath) slotsPath = inferredRoot + "/reports/context-slots.json";
       if (!decisionsPath) decisionsPath = inferredRoot + "/reports/decisions.json";
       if (!riskPath) riskPath = inferredRoot + "/reports/risk.json";
       if (!moduleHealthPath) moduleHealthPath = inferredRoot + "/reports/module-health.json";
       if (!graphInsightsPath) graphInsightsPath = inferredRoot + "/reports/graph-insights.json";
       if (!workspacePath) workspacePath = inferredRoot + "/reports/workspace.json";
+      if (!sessionsPath) sessionsPath = inferredRoot + "/reports/sessions.json";
+      if (!replayPath) replayPath = inferredRoot + "/reports/replay.json";
+      if (!memoryAccessPath) memoryAccessPath = inferredRoot + "/reports/memory-access.json";
+      if (!memoryAuditPath) memoryAuditPath = inferredRoot + "/reports/memory-audit.json";
+      if (!handoffPath) handoffPath = inferredRoot + "/reports/handoff.json";
+      if (!lifecyclePath) lifecyclePath = inferredRoot + "/reports/lifecycle.json";
+      if (!timelinePath) timelinePath = inferredRoot + "/reports/timeline.json";
+      if (!lineagePath) lineagePath = inferredRoot + "/reports/lineage.json";
+      if (!setupPath) setupPath = inferredRoot + "/reports/setup.json";
     }
     var jobs = [];
     if (metricsPath) jobs.push(fetchJson(metricsPath).then(function (metrics) { state.metrics = metrics; }));
@@ -511,11 +650,23 @@
     if (qualityPath) jobs.push(fetchJson(qualityPath).then(function (report) { state.reports.quality = report; }).catch(function () { state.reports.quality = null; }));
     if (benchmarkPath) jobs.push(fetchJson(benchmarkPath).then(function (report) { state.reports.benchmark = report; }).catch(function () { state.reports.benchmark = null; }));
     if (contributorsPath) jobs.push(fetchJson(contributorsPath).then(function (report) { state.reports.contributors = report; }).catch(function () { state.reports.contributors = null; }));
+    if (profilePath) jobs.push(fetchJson(profilePath).then(function (report) { state.reports.profile = report; }).catch(function () { state.reports.profile = null; }));
+    if (capabilitiesPath) jobs.push(fetchJson(capabilitiesPath).then(function (report) { state.reports.capabilities = report; }).catch(function () { state.reports.capabilities = null; }));
+    if (slotsPath) jobs.push(fetchJson(slotsPath).then(function (report) { state.reports.slots = report; }).catch(function () { state.reports.slots = null; }));
     if (decisionsPath) jobs.push(fetchJson(decisionsPath).then(function (report) { state.reports.decisions = report; }).catch(function () { state.reports.decisions = null; }));
     if (riskPath) jobs.push(fetchJson(riskPath).then(function (report) { state.reports.risk = report; }).catch(function () { state.reports.risk = null; }));
     if (moduleHealthPath) jobs.push(fetchJson(moduleHealthPath).then(function (report) { state.reports.moduleHealth = report; }).catch(function () { state.reports.moduleHealth = null; }));
     if (graphInsightsPath) jobs.push(fetchJson(graphInsightsPath).then(function (report) { state.reports.graphInsights = report; }).catch(function () { state.reports.graphInsights = null; }));
     if (workspacePath) jobs.push(fetchJson(workspacePath).then(function (report) { state.reports.workspace = report; }).catch(function () { state.reports.workspace = null; }));
+    if (sessionsPath) jobs.push(fetchJson(sessionsPath).then(function (report) { state.reports.sessions = report; }).catch(function () { state.reports.sessions = null; }));
+    if (replayPath) jobs.push(fetchJson(replayPath).then(function (report) { state.reports.replay = report; }).catch(function () { state.reports.replay = null; }));
+    if (memoryAccessPath) jobs.push(fetchJson(memoryAccessPath).then(function (report) { state.reports.memoryAccess = report; }).catch(function () { state.reports.memoryAccess = null; }));
+    if (memoryAuditPath) jobs.push(fetchJson(memoryAuditPath).then(function (report) { state.reports.memoryAudit = report; }).catch(function () { state.reports.memoryAudit = null; }));
+    if (handoffPath) jobs.push(fetchJson(handoffPath).then(function (report) { state.reports.handoff = report; }).catch(function () { state.reports.handoff = null; }));
+    if (lifecyclePath) jobs.push(fetchJson(lifecyclePath).then(function (report) { state.reports.lifecycle = report; }).catch(function () { state.reports.lifecycle = null; }));
+    if (timelinePath) jobs.push(fetchJson(timelinePath).then(function (report) { state.reports.timeline = report; }).catch(function () { state.reports.timeline = null; }));
+    if (lineagePath) jobs.push(fetchJson(lineagePath).then(function (report) { state.reports.lineage = report; }).catch(function () { state.reports.lineage = null; }));
+    if (setupPath) jobs.push(fetchJson(setupPath).then(function (report) { state.reports.setup = report; }).catch(function () { state.reports.setup = null; }));
     if (!graphPaths.length && !jobs.length) {
       loadHostedDefault();
       return;
@@ -548,20 +699,44 @@
       fetchJson("./data/kage/inbox.json").catch(function () { return null; }),
       fetchJson("./data/kage/reports/risk.json").catch(function () { return null; }),
       fetchJson("./data/kage/reports/contributors.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/profile.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/capabilities.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/context-slots.json").catch(function () { return null; }),
       fetchJson("./data/kage/reports/decisions.json").catch(function () { return null; }),
       fetchJson("./data/kage/reports/module-health.json").catch(function () { return null; }),
       fetchJson("./data/kage/reports/graph-insights.json").catch(function () { return null; }),
-      fetchJson("./data/kage/reports/workspace.json").catch(function () { return null; })
+      fetchJson("./data/kage/reports/workspace.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/sessions.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/replay.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/memory-access.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/memory-audit.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/handoff.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/lifecycle.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/timeline.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/lineage.json").catch(function () { return null; }),
+      fetchJson("./data/kage/reports/setup.json").catch(function () { return null; })
     ]).then(function (items) {
       var merged = mergeNormalizedGraphs([normalizeGraph(items[0]), normalizeGraph(items[1])]);
       state.metrics = items[2];
       state.inbox = items[3];
       state.reports.risk = items[4];
       state.reports.contributors = items[5];
-      state.reports.decisions = items[6];
-      state.reports.moduleHealth = items[7];
-      state.reports.graphInsights = items[8];
-      state.reports.workspace = items[9];
+      state.reports.profile = items[6];
+      state.reports.capabilities = items[7];
+      state.reports.slots = items[8];
+      state.reports.decisions = items[9];
+      state.reports.moduleHealth = items[10];
+      state.reports.graphInsights = items[11];
+      state.reports.workspace = items[12];
+      state.reports.sessions = items[13];
+      state.reports.replay = items[14];
+      state.reports.memoryAccess = items[15];
+      state.reports.memoryAudit = items[16];
+      state.reports.handoff = items[17];
+      state.reports.lifecycle = items[18];
+      state.reports.timeline = items[19];
+      state.reports.lineage = items[20];
+      state.reports.setup = items[21];
       loadNormalizedGraph(merged, "Kage repo graph");
       setAutoLoad("Kage repo graph loaded", true);
     }).catch(function () {
@@ -1246,7 +1421,6 @@
 
   function render() {
     if (!state.graph) return;
-    syncQuickControls();
 
     var query = parseSearchQuery(els.searchInput.value);
     state.renderQuery = query;
@@ -1283,6 +1457,10 @@
       matchedEdgeIds = new Set(state.edges.filter(function (edge) { return mode === "combined" || edge.graph_kind === mode; }).map(function (edge) { return edge.id; }));
     }
 
+    var actionFiltered = applyMatchedGraphActionFilter(matchedEntityIds, matchedEdgeIds);
+    matchedEntityIds = actionFiltered.entities;
+    matchedEdgeIds = actionFiltered.edges;
+
     var visible = refineVisibleGraph(matchedEntityIds, matchedEdgeIds, {
       query: query,
       type: type,
@@ -1301,12 +1479,8 @@
     state.lastVisibleSignature = nextSignature;
 
     renderActiveGraph(graphChanged);
-    renderLists();
-    renderDetails();
-    renderMetrics();
-    renderReviewQueue();
-    renderProof();
-    renderIntelligence();
+    renderPagePanels();
+    revealSelectionIfRequested();
   }
 
   function scheduleRender() {
@@ -1317,6 +1491,88 @@
     });
   }
 
+  function renderPagePanels() {
+    if (state.viewerPage === "graph") {
+      renderDetails();
+      renderMetrics();
+      return;
+    }
+    if (state.viewerPage === "memory") {
+      renderDetails();
+      renderMemoryLibrary();
+      return;
+    }
+    if (state.viewerPage === "owners") {
+      renderOwners();
+      return;
+    }
+    if (state.viewerPage === "intel") {
+      renderIntelligence();
+      return;
+    }
+    if (state.viewerPage === "review") {
+      renderReviewQueue();
+      renderProof();
+      return;
+    }
+    if (state.viewerPage === "data") {
+      renderDetails();
+      renderArtifactDiagnostics(state.entities, state.edges);
+      renderLists();
+      return;
+    }
+    renderDashboard();
+  }
+
+  function applyGraphActionFilter(filter) {
+    state.graphActionFilter = state.graphActionFilter === filter ? "" : filter;
+    if (filter === "memory-code") {
+      els.viewMode.value = "combined";
+      els.relationFilter.value = "__memory_code__";
+    } else if (state.graphActionFilter) {
+      els.viewMode.value = "combined";
+      els.relationFilter.value = "";
+    }
+    state.lastVisibleSignature = "";
+    render();
+  }
+
+  function clearGraphActionFilter() {
+    state.graphActionFilter = "";
+  }
+
+  function applyMatchedGraphActionFilter(entityIds, edgeIds) {
+    if (!state.graphActionFilter) return { entities: entityIds, edges: edgeIds };
+    if (state.graphActionFilter === "memory-code") {
+      var memoryCodeEdges = state.edges.filter(isMemoryCodeEdge);
+      return entitiesForEdges(memoryCodeEdges);
+    }
+    if (state.graphActionFilter === "untrusted") {
+      var flagged = state.edges.filter(function (edge) { return reviewStatus(edge) !== "ok"; });
+      return entitiesForEdges(flagged);
+    }
+    if (state.graphActionFilter === "uncovered") {
+      var covered = memoryLinkedCodeKeys();
+      var uncovered = state.entities.filter(function (entity) {
+        return entity.graph_kind === "code" && entity.type === "file" && !covered.has(codeCoverageKey(entity));
+      });
+      var entities = new Set(uncovered.map(function (entity) { return entity.id; }));
+      return { entities: entities, edges: edgesWithVisibleEndpoints(new Set(state.edges.map(function (edge) { return edge.id; })), entities) };
+    }
+    return { entities: entityIds, edges: edgeIds };
+  }
+
+  function entitiesForEdges(edges) {
+    var entities = new Set();
+    var edgeIds = new Set();
+    edges.forEach(function (edge) {
+      edgeIds.add(edge.id);
+      if (state.entityById.has(edge.from)) entities.add(edge.from);
+      if (state.entityById.has(edge.to)) entities.add(edge.to);
+    });
+    return { entities: entities, edges: edgeIds };
+  }
+
   function refineVisibleGraph(entityIds, edgeIds, options) {
     var entities = new Set(entityIds);
     var edges = new Set(edgeIds);
@@ -1828,8 +2084,8 @@
     ctx.fillStyle = graphPalette.background;
     ctx.fillRect(0, 0, width, height);
     var gradient = ctx.createRadialGradient(width * 0.52, height * 0.44, 40, width * 0.52, height * 0.44, Math.max(width, height) * 0.72);
-    gradient.addColorStop(0, "rgba(65,255,143,0.080)");
-    gradient.addColorStop(0.48, "rgba(65,255,143,0.018)");
+    gradient.addColorStop(0, "rgba(65,255,143,0.145)");
+    gradient.addColorStop(0.48, "rgba(65,255,143,0.030)");
     gradient.addColorStop(1, "rgba(2,5,3,0)");
     ctx.fillStyle = gradient;
     ctx.fillRect(0, 0, width, height);
@@ -1905,9 +2161,9 @@
       var color = nodeThemeColor(entity);
       ctx.save();
       ctx.globalAlpha = alpha;
-      if (selected || hovered || pathNode) {
+      if (selected || hovered || pathNode || entity.graph_kind === "memory") {
         ctx.shadowColor = pathNode ? graphPalette.bridge : color;
-        ctx.shadowBlur = selected ? 14 : pathNode ? 12 : 10;
+        ctx.shadowBlur = selected ? 16 : pathNode ? 14 : entity.graph_kind === "memory" ? 9 : 10;
       }
       drawNodeShape(ctx, node.x, node.y, node.r, entity);
       ctx.fillStyle = nodeFillColor(entity);
@@ -2150,12 +2406,16 @@
   }
 
   function renderLists() {
-    var visibleEntities = state.entities.filter(function (entity) {
-      return state.visibleEntityIds.has(entity.id);
-    });
-    var visibleEdges = state.edges.filter(function (edge) {
-      return state.visibleEdgeIds.has(edge.id);
-    }).sort(function (a, b) {
+    var visibleEntities = state.viewerPage === "data"
+      ? state.entities.slice()
+      : state.entities.filter(function (entity) {
+        return state.visibleEntityIds.has(entity.id);
+      });
+    var visibleEdges = (state.viewerPage === "data"
+      ? state.edges.slice()
+      : state.edges.filter(function (edge) {
+        return state.visibleEdgeIds.has(edge.id);
+      })).sort(function (a, b) {
       return reviewRank(a) - reviewRank(b);
     });
 
@@ -2164,7 +2424,11 @@
     els.entityList.textContent = "";
     els.edgeList.textContent = "";
 
-    visibleEntities.forEach(function (entity) {
+    var rowLimit = state.viewerPage === "data" ? 40 : 80;
+    var entityRows = visibleEntities.slice(0, rowLimit);
+    var edgeRows = visibleEdges.slice(0, rowLimit);
+
+    entityRows.forEach(function (entity) {
       var button = document.createElement("button");
       button.type = "button";
       button.className = classNames("list-item", state.selected && state.selected.kind === "entity" && state.selected.id === entity.id && "selected");
@@ -2177,8 +2441,11 @@
       });
       els.entityList.appendChild(button);
     });
+    if (visibleEntities.length > entityRows.length) {
+      appendListNote(els.entityList, "Showing " + entityRows.length + " of " + visibleEntities.length + ". Use search to narrow.");
+    }
 
-    visibleEdges.forEach(function (edge) {
+    edgeRows.forEach(function (edge) {
       var button = document.createElement("button");
       button.type = "button";
       button.className = classNames("list-item", state.selected && state.selected.kind === "edge" && state.selected.id === edge.id && "selected");
@@ -2191,13 +2458,25 @@
       });
       els.edgeList.appendChild(button);
     });
+    if (visibleEdges.length > edgeRows.length) {
+      appendListNote(els.edgeList, "Showing " + edgeRows.length + " of " + visibleEdges.length + ". Filter by relation or select a node first.");
+    }
+  }
+
+  function appendListNote(parent, text) {
+    var note = document.createElement("div");
+    note.className = "list-note";
+    note.textContent = text;
+    parent.appendChild(note);
   }
 
   function renderDetails() {
     if (!state.selected) {
+      setSelectionBodyState(null);
       els.selectionDetails.className = "details-empty";
-      els.selectionDetails.textContent = "Select an entity or edge.";
+      els.selectionDetails.textContent = "Select a node or relation to see what it means, why it exists, and which connected memory or code to inspect next.";
       els.selectionStatus.textContent = "No selection";
+      if (!state.pathHighlight.steps.length) setPathStatus("Select a code node, then trace to another code node when you need impact proof.", "");
       return;
     }
 
@@ -2206,10 +2485,12 @@
       : state.edges.find(function (edge) { return edge.id === state.selected.id; });
 
     if (!item) {
+      setSelectionBodyState(null);
       els.selectionDetails.textContent = "Selection no longer exists.";
       return;
     }
 
+    setSelectionBodyState(state.selected.kind === "entity" ? item : null);
     els.selectionDetails.className = "";
     els.selectionDetails.textContent = "";
     var title = document.createElement("div");
@@ -2246,6 +2527,44 @@
     els.selectionDetails.appendChild(kind);
     els.selectionDetails.appendChild(rows);
     renderInspectorConnections(item);
+    if (state.selected.kind === "entity" && item.graph_kind === "code") prefillPathFromSelection(true);
+  }
+
+  function setSelectionBodyState(entity) {
+    if (!document.body || !document.body.classList) return;
+    document.body.classList.toggle("has-selection", Boolean(state.selected));
+    document.body.classList.toggle("has-code-selection", Boolean(entity && entity.graph_kind === "code"));
+  }
+
+  function revealSelectionIfRequested() {
+    if (!state.revealSelection) return;
+    state.revealSelection = false;
+    window.requestAnimationFrame(function () {
+      var panel = document.querySelector(".details-panel");
+      if (!panel || window.getComputedStyle(panel).display === "none") return;
+      panel.scrollIntoView({ block: "nearest", inline: "nearest" });
+      var selectedRow = document.querySelector("[aria-selected=\"true\"], .node.selected");
+      if (selectedRow && selectedRow.scrollIntoView) selectedRow.scrollIntoView({ block: "nearest", inline: "nearest" });
+    });
+  }
+
+  function prefillPathFromSelection(silent) {
+    if (!state.selected || state.selected.kind !== "entity") {
+      if (!silent) setPathStatus("Select a code node first. Path tracing is for files, symbols, routes, tests, and scripts.", "warn");
+      return;
+    }
+    var entity = state.entityById.get(state.selected.id);
+    if (!entity || entity.graph_kind !== "code" || ["file", "symbol", "route", "test", "script"].indexOf(entity.type) === -1) {
+      if (!silent) setPathStatus("Select a code node first. Memory nodes are shown through memory-code links, not code path tracing.", "warn");
+      return;
+    }
+    if (!els.pathFromInput.value || silent) {
+      els.pathFromInput.value = entity.path || displayName(entity) || entity.id;
+    }
+    if (!silent) {
+      els.pathToInput.focus();
+      setPathStatus("Selected " + displayName(entity) + ". Pick a target test, route, file, or symbol to trace impact.", "ok");
+    }
   }
 
   function entityDetailRows(entity) {
@@ -2373,6 +2692,23 @@
     return Boolean(edge && (edge.memory_code_link || isMemoryCodeRelation(edge.relation)));
   }
 
+  function codeCoverageKey(entity) {
+    if (!entity) return "";
+    return String(entity.path || entity.id || "").replace(/\\/g, "/").replace(/^\.\//, "");
+  }
+
+  function memoryLinkedCodeKeys() {
+    var keys = new Set();
+    state.edges.filter(isMemoryCodeEdge).forEach(function (edge) {
+      [state.entityById.get(edge.from), state.entityById.get(edge.to)].forEach(function (entity) {
+        if (!entity || entity.graph_kind !== "code") return;
+        var key = codeCoverageKey(entity);
+        if (key) keys.add(key);
+      });
+    });
+    return keys;
+  }
+
   function connectionImportance(link) {
     var relation = String(link.edge.relation || "");
     var score = entityImportance(link.other);
@@ -2475,13 +2811,15 @@
     }).length;
     var evidenceEdges = visibleEdges.filter(function (edge) { return Array.isArray(edge.evidence) && edge.evidence.length > 0; }).length;
     var official = state.metrics;
+    var memoryCodeLinks = state.edges.filter(isMemoryCodeEdge).length;
+    var pendingReview = official && official.memory_graph ? Number(firstNumber(official.memory_graph.pending_packets, 0)) : 0;
     var metrics = official ? [
-      ["Readiness", official.harness.readiness_score + "/100"],
-      ["Code Files", official.code_graph.files],
-      ["Structural Symbols", official.structural_index ? official.structural_index.symbols : official.code_graph.symbols],
-      ["Parser Coverage", official.code_graph.indexer_coverage_percent + "%"],
-      ["Cache Hits", official.structural_index ? official.structural_index.cache_hits : official.code_graph.cache_hits],
-      ["Tokens Saved", official.savings ? official.savings.estimated_tokens_saved_per_recall : "n/a"]
+      ["Validation", official.harness && official.harness.validation_ok ? "Clean" : "Check"],
+      ["Review queue", pendingReview ? pendingReview + " pending" : "Clear"],
+      ["Reusable memory", official.memory_graph ? official.memory_graph.approved_packets + " packets" : "n/a"],
+      ["Code indexed", official.structural_index ? official.structural_index.files + " files" : official.code_graph.files + " files"],
+      ["Parser coverage", official.code_graph.indexer_coverage_percent + "%"],
+      ["Memory-code links", memoryCodeLinks]
     ] : [
       ["Nodes", visibleEntities.length + "/" + state.entities.length],
       ["Relations", visibleEdges.length + "/" + state.edges.length],
@@ -2503,7 +2841,136 @@
     els.workspaceMode.textContent = (els.viewMode.value || "combined").replace(/^./, function (letter) { return letter.toUpperCase(); });
     els.graphSubhead.textContent = visibleEntities.length + " visible nodes and " + visibleEdges.length + " visible relations" +
       (hiddenDependencies && !els.showDependencies.checked ? " (" + hiddenDependencies + " dependency/noise nodes hidden)." : ".");
-    renderDashboard();
+    renderGraphInsights(visibleEntities, visibleEdges, hiddenDependencies);
+    updateGraphActionButtons();
+  }
+
+  function renderGraphInsights(visibleEntities, visibleEdges, hiddenDependencies) {
+    if (!els.graphInsights) return;
+    els.graphInsights.textContent = "";
+    var allMemoryCode = state.edges.filter(isMemoryCodeEdge);
+    var visibleMemoryCode = visibleEdges.filter(isMemoryCodeEdge);
+    var reviewFlags = visibleEdges.filter(function (edge) { return reviewStatus(edge) !== "ok"; });
+    var visibleCodeFiles = visibleEntities.filter(function (entity) { return entity.graph_kind === "code" && entity.type === "file"; });
+    var coveredKeys = memoryLinkedCodeKeys();
+    var uncoveredCodeFiles = visibleCodeFiles.filter(function (entity) { return !coveredKeys.has(codeCoverageKey(entity)); });
+    var evidenceEdges = visibleEdges.filter(function (edge) { return Array.isArray(edge.evidence) && edge.evidence.length; }).length;
+    var evidencePercent = visibleEdges.length ? Math.round(evidenceEdges / visibleEdges.length * 100) : 0;
+    var coveragePercent = visibleCodeFiles.length ? Math.round((visibleCodeFiles.length - uncoveredCodeFiles.length) / visibleCodeFiles.length * 100) : 0;
+    var queryActive = parseSearchQuery(els.searchInput.value).active;
+    var hasActiveFilters = queryActive || state.graphActionFilter || els.viewMode.value !== "combined" || els.typeFilter.value || els.relationFilter.value || els.showDependencies.checked;
+    if (!visibleEntities.length || hasActiveFilters) {
+      var recovery = document.createElement("article");
+      recovery.className = classNames("metric-card graph-action-card graph-recovery-card", !visibleEntities.length && "metric-card-warn");
+      recovery.innerHTML = [
+        "<div class=\"metric-card-head\"><span></span><strong></strong></div>",
+        "<p></p>",
+        "<button type=\"button\">Clear search/filter</button>",
+        "<em></em>"
+      ].join("");
+      recovery.querySelector(".metric-card-head span").textContent = !visibleEntities.length ? "No graph results" : "Active graph filter";
+      recovery.querySelector(".metric-card-head strong").textContent = !visibleEntities.length ? "0 visible" : "filtered";
+      recovery.querySelector("p").textContent = !visibleEntities.length
+        ? "The current search or filter hides every node. Clear it to recover the graph."
+        : "A search, relation, or journey filter is active.";
+      recovery.querySelector("button").addEventListener("click", resetGraphView);
+      recovery.querySelector("em").textContent = queryActive ? "Search: " + els.searchInput.value : (state.graphActionFilter || "custom filter");
+      els.graphInsights.appendChild(recovery);
+    }
+    var cards = [
+      graphActionCard("Memory coverage", coveragePercent + "%", uncoveredCodeFiles.length
+        ? uncoveredCodeFiles.length + " visible code file(s) have no linked repo memory."
+        : "Visible code files have linked repo memory.",
+        "Show uncovered code", "uncovered", uncoveredCodeFiles.length ? "warn" : "ok"),
+      graphActionCard("Untrusted edges", reviewFlags.length ? reviewFlags.length + " flagged" : "clear", reviewFlags.length
+        ? "Low-confidence, missing-evidence, or invalidated relations are visible."
+        : "Visible relations are evidence-backed enough for inspection.",
+        "Filter to untrusted", "untrusted", reviewFlags.length ? "warn" : "ok", [
+        { label: "Low confidence", value: reviewFlags.filter(function (edge) { return reviewStatus(edge) === "low confidence"; }).length, score: Math.min(100, reviewFlags.length * 20), status: reviewFlags.length ? "warn" : "ok" },
+        { label: "Missing evidence", value: reviewFlags.filter(function (edge) { return reviewStatus(edge) === "missing evidence"; }).length, score: Math.min(100, reviewFlags.length * 20), status: reviewFlags.length ? "warn" : "ok" },
+        { label: "Invalidated", value: reviewFlags.filter(function (edge) { return reviewStatus(edge) === "invalidated"; }).length, score: Math.min(100, reviewFlags.length * 20), status: reviewFlags.length ? "danger" : "ok" }
+      ]),
+      graphActionCard("Evidence in view", evidencePercent + "%", evidenceEdges + " of " + visibleEdges.length + " visible relation(s) carry evidence.",
+        "Show memory-code links", "memory-code", evidencePercent >= 80 ? "ok" : "warn"),
+      graphActionCard("Trace impact", visibleMemoryCode.length + " links", "Select a code node, then trace to a test, route, or symbol from the Inspector.",
+        "Use selected node", "path", visibleMemoryCode.length ? "ok" : "warn")
+    ];
+    cards.forEach(function (card) { els.graphInsights.appendChild(card); });
+    if (els.graphInsightStatus) els.graphInsightStatus.textContent = state.graphActionFilter || (hiddenDependencies ? hiddenDependencies + " external hidden" : "ready");
+  }
+
+  function graphActionCard(title, value, detail, actionLabel, action, status, rows) {
+    var card = document.createElement("article");
+    card.className = classNames("metric-card graph-action-card", status && "metric-card-" + status, state.graphActionFilter === action && "active");
+    card.innerHTML = [
+      "<div class=\"metric-card-head\"><span></span><strong></strong></div>",
+      "<p></p>",
+      "<div class=\"metric-bars\"></div>",
+      "<button type=\"button\"></button>",
+      "<em></em>"
+    ].join("");
+    card.querySelector(".metric-card-head span").textContent = title;
+    card.querySelector(".metric-card-head strong").textContent = value;
+    card.querySelector("p").textContent = detail;
+    var bars = card.querySelector(".metric-bars");
+    if (Array.isArray(rows) && rows.length) {
+      rows.forEach(function (row) {
+        var item = document.createElement("div");
+        item.className = classNames("metric-bar", row.status && "metric-bar-" + row.status);
+        item.innerHTML = "<span></span><strong></strong><i></i>";
+        item.querySelector("span").textContent = row.label;
+        item.querySelector("strong").textContent = formatDashboardValue(row.value);
+        item.querySelector("i").style.width = clamp(Number(row.score || 0), row.value ? 8 : 0, 100) + "%";
+        bars.appendChild(item);
+      });
+    } else {
+      bars.remove();
+    }
+    var button = card.querySelector("button");
+    button.textContent = actionLabel;
+    button.addEventListener("click", function () {
+      if (action === "path") {
+        prefillPathFromSelection();
+        return;
+      }
+      applyGraphActionFilter(action);
+    });
+    card.querySelector("em").textContent = state.graphActionFilter === action ? "Active filter" : "";
+    return card;
+  }
+
+  function updateGraphActionButtons() {
+    [
+      [els.showUntrusted, "untrusted"],
+      [els.showUncovered, "uncovered"],
+      [els.showMemoryCode, "memory-code"]
+    ].forEach(function (entry) {
+      if (!entry[0]) return;
+      entry[0].classList.toggle("active", state.graphActionFilter === entry[1]);
+    });
+  }
+
+  function renderArtifactDiagnostics(visibleEntities, visibleEdges) {
+    if (!els.debugOverview) return;
+    els.debugOverview.textContent = "";
+    var episodes = state.episodesById ? state.episodesById.size : 0;
+    var evidenceEdges = state.edges.filter(function (edge) { return Array.isArray(edge.evidence) && edge.evidence.length; }).length;
+    var evidencePercent = state.edges.length ? Math.round(evidenceEdges / state.edges.length * 100) : 0;
+    var memoryCodeEdges = state.edges.filter(isMemoryCodeEdge).length;
+    var reviewFlags = state.edges.filter(function (edge) { return reviewStatus(edge) !== "ok"; }).length;
+    [
+      metricBars("Artifact shape", state.entities.length + " nodes", [
+        { label: "Visible nodes", value: visibleEntities.length, score: state.entities.length ? visibleEntities.length / state.entities.length * 100 : 0, status: "ok" },
+        { label: "Relations", value: state.edges.length, score: 100, status: "ok" },
+        { label: "Episodes", value: episodes, score: episodes ? 100 : 0, status: episodes ? "ok" : "warn" }
+      ], "Use this when graph generation seems incomplete.", "ok"),
+      metricDonut("Evidence", evidencePercent, evidenceEdges + " of " + state.edges.length + " relation(s) have evidence", "Low evidence means recall may explain less than expected.", evidencePercent >= 80 ? "ok" : "warn"),
+      metricBars("Link diagnostics", memoryCodeEdges + " memory-code", [
+        { label: "Memory-code", value: memoryCodeEdges, score: Math.min(100, memoryCodeEdges / Math.max(1, state.edges.length) * 100), status: memoryCodeEdges ? "ok" : "warn" },
+        { label: "Review flags", value: reviewFlags, score: Math.min(100, reviewFlags * 12), status: reviewFlags ? "warn" : "ok" },
+        { label: "Visible edges", value: visibleEdges.length, score: state.edges.length ? visibleEdges.length / state.edges.length * 100 : 0, status: "ok" }
+      ], "Use raw rows below to inspect exact IDs, relations, and evidence.", reviewFlags ? "warn" : "ok")
+    ].forEach(function (card) { els.debugOverview.appendChild(card); });
   }
 
   function renderDashboard() {
@@ -2519,115 +2986,1416 @@
     var memoryCodeEdges = state.edges.filter(isMemoryCodeEdge);
     var reports = state.reports || {};
     var reportCount = Object.keys(reports).filter(function (key) { return reports[key]; }).length;
+    var risk = reports.risk || {};
+    var riskTargets = Array.isArray(risk.targets) ? risk.targets : Object.keys(risk.targets || {});
+    var inboxCounts = state.inbox && state.inbox.counts ? state.inbox.counts : {};
+    var handoff = memoryHandoffSummary(reports.handoff);
+    var pendingReview = Number(firstNumber(inboxCounts.pending, memoryGraph.pending_packets, (state.pendingPackets || []).length, 0));
+    var staleFlags = Number(firstNumber(inboxCounts.stale, 0));
+    var duplicateFlags = Number(firstNumber(inboxCounts.duplicates, memoryGraph.duplicate_candidate_pairs, 0));
+    var missingContext = Number(firstNumber(inboxCounts.missing_context, 0));
+    var ownerSilos = Array.isArray(risk.ownership_silos) ? risk.ownership_silos.length : 0;
+    var hotspots = Array.isArray(risk.global_hotspots) ? risk.global_hotspots.length : 0;
+    var readiness = handoff || dashboardReadiness(metrics, pendingReview, staleFlags, duplicateFlags, missingContext);
+    var memoryCoverage = dashboardMemoryCoverage(reports, memoryCodeEdges, memoryGraph, memoryNodes);
+    var riskHealth = riskTargets.length || hotspots ? (riskTargets.length + hotspots) + " signals" : "No flags";
     var statRows = [
-      ["Memory packets", firstNumber(memoryGraph.approved_packets, memoryNodes)],
-      ["Code nodes", firstNumber(codeGraph.symbols, structural.symbols, codeNodes)],
-      ["Files", firstNumber(codeGraph.files, structural.files, countEntitiesByType("file"))],
-      ["Memory-code links", memoryCodeEdges.length],
-      ["Parser coverage", codeGraph.indexer_coverage_percent != null ? codeGraph.indexer_coverage_percent + "%" : "n/a"],
-      ["Tokens saved", firstNumber(savings.estimated_tokens_saved_per_recall, pain.estimated_tokens_saved, "n/a")]
+      ["Handoff", readiness.label, readiness.detail, readiness.status],
+      ["Memory", memoryCoverage.label, memoryCoverage.detail, memoryCoverage.status],
+      ["Risk", riskHealth, riskTargets.length + " targets, " + ownerSilos + " ownership silos", riskTargets.length || ownerSilos || hotspots ? "warn" : "ok"]
     ];
     els.dashboardStats.textContent = "";
     statRows.forEach(function (row) {
       var item = document.createElement("div");
-      item.className = "dashboard-stat";
-      item.innerHTML = "<strong></strong><span></span>";
+      item.className = classNames("dashboard-stat", row[3] && "dashboard-stat-" + row[3]);
+      item.innerHTML = "<span></span><strong></strong><em></em>";
       item.querySelector("strong").textContent = formatDashboardValue(row[1]);
       item.querySelector("span").textContent = row[0];
+      item.querySelector("em").textContent = row[2] || "";
       els.dashboardStats.appendChild(item);
     });
 
     setDashboardRows("dashboardMemory", [
-      ["Approved packets", firstNumber(memoryGraph.approved_packets, memoryNodes)],
-      ["Pending review", firstNumber(memoryGraph.pending_packets, (state.pendingPackets || []).length)],
-      ["Evidence coverage", memoryGraph.evidence_coverage_percent != null ? memoryGraph.evidence_coverage_percent + "%" : "n/a"],
-      ["Code-linked memory", memoryCodeEdges.length]
+      ["Reusable", firstNumber(memoryGraph.approved_packets, memoryNodes) + " packets"],
+      ["Linked", memoryCodeEdges.length + " code links"],
+      ["Review", pendingReview ? pendingReview + " pending" : "clear"]
     ]);
     setDashboardRows("dashboardGraph", [
       ["Files", firstNumber(codeGraph.files, structural.files, countEntitiesByType("file"))],
       ["Symbols", firstNumber(codeGraph.symbols, structural.symbols, countEntitiesByType("symbol"))],
-      ["Relations", state.edges.length],
-      ["Dependency/noise hidden", state.entities.filter(function (entity) { return isDependencyEntity(entity); }).length]
+      ["Coverage", codeGraph.indexer_coverage_percent != null ? codeGraph.indexer_coverage_percent + "%" : "not loaded"]
     ]);
     setDashboardRows("dashboardIntel", [
-      ["Reports loaded", reportCount],
-      ["Decision coverage", reports.decisions && reports.decisions.coverage_percent != null ? reports.decisions.coverage_percent + "%" : "n/a"],
-      ["Modules scored", reports.moduleHealth && Array.isArray(reports.moduleHealth.modules) ? reports.moduleHealth.modules.length : "n/a"],
-      ["Communities", reports.graphInsights && Array.isArray(reports.graphInsights.communities) ? reports.graphInsights.communities.length : "n/a"]
+      ["Risk targets", riskTargets.length || "none"],
+      ["Ownership silos", ownerSilos || "none"],
+      ["Decision coverage", reports.decisions && reports.decisions.coverage_percent != null ? reports.decisions.coverage_percent + "%" : "not loaded"]
     ]);
-    var risk = reports.risk || {};
-    var riskTargets = Array.isArray(risk.targets) ? risk.targets : Object.keys(risk.targets || {});
-    setDashboardRows("dashboardRisk", [
-      ["Risk targets", riskTargets.length || "n/a"],
-      ["Hotspots", Array.isArray(risk.global_hotspots) ? risk.global_hotspots.length : "n/a"],
-      ["Ownership silos", Array.isArray(risk.ownership_silos) ? risk.ownership_silos.length : "n/a"],
-      ["Cycles", reports.graphInsights && Array.isArray(reports.graphInsights.dependency_cycles) ? reports.graphInsights.dependency_cycles.length : "n/a"]
-    ]);
-    var inboxCounts = state.inbox && state.inbox.counts ? state.inbox.counts : {};
-    setDashboardRows("dashboardReview", [
-      ["Readiness", metrics.harness && metrics.harness.readiness_score != null ? metrics.harness.readiness_score + "/100" : "n/a"],
-      ["Inbox pending", firstNumber(inboxCounts.pending, (state.pendingPackets || []).length)],
-      ["Stale flags", firstNumber(inboxCounts.stale, 0)],
-      ["Duplicate flags", firstNumber(inboxCounts.duplicates, 0)]
-    ]);
-    var workspace = reports.workspace || {};
-    setDashboardRows("dashboardWorkspace", [
-      ["Repos", Array.isArray(workspace.repos) ? workspace.repos.length : "n/a"],
-      ["Package deps", Array.isArray(workspace.package_dependencies) ? workspace.package_dependencies.length : "n/a"],
-      ["Route contracts", Array.isArray(workspace.route_contracts) ? workspace.route_contracts.length : "n/a"],
-      ["Co-changes", Array.isArray(workspace.co_changes) ? workspace.co_changes.length : "n/a"]
+    setDashboardRows("dashboardReview", handoff ? [
+      ["Next", handoff.actionLabel],
+      ["Open", handoff.openItems ? handoff.openItems + " item" + (handoff.openItems === 1 ? "" : "s") : "none"],
+      ["Distill", handoff.distillableSessions ? handoff.distillableSessions + " session" + (handoff.distillableSessions === 1 ? "" : "s") : "none"],
+      ["Recent", handoff.recentChanges + " changes"],
+      ["Mutations", handoff.recentMutations || "none"]
+    ] : [
+      ["Handoff", readiness.label],
+      ["Pending", pendingReview || "none"],
+      ["Stale / duplicate", staleFlags + " / " + duplicateFlags],
+      ["Missing context", missingContext || "none"]
     ]);
+    renderDashboardCharts({
+      metrics: metrics,
+      reports: reports,
+      memoryGraph: memoryGraph,
+      codeGraph: codeGraph,
+      structural: structural,
+      memoryCodeEdges: memoryCodeEdges,
+      memoryNodes: memoryNodes,
+      pendingReview: pendingReview,
+      staleFlags: staleFlags,
+      duplicateFlags: duplicateFlags,
+      missingContext: missingContext,
+      riskTargets: riskTargets,
+      ownerSilos: ownerSilos,
+      hotspots: hotspots,
+      handoff: handoff
+    });
   }
 
-  function setDashboardRows(cardId, rows) {
-    var card = document.getElementById(cardId);
-    if (!card) return;
-    var list = card.querySelector("ul");
-    if (!list) return;
-    list.textContent = "";
-    rows.forEach(function (row) {
-      var item = document.createElement("li");
-      item.innerHTML = "<strong></strong><span></span>";
-      item.querySelector("strong").textContent = row[0];
-      item.querySelector("span").textContent = formatDashboardValue(row[1]);
-      list.appendChild(item);
+  function renderDashboardCharts(data) {
+    if (!els.dashboardCharts) return;
+    var approvedPackets = Number(firstNumber(data.memoryGraph.approved_packets, data.memoryNodes, 0));
+    var linkedPacketIds = new Set();
+    data.memoryCodeEdges.forEach(function (edge) {
+      var from = state.entityById.get(edge.from);
+      var to = state.entityById.get(edge.to);
+      if (from && isMemoryPacketEntity(from)) linkedPacketIds.add(from.id);
+      if (to && isMemoryPacketEntity(to)) linkedPacketIds.add(to.id);
     });
+    var memoryGrounding = approvedPackets ? Math.round(linkedPacketIds.size / approvedPackets * 100) : 0;
+    var sourceCoverage = Number(firstNumber(data.codeGraph.indexer_coverage_percent, 0));
+    var blockers = data.handoff ? data.handoff.openItems : data.pendingReview + data.staleFlags + data.duplicateFlags + data.missingContext;
+    var riskSignals = data.riskTargets.length + data.ownerSilos + data.hotspots;
+    var retrieval = benchmarkRetrievalSummary(data.reports && data.reports.benchmark);
+    var scale = benchmarkScaleSummary(data.reports && data.reports.benchmark);
+    var access = memoryAccessSummary(data.reports && data.reports.memoryAccess, approvedPackets);
+    var audit = memoryAuditSummary(data.reports && data.reports.memoryAudit);
+    var lifecycle = memoryLifecycleSummary(data.reports && data.reports.lifecycle);
+    var timeline = memoryTimelineSummary(data.reports && data.reports.timeline);
+    var lineage = memoryLineageSummary(data.reports && data.reports.lineage);
+    var setup = setupDoctorSummary(data.reports && data.reports.setup);
+    var profile = projectProfileSummary(data.reports && data.reports.profile);
+    var capabilities = capabilityAuditSummary(data.reports && data.reports.capabilities);
+    var slots = contextSlotsSummary(data.reports && data.reports.slots);
+    var replay = sessionReplaySummary(data.reports && data.reports.replay);
+    var cards = [
+      metricDonut("Memory grounding", memoryGrounding, linkedPacketIds.size + " of " + approvedPackets + " packets linked to code", "Open Memory and fix Needs paths first.", memoryGrounding >= 70 ? "ok" : "warn"),
+      metricDonut("Source map", sourceCoverage, firstNumber(data.codeGraph.files, data.structural.files, 0) + " files indexed for graph recall", "If this drops, refresh indexing before relying on graph answers.", sourceCoverage >= 90 ? "ok" : "warn")
+    ];
+    if (capabilities) {
+      cards.push(metricBars("Capability audit", capabilities.label, capabilities.rows, capabilities.action, capabilities.status));
+    }
+    if (profile) {
+      cards.push(metricBars("Project profile", profile.label, [
+        { label: "Concepts", value: profile.concepts, score: Math.min(100, profile.concepts * 10), status: profile.concepts ? "ok" : "warn" },
+        { label: "Key files", value: profile.keyFiles, score: Math.min(100, profile.keyFiles * 8), status: profile.keyFiles ? "ok" : "warn" },
+        { label: "Commands", value: profile.commands, score: Math.min(100, profile.commands * 16), status: profile.commands ? "ok" : "warn" }
+      ], profile.action, profile.status));
+    }
+    if (slots) {
+      cards.push(metricBars("Pinned context", slots.label, [
+        { label: "Pinned", value: slots.pinned, score: Math.min(100, slots.pinned * 30), status: slots.pinned ? "ok" : "warn" },
+        { label: "Slots", value: slots.total, score: Math.min(100, slots.total * 20), status: slots.total ? "ok" : "warn" },
+        { label: "Chars", value: slots.chars, score: slots.chars ? Math.min(100, Math.round(slots.chars / 60)) : 0, status: slots.chars ? "ok" : "warn" }
+      ], slots.action, slots.status));
+    }
+    if (replay) {
+      cards.push(metricBars("Session replay", replay.label, [
+        { label: "Events", value: replay.events, score: Math.min(100, replay.events * 8), status: replay.events ? "ok" : "warn" },
+        { label: "Candidates", value: replay.candidates, score: Math.min(100, replay.candidates * 24), status: replay.candidates ? "warn" : "ok" },
+        { label: "Sessions", value: replay.sessions, score: Math.min(100, replay.sessions * 24), status: replay.sessions ? "ok" : "warn" }
+      ], replay.action, replay.status));
+    }
+    if (setup) {
+      cards.push(metricBars("Agent setup", setup.label, [
+        { label: "Configured", value: setup.configured + "/" + setup.total, score: setup.total ? Math.round(setup.configured / setup.total * 100) : 0, status: setup.configured ? "ok" : "warn" },
+        { label: "Claude hooks", value: setup.claudeHookReady ? "ready" : "missing", score: setup.claudeHookReady ? 100 : 0, status: setup.claudeHookReady ? "ok" : "warn" },
+        { label: "Missing", value: setup.missingCount, score: setup.missingCount ? Math.min(100, setup.missingCount * 18) : 0, status: setup.missingCount ? "warn" : "ok" }
+      ], setup.action, setup.status));
+    }
+    if (access) {
+      cards.push(metricBars("Memory reuse", access.uses30d + " recalls", [
+        { label: "Hot", value: access.hot, score: Math.min(100, access.hot * 24), status: access.hot ? "ok" : "warn" },
+        { label: "Cold", value: access.cold, score: approvedPackets ? Math.round(access.cold / approvedPackets * 100) : 0, status: access.cold ? "warn" : "ok" },
+        { label: "Tracked", value: access.tracked, score: approvedPackets ? Math.round(access.tracked / approvedPackets * 100) : 0, status: access.tracked ? "ok" : "warn" }
+      ], access.tracked ? "Cold packets may be stale, too broad, or never needed by agents." : "Recall a task to start measuring which memories actually help.", access.cold ? "warn" : "ok"));
+    }
+    if (audit) {
+      cards.push(metricBars("Memory audit", audit.total + " mutations", [
+        { label: "Capture", value: audit.capture, score: Math.min(100, audit.capture * 12), status: audit.capture ? "ok" : "warn" },
+        { label: "Review", value: audit.review, score: Math.min(100, audit.review * 20), status: audit.review ? "ok" : "warn" },
+        { label: "Supersede", value: audit.supersede, score: Math.min(100, audit.supersede * 24), status: audit.supersede ? "ok" : "warn" }
+      ], audit.total ? "Memory changes are auditable for team handoff." : "No explicit memory mutations audited yet.", audit.total ? "ok" : "warn"));
+    }
+    if (data.handoff) {
+      cards.push(metricBars("Memory handoff", data.handoff.label, [
+        { label: "Open", value: data.handoff.openItems, score: Math.min(100, data.handoff.openItems * 24), status: data.handoff.openItems ? "warn" : "ok" },
+        { label: "Distill", value: data.handoff.distillableSessions, score: Math.min(100, data.handoff.distillableSessions * 30), status: data.handoff.distillableSessions ? "warn" : "ok" },
+        { label: "Recent", value: data.handoff.recentChanges, score: Math.min(100, data.handoff.recentChanges * 8), status: data.handoff.recentChanges ? "ok" : "warn" },
+        { label: "Mutations", value: data.handoff.recentMutations, score: Math.min(100, data.handoff.recentMutations * 18), status: data.handoff.recentMutations ? "ok" : "warn" }
+      ], data.handoff.action, data.handoff.status));
+    }
+    if (lifecycle) {
+      cards.push(metricBars("Memory lifecycle", lifecycle.needsReview ? lifecycle.needsReview + " need review" : "healthy", [
+        { label: "Hot/healthy", value: lifecycle.ready, score: approvedPackets ? Math.round(lifecycle.ready / approvedPackets * 100) : 0, status: lifecycle.ready ? "ok" : "warn" },
+        { label: "Ungrounded", value: lifecycle.ungrounded, score: approvedPackets ? Math.round(lifecycle.ungrounded / approvedPackets * 100) : 0, status: lifecycle.ungrounded ? "warn" : "ok" },
+        { label: "Stale/disputed", value: lifecycle.stale, score: approvedPackets ? Math.round(lifecycle.stale / approvedPackets * 100) : 0, status: lifecycle.stale ? "danger" : "ok" }
+      ], lifecycle.needsReview ? "Open Memory and resolve lifecycle actions before handoff." : "Repo memory is ready for agent handoff.", lifecycle.needsReview ? "warn" : "ok"));
+    }
+    if (timeline) {
+      cards.push(metricBars("Memory timeline", timeline.total + " recent", [
+        { label: "Added", value: timeline.added, score: Math.min(100, timeline.added * 16), status: timeline.added ? "ok" : "warn" },
+        { label: "Updated", value: timeline.updated, score: Math.min(100, timeline.updated * 16), status: timeline.updated ? "ok" : "warn" },
+        { label: "Pending", value: timeline.pending, score: Math.min(100, timeline.pending * 24), status: timeline.pending ? "warn" : "ok" }
+      ], timeline.total ? "Review recent memory changes before teammate handoff." : "No recent memory activity loaded.", timeline.pending ? "warn" : "ok"));
+    }
+    if (lineage) {
+      cards.push(metricBars("Memory lineage", lineage.chains + " chains", [
+        { label: "Replaced", value: lineage.superseded, score: Math.min(100, lineage.superseded * 18), status: lineage.superseded ? "ok" : "warn" },
+        { label: "Chains", value: lineage.chains, score: Math.min(100, lineage.chains * 24), status: lineage.chains ? "ok" : "warn" },
+        { label: "Needs repair", value: lineage.orphans, score: Math.min(100, lineage.orphans * 32), status: lineage.orphans ? "danger" : "ok" }
+      ], lineage.orphans ? "Fix superseded memory without replacement links." : "Retired memory points at current replacements.", lineage.orphans ? "danger" : "ok"));
+    }
+    if (retrieval) {
+      cards.push(metricBars("Retrieval proof", retrieval.r10 + "% R@10", [
+        { label: "R@5", value: retrieval.r5 != null ? retrieval.r5 + "%" : "n/a", score: retrieval.r5 || 0, status: retrieval.r5 >= 95 ? "ok" : "warn" },
+        { label: "R@10", value: retrieval.r10 + "%", score: retrieval.r10, status: retrieval.r10 >= 95 ? "ok" : "warn" },
+        { label: "MRR", value: retrieval.mrr != null ? retrieval.mrr : "n/a", score: retrieval.mrr != null ? retrieval.mrr * 100 : 0, status: retrieval.mrr >= 0.85 ? "ok" : "warn" }
+      ], retrieval.label + ". Measures memory retrieval proof, not answer accuracy.", retrieval.r10 >= 95 ? "ok" : "warn"));
+    }
+    if (scale) {
+      cards.push(metricBars("Scale proof", scale.hitRate + "% hit", [
+        { label: "Packets", value: scale.packets, score: Math.min(100, scale.packets / 10), status: scale.packets >= 240 ? "ok" : "warn" },
+        { label: "Median", value: scale.medianLatency + "ms", score: Math.max(0, 100 - scale.medianLatency), status: scale.medianLatency <= 50 ? "ok" : "warn" },
+        { label: "Context cut", value: scale.contextReduction + "%", score: scale.contextReduction, status: scale.contextReduction >= 80 ? "ok" : "warn" }
+      ], "Large memory corpus stays searchable without loading every packet.", scale.hitRate >= 95 ? "ok" : "warn"));
+    }
+    els.dashboardCharts.textContent = "";
+    var tailCards = [];
+    if (!data.handoff) {
+      tailCards.push(metricBars("Handoff blockers", blockers ? blockers + " open" : "clear", [
+        { label: "Pending", value: data.pendingReview, score: Math.min(100, data.pendingReview * 24), status: data.pendingReview ? "warn" : "ok" },
+        { label: "Stale", value: data.staleFlags, score: Math.min(100, data.staleFlags * 24), status: data.staleFlags ? "warn" : "ok" },
+        { label: "Duplicate", value: data.duplicateFlags, score: Math.min(100, data.duplicateFlags * 24), status: data.duplicateFlags ? "warn" : "ok" },
+        { label: "Missing context", value: data.missingContext, score: Math.min(100, data.missingContext * 18), status: data.missingContext ? "warn" : "ok" }
+      ], blockers ? "Resolve Review before handing work to another agent." : "Memory is clean for handoff.", blockers ? "warn" : "ok"));
+    }
+    tailCards.push(
+      metricBars("Change risk", riskSignals ? riskSignals + " signals" : "none", [
+        { label: "Targets", value: data.riskTargets.length, score: Math.min(100, data.riskTargets.length * 18), status: data.riskTargets.length ? "warn" : "ok" },
+        { label: "Silos", value: data.ownerSilos, score: Math.min(100, data.ownerSilos * 18), status: data.ownerSilos ? "warn" : "ok" },
+        { label: "Hotspots", value: data.hotspots, score: Math.min(100, data.hotspots * 18), status: data.hotspots ? "danger" : "ok" }
+      ], riskSignals ? "Open Intel or Owners before editing risky files." : "No loaded risk flags.", riskSignals ? "warn" : "ok")
+    );
+    cards.concat(tailCards).slice(0, 3).forEach(function (card) { els.dashboardCharts.appendChild(card); });
+  }
+
+  function projectProfileSummary(report) {
+    if (!report || !report.totals) return null;
+    var concepts = Array.isArray(report.top_concepts) ? report.top_concepts.length : 0;
+    var keyFiles = Array.isArray(report.key_files) ? report.key_files.length : 0;
+    var commands = Array.isArray(report.run_commands) ? report.run_commands.length : 0;
+    var coverage = Number(report.totals.memory_code_coverage_percent || 0);
+    var topConcept = concepts ? report.top_concepts[0].concept : "no concepts";
+    var actions = Array.isArray(report.next_actions) ? report.next_actions : [];
+    return {
+      concepts: concepts,
+      keyFiles: keyFiles,
+      commands: commands,
+      label: topConcept,
+      action: actions[0] || report.summary || "Use this as the first orientation packet for agents.",
+      status: coverage >= 60 && keyFiles ? "ok" : "warn"
+    };
   }
 
-  function firstNumber() {
-    for (var index = 0; index < arguments.length; index += 1) {
-      var value = arguments[index];
-      if (value !== null && value !== undefined && value !== "") return value;
-    }
-    return "n/a";
+  function capabilityAuditSummary(report) {
+    if (!report || !Array.isArray(report.pillars)) return null;
+    var rows = report.pillars.slice(0, 4).map(function (pillar) {
+      return {
+        label: pillar.label || pillar.id || "pillar",
+        value: Number(pillar.score || 0) + "%",
+        score: Number(pillar.score || 0),
+        status: pillar.status === "ready" ? "ok" : (pillar.status === "gap" ? "danger" : "warn")
+      };
+    });
+    var open = report.pillars.filter(function (pillar) { return pillar.status !== "ready"; }).length;
+    return {
+      label: Number(report.overall_score || 0) + "/100",
+      rows: rows,
+      action: open
+        ? (Array.isArray(report.next_actions) && report.next_actions[0] ? report.next_actions[0] : "Review capability gaps before publishing claims.")
+        : "Memory, benchmark, collaboration, and viewer proof surfaces are ready.",
+      status: report.status === "ready" ? "ok" : (report.status === "gap" ? "danger" : "warn")
+    };
   }
 
-  function countEntitiesByType(type) {
-    return state.entities.filter(function (entity) { return entity.type === type; }).length;
+  function contextSlotsSummary(report) {
+    if (!report || !report.totals) return null;
+    var slots = Array.isArray(report.slots) ? report.slots : [];
+    var pinned = Number(report.totals.pinned || 0);
+    var total = Number(report.totals.slots || slots.length || 0);
+    var chars = Number(report.totals.context_chars || 0);
+    var firstPinned = slots.find(function (slot) { return slot && slot.pinned && slot.content; });
+    return {
+      pinned: pinned,
+      total: total,
+      chars: chars,
+      label: firstPinned ? firstPinned.label : (pinned ? String(pinned) + " pinned" : "none"),
+      action: pinned
+        ? "Pinned slots are included before task-specific recall for stable repo guidance."
+        : "Add a slot for tiny always-relevant repo context instead of repeating it every session.",
+      status: pinned ? "ok" : "warn"
+    };
   }
 
-  function formatDashboardValue(value) {
-    if (typeof value === "number" && Number.isFinite(value)) return value.toLocaleString();
-    return String(value == null ? "n/a" : value);
+  function sessionReplaySummary(report) {
+    if (!report || !report.totals) return null;
+    var events = Number(report.totals.events || 0);
+    var candidates = Number(report.totals.durable_candidates || 0);
+    var sessions = Number(report.totals.sessions || 0);
+    return {
+      events: events,
+      candidates: candidates,
+      sessions: sessions,
+      label: candidates ? candidates + " distillable" : (events ? events + " observed" : "none"),
+      action: candidates
+        ? "Open Memory and distill durable session observations into reviewable packets."
+        : "Replay digest proves what agents observed without exposing raw transcripts.",
+      status: candidates ? "warn" : (events ? "ok" : "warn")
+    };
   }
 
-  function renderReviewQueue() {
-    if (!els.reviewList) return;
-    var packets = state.pendingPackets || [];
-    var inbox = state.inbox;
-    var inboxItems = inbox && Array.isArray(inbox.items) ? inbox.items : [];
-    els.reviewCount.textContent = String(packets.length + inboxItems.length);
-    els.reviewList.textContent = "";
-    if (!packets.length && !inboxItems.length && !state.reviewText) {
-      els.reviewList.className = "review-list details-empty";
-      els.reviewList.textContent = "No pending packets loaded. Launch with `kage viewer --project <repo>` to load review context automatically.";
-      return;
+  function setupDoctorSummary(report) {
+    if (!Array.isArray(report) || !report.length) return null;
+    var configured = report.filter(function (item) { return item && item.configured; }).length;
+    var claude = report.find(function (item) { return item && item.agent === "claude-code"; });
+    var hookSummary = claude && claude.hook_summary;
+    var missing = hookSummary && Array.isArray(hookSummary.missing) ? hookSummary.missing : [];
+    var claudeHookReady = Boolean(hookSummary && hookSummary.ready);
+    var missingCount = missing.length;
+    var action = "";
+    if (missingCount) {
+      action = "Run kage setup claude-code --project . --write before relying on automatic memory.";
+    } else if (configured) {
+      action = "Automatic memory setup is visible for teammate handoff.";
+    } else {
+      action = "Run kage setup doctor to choose the next agent setup step.";
     }
-    els.reviewList.className = "review-list";
-    if (inbox) {
-      var summary = document.createElement("div");
-      summary.className = "review-item";
-      var counts = inbox.counts || {};
+    return {
+      total: report.length,
+      configured: configured,
+      claudeHookReady: claudeHookReady,
+      missingCount: missingCount,
+      label: missingCount ? missingCount + " missing" : configured + "/" + report.length + " ready",
+      action: action,
+      status: missingCount || !configured ? "warn" : "ok"
+    };
+  }
+
+  function memoryAccessSummary(report, approvedPackets) {
+    var totals = report && report.totals;
+    if (!totals) return null;
+    return {
+      tracked: Number(totals.tracked_packets || 0),
+      uses30d: Number(totals.uses_30d || 0),
+      hot: Number(totals.hot_packets || 0),
+      cold: Number(totals.cold_packets == null ? Math.max(0, approvedPackets) : totals.cold_packets)
+    };
+  }
+
+  function memoryAuditSummary(report) {
+    var totals = report && report.totals;
+    if (!totals) return null;
+    return {
+      total: Number(totals.total || 0),
+      capture: Number(totals.capture || 0),
+      review: Number(totals.approve || 0) + Number(totals.reject || 0),
+      supersede: Number(totals.supersede || 0)
+    };
+  }
+
+  function memoryHandoffSummary(report) {
+    var totals = report && report.totals;
+    if (!totals) return null;
+    var primary = report.primary_action || {};
+    var openItems = Number(firstNumber(totals.open_items, 0));
+    var severity = primary.severity || (openItems ? "warning" : "ok");
+    var status = severity === "blocker" ? "danger" : severity === "warning" ? "warn" : severity === "ok" ? "ok" : "memory";
+    var label = primary.label || (openItems ? "Resolve handoff" : "Ready for handoff");
+    return {
+      label: label,
+      actionLabel: label.indexOf("Resolve") === 0 ? "Resolve" : label.indexOf("Ready") === 0 ? "Ready" : label.indexOf("Review") === 0 ? "Review" : label,
+      detail: primary.summary || report.summary || "",
+      action: primary.action || report.summary || "Open Review before handing work to another agent.",
+      status: status,
+      openItems: openItems,
+      blockers: Number(firstNumber(totals.blockers, 0)),
+      warnings: Number(firstNumber(totals.warnings, 0)),
+      recentChanges: Number(firstNumber(totals.recent_changes, 0)),
+      recentMutations: Number(firstNumber(totals.recent_mutations, 0)),
+      distillableSessions: Number(firstNumber(totals.distillable_sessions, 0)),
+      durableObservations: Number(firstNumber(totals.durable_observations, 0))
+    };
+  }
+
+  function memoryLifecycleSummary(report) {
+    var totals = report && report.totals;
+    if (!totals) return null;
+    var stale = Number(totals.stale || 0) + Number(totals.disputed || 0);
+    var ungrounded = Number(totals.ungrounded || 0);
+    var pending = Number(totals.pending || 0);
+    return {
+      ready: Number(totals.hot || 0) + Number(totals.healthy || 0),
+      ungrounded: ungrounded,
+      stale: stale,
+      needsReview: stale + ungrounded + pending
+    };
+  }
+
+  function memoryTimelineSummary(report) {
+    var totals = report && report.totals;
+    if (!totals) return null;
+    return {
+      total: Number(totals.total || 0),
+      added: Number(totals.added || 0),
+      updated: Number(totals.updated || 0),
+      pending: Number(totals.pending || 0),
+      deprecated: Number(totals.deprecated || 0)
+    };
+  }
+
+  function memoryLineageSummary(report) {
+    var totals = report && report.totals;
+    if (!totals) return null;
+    return {
+      superseded: Number(totals.superseded || 0),
+      chains: Number(totals.chains || 0),
+      orphans: Number(totals.orphans || 0),
+      replacementsMissing: Number(totals.replacements_missing || 0)
+    };
+  }
+
+  function metricDonut(title, percent, detail, action, status) {
+    var card = document.createElement("article");
+    var value = clamp(Number(percent || 0), 0, 100);
+    card.className = classNames("metric-card", status && "metric-card-" + status);
+    card.innerHTML = [
+      "<div class=\"metric-card-head\"><span></span><strong></strong></div>",
+      "<div class=\"metric-visual\"><div class=\"metric-donut\"><span></span></div><p></p></div>",
+      "<em></em>"
+    ].join("");
+    card.querySelector(".metric-card-head span").textContent = title;
+    card.querySelector(".metric-card-head strong").textContent = value + "%";
+    card.querySelector(".metric-donut").style.setProperty("--value", value);
+    card.querySelector(".metric-donut span").textContent = value + "%";
+    card.querySelector("p").textContent = detail || "";
+    card.querySelector("em").textContent = action || "";
+    return card;
+  }
+
+  function metricBars(title, value, rows, action, status) {
+    var card = document.createElement("article");
+    card.className = classNames("metric-card", status && "metric-card-" + status);
+    card.innerHTML = [
+      "<div class=\"metric-card-head\"><span></span><strong></strong></div>",
+      "<div class=\"metric-bars\"></div>",
+      "<em></em>"
+    ].join("");
+    card.querySelector(".metric-card-head span").textContent = title;
+    card.querySelector(".metric-card-head strong").textContent = formatDashboardValue(value);
+    var list = card.querySelector(".metric-bars");
+    rows.forEach(function (row) {
+      var item = document.createElement("div");
+      item.className = classNames("metric-bar", row.status && "metric-bar-" + row.status);
+      item.innerHTML = "<span></span><strong></strong><i></i>";
+      item.querySelector("span").textContent = row.label;
+      item.querySelector("strong").textContent = formatDashboardValue(row.value);
+      item.querySelector("i").style.width = clamp(Number(row.score || 0), row.value ? 8 : 0, 100) + "%";
+      list.appendChild(item);
+    });
+    card.querySelector("em").textContent = action || "";
+    return card;
+  }
+
+  function dashboardReadiness(metrics, pendingReview, staleFlags, duplicateFlags, missingContext) {
+    if (pendingReview || staleFlags || duplicateFlags || missingContext) {
+      return { label: "Needs review", detail: pendingReview + " pending, " + staleFlags + " stale, " + duplicateFlags + " duplicate, " + missingContext + " missing context", status: "warn" };
+    }
+    if (metrics && metrics.harness && metrics.harness.validation_ok) {
+      return { label: "Ready", detail: "Memory and graph checks are clean", status: "ok" };
+    }
+    return { label: "Unknown", detail: "Run kage refresh or open local viewer with metrics", status: "warn" };
+  }
+
+  function dashboardMemoryCoverage(reports, memoryCodeEdges, memoryGraph, memoryNodes) {
+    var coverage = reports.decisions && reports.decisions.coverage_percent;
+    if (coverage != null) {
+      return {
+        label: coverage + "%",
+        detail: "Decision memory coverage for important code paths",
+        status: Number(coverage) >= 70 ? "ok" : "warn"
+      };
+    }
+    var packets = Number(firstNumber(memoryGraph.approved_packets, memoryNodes, 0));
+    if (!packets) return { label: "No memory", detail: "Agents will rediscover repo context", status: "warn" };
+    return {
+      label: memoryCodeEdges.length + " links",
+      detail: "Memory packets connected back to code",
+      status: memoryCodeEdges.length ? "ok" : "warn"
+    };
+  }
+
+  function setDashboardRows(cardId, rows) {
+    var card = document.getElementById(cardId);
+    if (!card) return;
+    var list = card.querySelector("ul");
+    if (!list) return;
+    list.textContent = "";
+    rows.forEach(function (row) {
+      var item = document.createElement("li");
+      item.innerHTML = "<strong></strong><span></span>";
+      item.querySelector("strong").textContent = row[0];
+      item.querySelector("span").textContent = formatDashboardValue(row[1]);
+      list.appendChild(item);
+    });
+  }
+
+  function firstNumber() {
+    for (var index = 0; index < arguments.length; index += 1) {
+      var value = arguments[index];
+      if (value !== null && value !== undefined && value !== "") return value;
+    }
+    return "n/a";
+  }
+
+  function countEntitiesByType(type) {
+    return state.entities.filter(function (entity) { return entity.type === type; }).length;
+  }
+
+  function formatDashboardValue(value) {
+    if (typeof value === "number" && Number.isFinite(value)) return value.toLocaleString();
+    return String(value == null ? "n/a" : value);
+  }
+
+  function escapeHtml(value) {
+    return String(value == null ? "" : value).replace(/[&<>"']/g, function (char) {
+      return { "&": "&amp;", "<": "&lt;", ">": "&gt;", "\"": "&quot;", "'": "&#39;" }[char] || char;
+    });
+  }
+
+  function renderMemoryLibrary() {
+    if (!els.memoryList) return;
+    var memoryEntities = state.entities.filter(function (entity) {
+      return isMemoryPacketEntity(entity);
+    }).sort(function (a, b) {
+      return entityImportance(b) - entityImportance(a) || displayName(a).localeCompare(displayName(b));
+    });
+    var memoryLinkCounts = new Map();
+    state.edges.forEach(function (edge) {
+      if (!isMemoryCodeEdge(edge)) return;
+      var fromEntity = state.entityById.get(edge.from);
+      var toEntity = state.entityById.get(edge.to);
+      if (fromEntity && fromEntity.graph_kind === "memory" && toEntity && toEntity.graph_kind === "code") {
+        memoryLinkCounts.set(edge.from, (memoryLinkCounts.get(edge.from) || 0) + 1);
+      }
+      if (toEntity && toEntity.graph_kind === "memory" && fromEntity && fromEntity.graph_kind === "code") {
+        memoryLinkCounts.set(edge.to, (memoryLinkCounts.get(edge.to) || 0) + 1);
+      }
+    });
+    var linkedCount = memoryEntities.filter(function (entity) { return (memoryLinkCounts.get(entity.id) || 0) > 0; }).length;
+    var accessTotals = state.reports.memoryAccess && state.reports.memoryAccess.totals;
+    var query = parseSearchQuery(els.memorySearch ? els.memorySearch.value : "");
+    var filter = els.memoryFilter ? els.memoryFilter.value : "all";
+    var filtered = memoryEntities.filter(function (entity) {
+      var linkCount = memoryLinkCounts.get(entity.id) || 0;
+      if (filter === "linked" && !linkCount) return false;
+      if (filter === "needs-paths" && linkCount) return false;
+      if (["decision", "runbook", "bug_fix"].indexOf(filter) !== -1 && !memoryMatchesKind(entity, filter)) return false;
+      return matchesSearchQuery(entity, query);
+    });
+    els.memoryStatus.textContent = filtered.length + " shown";
+    if (els.memoryStats) {
+      els.memoryStats.innerHTML = [
+        memoryStat("Reusable", memoryEntities.length),
+        memoryStat("Code-linked", linkedCount),
+        memoryStat("Reused 30d", accessTotals ? Number(accessTotals.uses_30d || 0) : "n/a"),
+        memoryStat("Needs paths", memoryEntities.length - linkedCount)
+      ].join("");
+    }
+    if (els.memoryOverview) renderMemoryOverview(memoryEntities, linkedCount);
+    if (els.lifecycleList) renderMemoryLifecycle(memoryEntities, memoryLinkCounts);
+    if (els.memoryReviewActions) renderMemoryReviewActions();
+    if (els.memoryTimelineList) renderMemoryTimeline();
+    if (els.memoryAuditList) renderMemoryAudit();
+    if (els.memoryLineageList) renderMemoryLineage();
+    if (els.sessionCaptureList) renderSessionCapture();
+    els.memoryList.textContent = "";
+    if (!memoryEntities.length) {
+      els.memoryList.className = "memory-list details-empty";
+      els.memoryList.textContent = "No memory packets loaded. Launch with `kage viewer --project <repo>` to load repo memory.";
+      return;
+    }
+    if (!filtered.length) {
+      els.memoryList.className = "memory-list details-empty";
+      els.memoryList.textContent = "No matching memory. Clear search or switch the filter.";
+      return;
+    }
+    filtered.sort(function (a, b) {
+      return (memoryLinkCounts.get(b.id) || 0) - (memoryLinkCounts.get(a.id) || 0) ||
+        entityImportance(b) - entityImportance(a) ||
+        displayName(a).localeCompare(displayName(b));
+    });
+    els.memoryList.className = "memory-list";
+    filtered.slice(0, 60).forEach(function (entity) {
+      var links = memoryCodeLinksForEntity(entity.id);
+      var firstCodeTarget = primaryCodeTargetForMemory(entity.id, links);
+      var access = memoryAccessForEntity(entity);
+      var item = document.createElement("button");
+      item.type = "button";
+      var selected = state.selected && state.selected.kind === "entity" && state.selected.id === entity.id;
+      item.className = classNames("memory-row", selected && "selected");
+      item.setAttribute("aria-selected", selected ? "true" : "false");
+      item.innerHTML = [
+        "<span class=\"memory-row-main\"><strong></strong><em></em></span>",
+        "<span class=\"memory-row-meta\"></span>",
+        "<span class=\"memory-row-target\"></span>"
+      ].join("");
+      item.querySelector("strong").textContent = displayName(entity);
+      item.querySelector("em").textContent = entity.type || "memory";
+      item.querySelector(".memory-row-meta").textContent = trimIntelText(entity.summary || entity.description || entity.path || "No summary", 150);
+      item.querySelector(".memory-row-target").textContent = links.length
+        ? links.length + " code link" + (links.length === 1 ? "" : "s") + (firstCodeTarget ? " | " + trimIntelText(codeTargetLabel(firstCodeTarget), 64) : "")
+        : "needs code paths";
+      if (access && access.total_uses) {
+        item.querySelector(".memory-row-target").textContent += " | reused " + Number(access.uses_30d || 0) + "x in 30d";
+      }
+      item.addEventListener("click", function () {
+        selectEntity(entity.id, true);
+        render();
+      });
+      els.memoryList.appendChild(item);
+    });
+    if (filtered.length > 60) appendListNote(els.memoryList, "Showing 60 of " + filtered.length + ". Search a path or topic to narrow.");
+  }
+
+  function memoryStat(label, value) {
+    return "<div><strong>" + escapeHtml(String(value)) + "</strong><span>" + escapeHtml(label) + "</span></div>";
+  }
+
+  function memoryAccessForEntity(entity) {
+    var report = state.reports && state.reports.memoryAccess;
+    if (!report || !Array.isArray(report.entries)) return null;
+    var ids = new Set([entity.id].concat(entity.aliases || []));
+    return report.entries.find(function (entry) { return ids.has(entry.packet_id); }) || null;
+  }
+
+  function renderMemoryOverview(memoryEntities, linkedCount) {
+    els.memoryOverview.textContent = "";
+    var total = memoryEntities.length;
+    var linkedPercent = total ? Math.round(linkedCount / total * 100) : 0;
+    var typeCounts = new Map();
+    memoryEntities.forEach(function (entity) {
+      typeCounts.set(entity.type || "memory", (typeCounts.get(entity.type || "memory") || 0) + 1);
+    });
+    var topTypes = Array.from(typeCounts.entries()).sort(function (a, b) { return b[1] - a[1] || a[0].localeCompare(b[0]); }).slice(0, 4);
+    var maxType = Math.max(1, topTypes.reduce(function (max, row) { return Math.max(max, row[1]); }, 0));
+    els.memoryOverview.appendChild(metricDonut(
+      "Code grounding",
+      linkedPercent,
+      linkedCount + " packet(s) are connected to files, symbols, routes, or tests",
+      linkedPercent >= 70 ? "Use linked memory before edits." : "Filter Needs paths and add concrete code references.",
+      linkedPercent >= 70 ? "ok" : "warn"
+    ));
+    els.memoryOverview.appendChild(metricBars("Memory mix", total + " packets", topTypes.map(function (row) {
+      return {
+        label: row[0],
+        value: row[1],
+        score: row[1] / maxType * 100,
+        status: row[0] === "memory" ? "" : "ok"
+      };
+    }), "A healthy repo has decisions, bug fixes, runbooks, gotchas, and code explanations.", "ok"));
+  }
+
+  function renderMemoryReviewActions() {
+    var lifecycle = state.reports && state.reports.lifecycle;
+    var access = state.reports && state.reports.memoryAccess;
+    var recommendations = lifecycle && Array.isArray(lifecycle.recommendations)
+      ? lifecycle.recommendations
+      : (access && Array.isArray(access.recommendations) ? access.recommendations : []);
+    if (els.memoryReviewStatus) {
+      els.memoryReviewStatus.textContent = recommendations.length ? recommendations.length + " action" + (recommendations.length === 1 ? "" : "s") : "clear";
+    }
+    els.memoryReviewActions.textContent = "";
+    if (!lifecycle && !access) {
+      els.memoryReviewActions.className = "memory-action-list details-empty";
+      els.memoryReviewActions.textContent = "No lifecycle report loaded. Run kage lifecycle or open the local viewer after refreshing memory.";
+      return;
+    }
+    if (!recommendations.length) {
+      els.memoryReviewActions.className = "memory-action-list details-empty";
+      els.memoryReviewActions.textContent = "No memory review actions. Recent recall usage does not show obvious hot or cold packets.";
+      return;
+    }
+    els.memoryReviewActions.className = "memory-action-list";
+    recommendations.slice(0, 6).forEach(function (item) {
+      var card = document.createElement("article");
+      card.className = classNames("memory-action", item.severity && "memory-action-" + item.severity);
+      card.innerHTML = [
+        "<div class=\"memory-action-head\"><span></span><strong></strong></div>",
+        "<p></p>",
+        "<em></em>"
+      ].join("");
+      card.querySelector(".memory-action-head span").textContent = memoryActionLabel(item.kind);
+      card.querySelector(".memory-action-head strong").textContent = item.summary || item.title || "Memory action";
+      card.querySelector("p").textContent = item.reason || "";
+      card.querySelector("em").textContent = item.action || "";
+      var entity = item.packet_id ? findMemoryEntityByPacketId(item.packet_id) : null;
+      if (entity) {
+        card.tabIndex = 0;
+        card.setAttribute("role", "button");
+        card.addEventListener("click", function () {
+          selectEntity(entity.id, true);
+          render();
+        });
+        card.addEventListener("keydown", function (event) {
+          if (event.key !== "Enter" && event.key !== " ") return;
+          event.preventDefault();
+          selectEntity(entity.id, true);
+          render();
+        });
+      }
+      els.memoryReviewActions.appendChild(card);
+    });
+  }
+
+  function renderMemoryTimeline() {
+    var report = state.reports && state.reports.timeline;
+    var entries = Array.isArray(report && report.entries) ? report.entries : [];
+    var totals = report && report.totals ? report.totals : {};
+    if (els.memoryTimelineStatus) {
+      els.memoryTimelineStatus.textContent = report ? String(Number(totals.total || entries.length)) + " recent" : "waiting";
+    }
+    if (els.memoryTimelineSummary) {
+      els.memoryTimelineSummary.textContent = "";
+      [
+        lifecycleSummaryStep("+", "Added", Number(totals.added || 0), "New repo memories captured for future agents."),
+        lifecycleSummaryStep("~", "Updated", Number(totals.updated || 0), "Packets with changed rationale, evidence, or paths."),
+        lifecycleSummaryStep("?", "Pending", Number(totals.pending || 0), "Memory waiting for teammate review.")
+      ].forEach(function (step) { els.memoryTimelineSummary.appendChild(step); });
+    }
+    els.memoryTimelineList.textContent = "";
+    if (!report) {
+      els.memoryTimelineList.className = "session-capture-list details-empty";
+      els.memoryTimelineList.textContent = "No memory timeline report loaded. Run kage timeline or open the local viewer after refresh.";
+      return;
+    }
+    if (!entries.length) {
+      els.memoryTimelineList.className = "session-capture-list details-empty";
+      els.memoryTimelineList.textContent = "No recent memory activity. Capture durable repo decisions, bugs, runbooks, or gotchas as work happens.";
+      return;
+    }
+    els.memoryTimelineList.className = "session-capture-list";
+    entries.slice(0, 8).forEach(function (entry) {
+      var card = document.createElement("article");
+      card.className = "session-capture-card";
+      card.innerHTML = [
+        "<div class=\"session-capture-head\"><div><strong></strong><span></span></div><em></em></div>",
+        "<p></p>",
+        "<div class=\"session-capture-meta\"></div>"
+      ].join("");
+      card.querySelector("strong").textContent = entry.title || "Memory packet";
+      card.querySelector("span").textContent = [entry.type, timelineDateLabel(entry.date), entry.source_kind].filter(Boolean).join(" | ");
+      card.querySelector("em").textContent = timelineKindLabel(entry.kind);
+      card.querySelector("p").textContent = entry.action || entry.summary || "Review this memory activity.";
+      var meta = card.querySelector(".session-capture-meta");
+      [
+        ["status", entry.status || "unknown"],
+        ["paths", Array.isArray(entry.paths) ? entry.paths.slice(0, 2).join(", ") || "none" : "none"],
+        ["tags", Array.isArray(entry.tags) ? entry.tags.slice(0, 3).join(", ") || "none" : "none"]
+      ].forEach(function (row) {
+        var chip = document.createElement("span");
+        chip.textContent = row[0] + ": " + row[1];
+        meta.appendChild(chip);
+      });
+      var entity = entry.packet_id ? findMemoryEntityByPacketId(entry.packet_id) : null;
+      if (entity) {
+        card.tabIndex = 0;
+        card.setAttribute("role", "button");
+        card.addEventListener("click", function () {
+          selectEntity(entity.id, true);
+          render();
+        });
+        card.addEventListener("keydown", function (event) {
+          if (event.key !== "Enter" && event.key !== " ") return;
+          event.preventDefault();
+          selectEntity(entity.id, true);
+          render();
+        });
+      }
+      els.memoryTimelineList.appendChild(card);
+    });
+  }
+
+  function renderMemoryAudit() {
+    var report = state.reports && state.reports.memoryAudit;
+    var entries = Array.isArray(report && report.entries) ? report.entries : [];
+    var totals = report && report.totals ? report.totals : {};
+    if (els.memoryAuditStatus) {
+      els.memoryAuditStatus.textContent = report ? String(Number(totals.total || entries.length)) + " mutations" : "waiting";
+    }
+    if (els.memoryAuditSummary) {
+      els.memoryAuditSummary.textContent = "";
+      [
+        lifecycleSummaryStep("1", "Captured", Number(totals.capture || 0), "New packets written to repo memory."),
+        lifecycleSummaryStep("2", "Reviewed", Number(totals.approve || 0) + Number(totals.reject || 0), "Pending packets approved or rejected."),
+        lifecycleSummaryStep("3", "Replaced", Number(totals.supersede || 0), "Old knowledge linked to current replacements.")
+      ].forEach(function (step) { els.memoryAuditSummary.appendChild(step); });
+    }
+    els.memoryAuditList.textContent = "";
+    if (!report) {
+      els.memoryAuditList.className = "session-capture-list details-empty";
+      els.memoryAuditList.textContent = "No memory audit report loaded. Run kage memory-audit or open the local viewer after refresh.";
+      return;
+    }
+    if (!entries.length) {
+      els.memoryAuditList.className = "session-capture-list details-empty";
+      els.memoryAuditList.textContent = "No audited memory mutations yet. Captures, feedback, reviews, and supersedes will appear here.";
+      return;
+    }
+    els.memoryAuditList.className = "session-capture-list";
+    entries.slice(0, 8).forEach(function (entry) {
+      var card = document.createElement("article");
+      card.className = "session-capture-card";
+      card.innerHTML = [
+        "<div class=\"session-capture-head\"><div><strong></strong><span></span></div><em></em></div>",
+        "<p></p>",
+        "<div class=\"session-capture-meta\"></div>"
+      ].join("");
+      card.querySelector("strong").textContent = (entry.packet_titles || []).join(", ") || (entry.packet_ids || []).join(", ") || "Memory mutation";
+      card.querySelector("span").textContent = [entry.actor, entry.branch, timelineDateLabel(entry.timestamp)].filter(Boolean).join(" | ");
+      card.querySelector("em").textContent = entry.operation || "audit";
+      card.querySelector("p").textContent = memoryAuditAction(entry);
+      var meta = card.querySelector(".session-capture-meta");
+      [
+        ["packets", Array.isArray(entry.packet_ids) ? String(entry.packet_ids.length) : "0"],
+        ["head", entry.head ? String(entry.head).slice(0, 8) : "none"],
+        ["details", auditDetailsLabel(entry.details)]
+      ].forEach(function (row) {
+        var chip = document.createElement("span");
+        chip.textContent = row[0] + ": " + row[1];
+        meta.appendChild(chip);
+      });
+      els.memoryAuditList.appendChild(card);
+    });
+  }
+
+  function memoryAuditAction(entry) {
+    if (!entry) return "Review this memory mutation before handoff.";
+    if (entry.operation === "capture") return "New repo knowledge was captured for future agents.";
+    if (entry.operation === "feedback") return "A recalled memory received explicit usefulness or stale feedback.";
+    if (entry.operation === "approve") return "A pending packet became shared repo memory.";
+    if (entry.operation === "reject") return "A pending packet was rejected instead of becoming shared memory.";
+    if (entry.operation === "supersede") return "Old repo knowledge now points at a current replacement packet.";
+    if (entry.operation === "deprecate") return "Stale memory was retired from active use.";
+    if (entry.operation === "delete") return "Memory was removed by an explicit cleanup action.";
+    return "Review this memory mutation before handoff.";
+  }
+
+  function auditDetailsLabel(details) {
+    if (!details || typeof details !== "object") return "none";
+    if (details.feedback) return "feedback " + details.feedback;
+    if (details.reason) return String(details.reason).slice(0, 80);
+    if (details.type) return "type " + details.type;
+    return Object.keys(details).slice(0, 3).join(", ") || "none";
+  }
+
+  function renderMemoryLineage() {
+    var report = state.reports && state.reports.lineage;
+    var chains = Array.isArray(report && report.chains) ? report.chains : [];
+    var orphans = Array.isArray(report && report.orphans) ? report.orphans : [];
+    var totals = report && report.totals ? report.totals : {};
+    if (els.memoryLineageStatus) {
+      els.memoryLineageStatus.textContent = report ? String(Number(totals.chains || chains.length)) + " chains" : "waiting";
+    }
+    if (els.memoryLineageSummary) {
+      els.memoryLineageSummary.textContent = "";
+      [
+        lifecycleSummaryStep("1", "Current", Number(totals.chains || chains.length), "Replacement packets future agents should trust."),
+        lifecycleSummaryStep("2", "Retired", Number(totals.superseded || 0), "Old packets kept as audit history, not active recall."),
+        lifecycleSummaryStep("3", "Repair", Number(totals.orphans || orphans.length), "Superseded packets missing a replacement link.")
+      ].forEach(function (step) { els.memoryLineageSummary.appendChild(step); });
+    }
+    els.memoryLineageList.textContent = "";
+    if (!report) {
+      els.memoryLineageList.className = "session-capture-list details-empty";
+      els.memoryLineageList.textContent = "No lineage report loaded. Run kage lineage or open the local viewer after refresh.";
+      return;
+    }
+    if (!chains.length && !orphans.length) {
+      els.memoryLineageList.className = "session-capture-list details-empty";
+      els.memoryLineageList.textContent = "No retired memory chains yet. Use kage supersede when a newer packet replaces old repo knowledge.";
+      return;
+    }
+    els.memoryLineageList.className = "session-capture-list";
+    chains.slice(0, 6).forEach(function (chain) {
+      var card = document.createElement("article");
+      card.className = "session-capture-card";
+      card.innerHTML = [
+        "<div class=\"session-capture-head\"><div><strong></strong><span></span></div><em>current</em></div>",
+        "<p></p>",
+        "<div class=\"session-capture-meta\"></div>"
+      ].join("");
+      card.querySelector("strong").textContent = chain.current_title || "Replacement memory";
+      card.querySelector("span").textContent = "replaces " + Number((chain.superseded_packet_ids || []).length) + " packet" + ((chain.superseded_packet_ids || []).length === 1 ? "" : "s");
+      card.querySelector("p").textContent = chain.action || "Use the current replacement packet in recall.";
+      var meta = card.querySelector(".session-capture-meta");
+      [
+        ["reason", chain.reason || "replacement linked"],
+        ["paths", Array.isArray(chain.paths) ? chain.paths.slice(0, 2).join(", ") || "none" : "none"],
+        ["updated", timelineDateLabel(chain.updated_at)]
+      ].forEach(function (row) {
+        var chip = document.createElement("span");
+        chip.textContent = row[0] + ": " + row[1];
+        meta.appendChild(chip);
+      });
+      var entity = chain.current_packet_id ? findMemoryEntityByPacketId(chain.current_packet_id) : null;
+      if (entity) {
+        card.tabIndex = 0;
+        card.setAttribute("role", "button");
+        card.addEventListener("click", function () {
+          selectEntity(entity.id, true);
+          render();
+        });
+      }
+      els.memoryLineageList.appendChild(card);
+    });
+    orphans.slice(0, 4).forEach(function (orphan) {
+      var card = document.createElement("article");
+      card.className = "session-capture-card memory-action-danger";
+      card.innerHTML = [
+        "<div class=\"session-capture-head\"><div><strong></strong><span></span></div><em>repair</em></div>",
+        "<p></p>"
+      ].join("");
+      card.querySelector("strong").textContent = orphan.title || "Superseded memory";
+      card.querySelector("span").textContent = timelineDateLabel(orphan.updated_at);
+      card.querySelector("p").textContent = orphan.action || "Add a replacement link before trusting this old context.";
+      els.memoryLineageList.appendChild(card);
+    });
+  }
+
+  function timelineKindLabel(kind) {
+    if (kind === "added") return "added";
+    if (kind === "updated") return "updated";
+    if (kind === "pending") return "pending";
+    if (kind === "deprecated") return "retired";
+    return "activity";
+  }
+
+  function timelineDateLabel(date) {
+    return date ? String(date).slice(0, 10) : "";
+  }
+
+  function memoryActionLabel(kind) {
+    if (kind === "promote_hot") return "Hot";
+    if (kind === "review_cold") return "Cold";
+    if (kind === "connect_paths") return "Ground";
+    if (kind === "add_grounding") return "Ground";
+    if (kind === "review_stale") return "Stale";
+    if (kind === "resolve_feedback") return "Feedback";
+    if (kind === "archive_generated") return "Archive";
+    if (kind === "review_pending") return "Pending";
+    if (kind === "keep_verified") return "Keep";
+    if (kind === "seed_usage") return "Start";
+    return "Review";
+  }
+
+  function findMemoryEntityByPacketId(packetId) {
+    return state.entities.find(function (entity) {
+      if (!isMemoryPacketEntity(entity)) return false;
+      if (entity.id === packetId || entity.packet_id === packetId) return true;
+      return Array.isArray(entity.aliases) && entity.aliases.indexOf(packetId) !== -1;
+    }) || null;
+  }
+
+  function renderMemoryLifecycle(memoryEntities, memoryLinkCounts) {
+    if (!els.lifecycleList) return;
+    var report = state.reports && state.reports.lifecycle;
+    if (report && Array.isArray(report.items)) {
+      renderMemoryLifecycleReport(report);
+      return;
+    }
+    var proofPackets = memoryEntities
+      .map(function (entity) {
+        var links = memoryCodeLinksForEntity(entity.id);
+        return {
+          entity: entity,
+          links: links,
+          score: lifecyclePacketScore(entity, links, memoryLinkCounts.get(entity.id) || 0)
+        };
+      })
+      .sort(function (a, b) {
+        return b.score - a.score ||
+          lifecycleTimestamp(b.entity).localeCompare(lifecycleTimestamp(a.entity)) ||
+          displayName(a.entity).localeCompare(displayName(b.entity));
+      });
+    var grounded = proofPackets.filter(function (item) { return item.links.length; }).length;
+    var recallReady = proofPackets.filter(function (item) {
+      return item.links.length && lifecycleEvidence(item.entity).length && lifecycleRecallQuery(item.entity);
+    }).length;
+    if (els.lifecycleStatus) {
+      els.lifecycleStatus.textContent = proofPackets.length ? recallReady + " recall-ready" : "empty";
+    }
+    if (els.lifecycleSummary) {
+      els.lifecycleSummary.textContent = "";
+      [
+        lifecycleSummaryStep("1", "Captured", proofPackets.length, "Reusable facts agents saved instead of rediscovering."),
+        lifecycleSummaryStep("2", "Grounded", grounded, "Packets linked to files, symbols, routes, or tests."),
+        lifecycleSummaryStep("3", "Recall-ready", recallReady, "Grounded packets with evidence and a likely future query.")
+      ].forEach(function (step) { els.lifecycleSummary.appendChild(step); });
+    }
+    els.lifecycleList.textContent = "";
+    if (!proofPackets.length) {
+      els.lifecycleList.className = "lifecycle-list details-empty";
+      els.lifecycleList.textContent = "No memory lifecycle to show yet. Capture reusable repo knowledge with kage learn or kage propose.";
+      return;
+    }
+    els.lifecycleList.className = "lifecycle-list";
+    proofPackets.slice(0, 5).forEach(function (item) {
+      els.lifecycleList.appendChild(renderLifecycleCard(item.entity, item.links));
+    });
+  }
+
+  function renderMemoryLifecycleReport(report) {
+    var totals = report.totals || {};
+    var needsReview = Number(totals.stale || 0) + Number(totals.ungrounded || 0) + Number(totals.disputed || 0) + Number(totals.pending || 0);
+    if (els.lifecycleStatus) {
+      els.lifecycleStatus.textContent = needsReview ? needsReview + " need review" : "healthy";
+    }
+    if (els.lifecycleSummary) {
+      els.lifecycleSummary.textContent = "";
+      [
+        lifecycleSummaryStep("1", "Approved", Number(totals.approved || 0), "Repo-local packets available to future agents."),
+        lifecycleSummaryStep("2", "Hot/healthy", Number(totals.hot || 0) + Number(totals.healthy || 0), "Memories that are grounded, fresh, or repeatedly recalled."),
+        lifecycleSummaryStep("3", "Needs action", needsReview, "Packets to verify, ground, review, or resolve before trusting.")
+      ].forEach(function (step) { els.lifecycleSummary.appendChild(step); });
+    }
+    els.lifecycleList.textContent = "";
+    var items = Array.isArray(report.items) ? report.items : [];
+    if (!items.length) {
+      els.lifecycleList.className = "lifecycle-list details-empty";
+      els.lifecycleList.textContent = "No memory lifecycle to show yet. Capture reusable repo knowledge with kage learn or kage propose.";
+      return;
+    }
+    els.lifecycleList.className = "lifecycle-list";
+    items.slice(0, 6).forEach(function (item) {
+      els.lifecycleList.appendChild(renderLifecycleReportCard(item));
+    });
+  }
+
+  function renderLifecycleReportCard(item) {
+    var card = document.createElement("article");
+    card.className = classNames("lifecycle-card", item.severity && "memory-action-" + item.severity);
+    card.innerHTML = [
+      "<div class=\"lifecycle-card-head\"><div><strong></strong><span></span></div><button type=\"button\">Inspect</button></div>",
+      "<p></p>",
+      "<div class=\"lifecycle-flow\"></div>"
+    ].join("");
+    card.querySelector("strong").textContent = item.title || "Memory packet";
+    card.querySelector(".lifecycle-card-head span").textContent = [
+      memoryActionLabel(item.recommended_action),
+      item.health,
+      item.type
+    ].filter(Boolean).join(" | ");
+    card.querySelector("p").textContent = item.reason || item.action || "Lifecycle action";
+    var entity = item.packet_id ? findMemoryEntityByPacketId(item.packet_id) : null;
+    var button = card.querySelector("button");
+    if (entity) {
+      button.addEventListener("click", function () {
+        selectEntity(entity.id, true);
+        render();
+      });
+    } else {
+      button.disabled = true;
+      button.textContent = "No node";
+    }
+    var flow = card.querySelector(".lifecycle-flow");
+    [
+      lifecycleFlowCell("Evidence", Number(item.source_refs || 0) + " source ref" + (Number(item.source_refs || 0) === 1 ? "" : "s")),
+      lifecycleFlowCell("Grounding", item.paths && item.paths.length ? trimIntelText(item.paths[0], 100) : "Needs code path or symbol link"),
+      lifecycleFlowCell("Recall", Number(item.uses_30d || 0) + " use" + (Number(item.uses_30d || 0) === 1 ? "" : "s") + " in 30d"),
+      lifecycleFlowCell("Action", item.action || "Keep verified")
+    ].forEach(function (cell) { flow.appendChild(cell); });
+    return card;
+  }
+
+  function lifecycleSummaryStep(number, label, value, detail) {
+    var item = document.createElement("article");
+    item.className = "lifecycle-step";
+    item.innerHTML = "<strong></strong><span></span><em></em><p></p>";
+    item.querySelector("strong").textContent = number;
+    item.querySelector("span").textContent = label;
+    item.querySelector("em").textContent = formatDashboardValue(value);
+    item.querySelector("p").textContent = detail;
+    return item;
+  }
+
+  function renderLifecycleCard(entity, links) {
+    var card = document.createElement("article");
+    card.className = "lifecycle-card";
+    var codeTargets = links.map(function (edge) {
+      return state.entityById.get(edge.from === entity.id ? edge.to : edge.from);
+    }).filter(Boolean).sort(function (a, b) {
+      return codeTargetScore(b) - codeTargetScore(a) || codeTargetLabel(a).localeCompare(codeTargetLabel(b));
+    });
+    var evidence = lifecycleEvidence(entity);
+    var query = lifecycleRecallQuery(entity);
+    card.innerHTML = [
+      "<div class=\"lifecycle-card-head\"><div><strong></strong><span></span></div><button type=\"button\">Inspect</button></div>",
+      "<p></p>",
+      "<div class=\"lifecycle-flow\"></div>"
+    ].join("");
+    card.querySelector("strong").textContent = displayName(entity);
+    card.querySelector(".lifecycle-card-head span").textContent = [
+      entity.type || "memory",
+      lifecycleTimestampLabel(entity)
+    ].filter(Boolean).join(" | ");
+    card.querySelector("p").textContent = trimIntelText(entity.summary || entity.description || entity.path || "No summary", 220);
+    card.querySelector("button").addEventListener("click", function () {
+      selectEntity(entity.id, true);
+      render();
+    });
+    var flow = card.querySelector(".lifecycle-flow");
+    [
+      lifecycleFlowCell("Captured", evidence.length ? trimIntelText(evidence[0], 100) : "No source evidence loaded"),
+      lifecycleFlowCell("Grounded", codeTargets.length ? trimIntelText(codeTargetLabel(codeTargets[0]), 100) : "Needs code path or symbol link"),
+      lifecycleFlowCell("Recall", query ? "\"" + query + "\"" : "Search by title, summary, tag, or path"),
+      lifecycleFlowCell("Handoff", lifecycleHandoffText(entity, codeTargets.length))
+    ].forEach(function (cell) { flow.appendChild(cell); });
+    return card;
+  }
+
+  function lifecycleFlowCell(label, value) {
+    var cell = document.createElement("div");
+    cell.className = "lifecycle-cell";
+    cell.innerHTML = "<span></span><strong></strong>";
+    cell.querySelector("span").textContent = label;
+    cell.querySelector("strong").textContent = value;
+    return cell;
+  }
+
+  function lifecyclePacketScore(entity, links, linkCount) {
+    var score = 0;
+    score += Math.min(80, (links.length || linkCount) * 24);
+    score += lifecycleEvidence(entity).length ? 35 : 0;
+    score += lifecycleRecallQuery(entity) ? 25 : 0;
+    score += ["decision", "bug_fix", "runbook", "gotcha", "code_explanation", "workflow"].indexOf(entity.type) !== -1 ? 20 : 0;
+    score += lifecycleTimestamp(entity) ? 8 : 0;
+    return score;
+  }
+
+  function lifecycleEvidence(entity) {
+    var evidence = [];
+    if (Array.isArray(entity.evidence)) evidence = evidence.concat(entity.evidence);
+    if (Array.isArray(entity.source_refs)) {
+      entity.source_refs.forEach(function (ref) {
+        evidence.push([ref.kind, ref.captured_at || ref.path || ref.source].filter(Boolean).join(" "));
+      });
+    }
+    if (entity.freshness && entity.freshness.verification) evidence.push(entity.freshness.verification);
+    return evidence.map(function (item) { return String(item || "").trim(); }).filter(Boolean);
+  }
+
+  function lifecycleTimestamp(entity) {
+    return String(entity.updated_at || entity.created_at || entity.last_seen_at || entity.first_seen_at || "");
+  }
+
+  function lifecycleTimestampLabel(entity) {
+    var value = lifecycleTimestamp(entity);
+    return value ? value.slice(0, 10) : "";
+  }
+
+  function lifecycleRecallQuery(entity) {
+    var text = String(entity.summary || entity.description || displayName(entity) || "").trim();
+    var path = Array.isArray(entity.paths) && entity.paths.length ? entity.paths[0] : entity.path;
+    if (entity.type === "runbook") return "how to run " + trimIntelText(displayName(entity), 54);
+    if (entity.type === "bug_fix") return "why did " + trimIntelText(displayName(entity), 54) + " break";
+    if (entity.type === "decision") return "why was " + trimIntelText(displayName(entity), 54) + " decided";
+    if (path) return "what should I know before changing " + path;
+    return text ? trimIntelText(text, 76) : "";
+  }
+
+  function lifecycleHandoffText(entity, linkedTargetCount) {
+    if (linkedTargetCount) return "Future agents touching this area can recall the reason before editing.";
+    if (entity.type === "reference") return "Useful context, but add code paths if it should guide edits.";
+    return "Add paths so teammates and agents can use it at change time.";
+  }
+
+  function renderSessionCapture() {
+    if (!els.sessionCaptureList) return;
+    var report = state.reports && state.reports.sessions;
+    var replay = state.reports && state.reports.replay;
+    var totals = report && report.totals ? report.totals : {};
+    var sessions = Array.isArray(report && report.sessions) ? report.sessions : [];
+    var replayEvents = Array.isArray(replay && replay.events) ? replay.events : [];
+    if (els.sessionCaptureStatus) {
+      els.sessionCaptureStatus.textContent = sessions.length ? String(totals.sessions || sessions.length) + " sessions" : "no sessions";
+    }
+    if (els.sessionCaptureSummary) {
+      els.sessionCaptureSummary.textContent = "";
+      [
+        lifecycleSummaryStep("1", "Observed", Number(totals.observations || 0), "Privacy-scanned local events from agent sessions."),
+        lifecycleSummaryStep("2", "Distillable", Number(totals.durable_observations || 0), "Reusable command, workflow, decision, or issue signals."),
+        lifecycleSummaryStep("3", "Needs review", Number(totals.sessions_with_candidates || 0), "Sessions ready for packet review with kage distill.")
+      ].forEach(function (step) { els.sessionCaptureSummary.appendChild(step); });
+    }
+    els.sessionCaptureList.textContent = "";
+    if (!sessions.length) {
+      els.sessionCaptureList.className = "session-capture-list details-empty";
+      els.sessionCaptureList.textContent = "No observed sessions yet. Agents can call kage_observe, then kage_distill turns durable observations into reviewable memory packets.";
+      return;
+    }
+    els.sessionCaptureList.className = "session-capture-list";
+    sessions.slice(0, 6).forEach(function (session) {
+      var card = document.createElement("article");
+      card.className = "session-capture-card";
+      var candidates = Array.isArray(session.candidate_types) && session.candidate_types.length ? session.candidate_types.join(", ") : "none";
+      var agents = Array.isArray(session.agents) && session.agents.length ? session.agents.join(", ") : "unknown agent";
+      card.innerHTML = [
+        "<div class=\"session-capture-head\"><div><strong></strong><span></span></div><em></em></div>",
+        "<p></p>",
+        "<div class=\"session-capture-meta\"></div>"
+      ].join("");
+      card.querySelector("strong").textContent = session.session_id || "default";
+      card.querySelector("span").textContent = [agents, session.last_at || session.first_at || ""].filter(Boolean).join(" · ");
+      card.querySelector("em").textContent = String(session.durable_observations || 0) + " distillable";
+      card.querySelector("p").textContent = session.next_action || "Review this session before saving durable memory.";
+      var meta = card.querySelector(".session-capture-meta");
+      [
+        ["events", session.observations || 0],
+        ["candidates", candidates],
+        ["commands", Array.isArray(session.commands) ? session.commands.slice(0, 2).join(", ") || "none" : "none"],
+        ["paths", Array.isArray(session.paths) ? session.paths.slice(0, 2).join(", ") || "none" : "none"]
+      ].forEach(function (item) {
+        var chip = document.createElement("span");
+        chip.textContent = item[0] + ": " + item[1];
+        meta.appendChild(chip);
+      });
+      els.sessionCaptureList.appendChild(card);
+    });
+    if (replayEvents.length) {
+      var replayCard = document.createElement("article");
+      replayCard.className = "session-capture-card";
+      replayCard.innerHTML = [
+        "<div class=\"session-capture-head\"><div><strong>Replay digest</strong><span>raw transcript text excluded</span></div><em></em></div>",
+        "<p></p>",
+        "<div class=\"session-capture-meta\"></div>"
+      ].join("");
+      replayCard.querySelector("em").textContent = String(replay && replay.totals ? replay.totals.durable_candidates || 0 : 0) + " candidates";
+      replayCard.querySelector("p").textContent = replay && replay.next_action ? replay.next_action : "Review the digest, then distill durable observations into memory packets.";
+      var replayMeta = replayCard.querySelector(".session-capture-meta");
+      replayEvents.slice(0, 6).forEach(function (event) {
+        var chip = document.createElement("span");
+        chip.textContent = (event.durable_candidate ? "candidate: " : "event: ") + (event.label || event.type || "observation") + " · " + trimIntelText(event.summary || "", 90);
+        replayMeta.appendChild(chip);
+      });
+      els.sessionCaptureList.appendChild(replayCard);
+    }
+  }
+
+  function memoryCodeLinksForEntity(entityId) {
+    return state.edges.filter(function (edge) {
+      if ((edge.from !== entityId && edge.to !== entityId) || !isMemoryCodeEdge(edge)) return false;
+      var other = state.entityById.get(edge.from === entityId ? edge.to : edge.from);
+      return Boolean(other && other.graph_kind === "code");
+    });
+  }
+
+  function primaryCodeTargetForMemory(entityId, links) {
+    return links.map(function (edge) {
+      return state.entityById.get(edge.from === entityId ? edge.to : edge.from);
+    }).filter(Boolean).sort(function (a, b) {
+      return codeTargetScore(b) - codeTargetScore(a) || codeTargetLabel(a).localeCompare(codeTargetLabel(b));
+    })[0] || null;
+  }
+
+  function codeTargetScore(entity) {
+    var score = 0;
+    if (!entity) return score;
+    if (entity.type === "file") score += 80;
+    if (entity.type === "route" || entity.type === "test") score += 60;
+    if (entity.type === "symbol") score += 45;
+    if (entity.path) score += 35;
+    if (entity.line) score += 8;
+    if (String(entity.path || "").indexOf(".agent_memory/") === 0) score -= 100;
+    return score;
+  }
+
+  function codeTargetLabel(entity) {
+    if (!entity) return "";
+    if (entity.type === "file" && entity.path) return entity.path;
+    if (entity.type === "route") {
+      return (entity.method && entity.route_path ? entity.method + " " + entity.route_path : displayName(entity)) +
+        (entity.path ? " in " + entity.path : "");
+    }
+    if ((entity.type === "symbol" || entity.type === "test") && entity.path) {
+      return displayName(entity) + " in " + entity.path;
+    }
+    return entity.path || displayName(entity);
+  }
+
+  function memoryMatchesKind(entity, kind) {
+    if (!entity) return false;
+    if (entity.type === kind) return true;
+    var normalizedKind = String(kind || "").replace(/_/g, " ");
+    var text = [
+      entity.type,
+      entity.name,
+      entity.summary,
+      entity.description,
+      entity.path
+    ].join(" ").toLowerCase();
+    return text.indexOf(kind) !== -1 || text.indexOf(normalizedKind) !== -1;
+  }
+
+  function isMemoryPacketEntity(entity) {
+    return Boolean(entity && entity.graph_kind === "memory" && MEMORY_PACKET_TYPES.has(entity.type));
+  }
+
+  function renderOwners() {
+    if (!els.ownersList) return;
+    var contributors = state.reports && state.reports.contributors;
+    var risk = state.reports && state.reports.risk;
+    var profiles = contributors && Array.isArray(contributors.contributors) ? contributors.contributors : [];
+    var silos = risk && Array.isArray(risk.ownership_silos) ? risk.ownership_silos : [];
+    els.ownersStatus.textContent = profiles.length ? profiles.length + " contributors" : "not loaded";
+    els.ownersList.textContent = "";
+    if (els.ownersSummary) renderOwnersSummary(profiles, silos);
+    if (!profiles.length && !silos.length) {
+      els.ownersList.className = "owners-list details-empty";
+      els.ownersList.textContent = "No owner report loaded. Launch with `kage viewer --project <repo>` to load contributor and ownership reports.";
+      return;
+    }
+    els.ownersList.className = "owners-list";
+    profiles.slice(0, 24).forEach(function (profile) {
+      var item = document.createElement("article");
+      item.className = "owner-card";
+      item.innerHTML = [
+        "<div class=\"owner-head\"><strong></strong><span></span></div>",
+        "<div class=\"owner-stats\"></div>",
+        "<p></p>"
+      ].join("");
+      item.querySelector("strong").textContent = shortContributor(profile.contributor);
+      item.querySelector(".owner-head span").textContent = (profile.primary_owned_files || 0) + " owned files";
+      item.querySelector(".owner-stats").textContent = [
+        (profile.commits_total || 0) + " commits",
+        (profile.commits_90d || 0) + " in 90d",
+        (profile.silo_files && profile.silo_files.length ? profile.silo_files.length + " silo files" : "no silo flags")
+      ].join(" | ");
+      item.querySelector("p").textContent = Array.isArray(profile.top_modules) && profile.top_modules.length
+        ? "Modules: " + profile.top_modules.slice(0, 4).join(", ")
+        : "Local git ownership signal.";
+      els.ownersList.appendChild(item);
+    });
+    if (silos.length) {
+      var siloSection = document.createElement("section");
+      siloSection.className = "owner-silos";
+      siloSection.innerHTML = "<h3>Ownership Silos</h3>";
+      silos.slice(0, 16).forEach(function (silo) {
+        var row = document.createElement("button");
+        row.type = "button";
+        row.className = "owner-silo-row";
+        row.innerHTML = "<strong></strong><span></span>";
+        row.querySelector("strong").textContent = silo.file_path || "file";
+        row.querySelector("span").textContent = [
+          shortContributor(silo.primary_owner || "unknown"),
+          silo.primary_owner_pct != null ? Math.round(Number(silo.primary_owner_pct || 0) * 100) + "% ownership" : "",
+          (silo.commit_count_total || 0) + " commits"
+        ].filter(Boolean).join(" | ");
+        row.addEventListener("click", function () {
+          focusGraphPath(silo.file_path);
+        });
+        siloSection.appendChild(row);
+      });
+      els.ownersList.appendChild(siloSection);
+    }
+  }
+
+  function renderOwnersSummary(profiles, silos) {
+    els.ownersSummary.textContent = "";
+    if (!profiles.length && !silos.length) return;
+    var totalOwned = profiles.reduce(function (sum, profile) { return sum + Number(profile.primary_owned_files || 0); }, 0);
+    var topOwned = profiles.reduce(function (max, profile) { return Math.max(max, Number(profile.primary_owned_files || 0)); }, 0);
+    var topOwnerShare = totalOwned ? Math.round(topOwned / totalOwned * 100) : 0;
+    var commits90 = profiles.reduce(function (sum, profile) { return sum + Number(profile.commits_90d || 0); }, 0);
+    var maxOwned = Math.max(1, topOwned);
+    els.ownersSummary.appendChild(metricDonut(
+      "Backup coverage",
+      Math.max(0, 100 - topOwnerShare),
+      silos.length ? silos.length + " single-owner file(s) need backup reviewers" : "No loaded ownership silos",
+      silos.length ? "Click silo rows to inspect the file in Graph." : "Keep ownership spread visible before large changes.",
+      silos.length ? "warn" : "ok"
+    ));
+    els.ownersSummary.appendChild(metricBars("Owner concentration", profiles.length + " profiles", profiles.slice(0, 4).map(function (profile) {
+      var owned = Number(profile.primary_owned_files || 0);
+      return {
+        label: shortContributor(profile.contributor),
+        value: owned + " files",
+        score: owned / maxOwned * 100,
+        status: owned && Array.isArray(profile.silo_files) && profile.silo_files.length ? "warn" : "ok"
+      };
+    }), "Use this for reviewer routing and bus-factor checks.", silos.length ? "warn" : "ok"));
+    els.ownersSummary.appendChild(metricBars("Recent activity", commits90 + " commits", profiles.slice(0, 4).map(function (profile) {
+      var commits = Number(profile.commits_90d || 0);
+      var maxCommits = Math.max(1, profiles.reduce(function (max, item) { return Math.max(max, Number(item.commits_90d || 0)); }, 0));
+      return {
+        label: shortContributor(profile.contributor),
+        value: commits,
+        score: commits / maxCommits * 100,
+        status: commits ? "ok" : ""
+      };
+    }), "Prefer recent editors for fast review context.", "ok"));
+  }
+
+  function renderReviewQueue() {
+    if (!els.reviewList) return;
+    var packets = state.pendingPackets || [];
+    var inbox = state.inbox;
+    var inboxItems = inbox && Array.isArray(inbox.items) ? inbox.items : [];
+    var handoff = state.reports && state.reports.handoff;
+    var handoffItems = handoff && Array.isArray(handoff.items) ? handoff.items : [];
+    var counts = inbox && inbox.counts ? inbox.counts : {};
+    var openCount = reviewOpenCount(counts, packets, inboxItems);
+    if (handoff && handoff.totals) openCount = Number(firstNumber(handoff.totals.open_items, openCount));
+    els.reviewCount.textContent = String(openCount);
+    els.reviewList.textContent = "";
+    if (els.reviewOverview) renderReviewOverview(inbox, packets, inboxItems, handoff);
+    renderMemoryHandoff(handoff, handoffItems);
+    if (!packets.length && !inboxItems.length && !handoffItems.length && !state.reviewText) {
+      els.reviewList.className = "review-list details-empty";
+      els.reviewList.textContent = "No pending packets loaded. Launch with `kage viewer --project <repo>` to load review context automatically.";
+      return;
+    }
+    els.reviewList.className = "review-list";
+    handoffItems.slice(0, 10).forEach(function (entry) {
+      els.reviewList.appendChild(reviewCard({
+        title: entry.title || entry.summary || entry.kind,
+        meta: [entry.kind, entry.severity, entry.date && timelineDateLabel(entry.date)].filter(Boolean).join(" | "),
+        summary: entry.summary || "",
+        risk: entry.action || "Review before handoff"
+      }, "handoff"));
+    });
+    if (inbox) {
+      var summary = document.createElement("div");
+      summary.className = "review-item";
       summary.innerHTML = [
         "<div class=\"review-title\"></div>",
         "<div class=\"review-meta\"></div>",
@@ -2644,10 +4412,10 @@
       summary.querySelector(".review-summary").textContent = Array.isArray(inbox.recommendations) && inbox.recommendations.length
         ? inbox.recommendations.slice(0, 2).join(" ")
         : "No inbox recommendations.";
-      summary.querySelector(".review-risks").textContent = inbox.ok ? "ready for handoff" : "requires review";
+      summary.querySelector(".review-risks").textContent = openCount ? "Resolve inbox items before merge" : "Ready for handoff";
       els.reviewList.appendChild(summary);
     }
-    inboxItems.slice(0, 20).forEach(function (entry) {
+    inboxItems.slice(0, 8).forEach(function (entry) {
       var item = document.createElement("div");
       item.className = "review-item";
       item.innerHTML = [
@@ -2659,7 +4427,9 @@
       item.querySelector(".review-title").textContent = entry.title || entry.summary || entry.kind;
       item.querySelector(".review-meta").textContent = [entry.kind, entry.severity, entry.type, entry.status].filter(Boolean).join(" | ");
       item.querySelector(".review-summary").textContent = entry.action || entry.summary || "";
-      item.querySelector(".review-risks").textContent = Array.isArray(entry.reasons) && entry.reasons.length ? "reasons: " + entry.reasons.slice(0, 3).join(", ") : "reasons: none";
+      item.querySelector(".review-risks").textContent = Array.isArray(entry.reasons) && entry.reasons.length
+        ? trimIntelText(entry.reasons[0], 86)
+        : "Review before handoff";
       els.reviewList.appendChild(item);
     });
     packets.forEach(function (packet) {
@@ -2675,7 +4445,9 @@
       item.querySelector(".review-title").textContent = packet.title || packet.id;
       item.querySelector(".review-meta").textContent = [packet.type, packet.status, "score " + (quality.score == null ? "n/a" : quality.score + "/100")].filter(Boolean).join(" | ");
       item.querySelector(".review-summary").textContent = packet.summary || "";
-      item.querySelector(".review-risks").textContent = Array.isArray(quality.risks) && quality.risks.length ? "risks: " + quality.risks.join(", ") : "risks: none";
+      item.querySelector(".review-risks").textContent = Array.isArray(quality.risks) && quality.risks.length
+        ? "Resolve " + quality.risks.join(", ")
+        : "Evidence looks clean";
       els.reviewList.appendChild(item);
     });
     if (state.reviewText) {
@@ -2687,25 +4459,114 @@
     }
   }
 
+  function renderReviewOverview(inbox, packets, inboxItems, handoff) {
+    els.reviewOverview.textContent = "";
+    var counts = inbox && inbox.counts ? inbox.counts : {};
+    var pending = Number(firstNumber(counts.pending, packets.length, 0));
+    var stale = Number(firstNumber(counts.stale, 0));
+    var duplicates = Number(firstNumber(counts.duplicates, 0));
+    var missingContext = Number(firstNumber(counts.missing_context, 0));
+    var blockers = reviewOpenCount(counts, packets, inboxItems);
+    if (handoff && handoff.totals) blockers = Number(firstNumber(handoff.totals.open_items, blockers));
+    var mutations = handoff && handoff.totals ? Number(firstNumber(handoff.totals.recent_mutations, 0)) : 0;
+    els.reviewOverview.appendChild(metricDonut(
+      "Handoff readiness",
+      blockers ? 0 : 100,
+      blockers ? blockers + " memory handoff item(s) need attention" : "No pending, stale, duplicate, or missing-context memory",
+      blockers ? "Resolve the handoff queue before trusting branch memory." : "Ready to hand work to another agent or teammate.",
+      blockers ? "warn" : "ok"
+    ));
+    els.reviewOverview.appendChild(metricBars(handoff ? "Handoff queue" : "Inbox breakdown", blockers ? blockers + " open" : "clear", [
+      { label: "Pending", value: pending, score: Math.min(100, pending * 24), status: pending ? "warn" : "ok" },
+      { label: "Stale", value: stale, score: Math.min(100, stale * 24), status: stale ? "warn" : "ok" },
+      { label: "Duplicates", value: duplicates, score: Math.min(100, duplicates * 24), status: duplicates ? "warn" : "ok" },
+      { label: "Mutations", value: mutations, score: Math.min(100, mutations * 16), status: mutations ? "ok" : "warn" }
+    ], handoff ? (handoff.summary || "Combined inbox, lifecycle, audit, timeline, and lineage.") : "These are the review metrics that should block merge or handoff.", blockers ? "warn" : "ok"));
+  }
+
+  function renderMemoryHandoff(handoff, items) {
+    if (!els.handoffList) return;
+    var totals = handoff && handoff.totals ? handoff.totals : {};
+    if (els.handoffStatus) {
+      els.handoffStatus.textContent = handoff ? (Number(totals.open_items || 0) ? Number(totals.open_items || 0) + " open" : "ready") : "waiting";
+    }
+    if (els.handoffSummary) {
+      els.handoffSummary.textContent = "";
+      [
+        lifecycleSummaryStep("1", "Open", Number(totals.open_items || 0), "Blockers and warnings to resolve before another agent trusts memory."),
+        lifecycleSummaryStep("2", "Distill", Number(totals.distillable_sessions || 0), "Observed sessions with reusable learnings that should become memory packets."),
+        lifecycleSummaryStep("3", "Mutations", Number(totals.recent_mutations || 0), "Memory captures, reviews, feedback, and supersedes since audit logging began."),
+        lifecycleSummaryStep("4", "Lineage", Number(totals.supersession_orphans || 0), "Retired packets missing a current replacement.")
+      ].forEach(function (step) { els.handoffSummary.appendChild(step); });
+    }
+    els.handoffList.textContent = "";
+    if (!handoff) {
+      els.handoffList.className = "session-capture-list details-empty";
+      els.handoffList.textContent = "No handoff report loaded. Run kage handoff or open the local viewer after refresh.";
+      return;
+    }
+    if (!items.length) {
+      els.handoffList.className = "session-capture-list details-empty";
+      els.handoffList.textContent = "No memory handoff actions are open.";
+      return;
+    }
+    els.handoffList.className = "session-capture-list";
+    items.slice(0, 8).forEach(function (entry) {
+      els.handoffList.appendChild(reviewCard({
+        title: entry.title || entry.summary || entry.kind,
+        meta: [entry.kind, entry.severity, entry.date && timelineDateLabel(entry.date)].filter(Boolean).join(" | "),
+        summary: entry.summary || "",
+        risk: entry.action || "Review before handoff"
+      }, "handoff"));
+    });
+  }
+
+  function reviewCard(entry, extraClass) {
+    var item = document.createElement("div");
+    item.className = "review-item" + (extraClass ? " " + extraClass : "");
+    item.innerHTML = [
+      "<div class=\"review-title\"></div>",
+      "<div class=\"review-meta\"></div>",
+      "<div class=\"review-summary\"></div>",
+      "<div class=\"review-risks\"></div>"
+    ].join("");
+    item.querySelector(".review-title").textContent = entry.title || "";
+    item.querySelector(".review-meta").textContent = entry.meta || "";
+    item.querySelector(".review-summary").textContent = entry.summary || "";
+    item.querySelector(".review-risks").textContent = entry.risk || "";
+    return item;
+  }
+
+  function reviewOpenCount(counts, packets, inboxItems) {
+    var pending = Number(firstNumber(counts && counts.pending, packets && packets.length, 0));
+    var stale = Number(firstNumber(counts && counts.stale, 0));
+    var duplicates = Number(firstNumber(counts && counts.duplicates, 0));
+    var missingContext = Number(firstNumber(counts && counts.missing_context, 0));
+    var counted = pending + stale + duplicates + missingContext;
+    if (counted) return counted;
+    return Array.isArray(inboxItems) ? inboxItems.length : 0;
+  }
+
   function renderProof() {
     if (!els.proofList) return;
     var metrics = state.metrics;
     els.proofList.textContent = "";
     if (!metrics) {
       els.proofStatus.textContent = "not loaded";
+      if (els.proofOverview) els.proofOverview.textContent = "";
       els.proofList.className = "proof-list details-empty";
       els.proofList.textContent = "Metrics not loaded. Run `kage metrics --project <repo> --json > .agent_memory/metrics.json` or launch with `kage viewer`.";
       return;
     }
     els.proofStatus.textContent = "loaded";
     els.proofList.className = "proof-list";
+    if (els.proofOverview) renderProofOverview(metrics, state.reports || {});
+    renderProofLedger(state.reports && state.reports.benchmark);
     var rows = [
-      ["Readiness", metrics.harness && metrics.harness.readiness_score != null ? metrics.harness.readiness_score + "/100" : "n/a"],
-      ["Useful memory", metrics.quality ? metrics.quality.useful_memory_ratio_percent + "%" : "n/a"],
+      ["Validation", metrics.harness && metrics.harness.validation_ok ? "clean" : "check"],
       ["Evidence", metrics.memory_graph ? metrics.memory_graph.evidence_coverage_percent + "%" : "n/a"],
       ["Pending review", metrics.memory_graph ? String(metrics.memory_graph.pending_packets) : "n/a"],
-      ["Recall hit rate", metrics.pain ? metrics.pain.recall_hit_rate_percent + "%" : "n/a"],
-      ["Tokens saved", metrics.pain ? String(metrics.pain.estimated_tokens_saved) : metrics.savings ? String(metrics.savings.estimated_tokens_saved_per_recall) : "n/a"]
+      ["Recall savings", metrics.pain ? String(metrics.pain.estimated_tokens_saved) : metrics.savings ? String(metrics.savings.estimated_tokens_saved_per_recall) : "n/a"]
     ];
     rows.forEach(function (row) {
       var item = document.createElement("div");
@@ -2717,6 +4578,136 @@
     });
   }
 
+  function renderProofLedger(benchmark) {
+    var ledger = benchmark && Array.isArray(benchmark.proof_ledger) ? benchmark.proof_ledger : [];
+    ledger.forEach(function (entry) {
+      var item = document.createElement("div");
+      item.className = "proof-item proof-ledger-item " + (entry.pass ? "is-ok" : "is-warn");
+      item.innerHTML = [
+        "<strong></strong>",
+        "<span></span>",
+        "<code></code>",
+        "<p></p>"
+      ].join("");
+      item.querySelector("strong").textContent = entry.metric || (entry.pass ? "passing" : "check");
+      item.querySelector("span").textContent = [entry.label, entry.target].filter(Boolean).join(" | ");
+      item.querySelector("code").textContent = entry.command || "";
+      item.querySelector("p").textContent = entry.next_action || "Review this proof before publishing benchmark claims.";
+      els.proofList.appendChild(item);
+    });
+  }
+
+  function renderProofOverview(metrics, reports) {
+    els.proofOverview.textContent = "";
+    var quality = reports.quality || {};
+    var benchmark = reports.benchmark || {};
+    var gates = Array.isArray(benchmark.gates) ? benchmark.gates : [];
+    var retrieval = benchmarkRetrievalSummary(benchmark);
+    var sourceDiversity = benchmarkSourceDiversitySummary(benchmark);
+    var scale = benchmarkScaleSummary(benchmark);
+    var passingGates = gates.filter(function (gate) { return gate.pass; }).length;
+    var gatePercent = gates.length ? Math.round(passingGates / gates.length * 100) : (benchmark.ok ? 100 : 0);
+    var evidence = Number(firstNumber(metrics.memory_graph && metrics.memory_graph.evidence_coverage_percent, quality.evidence_coverage_percent, 0));
+    var pathGrounding = Number(firstNumber(quality.path_grounding_coverage_percent, 0));
+    if (retrieval) {
+      els.proofOverview.appendChild(metricBars("Retrieval proof", retrieval.r10 + "% R@10", [
+        { label: "R@5", value: retrieval.r5 != null ? retrieval.r5 + "%" : "n/a", score: retrieval.r5 || 0, status: retrieval.r5 >= 95 ? "ok" : "warn" },
+        { label: "R@10", value: retrieval.r10 + "%", score: retrieval.r10, status: retrieval.r10 >= 95 ? "ok" : "warn" },
+        { label: "NDCG@10", value: retrieval.ndcg10 != null ? retrieval.ndcg10 : "n/a", score: retrieval.ndcg10 != null ? retrieval.ndcg10 * 100 : 0, status: retrieval.ndcg10 >= 0.85 ? "ok" : "warn" }
+      ], retrieval.label + ". Measures memory retrieval proof, not answer accuracy.", retrieval.r10 >= 95 ? "ok" : "warn"));
+    }
+    if (sourceDiversity) {
+      els.proofOverview.appendChild(metricBars("Source diversity proof", sourceDiversity.uniqueSources + " sources", [
+        { label: "Sources", value: sourceDiversity.uniqueSources, score: Math.min(100, sourceDiversity.uniqueSources * 50), status: sourceDiversity.uniqueSources >= 2 ? "ok" : "warn" },
+        { label: "Max/session", value: sourceDiversity.maxFromOneSource, score: sourceDiversity.maxFromOneSource <= 3 ? 100 : 45, status: sourceDiversity.maxFromOneSource <= 3 ? "ok" : "warn" },
+        { label: "Independent rank", value: sourceDiversity.independentRank != null ? "#" + sourceDiversity.independentRank : "miss", score: sourceDiversity.independentRank != null && sourceDiversity.independentRank <= sourceDiversity.topK ? 100 : 35, status: sourceDiversity.pass ? "ok" : "warn" }
+      ], "Noisy observed sessions should not crowd out independent teammate memory.", sourceDiversity.pass ? "ok" : "warn"));
+    }
+    if (scale) {
+      els.proofOverview.appendChild(metricBars("Scale proof", scale.packets + " packets", [
+        { label: "Hit rate", value: scale.hitRate + "%", score: scale.hitRate, status: scale.hitRate >= 95 ? "ok" : "warn" },
+        { label: "Median", value: scale.medianLatency + "ms", score: Math.max(0, 100 - scale.medianLatency), status: scale.medianLatency <= 50 ? "ok" : "warn" },
+        { label: "Context cut", value: scale.contextReduction + "%", score: scale.contextReduction, status: scale.contextReduction >= 80 ? "ok" : "warn" }
+      ], "Scale benchmark checks large repo-memory retrieval cost.", scale.hitRate >= 95 ? "ok" : "warn"));
+    }
+    els.proofOverview.appendChild(metricDonut(
+      "Trust gate",
+      gatePercent,
+      gates.length ? passingGates + " of " + gates.length + " benchmark gates passing" : "Benchmark report not loaded",
+      gatePercent >= 100 ? "Keep this green before publishing or handing off." : "Fix failing proof gates before release.",
+      gatePercent >= 100 ? "ok" : "warn"
+    ));
+    els.proofOverview.appendChild(metricBars("Memory quality", evidence + "% evidence", [
+      { label: "Evidence", value: evidence + "%", score: evidence, status: evidence >= 80 ? "ok" : "warn" },
+      { label: "Path grounded", value: pathGrounding ? pathGrounding + "%" : "n/a", score: pathGrounding || 0, status: pathGrounding >= 80 ? "ok" : "warn" },
+      { label: "Useful", value: quality.useful_memory_ratio_percent != null ? quality.useful_memory_ratio_percent + "%" : "n/a", score: Number(quality.useful_memory_ratio_percent || 0), status: Number(quality.useful_memory_ratio_percent || 0) >= 70 ? "ok" : "warn" }
+    ], "Trust memory only when it is evidence-backed and path-grounded.", evidence >= 80 ? "ok" : "warn"));
+  }
+
+  function benchmarkRetrievalSummary(report) {
+    if (!report || !report.summary) return null;
+    var summary = report.summary;
+    var r10 = Number(summary.recall_at_10_percent);
+    if (!Number.isFinite(r10)) return null;
+    var mode = summary.retrieval_mode || report.retrieval_mode || "";
+    var embeddings = summary.embeddings || report.embeddings || null;
+    var modeLabel = mode === "kage-recall-with-dense-local-embeddings"
+      ? "dense local embeddings"
+      : mode === "kage-recall-default"
+        ? "default recall"
+        : mode;
+    var modelLabel = embeddings && embeddings.model ? " · " + embeddings.model : "";
+    return {
+      label: [summary.benchmark || report.benchmark || "Retrieval benchmark", modeLabel].filter(Boolean).join(" · "),
+      mode: modeLabel,
+      model: modelLabel ? modelLabel.slice(3) : "",
+      r5: numberOrNull(summary.recall_at_5_percent),
+      r10: r10,
+      r20: numberOrNull(summary.recall_at_20_percent),
+      mrr: numberOrNull(summary.mrr),
+      ndcg10: numberOrNull(summary.ndcg_at_10),
+      contextReduction: numberOrNull(summary.context_reduction_percent)
+    };
+  }
+
+  function benchmarkSourceDiversitySummary(report) {
+    var diversity = report && report.memory_quality && report.memory_quality.source_diversity
+      ? report.memory_quality.source_diversity
+      : report && report.source_diversity;
+    if (!diversity) return null;
+    var uniqueSources = numberOrNull(diversity.unique_sources);
+    var maxFromOneSource = numberOrNull(diversity.max_results_from_one_source);
+    var topK = numberOrNull(diversity.top_k) || 4;
+    if (uniqueSources == null || maxFromOneSource == null) return null;
+    return {
+      uniqueSources: uniqueSources,
+      maxFromOneSource: maxFromOneSource,
+      independentRank: numberOrNull(diversity.independent_source_rank),
+      topK: topK,
+      pass: Boolean(diversity.pass)
+    };
+  }
+
+  function benchmarkScaleSummary(report) {
+    var scale = report && report.memory_scale;
+    var summary = scale && scale.summary;
+    if (!summary) return null;
+    var hitRate = numberOrNull(summary.largest_hit_rate_percent);
+    var packets = numberOrNull(summary.largest_packets);
+    if (hitRate == null || packets == null) return null;
+    return {
+      packets: packets,
+      hitRate: hitRate,
+      medianLatency: numberOrNull(summary.largest_median_recall_latency_ms) || 0,
+      contextReduction: numberOrNull(summary.largest_context_reduction_percent) || 0
+    };
+  }
+
+  function numberOrNull(value) {
+    var number = Number(value);
+    return Number.isFinite(number) ? number : null;
+  }
+
   function renderIntelligence() {
     if (!els.intelligenceList) return;
     var reports = state.reports || {};
@@ -2729,36 +4720,48 @@
       return;
     }
     els.intelligenceList.className = "intelligence-list";
-    cards.forEach(function (card) {
+    var normalizedCards = normalizeIntelCards(cards);
+    var riskFirst = new Set(["Change Risk", "Module Health", "Decision Memory", "Graph Insights", "Memory Quality"]);
+    var primaryCards = normalizedCards.filter(function (card) { return riskFirst.has(card.title); }).slice(0, 3);
+    if (!primaryCards.length) primaryCards = normalizedCards.slice(0, 3);
+    primaryCards.forEach(function (card) {
       var item = document.createElement("article");
       item.className = "intel-card";
       item.innerHTML = [
-        "<h3></h3>",
-        "<div class=\"intel-kicker\"></div>",
-        "<div class=\"intel-summary\"></div>",
+        "<div class=\"intel-card-head\"><div><h3></h3><span></span></div><strong></strong></div>",
+        "<div class=\"intel-metric-label\"></div>",
+        "<p class=\"intel-highlight\"></p>",
+        "<p class=\"intel-action\"><b>Action:</b> <span></span></p>",
         "<ul></ul>"
       ].join("");
       item.querySelector("h3").textContent = card.title;
-      item.querySelector(".intel-kicker").textContent = card.kicker;
-      item.querySelector(".intel-summary").textContent = card.summary;
+      item.querySelector(".intel-card-head span").textContent = card.kicker;
+      item.querySelector(".intel-card-head strong").textContent = card.metric || "n/a";
+      item.querySelector(".intel-metric-label").textContent = card.metricLabel || "signal";
+      item.querySelector(".intel-highlight").textContent = card.highlight || card.summary || "";
+      item.querySelector(".intel-action span").textContent = card.action || "Review this signal before changing related code.";
       var list = item.querySelector("ul");
-      card.rows.slice(0, 5).forEach(function (row) {
+      card.rows.slice(0, 2).forEach(function (row) {
         var li = document.createElement("li");
         li.innerHTML = "<strong></strong> <span></span>";
         li.querySelector("strong").textContent = row[0];
-        li.querySelector("span").textContent = row[1];
+        li.querySelector("span").textContent = trimIntelText(row[1], 92);
         list.appendChild(li);
       });
       els.intelligenceList.appendChild(item);
     });
-    var sections = buildIntelligenceSections(reports);
+    var sections = rankIntelligenceSections(buildIntelligenceSections(reports)).slice(0, 2);
     if (sections.length) {
-      var grid = document.createElement("div");
-      grid.className = "intel-deep-grid";
+      var details = document.createElement("details");
+      details.className = "intel-deep-drawer";
+      details.innerHTML = "<summary><span>More repo signals</span><em>cycles, owners, modules</em></summary>";
+      var deepGrid = document.createElement("div");
+      deepGrid.className = "intel-deep-grid";
       sections.forEach(function (section) {
-        grid.appendChild(renderIntelligenceSection(section));
+        deepGrid.appendChild(renderIntelligenceSection(section));
       });
-      els.intelligenceList.appendChild(grid);
+      details.appendChild(deepGrid);
+      els.intelligenceList.appendChild(details);
     }
   }
 
@@ -2781,32 +4784,46 @@
     var list = document.createElement("div");
     list.className = "intel-section-list";
     section.rows.slice(0, section.limit || 8).forEach(function (row) {
-      var button = document.createElement("button");
-      button.type = "button";
-      button.className = classNames("intel-row", row.status && "intel-row-" + safeCssName(row.status), row.path && "clickable");
-      button.innerHTML = [
+      var rowEl = document.createElement(row.path ? "button" : "div");
+      if (row.path) rowEl.type = "button";
+      rowEl.className = classNames("intel-row", row.status && "intel-row-" + safeCssName(row.status), row.path && "clickable");
+      rowEl.innerHTML = [
         "<span class=\"intel-row-main\"><strong></strong><em></em></span>",
         "<span class=\"intel-row-meta\"></span>",
         "<span class=\"intel-row-bar\"><i></i></span>"
       ].join("");
-      button.querySelector("strong").textContent = row.label || "";
-      button.querySelector("em").textContent = row.value || "";
-      button.querySelector(".intel-row-meta").textContent = row.meta || "";
-      button.querySelector(".intel-row-bar i").style.width = clamp(Number(row.score || 0), 4, 100) + "%";
+      rowEl.querySelector("strong").textContent = row.label || "";
+      rowEl.querySelector("em").textContent = row.value || "";
+      rowEl.querySelector(".intel-row-meta").textContent = row.meta || "";
+      rowEl.querySelector(".intel-row-bar i").style.width = clamp(Number(row.score || 0), 4, 100) + "%";
       if (row.path) {
-        button.title = "Focus " + row.path + " in the graph";
-        button.addEventListener("click", function () {
+        rowEl.title = "Focus " + row.path + " in the graph";
+        rowEl.setAttribute("aria-label", "Focus " + row.path + " in Graph");
+        rowEl.addEventListener("click", function () {
           focusGraphPath(row.path);
         });
-      } else {
-        button.disabled = true;
       }
-      list.appendChild(button);
+      list.appendChild(rowEl);
     });
     panel.appendChild(list);
     return panel;
   }
 
+  function rankIntelligenceSections(sections) {
+    return sections.slice().sort(function (a, b) {
+      return intelligenceSectionPriority(a) - intelligenceSectionPriority(b);
+    });
+  }
+
+  function intelligenceSectionPriority(section) {
+    var title = String(section && section.title || "").toLowerCase();
+    if (title.indexOf("blast") !== -1 || title.indexOf("risk") !== -1) return 0;
+    if (title.indexOf("onboarding") !== -1 || title.indexOf("decision") !== -1) return 1;
+    if (title.indexOf("module") !== -1 || title.indexOf("health") !== -1) return 2;
+    if (title.indexOf("owner") !== -1 || title.indexOf("contributor") !== -1) return 3;
+    return 4;
+  }
+
   function buildIntelligenceSections(reports) {
     var sections = [];
     var contributors = reports.contributors;
@@ -2846,7 +4863,7 @@
           title: "Ownership Map",
           kicker: "who owns what",
           stat: silos.length + " silos",
-          summary: "Repowise has a dedicated ownership page. Kage now surfaces the same reviewer-critical signal inside the memory viewer, tied back to selectable files.",
+          summary: "Action: assign backup reviewers for silo files before risky changes.",
           rows: rows,
           limit: 10,
         });
@@ -2861,7 +4878,7 @@
         title: "Module Health Map",
         kicker: "churn / tests / ownership",
         stat: modules.length + " modules",
-        summary: "Lowest-scoring modules are shown first so the viewer points people toward the riskiest areas instead of only drawing nodes.",
+        summary: "Action: start cleanup and test planning from the lowest-score modules.",
         rows: modules.slice(0, 8).map(function (item) {
           return {
             label: item.module,
@@ -2880,7 +4897,7 @@
         title: "Onboarding Targets",
         kicker: "missing repo lore",
         stat: (decisions.coverage_percent != null ? decisions.coverage_percent + "%" : "n/a"),
-        summary: "Files with centrality, churn, test gaps, or ownership but no linked why-memory. These are the places a future agent is most likely to rediscover context.",
+        summary: "Action: capture why-memory for these files before the next agent works there.",
         rows: gaps.slice(0, 8).map(function (gap) {
           var score = Math.min(100, Number(gap.dependents || 0) * 18 + Number(gap.churn_90d || 0) * 6 + 12);
           return {
@@ -2906,7 +4923,7 @@
         title: "Architecture Communities",
         kicker: "module clusters",
         stat: communities.length + " clusters",
-        summary: "Repowise exposes architecture/community views. Kage can show the same high-level clusters next to the memory-code graph so users know what a dense graph means.",
+        summary: "Action: use clusters to understand the graph before changing architecture.",
         rows: communities.slice(0, 8).map(function (community) {
           var files = community.files || [];
           var entrypoints = community.entrypoints || [];
@@ -2928,7 +4945,7 @@
         title: "Execution Flows",
         kicker: "entrypoint traces",
         stat: insights.entry_flows.length + " flows",
-        summary: "Short traces make the code graph explainable: where execution starts, what it crosses, and which file to inspect first.",
+        summary: "Action: inspect entry files first when debugging runtime behavior.",
         rows: insights.entry_flows.slice(0, 8).map(function (flow) {
           var path = flow.path || [];
           return {
@@ -2987,7 +5004,7 @@
           title: "Workspace Map",
           kicker: "deps / contracts / co-changes",
           stat: workspaceRows.length + " links",
-          summary: "Workspace links show how sibling repos relate through package dependencies, source-evidence contracts, topic/event links, and local git co-change history.",
+          summary: "Action: check linked repos before changing shared packages or contracts.",
           rows: workspaceRows,
           limit: 14,
         });
@@ -3021,7 +5038,7 @@
           title: "Blast Radius",
           kicker: "change impact",
           stat: riskRows.length + " signals",
-          summary: "Change risk is useful only if it is browsable. Rows focus the graph on affected files when the graph node exists.",
+          summary: "Action: review tests, owners, and dependents before editing these targets.",
           rows: riskRows,
           limit: 10,
         });
@@ -3043,11 +5060,13 @@
     });
     if (!found) {
       els.searchInput.value = normalized;
+      showViewerPageInPlace("graph");
       scheduleRender();
       return;
     }
     selectEntity(found.id, true);
     els.searchInput.value = normalized;
+    showViewerPageInPlace("graph");
     scheduleRender();
   }
 
@@ -3197,30 +5216,111 @@
     var benchmark = reports.benchmark;
     if (benchmark) {
       var checks = Array.isArray(benchmark.checks) ? benchmark.checks : [];
+      var retrieval = benchmarkRetrievalSummary(benchmark);
+      var scale = benchmarkScaleSummary(benchmark);
       cards.push({
-        title: "Benchmark",
-        kicker: "local proof",
-        summary: benchmark.summary || "Local memory and graph benchmark signals.",
-        rows: checks.slice(0, 5).map(function (item) {
-          return [item.name || "check", (item.pass ? "pass" : "check") + " - " + item.actual + "/" + item.target];
-        })
+        title: retrieval ? "Retrieval Proof" : "Benchmark",
+        kicker: retrieval ? (retrieval.mode || "retrieval proof") : "local proof",
+        summary: retrieval
+          ? retrieval.label + (scale ? " plus " + scale.packets + "-packet scale proof." : "") + " Evidence retrieval only, not answer accuracy."
+          : benchmark.summary || "Local memory and graph benchmark signals.",
+        rows: retrieval
+          ? [
+              ["R@5", retrieval.r5 != null ? retrieval.r5 + "%" : "n/a"],
+              ["R@10", retrieval.r10 + "%"],
+              ["MRR", retrieval.mrr != null ? String(retrieval.mrr) : "n/a"],
+              ["Context cut", retrieval.contextReduction != null ? retrieval.contextReduction + "%" : "n/a"],
+              ["Scale", scale ? scale.hitRate + "% hit / " + scale.medianLatency + "ms" : "not loaded"],
+              ["Model", retrieval.model || "dependency-free default"]
+            ]
+          : checks.slice(0, 5).map(function (item) {
+              return [item.name || "check", (item.pass ? "pass" : "check") + " - " + item.actual + "/" + item.target];
+            })
       });
     }
     return cards;
   }
 
+  function normalizeIntelCards(cards) {
+    return cards.map(function (card) {
+      var normalized = Object.assign({}, card);
+      var row = function (label) {
+        var found = (card.rows || []).find(function (item) { return item[0] === label; });
+        return found ? found[1] : null;
+      };
+      if (card.title === "Memory-Code Bridge") {
+        normalized.metric = row("Links") || "0";
+        normalized.metricLabel = "memory-code links";
+        normalized.highlight = "Shows whether saved repo knowledge is tied to actual files, symbols, routes, and tests.";
+        normalized.action = "If this is low, capture memory with concrete paths so agents can recall it during edits.";
+      } else if (card.title === "Change Risk") {
+        var siloText = row("Silos");
+        var siloMatch = siloText && String(siloText).match(/\d+/);
+        normalized.metric = siloMatch ? siloMatch[0] + " silos" : ((card.rows || []).length + " signals");
+        normalized.metricLabel = "risk signals";
+        normalized.highlight = "Flags files with blast radius, test gaps, or ownership concentration.";
+        normalized.action = "Use these rows to pick tests and reviewers before touching risky files.";
+      } else if (card.title === "Contributors") {
+        normalized.metric = (card.rows || []).length + " profiles";
+        normalized.metricLabel = "review routing";
+        normalized.highlight = "Shows who recently touched or owns parts of the repo.";
+        normalized.action = "Use this to find backup reviewers and avoid single-person knowledge bottlenecks.";
+      } else if (card.title === "Decision Memory") {
+        normalized.metric = row("Coverage") || "n/a";
+        normalized.metricLabel = "why-memory coverage";
+        normalized.highlight = "Shows whether important code paths have captured rationale and gotchas.";
+        normalized.action = "Add memory for coverage gaps before future agents rediscover the same context.";
+      } else if (card.title === "Module Health") {
+        normalized.metric = (card.rows || []).length + " modules";
+        normalized.metricLabel = "lowest scores first";
+        normalized.highlight = "Ranks modules by churn, tests, ownership, and graph signals.";
+        normalized.action = "Start with low-score modules when planning cleanup or refactors.";
+      } else if (card.title === "Graph Insights") {
+        normalized.metric = row("Cycles") || row("Communities") || "n/a";
+        normalized.metricLabel = row("Cycles") != null ? "dependency cycles" : "architecture clusters";
+        normalized.highlight = "Explains dense graph structure through central files, cycles, and communities.";
+        normalized.action = "Inspect central files and cycles before making architectural changes.";
+      } else if (card.title === "Workspace") {
+        normalized.metric = row("Repos") || "n/a";
+        normalized.metricLabel = "connected repos";
+        normalized.highlight = "Shows package, route, topic, and co-change links across local repos.";
+        normalized.action = "Check these links before changing shared contracts or packages.";
+      } else if (card.title === "Memory Quality") {
+        normalized.metric = row("Evidence") || row("Useful") || "n/a";
+        normalized.metricLabel = "trust signal";
+        normalized.highlight = "Shows whether memory is evidence-backed, grounded, and reviewable.";
+        normalized.action = "Review pending or weak memory before relying on it for agent handoff.";
+      } else if (card.title === "Benchmark") {
+        normalized.metric = (card.rows || []).filter(function (item) { return String(item[1] || "").indexOf("pass") !== -1; }).length + " pass";
+        normalized.metricLabel = "local proof checks";
+        normalized.highlight = "Shows whether repo memory and graph behavior pass local quality checks.";
+        normalized.action = "Use failed checks as release blockers or cleanup targets.";
+      }
+      return normalized;
+    });
+  }
+
+  function trimIntelText(value, limit) {
+    var text = String(value == null ? "" : value);
+    var max = Number(limit || 90);
+    if (text.length <= max) return text;
+    return text.slice(0, Math.max(0, max - 1)).replace(/\s+\S*$/, "") + "...";
+  }
+
   function renderStatusStrip(visibleEntities, visibleEdges, official) {
     if (!els.statusStrip) return;
     var memoryCount = visibleEntities.filter(function (entity) { return entity.graph_kind === "memory"; }).length;
     var codeCount = visibleEntities.filter(function (entity) { return entity.graph_kind === "code"; }).length;
     var reviewFlags = visibleEdges.filter(function (edge) { return reviewStatus(edge) !== "ok"; }).length;
+    var memoryCodeLinks = state.edges.filter(isMemoryCodeEdge).length;
+    var pendingReview = official && official.memory_graph ? Number(firstNumber(official.memory_graph.pending_packets, 0)) : 0;
     var pills = official ? [
-      ["Readiness", official.harness.readiness_score + "/100", ""],
-      ["Pending", official.memory_graph ? String(official.memory_graph.pending_packets) : "n/a", official.memory_graph && official.memory_graph.pending_packets ? "warn" : ""],
-      ["Structural", official.structural_index ? official.structural_index.files + " files" : official.code_graph.files + " files", "code"],
-      ["Code symbols", String(official.code_graph.symbols), "code"],
-      ["Parser coverage", official.code_graph.indexer_coverage_percent + "%", "code"],
-      ["Memory packets", official.memory_graph ? String(official.memory_graph.approved_packets) : "n/a", "memory"]
+      ["Status", official.harness && official.harness.validation_ok ? "Clean" : "Check", official.harness && official.harness.validation_ok ? "memory" : "warn"],
+      ["Review", pendingReview ? pendingReview + " pending" : "Clear", pendingReview ? "warn" : "memory"],
+      ["Source map", official.structural_index ? official.structural_index.files + " files" : official.code_graph.files + " files", "code"],
+      ["Symbols", String(official.code_graph.symbols), "code"],
+      ["Coverage", official.code_graph.indexer_coverage_percent + "%", "code"],
+      ["Memory links", String(memoryCodeLinks), memoryCodeLinks ? "memory" : "warn"]
     ] : [
       ["Memory", String(memoryCount), "memory"],
       ["Code", String(codeCount), "code"],
@@ -3473,10 +5573,15 @@
     if (state.three.THREE) return Promise.resolve(state.three.THREE);
     if (state.three.loading) return state.three.loading;
     state.three.failed = false;
-    state.three.loading = import("/vendor/three/build/three.module.min.js")
-      .catch(function () {
-        return import("https://unpkg.com/three@0.184.0/build/three.module.min.js");
-      })
+    var threeSources = [
+      "./vendor/three/build/three.module.min.js",
+      "../vendor/three/build/three.module.min.js",
+      "/vendor/three/build/three.module.min.js",
+      "https://unpkg.com/three@0.184.0/build/three.module.min.js"
+    ];
+    state.three.loading = threeSources.reduce(function (chain, source) {
+      return chain.catch(function () { return import(source); });
+    }, Promise.reject())
       .then(function (mod) {
         state.three.THREE = mod;
         return mod;
@@ -3493,7 +5598,7 @@
     ensureThree().then(function () {
       if (activeRenderMode() !== "3d") return;
       setupThreeScene();
-      rebuildThreeScene();
+      if (graphChanged || !state.three.nodeById.size) rebuildThreeScene();
       if (graphChanged || state.three.distance <= 0) fitThreeGraph();
       startThreeGraph();
       renderThreeFrame();