diff --git a/spec/ui.md b/spec/ui.md
index 5f923e3..d71204c 100644
--- a/spec/ui.md
+++ b/spec/ui.md
@@ -31,6 +31,10 @@ Every list and detail view has a fragment route under the authenticated inspecto
 
 Feed and Sources expose filtering as an app control, not an expanded form or a separate title/toolbar row embedded in the document. The active navigation already names the view, so the Filter control lives at the far right of the global navigation line on medium/desktop widths and becomes the next horizontally scrollable phone control. It opens a modal sheet with full-width, touch-sized fields. On phones the sheet is anchored to the bottom safe area; wider screens use a centered modal. Active filters return to the main view as individually removable chips and a numeric count; zero active filters render no count. The feed runs edge to edge inside safe-area padding. Detail selection replaces the feed in the same viewport and preserves the existing back affordance. The page publishes standalone-app metadata and an exact private manifest/icon route; it does not cache private HTML, JSON, media, or Jazz-derived content offline.
 
+The visual system uses spacing, contained cards, and local control borders instead of full-width horizontal separator rules. Feed entries, the page header, footers, course sections, forms, and modal sections do not draw decorative top or bottom rules. The selected desktop navigation underline and borders that define an actual card, input, button, or status edge remain meaningful controls rather than document separators.
+
+An intentionally hidden browser-local font preview lets Cameron compare Google Fonts against the complete interface. Triple-clicking the `STREAM` wordmark or pressing `Alt+Shift+F` reveals the panel. It accepts an exact Google Fonts family name, applies it only to the body-font variable, keeps Around on display headings, and stores the selected family in same-origin local storage until reset. The feature creates no server record, cookie, event, or remote mutation. Loading a selected family makes an on-demand browser request to Google Fonts; the default page makes no Google request. The gesture is an obscured debug affordance, not an authorization boundary.
+
 Bluesky avatars and embed thumbnails are rendered through one authenticated same-origin media route because the private web boundary intentionally denies arbitrary third-party image loads. The route accepts only HTTPS `cdn.bsky.app/img/*` URLs, follows no redirects, applies strict byte, timeout, content-type, and image-magic bounds, and returns no upstream detail on failure. Full-size post links remain ordinary external navigation. A failed image is removed from the card rather than leaving a large broken placeholder.
 
 The inspector exposes a read-only adapter inventory with public-safe release metadata, canonical lifecycle status/generation, a separately rendered active deployment binding when one exists, selecting consumers, bound runs, and output event ids. It must distinguish the execution adapter from the learned model adapter, and release status from deployment binding, and must never render checkpoint paths or resolved environment values.
@@ -48,7 +52,9 @@ The Sources view is a control-plane inventory, not a list inferred from whicheve
 
 No activity yet is a valid state, not source absence. Database evidence cannot prove process liveness or upstream registration, and an upstream registration cannot prove event delivery. The interface labels each receipt boundary instead of compressing them into one generic health badge.
 
-Inspector bootstrap requests that scan shared Jazz state run serially rather than contending in the browser. Root activity renders as soon as its bounded summary is available; slower secondary tabs continue loading independently. Every tab and detail request has an explicit loading, empty, and failed state, and the client verifies HTTP status and JSON content type before parsing. A reverse-proxy HTML error page must never appear as a raw `response.json()` exception or leave another pane permanently labeled `Loading`.
+Inspector bootstrap requests that scan shared Jazz state run serially rather than contending in the browser. Root activity has a dedicated bounded endpoint and renders before run-evidence auditing, adapter inventory, and source-health scans begin. The heavier System projection is a separate endpoint and loads after the first activity paint unless System is the selected destination. A live event refreshes the bounded activity projection; it refreshes System evidence only while a System list is selected. Every tab and detail request has an explicit loading, empty, and failed state, and the client verifies HTTP status and JSON content type before parsing. A reverse-proxy HTML error page must never appear as a raw `response.json()` exception or leave another pane permanently labeled `Loading`.
+
+The bounded Feed projection scans one deterministic window of at most 2,000 recent source records to select up to 100 root observations, so ordinary child records such as reactions and corrections do not displace unrelated roots. If that hard scan cap cannot recover a complete root window, the response and UI say so instead of falling back to a global scan. It then hydrates at most 1,000 events in those root lineages, 1,000 recent runs, and 1,000 runs directly triggered by the hydrated events. Same-timestamp query limits use the record key as a deterministic second ordering term. When either the recent-run or root-lineage hydration cap is reached, each observation marks processing history incomplete; the UI may show found processors but cannot classify an empty bounded result as “not processed.” The Feed path never enumerates complete run history; complete run evidence remains a System concern.
 
 ## Detail view
 
diff --git a/src/jazz/store.ts b/src/jazz/store.ts
index 96f6881..9e989b2 100644
--- a/src/jazz/store.ts
+++ b/src/jazz/store.ts
@@ -377,11 +377,62 @@ export class JazzThoughtStore {
       ...(options.source ? { source: options.source } : {}),
       ...(options.types && options.types.length > 0 ? { type: { in: [...new Set(options.types)] } } : {}),
     };
-    const rows = await this.db.all(thoughtstreamApp.events.where(where).orderBy("observedAt", "asc"));
-    const events = rows
+    const query = thoughtstreamApp.events.where(where);
+    const rows = options.limit
+      ? await this.db.all(query
+        .orderBy("observedAt", "desc")
+        .orderBy("key", "desc")
+        .limit(options.limit))
+      : await this.db.all(query.orderBy("observedAt", "asc"));
+    return rows
+      .map(eventFromJazz)
+      .sort((left, right) => left.observedAt.localeCompare(right.observedAt) || left.id.localeCompare(right.id));
+  }
+
+  async listRecentRootEvents(options: { types: string[]; limit: number; maxScanned?: number }): Promise<{
+    events: ThoughtEvent[];
+    complete: boolean;
+    scannedEvents: number;
+  }> {
+    if (options.limit <= 0) return { events: [], complete: true, scannedEvents: 0 };
+    const types = [...new Set(options.types)].filter(Boolean);
+    if (types.length === 0) return { events: [], complete: true, scannedEvents: 0 };
+    const maxScanned = Math.max(options.limit, options.maxScanned ?? 2_000);
+    const rows = await this.db.all(thoughtstreamApp.events.where({ type: { in: types } })
+      .orderBy("observedAt", "desc")
+      .orderBy("key", "desc")
+      .limit(maxScanned));
+    const roots = new Map<string, ThoughtEvent>();
+    for (const row of rows) {
+      if (String(row.key) !== String(row.rootEventKey)) continue;
+      const event = eventFromJazz(row);
+      roots.set(event.id, event);
+      if (roots.size === options.limit) break;
+    }
+    const events = [...roots.values()].sort((left, right) => (
+      left.observedAt.localeCompare(right.observedAt) || left.id.localeCompare(right.id)
+    ));
+    return {
+      events,
+      complete: events.length === options.limit || rows.length < maxScanned,
+      scannedEvents: rows.length,
+    };
+  }
+
+  async listEventsForRoots(rootEventIds: string[], options: { limit?: number } = {}): Promise<ThoughtEvent[]> {
+    const keys = [...new Set(rootEventIds)].filter(Boolean);
+    if (keys.length === 0) return [];
+    if (keys.length > 10_000) throw new Error("Root event lookup exceeds 10000 ids");
+    const query = thoughtstreamApp.events.where({ rootEventKey: { in: keys } });
+    const rows = options.limit
+      ? await this.db.all(query
+        .orderBy("observedAt", "desc")
+        .orderBy("key", "desc")
+        .limit(options.limit))
+      : await this.db.all(query.orderBy("observedAt", "asc"));
+    return rows
       .map(eventFromJazz)
       .sort((left, right) => left.observedAt.localeCompare(right.observedAt) || left.id.localeCompare(right.id));
-    return options.limit ? events.slice(-options.limit) : events;
   }
 
   async latestSourceEvent(source: string): Promise<ThoughtEvent | undefined> {
@@ -512,11 +563,27 @@ export class JazzThoughtStore {
     return rows.map(runFromJazz);
   }
 
-  async getRunsForTriggerEvents(eventIds: string[]): Promise<AgentRun[]> {
+  async getRunsForTriggerEvents(eventIds: string[], options: { limit?: number } = {}): Promise<AgentRun[]> {
     const keys = [...new Set(eventIds)].filter(Boolean);
     if (keys.length === 0) return [];
     if (keys.length > 10_000) throw new Error("Trigger run lookup exceeds 10000 event ids");
-    const rows = await this.db.all(thoughtstreamApp.runs.where({ triggerEventKey: { in: keys } }));
+    const query = thoughtstreamApp.runs.where({ triggerEventKey: { in: keys } });
+    const rows = options.limit
+      ? await this.db.all(query
+        .orderBy("createdAt", "desc")
+        .orderBy("key", "desc")
+        .limit(options.limit))
+      : await this.db.all(query);
+    return rows
+      .map(runFromJazz)
+      .sort((left, right) => left.createdAt.localeCompare(right.createdAt) || left.id.localeCompare(right.id));
+  }
+
+  async listRecentRuns(limit = 1_000): Promise<AgentRun[]> {
+    const rows = await this.db.all(thoughtstreamApp.runs.where({})
+      .orderBy("createdAt", "desc")
+      .orderBy("key", "desc")
+      .limit(limit));
     return rows
       .map(runFromJazz)
       .sort((left, right) => left.createdAt.localeCompare(right.createdAt) || left.id.localeCompare(right.id));
diff --git a/src/projections/activity.ts b/src/projections/activity.ts
index 6ab7b8b..0edef9e 100644
--- a/src/projections/activity.ts
+++ b/src/projections/activity.ts
@@ -27,6 +27,7 @@ export interface ActivityItem {
   presentation: ActivityPresentation;
   descendantEventCount: number;
   consumerRuns: ActivityConsumerRun[];
+  consumerRunsComplete: boolean;
 }
 
 export interface ActivityPresentation {
@@ -69,18 +70,20 @@ export interface RootActivityProjection {
   totalEvents: number;
   byType: Record<string, number>;
   items: ActivityItem[];
+  rootWindowComplete: boolean;
 }
 
 const ROOT_SOURCE_EVENT_TYPES = [...new Set([
   ...createDefaultRegistry().list().map((entry) => entry.type).filter((type) => type.startsWith("stream.thought.source.")),
   "stream.thought.source.x.activity",
 ])];
-const TERMINAL_RUN_EVENT_TYPES = [
-  "stream.thought.agent.run.completed",
-  "stream.thought.agent.run.failed",
-  "stream.thought.agent.run.blocked",
-  "stream.thought.agent.run.abandoned",
-];
+const TERMINAL_RUN_STATUSES = new Set<AgentRun["status"]>([
+  "completed",
+  "failed",
+  "blocked",
+  "abandoned",
+  "skipped",
+]);
 
 export async function buildRootActivity(store: JazzThoughtStore, limit = 100): Promise<RootActivityProjection> {
   const [events, runs] = await Promise.all([store.listEvents(), store.listRuns()]);
@@ -114,6 +117,7 @@ export async function buildRootActivity(store: JazzThoughtStore, limit = 100): P
     summary: summarizeRoot(event),
     presentation: presentActivityEvent(event),
     descendantEventCount: descendantsByRoot.get(event.id) ?? 0,
+    consumerRunsComplete: true,
     consumerRuns: (runsByRoot.get(event.id) ?? []).map((run) => ({
       id: run.id,
       agentId: run.agentId,
@@ -124,40 +128,43 @@ export async function buildRootActivity(store: JazzThoughtStore, limit = 100): P
       outputCount: run.outputEventIds.length,
     })),
   }));
-  return { totalEvents: events.length, byType, items };
+  return { totalEvents: events.length, byType, items, rootWindowComplete: true };
 }
 
 export async function buildRecentRootActivity(
   store: JazzThoughtStore,
-  runs: AgentRun[],
   limit = 100,
 ): Promise<RootActivityProjection> {
-  const inputIds = [...new Set(runs.flatMap((run) => run.inputEventIds))];
-  const [sourceEvents, inputEvents, terminalEvents, sources] = await Promise.all([
-    store.listEvents({ types: ROOT_SOURCE_EVENT_TYPES }),
-    store.getEvents(inputIds),
-    store.listEvents({ types: TERMINAL_RUN_EVENT_TYPES }),
+  const runLimit = 1_000;
+  const [rootWindow, sources, recentRuns] = await Promise.all([
+    store.listRecentRootEvents({ types: ROOT_SOURCE_EVENT_TYPES, limit }),
     store.listSources(),
+    store.listRecentRuns(runLimit),
   ]);
-  const roots = sourceEvents.filter((event) => event.id === event.rootEventId);
-  const inputsById = new Map([...sourceEvents, ...inputEvents].map((event) => [event.id, event]));
-  const terminalByRun = new Map<string, ThoughtEvent[]>();
-  for (const event of terminalEvents) {
-    const runId = typeof event.payload.runId === "string" ? event.payload.runId : undefined;
-    if (!runId) continue;
-    terminalByRun.set(runId, [...(terminalByRun.get(runId) ?? []), event]);
-  }
+  const roots = rootWindow.events;
+  const rootIds = roots.map((event) => event.id);
+  const rootEventLimit = 1_000;
+  const rootEvents = await store.listEventsForRoots(rootIds, { limit: rootEventLimit });
+  const directTriggerIds = [...new Set(rootEvents.map((event) => event.id))];
+  const directRuns = await store.getRunsForTriggerEvents(directTriggerIds, { limit: runLimit });
+  const runs = [...new Map([...recentRuns, ...directRuns].map((run) => [run.id, run])).values()];
+  const triggerIds = [...new Set(runs.map((run) => run.triggerEventId))];
+  const triggerEvents = await store.getEvents(triggerIds);
+  const inputsById = new Map([...rootEvents, ...roots, ...triggerEvents].map((event) => [event.id, event]));
+  const recentRootIds = new Set(roots.map((event) => event.id));
+  const consumerRunsComplete = recentRuns.length < runLimit && rootEvents.length < rootEventLimit;
   const descendantsByRoot = new Map<string, Set<string>>();
   const runsByRoot = new Map<string, AgentRun[]>();
   for (const run of runs) {
     const inputs = run.inputEventIds.map((id) => inputsById.get(id)).filter((event): event is ThoughtEvent => Boolean(event));
     const rootIds = rootIdsForRun(run, inputsById);
     for (const rootId of rootIds) {
+      if (!recentRootIds.has(rootId)) continue;
       runsByRoot.set(rootId, [...(runsByRoot.get(rootId) ?? []), run]);
       const descendants = descendantsByRoot.get(rootId) ?? new Set<string>();
       for (const input of inputs) if (input.id !== rootId) descendants.add(input.id);
       for (const outputId of run.outputEventIds) descendants.add(outputId);
-      for (const terminal of terminalByRun.get(run.id) ?? []) descendants.add(terminal.id);
+      if (TERMINAL_RUN_STATUSES.has(run.status)) descendants.add(`terminal:${run.id}`);
       descendantsByRoot.set(rootId, descendants);
     }
   }
@@ -175,6 +182,7 @@ export async function buildRecentRootActivity(
     summary: summarizeRoot(event),
     presentation: presentActivityEvent(event),
     descendantEventCount: descendantsByRoot.get(event.id)?.size ?? 0,
+    consumerRunsComplete,
     consumerRuns: (runsByRoot.get(event.id) ?? []).map((run) => ({
       id: run.id,
       agentId: run.agentId,
@@ -192,6 +200,7 @@ export async function buildRecentRootActivity(
     totalEvents: sources.reduce((total, source) => total + source.lastSequence, 0),
     byType,
     items,
+    rootWindowComplete: rootWindow.complete,
   };
 }
 
@@ -238,15 +247,16 @@ export async function buildRecentSourceActivity(
       summary: summarizeRoot(event),
       presentation: presentActivityEvent(event),
       descendantEventCount: consumerRuns.reduce((total, run) => total + run.outputCount + 1, 0),
+      consumerRunsComplete: true,
       consumerRuns,
     };
   });
-  return { totalEvents: roots.length, byType, items };
+  return { totalEvents: roots.length, byType, items, rootWindowComplete: true };
 }
 
 function rootIdsForRun(run: AgentRun, eventsById: Map<string, ThoughtEvent>): Set<string> {
   const rootIds = new Set<string>();
-  for (const inputId of run.inputEventIds) {
+  for (const inputId of new Set([run.triggerEventId, ...run.inputEventIds])) {
     const input = eventsById.get(inputId);
     if (!input) continue;
     rootIds.add(input.rootEventId);
diff --git a/src/web/authenticated-proxy.ts b/src/web/authenticated-proxy.ts
index 2272a7e..0a5009f 100644
--- a/src/web/authenticated-proxy.ts
+++ b/src/web/authenticated-proxy.ts
@@ -8,6 +8,7 @@ import { isIP } from "node:net";
 import { InspectorOAuthAuth, OAuthCallbackQuarantineCapacityError } from "./oauth-auth.js";
 import { createOAuthRouteRateLimiter, type OAuthRouteRateLimiter } from "./rate-limit.js";
 import { loadPublicPages, publicPageForRoute, type PublicPage } from "./public-site.js";
+import { FONT_DEBUG_ASSET_PATH, FONT_DEBUG_SCRIPT } from "./font-debug.js";
 import {
   REVIEW_CSRF_HEADER,
   REVIEW_NONCE_HEADER,
@@ -50,14 +51,17 @@ const SECURITY_HEADERS = {
   "x-frame-options": "DENY",
 } as const;
 
+const PUBLIC_PAGE_CONTENT_SECURITY_POLICY =
+  "default-src 'self'; script-src 'self'; style-src 'unsafe-inline' https://fonts.googleapis.com; font-src data: https://fonts.gstatic.com; connect-src 'self'; frame-ancestors 'none'; base-uri 'none'; form-action 'self'";
+
 const LANDING_CONTENT_SECURITY_POLICY =
-  "default-src 'self'; script-src 'none'; style-src 'unsafe-inline'; font-src data:; connect-src 'self'; frame-ancestors 'none'; base-uri 'none'; form-action 'self' https:";
+  "default-src 'self'; script-src 'self'; style-src 'unsafe-inline' https://fonts.googleapis.com; font-src data: https://fonts.gstatic.com; connect-src 'self'; frame-ancestors 'none'; base-uri 'none'; form-action 'self' https:";
 
 const OAUTH_LOGIN_CONTENT_SECURITY_POLICY =
   "default-src 'self'; script-src 'none'; style-src 'unsafe-inline'; connect-src 'self'; frame-ancestors 'none'; base-uri 'none'; form-action 'self' https:";
 
 const INSPECTOR_HTML_CONTENT_SECURITY_POLICY =
-  "default-src 'self'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; connect-src 'self'; img-src 'self' data:; font-src 'self'; worker-src 'self'; frame-ancestors 'none'; base-uri 'none'; form-action 'none'";
+  "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'unsafe-inline' https://fonts.googleapis.com; connect-src 'self'; img-src 'self' data:; font-src 'self' https://fonts.gstatic.com; worker-src 'self'; frame-ancestors 'none'; base-uri 'none'; form-action 'none'";
 
 const FORWARDED_REQUEST_HEADERS = new Set([
   "accept",
@@ -175,13 +179,23 @@ async function handleRequest(options: {
     send(options.response, 400, "Invalid request.\n", { "content-type": "text/plain; charset=utf-8" });
     return;
   }
+  if (url.pathname === FONT_DEBUG_ASSET_PATH) {
+    if (!isReadMethod(options.request.method)) return methodNotAllowed(options.request, options.response, "GET, HEAD");
+    options.request.resume();
+    send(options.response, 200, options.request.method === "HEAD" ? "" : FONT_DEBUG_SCRIPT, {
+      "content-type": "text/javascript; charset=utf-8",
+    });
+    return;
+  }
   const publicPage = publicPageForRoute(options.publicPages, url.pathname);
   if (publicPage) {
     if (!isReadMethod(options.request.method)) return methodNotAllowed(options.request, options.response, "GET, HEAD");
     options.request.resume();
     send(options.response, 200, options.request.method === "HEAD" ? "" : publicPage.html, {
       "content-type": "text/html; charset=utf-8",
-      ...(publicPage.route === "/" ? { "content-security-policy": LANDING_CONTENT_SECURITY_POLICY } : {}),
+      "content-security-policy": publicPage.route === "/"
+        ? LANDING_CONTENT_SECURITY_POLICY
+        : PUBLIC_PAGE_CONTENT_SECURITY_POLICY,
     });
     return;
   }
diff --git a/src/web/font-debug.ts b/src/web/font-debug.ts
new file mode 100644
index 0000000..ea90154
--- /dev/null
+++ b/src/web/font-debug.ts
@@ -0,0 +1,128 @@
+export const FONT_DEBUG_ASSET_PATH = "/assets/font-debug.js";
+
+export const FONT_DEBUG_SCRIPT = `(() => {
+  const storageKey = "stream-body-font-preview";
+  const defaultStack = "Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif";
+  const familyPattern = /^[A-Za-z0-9][A-Za-z0-9 -]{0,79}$/;
+  let requestVersion = 0;
+  let pendingLink = null;
+
+  const style = document.createElement("style");
+  style.textContent = ".font-debug-panel{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:10000;width:min(340px,calc(100vw - 32px));border:1px solid var(--border,var(--line,#444));border-radius:16px;background:var(--panel,var(--bg,#111));color:var(--text,#eee);box-shadow:0 18px 56px rgba(0,0,0,.28);padding:16px;font:14px/1.45 var(--font-body)}.font-debug-panel[hidden]{display:none}.font-debug-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.font-debug-head strong{font-size:14px}.font-debug-close{border:0;background:transparent;color:var(--muted,#888);padding:4px;cursor:pointer}.font-debug-panel label{display:grid;gap:6px;color:var(--muted,#888);font-size:12px}.font-debug-panel input{width:100%;min-height:40px;border:1px solid var(--border,var(--line,#444));border-radius:10px;background:var(--surface-control,var(--surface,#171717));color:var(--text,#eee);padding:8px 10px}.font-debug-actions{display:flex;gap:8px;margin-top:10px}.font-debug-actions button{min-height:36px;border:1px solid var(--border,var(--line,#444));border-radius:999px;background:transparent;color:var(--text,#eee);padding:7px 12px;cursor:pointer}.font-debug-actions button:first-child{border-color:var(--accent,#b497bf);background:var(--accent-soft,rgba(180,151,191,.11))}.font-debug-status{min-height:20px;margin:10px 0 0;color:var(--muted,#888);font-size:12px}";
+  document.head.append(style);
+
+  const panel = document.createElement("section");
+  panel.className = "font-debug-panel";
+  panel.hidden = true;
+  panel.setAttribute("role", "dialog");
+  panel.setAttribute("aria-label", "Body font preview");
+  panel.innerHTML = '<div class="font-debug-head"><strong>Body font</strong><button class="font-debug-close" type="button" aria-label="Close font preview">Close</button></div><label for="font-debug-family">Google Fonts family<input id="font-debug-family" type="text" list="font-debug-suggestions" maxlength="80" autocomplete="off" placeholder="e.g. Instrument Sans"><datalist id="font-debug-suggestions"><option value="DM Sans"><option value="Figtree"><option value="IBM Plex Sans"><option value="Instrument Sans"><option value="Manrope"><option value="Noto Sans"><option value="Plus Jakarta Sans"><option value="Source Sans 3"><option value="Space Grotesk"><option value="Work Sans"></datalist></label><div class="font-debug-actions"><button data-font-apply type="button">Try font</button><button data-font-reset type="button">Reset</button></div><p class="font-debug-status" aria-live="polite">Around display type stays unchanged.</p>';
+  document.body.append(panel);
+
+  const input = panel.querySelector("#font-debug-family");
+  const status = panel.querySelector(".font-debug-status");
+  const closeButton = panel.querySelector(".font-debug-close");
+  const applyButton = panel.querySelector("[data-font-apply]");
+  const resetButton = panel.querySelector("[data-font-reset]");
+
+  function storedFamily() {
+    try { return localStorage.getItem(storageKey) || ""; } catch { return ""; }
+  }
+
+  function storeFamily(family) {
+    try {
+      if (family) localStorage.setItem(storageKey, family);
+      else localStorage.removeItem(storageKey);
+    } catch {}
+  }
+
+  function setPanelOpen(open) {
+    panel.hidden = !open;
+    if (open) {
+      input.value = storedFamily();
+      input.focus();
+      input.select();
+    }
+  }
+
+  function resetFont() {
+    requestVersion += 1;
+    pendingLink = null;
+    document.querySelectorAll("link[data-stream-font-debug]").forEach(link => link.remove());
+    document.documentElement.style.removeProperty("--font-body");
+    storeFamily("");
+    input.value = "";
+    status.textContent = "Using the default body font. Around display type stays unchanged.";
+  }
+
+  function applyFont(rawFamily, persist = true) {
+    const family = rawFamily.trim().replace(/\\s+/g, " ");
+    if (!familyPattern.test(family)) {
+      status.textContent = "Use the exact Google Fonts family name with letters, numbers, spaces, or hyphens.";
+      return;
+    }
+    const version = ++requestVersion;
+    pendingLink?.remove();
+    const previous = document.querySelector("#font-debug-google-font");
+    const link = document.createElement("link");
+    link.dataset.streamFontDebug = "true";
+    link.rel = "stylesheet";
+    link.href = "https://fonts.googleapis.com/css2?family=" + encodeURIComponent(family).replace(/%20/g, "+") + "&display=swap";
+    link.addEventListener("load", () => {
+      if (version !== requestVersion) {
+        link.remove();
+        return;
+      }
+      pendingLink = null;
+      previous?.remove();
+      link.id = "font-debug-google-font";
+      document.documentElement.style.setProperty("--font-body", '"' + family + '",' + defaultStack);
+      if (persist) storeFamily(family);
+      input.value = family;
+      status.textContent = "Using " + family + " for body text. Around is unchanged.";
+    });
+    link.addEventListener("error", () => {
+      if (pendingLink === link) pendingLink = null;
+      link.remove();
+      if (version !== requestVersion) return;
+      status.textContent = "Google Fonts did not return that family.";
+    });
+    pendingLink = link;
+    document.head.append(link);
+    status.textContent = "Loading " + family + "…";
+  }
+
+  applyButton.addEventListener("click", () => applyFont(input.value));
+  resetButton.addEventListener("click", resetFont);
+  closeButton.addEventListener("click", () => setPanelOpen(false));
+  input.addEventListener("keydown", event => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      applyFont(input.value);
+    }
+  });
+  document.addEventListener("keydown", event => {
+    if (event.key === "Escape" && !panel.hidden) setPanelOpen(false);
+    if (event.altKey && event.shiftKey && event.key.toLowerCase() === "f") {
+      event.preventDefault();
+      setPanelOpen(panel.hidden);
+    }
+  });
+
+  const trigger = document.querySelector("h1");
+  let clickCount = 0;
+  let lastClickAt = 0;
+  trigger?.addEventListener("click", () => {
+    const now = Date.now();
+    clickCount = now - lastClickAt < 650 ? clickCount + 1 : 1;
+    lastClickAt = now;
+    if (clickCount === 3) {
+      clickCount = 0;
+      setPanelOpen(panel.hidden);
+    }
+  });
+
+  const saved = storedFamily();
+  if (saved && familyPattern.test(saved)) applyFont(saved, false);
+})();
+`;
diff --git a/src/web/inspector.ts b/src/web/inspector.ts
index ed20ee9..d4d8177 100644
--- a/src/web/inspector.ts
+++ b/src/web/inspector.ts
@@ -46,6 +46,7 @@ import {
 import { materializeMemoryDecision } from "../agent-proposals/memory-materializer.js";
 import { recordProposalDecision } from "../agent-proposals/review.js";
 import { z } from "zod";
+import { FONT_DEBUG_ASSET_PATH, FONT_DEBUG_SCRIPT } from "./font-debug.js";
 
 const RUN_TERMINAL_EVENT_TYPES = [
   "stream.thought.agent.run.completed",
@@ -295,6 +296,10 @@ async function handleRequest(
     send(response, 200, "image/svg+xml; charset=utf-8", STREAM_APP_ICON);
     return;
   }
+  if (url.pathname === FONT_DEBUG_ASSET_PATH) {
+    send(response, 200, "text/javascript; charset=utf-8", FONT_DEBUG_SCRIPT);
+    return;
+  }
   if (url.pathname === "/sw.js") {
     send(response, 200, "text/javascript; charset=utf-8", STREAM_SERVICE_WORKER);
     return;
@@ -339,38 +344,21 @@ async function handleRequest(
     }
     return;
   }
+  if (url.pathname === "/api/activity") {
+    sendJson(response, 200, await buildInspectorActivity(store));
+    return;
+  }
+  if (url.pathname === "/api/system") {
+    sendJson(response, 200, await buildInspectorSystem(store));
+    return;
+  }
   if (url.pathname === "/api/snapshot") {
-    const [runs, agents, sources] = await Promise.all([
-      store.listRuns(),
-      store.listAgents(),
-      buildSourceHealth(store),
+    const runs = await store.listRuns();
+    const [activity, system] = await Promise.all([
+      buildInspectorActivity(store),
+      buildInspectorSystem(store, runs),
     ]);
-    const [activity, evidenceEvents] = await Promise.all([
-      buildRecentRootActivity(store, runs),
-      loadRunEvidenceEvents(store, runs),
-    ]);
-    const runEvidence = auditRunEvidence(runs, evidenceEvents);
-    const adapterSelections = agents
-      .map((agent) => ({
-        id: agent.id,
-        version: agent.version,
-        enabled: agent.enabled,
-        adapter: adapterSelectionFromSpec(agent.spec),
-      }))
-      .filter((agent) => agent.adapter !== undefined);
-    const adapterCatalogs = [...new Map(adapterSelections.map((selection) => [
-      `${selection.adapter!.digest}:${selection.adapter!.generation}`,
-      { digest: selection.adapter!.digest, generation: selection.adapter!.generation },
-    ])).values()];
-    sendJson(response, 200, {
-      activity,
-      runs: runs.slice().reverse().map(inspectorRunSummary),
-      agents,
-      sources,
-      adapterInventory: { catalogs: adapterCatalogs, selections: adapterSelections },
-      runEvidence,
-      evidenceContradictions: runEvidence.filter((report) => !report.consistent).length,
-    });
+    sendJson(response, 200, { activity, ...system });
     return;
   }
   if (url.pathname === "/api/live") {
@@ -985,11 +973,11 @@ export function renderInspectorHtml(): string {
   <title>Stream</title>
   <style>
     @font-face { font-family:Around; src:url("assets/around-regular.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap }
-    :root { color-scheme:light; --bg:#fff; --panel:#fff; --surface:#f5f5f5; --surface-raised:#efefec; --surface-control:#fff; --line:#e8e8e8; --line-strong:#c8c8c1; --text:#1a1a1a; --secondary:#353532; --muted:#777773; --accent:#b497bf; --accent-strong:#72567e; --accent-soft:rgba(180,151,191,.11); --link:#72567e; --amber:#8b6c33; --red:#a44444; --selected-bg:#1a1a1a; --selected-text:#fff; --shadow:0 18px 56px rgba(24,20,28,.14); --radius-content:16px; --radius-control:999px; --motion:160ms cubic-bezier(.2,.8,.2,1); }
+    :root { color-scheme:light; --bg:#fff; --panel:#fff; --surface:#f5f5f5; --surface-raised:#efefec; --surface-control:#fff; --line:#e8e8e8; --line-strong:#c8c8c1; --text:#1a1a1a; --secondary:#353532; --muted:#777773; --accent:#b497bf; --accent-strong:#72567e; --accent-soft:rgba(180,151,191,.11); --link:#72567e; --amber:#8b6c33; --red:#a44444; --selected-bg:#1a1a1a; --selected-text:#fff; --shadow:0 18px 56px rgba(24,20,28,.14); --radius-content:16px; --radius-control:999px; --motion:160ms cubic-bezier(.2,.8,.2,1); --font-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
     @media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#0a0a0a;--panel:#101010;--surface:#141414;--surface-raised:#1a1a1a;--surface-control:#050505;--line:#2a2a2a;--line-strong:#444;--text:#e5e5e5;--secondary:#b8b8b8;--muted:#8a8a8a;--accent:#c4aacf;--accent-strong:#d4b9df;--accent-soft:rgba(196,170,207,.12);--link:#d4b9df;--amber:#d5b26c;--red:#df8585;--selected-bg:#f4f4f2;--selected-text:#090909;--shadow:0 22px 70px rgba(0,0,0,.48)}}
     * { box-sizing:border-box }
     html { min-height:100%; background:var(--bg) }
-    body { min-height:100%; margin:0; background:var(--bg); color:var(--text); font:15px/1.58 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent }
+    body { min-height:100%; margin:0; background:var(--bg); color:var(--text); font:15px/1.58 var(--font-body); -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent }
     button,input,select,textarea { font:inherit }
     button { -webkit-tap-highlight-color:transparent }
     .app-header { width:min(640px,calc(100% - 32px)); margin:0 auto; padding:34px 0 20px }
@@ -1003,10 +991,9 @@ export function renderInspectorHtml(): string {
     .filter-chips::-webkit-scrollbar { display:none }
     .filter-chip { min-height:32px; flex:0 0 auto; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--surface); color:var(--secondary); padding:6px 10px; font-size:11px; cursor:pointer }
     .filter-chip:hover { border-color:var(--accent); color:var(--text) }
-    .item { width:100%; min-width:0; display:block; border:0; border-bottom:1px solid var(--line); border-radius:0; margin:0; padding:20px 0; background:transparent; color:inherit; text-align:left; font:inherit; cursor:pointer; overflow-wrap:anywhere; transition:opacity var(--motion) }
-    .item:first-child { border-top:1px solid var(--line) }
-    .item:hover,.item.active { background:transparent } .item:hover .telegram-inlay,.item.active .telegram-inlay,.item:hover .email-inlay,.item.active .email-inlay,.item:hover .bluesky-inlay,.item.active .bluesky-inlay,.item:hover .x-inlay,.item.active .x-inlay { border-color:var(--accent); background:var(--accent-soft) } .item:focus-visible { outline:2px solid var(--accent); outline-offset:4px } .type { color:var(--accent-strong); font-size:13px; overflow-wrap:anywhere } .summary { min-width:0; margin:7px 0 9px; font:15px/1.58 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-wrap:anywhere; white-space:pre-wrap } .meta { color:var(--muted); font-size:12px; overflow-wrap:anywhere }
-    .consumer { min-width:0; padding:11px 0 2px; color:var(--secondary); font-size:13px; overflow-wrap:anywhere } .consumer + .consumer { margin-top:10px; border-top:1px solid var(--line) } .consumer strong { display:block; margin-bottom:3px; color:var(--accent-strong); font-size:13px }
+    .item { width:100%; min-width:0; display:block; border:0; border-radius:0; margin:0; padding:20px 0; background:transparent; color:inherit; text-align:left; font:inherit; cursor:pointer; overflow-wrap:anywhere; transition:opacity var(--motion) }
+    .item:hover,.item.active { background:transparent } .item:hover .telegram-inlay,.item.active .telegram-inlay,.item:hover .email-inlay,.item.active .email-inlay,.item:hover .bluesky-inlay,.item.active .bluesky-inlay,.item:hover .x-inlay,.item.active .x-inlay { border-color:var(--accent); background:var(--accent-soft) } .item:focus-visible { outline:2px solid var(--accent); outline-offset:4px } .type { color:var(--accent-strong); font-size:13px; overflow-wrap:anywhere } .summary { min-width:0; margin:7px 0 9px; font:15px/1.58 var(--font-body); overflow-wrap:anywhere; white-space:pre-wrap } .meta { color:var(--muted); font-size:12px; overflow-wrap:anywhere }
+    .consumer { min-width:0; padding:11px 0 2px; color:var(--secondary); font-size:13px; overflow-wrap:anywhere } .consumer + .consumer { margin-top:10px } .consumer strong { display:block; margin-bottom:3px; color:var(--accent-strong); font-size:13px }
     .badge { display:inline-block; border:1px solid var(--line); border-radius:var(--radius-control); padding:2px 7px; margin-left:5px; color:var(--amber); font-size:10px; line-height:1.45 } .failed { color:var(--red) }
     #detail-pane { display:none } main.detail-selected #list-pane { display:none } main.detail-selected #detail-pane { display:block } #detail { padding:8px 0 28px; animation:surface-in var(--motion) both } .detail-back { min-height:40px; border:0; border-radius:var(--radius-control); background:transparent; color:var(--link); padding:6px 0 14px; cursor:pointer }
     .empty { color:var(--muted); padding:36px 4px } h2 { font-size:18px; line-height:1.3; margin:0 0 12px; letter-spacing:-.01em } h3 { color:var(--muted); text-transform:uppercase; letter-spacing:.08em; font-size:11px; margin:24px 0 8px }
@@ -1018,7 +1005,7 @@ export function renderInspectorHtml(): string {
     .review-prompt { border:1px solid var(--line); border-radius:var(--radius-content); background:var(--surface); padding:15px; white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.6 inherit }
     .candidate-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:8px } .candidate { min-width:0; border:1px solid var(--line); border-radius:var(--radius-content); background:var(--surface); padding:15px } .candidate h3 { margin:0 0 8px; color:var(--accent-strong) } .candidate-text { white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.58 inherit }
     .decision { border:1px solid color-mix(in srgb,var(--amber) 55%,var(--line)); border-radius:var(--radius-content); background:color-mix(in srgb,var(--amber) 8%,var(--panel)); padding:14px; margin-top:14px } .decision strong { color:var(--amber) }
-    .review-form { border-top:1px solid var(--line); margin-top:16px; padding-top:12px; display:grid; gap:10px } .form-row { display:grid; gap:5px } .form-row label { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.06em }
+    .review-form { margin-top:16px; padding-top:12px; display:grid; gap:10px } .form-row { display:grid; gap:5px } .form-row label { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.06em }
     select,textarea,input[type=text],input[type=search] { width:100%; min-height:44px; background:var(--surface-control); color:var(--text); border:1px solid var(--line-strong); border-radius:12px; padding:10px 12px; font:13px/1.45 inherit; outline:none; transition:border-color var(--motion),box-shadow var(--motion) } select:focus,textarea:focus,input:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft) } textarea { min-height:100px; resize:vertical } .choice-row { display:flex; flex-wrap:wrap; gap:9px 15px } .choice-row label { color:var(--text); text-transform:none; letter-spacing:0 }
     .submit-row { display:flex; align-items:center; gap:10px } .submit-row button { min-height:44px; border:1px solid var(--accent); border-radius:var(--radius-control); background:var(--accent-soft); color:var(--text); padding:9px 15px; cursor:pointer } .submit-row button:disabled { opacity:.5; cursor:not-allowed }
     .provenance { margin-top:10px; color:var(--muted); font-size:10px; overflow-wrap:anywhere }
@@ -1031,7 +1018,7 @@ export function renderInspectorHtml(): string {
     .relation-list { display:grid; gap:8px; margin:8px 0 14px }
     .relation-card { border-left:2px solid var(--accent); background:var(--surface); padding:10px }
     .artifact-content { max-height:500px; overflow:auto }
-    .artifact-document { color:var(--text); font:15px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
+    .artifact-document { color:var(--text); font:15px/1.65 var(--font-body) }
     .artifact-document h1 { font-size:24px; line-height:1.2; margin:0 0 18px; letter-spacing:0 }
     .artifact-document h2 { font-size:19px; line-height:1.25; margin:28px 0 10px }
     .artifact-document h3 { color:var(--text); text-transform:none; letter-spacing:0; font-size:16px; margin:24px 0 8px }
@@ -1076,8 +1063,7 @@ export function renderInspectorHtml(): string {
     .course-workshop h3 { margin:0 0 4px; color:var(--text); font-size:16px; text-transform:none; letter-spacing:0 }
     .course-workshop > p { margin:0 0 14px; color:var(--muted); font-size:13px }
     .workshop-controls { display:grid; gap:9px }
-    .workshop-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; border-top:1px solid var(--line); padding:8px 0 }
-    .workshop-row:first-child { border-top:0 }
+    .workshop-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; padding:8px 0 }
     .workshop-row label { color:var(--secondary) }
     .workshop-row input[type=number] { width:70px; min-height:38px; padding:7px 9px }
     .workshop-row select { width:auto; min-width:130px; min-height:38px; padding:7px 9px }
@@ -1096,13 +1082,13 @@ export function renderInspectorHtml(): string {
     .reward-card { border:1px solid var(--line); border-radius:12px; background:var(--surface-control); padding:12px }
     .reward-card strong { display:block; margin-bottom:5px }
     .score { margin-top:9px; color:var(--accent-strong); font-size:18px }
-    .course-references { border-top:1px solid var(--line); margin-top:34px; padding-top:18px }
+    .course-references { margin-top:34px; padding-top:18px }
     .course-references h3 { margin:0 0 9px; color:var(--text); font-size:15px; text-transform:none; letter-spacing:0 }
-    .course-reference { display:block; border-bottom:1px solid var(--line); padding:10px 0; color:var(--link); text-decoration:none }
+    .course-reference { display:block; padding:10px 0; color:var(--link); text-decoration:none }
     .course-reference span { display:block; margin-top:2px; color:var(--muted); font-size:12px }
     .course-glossary { margin-top:28px; border:1px solid var(--line); border-radius:var(--radius-content); background:var(--surface); padding:0 14px }
     .course-glossary > summary { padding:13px 0; color:var(--text); font-size:14px }
-    .glossary-row { border-top:1px solid var(--line); padding:10px 0 }
+    .glossary-row { padding:10px 0 }
     .glossary-row strong { display:block; color:var(--accent-strong); font-size:12px }
     .glossary-row span { display:block; margin-top:2px; color:var(--secondary); font-size:13px }
     .lesson-nav { display:flex; justify-content:space-between; gap:12px; margin-top:28px }
@@ -1113,7 +1099,7 @@ export function renderInspectorHtml(): string {
     .course-chat-toggle { min-height:46px; float:right; border:1px solid var(--selected-bg); border-radius:var(--radius-control); background:var(--selected-bg); color:var(--selected-text); padding:10px 17px; box-shadow:var(--shadow); cursor:pointer; pointer-events:auto }
     .course-chat-panel { clear:both; overflow:hidden; border:1px solid var(--line-strong); border-radius:20px; background:var(--panel); box-shadow:var(--shadow); pointer-events:auto }
     .course-chat-panel[hidden] { display:none }
-    .course-chat-head { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding:13px 14px }
+    .course-chat-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px }
     .course-chat-head strong { font-size:14px }
     .course-chat-head span { display:block; color:var(--muted); font-size:11px }
     .course-chat-close { width:36px; height:36px; border:0; border-radius:50%; background:var(--surface); color:var(--text); cursor:pointer }
@@ -1123,11 +1109,11 @@ export function renderInspectorHtml(): string {
     .course-chat-message.user { margin-left:38px; background:var(--selected-bg); color:var(--selected-text) }
     .course-chat-message.tutor { margin-right:24px; background:var(--surface); color:var(--text) }
     .course-chat-message.pending { color:var(--muted) }
-    .course-chat-compose { display:grid; grid-template-columns:1fr auto; gap:8px; border-top:1px solid var(--line); padding:10px }
+    .course-chat-compose { display:grid; grid-template-columns:1fr auto; gap:8px; padding:10px }
     .course-chat-compose textarea { min-height:46px; max-height:120px; resize:none }
     .course-chat-send { min-width:62px; border:1px solid var(--accent); border-radius:12px; background:var(--accent-soft); color:var(--text); cursor:pointer }
     .course-chat-send:disabled { opacity:.5; cursor:not-allowed }
-    details { border-top:1px solid var(--line); margin-top:14px; padding-top:10px } summary { color:var(--muted); cursor:pointer; font-size:12px } details pre { margin-top:8px }
+    details { margin-top:14px; padding-top:10px } summary { color:var(--muted); cursor:pointer; font-size:12px } details pre { margin-top:8px }
     .primary-nav,.context-nav { display:flex; align-items:center; gap:8px; overflow-x:auto; scrollbar-width:none }
     .primary-nav::-webkit-scrollbar,.context-nav::-webkit-scrollbar { display:none }
     .primary-nav { width:100%; gap:20px }
@@ -1141,14 +1127,15 @@ export function renderInspectorHtml(): string {
     .context-nav[hidden] { display:none }
     .context-nav button { min-height:36px; border:0; border-radius:var(--radius-control); background:transparent; color:var(--muted); padding:7px 13px; font-size:12px; cursor:pointer; transition:background var(--motion),color var(--motion),transform var(--motion) }
     .context-nav button.active { background:var(--surface-raised); color:var(--text) }
-    .suggestion-content { border:1px solid var(--line); border-radius:var(--radius-content); background:var(--surface); padding:15px; margin:8px 0 14px; white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.6 Inter,-apple-system,sans-serif }
+    .suggestion-content { border:1px solid var(--line); border-radius:var(--radius-content); background:var(--surface); padding:15px; margin:8px 0 14px; white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.6 var(--font-body) }
     .suggestion-compare { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:8px 0 14px } .suggestion-compare > div { min-width:0 }
-    .suggestion-actions { display:grid; gap:10px; border-top:1px solid var(--line); padding-top:14px; margin-top:16px } .suggestion-buttons { display:flex; flex-wrap:wrap; gap:8px } .suggestion-buttons button { border:1px solid var(--accent); background:var(--accent-soft); color:var(--text); padding:9px 12px; font:inherit; cursor:pointer } .suggestion-buttons button.reject { border-color:var(--red) }
+    .suggestion-actions { display:grid; gap:10px; padding-top:14px; margin-top:16px } .suggestion-buttons { display:flex; flex-wrap:wrap; gap:8px } .suggestion-buttons button { border:1px solid var(--accent); background:var(--accent-soft); color:var(--text); padding:9px 12px; font:inherit; cursor:pointer } .suggestion-buttons button.reject { border-color:var(--red) }
     .spinner { display:inline-block; width:10px; height:10px; margin-right:7px; border:1px solid var(--line); border-top-color:var(--link); border-radius:50%; animation:spin .8s linear infinite; vertical-align:-1px }
     .retry { min-height:40px; margin-top:12px; border:1px solid var(--red); border-radius:var(--radius-control); background:transparent; color:var(--text); padding:8px 13px; cursor:pointer }
-    .observation-head h2 { margin-bottom:4px } .observation-card { margin:15px 0; border:0; background:transparent; padding:0; font:15px/1.58 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-wrap:anywhere } .observation-card .bluesky-inlay,.observation-card .x-inlay { border:0; border-radius:0; background:transparent; padding:0 } .observation-card p { margin:0; white-space:pre-wrap } .observation-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px } .observation-links a { border:1px solid var(--line); border-radius:var(--radius-control); color:var(--link); padding:7px 10px; text-decoration:none; font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace } .processing-state { display:flex; align-items:center; gap:8px; margin:15px 0 4px; color:var(--muted); font-size:12px } .status-dot { width:7px; height:7px; border-radius:50%; background:var(--line-strong); flex:none } .technical-record { margin-top:26px } .technical-record > summary { padding:3px 0 8px } .technical-section { margin-top:16px } .technical-section h3 { margin-top:0 }
-    .source-event-list { display:grid; gap:8px; margin:8px 0 16px } .source-event { width:100%; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--text); padding:11px 12px; text-align:left; cursor:pointer } .source-event:hover { border-color:var(--accent); background:var(--accent-soft) } .source-event .source-event-title { color:var(--accent-strong); margin-bottom:3px } .source-event .source-event-body { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font:13px/1.48 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif } .source-overview { margin-top:12px } .source-state { border-top:2px solid var(--line-strong) } .source-state.good { border-top-color:var(--accent) } .source-state.waiting { border-top-color:var(--amber) }
+    .observation-head h2 { margin-bottom:4px } .observation-card { margin:15px 0; border:0; background:transparent; padding:0; font:15px/1.58 var(--font-body); overflow-wrap:anywhere } .observation-card .bluesky-inlay,.observation-card .x-inlay { border:0; border-radius:0; background:transparent; padding:0 } .observation-card p { margin:0; white-space:pre-wrap } .observation-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px } .observation-links a { border:1px solid var(--line); border-radius:var(--radius-control); color:var(--link); padding:7px 10px; text-decoration:none; font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace } .processing-state { display:flex; align-items:center; gap:8px; margin:15px 0 4px; color:var(--muted); font-size:12px } .status-dot { width:7px; height:7px; border-radius:50%; background:var(--line-strong); flex:none } .technical-record { margin-top:26px } .technical-record > summary { padding:3px 0 8px } .technical-section { margin-top:16px } .technical-section h3 { margin-top:0 }
+    .source-event-list { display:grid; gap:8px; margin:8px 0 16px } .source-event { width:100%; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--text); padding:11px 12px; text-align:left; cursor:pointer } .source-event:hover { border-color:var(--accent); background:var(--accent-soft) } .source-event .source-event-title { color:var(--accent-strong); margin-bottom:3px } .source-event .source-event-body { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font:13px/1.48 var(--font-body) } .source-overview { margin-top:12px } .source-state { border-left:2px solid var(--line-strong); padding-left:10px } .source-state.good { border-left-color:var(--accent) } .source-state.waiting { border-left-color:var(--amber) }
     .feed-processing { margin-top:12px; padding-top:9px } .feed-processing > summary { width:max-content; min-height:32px; display:flex; align-items:center; gap:6px; border:1px solid transparent; border-radius:var(--radius-control); padding:4px 8px; color:var(--muted); list-style:none; transition:border-color var(--motion),color var(--motion) } .feed-processing > summary::-webkit-details-marker { display:none } .feed-processing > summary::before { content:'›'; display:inline-block; color:var(--accent); transform:rotate(0); transition:transform var(--motion) } .feed-processing[open] > summary::before { transform:rotate(90deg) } .feed-processing > summary:hover { border-color:var(--line); color:var(--text) } .feed-links { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 0 } .feed-links a { color:var(--link); text-decoration:none; border-bottom:1px solid var(--line-strong); font-size:12px }
+    .processing-window { margin-top:9px; color:var(--muted); font-size:12px }
     .activity-kind { margin-bottom:9px; color:var(--muted); font-size:13px }
     .source-inlay { min-width:0 }
     .telegram-inlay { border:1px solid var(--line); border-radius:20px; background:var(--surface-control); padding:15px 17px; transition:border-color var(--motion),background var(--motion),transform var(--motion) }
@@ -1195,11 +1182,11 @@ export function renderInspectorHtml(): string {
     .filter-dialog { width:min(440px,calc(100% - 32px)); max-height:min(720px,calc(100svh - 32px)); margin:auto; border:1px solid var(--line-strong); border-radius:24px; background:var(--panel); color:var(--text); padding:0; box-shadow:var(--shadow) }
     .filter-dialog::backdrop { background:rgba(0,0,0,.58); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px) }
     .filter-sheet { display:grid; max-height:inherit; overflow:hidden }
-    .filter-sheet-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 18px 13px; border-bottom:1px solid var(--line) }
+    .filter-sheet-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 18px 13px }
     .filter-sheet-head h2 { margin:0; font-size:16px; letter-spacing:0 }
     .icon-button { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:var(--surface-control); color:var(--secondary); font-size:20px; cursor:pointer }
     .filter-bar { display:grid; gap:11px; padding:16px 18px; overflow:auto }
-    .filter-sheet-actions { display:flex; justify-content:space-between; gap:10px; padding:13px 18px max(16px,env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:var(--panel) }
+    .filter-sheet-actions { display:flex; justify-content:space-between; gap:10px; padding:13px 18px max(16px,env(safe-area-inset-bottom)); background:var(--panel) }
     .filter-sheet-actions button { min-height:44px; border:1px solid var(--line-strong); border-radius:var(--radius-control); background:var(--surface-control); color:var(--text); padding:9px 16px; cursor:pointer }
     .filter-sheet-actions .primary { border-color:var(--selected-bg); background:var(--selected-bg); color:var(--selected-text) }
     @keyframes spin { to { transform:rotate(360deg) } }
@@ -1212,7 +1199,7 @@ export function renderInspectorHtml(): string {
     body.detail-selected .primary-nav,body.detail-selected .context-nav { display:none }
     @media(max-width:640px){
       body { overscroll-behavior-y:none; font-size:15px }
-      .app-header { width:100%; padding:max(16px,env(safe-area-inset-top)) 16px 13px; border-bottom:1px solid var(--line); background:var(--bg) }
+      .app-header { width:100%; padding:max(16px,env(safe-area-inset-top)) 16px 13px; background:var(--bg) }
       h1 { margin:0 0 14px; font-size:24px; letter-spacing:.05em }
       main { width:100%; padding:0 16px max(44px,env(safe-area-inset-bottom)) }
       .primary-nav { width:auto; gap:8px; margin:0 -16px; padding:0 16px 2px; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch }
@@ -1251,6 +1238,7 @@ export function renderInspectorHtml(): string {
 <main><section id="list-pane"><h2 id="list-title" class="visually-hidden">Recent activity</h2><div id="active-filters" class="filter-chips" hidden></div><div id="list"><div class="empty"><span class="spinner" aria-hidden="true"></span>Loading recent activity…</div></div></section><section id="course-pane" hidden></section><section id="detail-pane"><button id="detail-back" class="detail-back" aria-label="Back to list">← Back</button><div id="detail"></div></section></main>
 <aside id="course-chat" class="course-chat" hidden><button id="course-chat-toggle" class="course-chat-toggle" aria-expanded="false">Ask about this lesson</button><section id="course-chat-panel" class="course-chat-panel" role="dialog" aria-label="Ask the model factory tutor" hidden><div class="course-chat-head"><div><strong>Ask the tutor</strong><span id="course-chat-context"></span></div><button id="course-chat-close" class="course-chat-close" aria-label="Close course chat">×</button></div><div id="course-chat-log" class="course-chat-log"></div><div class="course-chat-compose"><textarea id="course-chat-input" maxlength="2000" placeholder="Ask about this lesson"></textarea><button id="course-chat-send" class="course-chat-send">Send</button></div></section></aside>
 <dialog id="filters-dialog" class="filter-dialog" aria-labelledby="filter-title"><div class="filter-sheet"><div class="filter-sheet-head"><h2 id="filter-title">Filter feed</h2><button id="filter-close" class="icon-button" aria-label="Close filters">×</button></div><div id="filter-bar" class="filter-bar"></div><div class="filter-sheet-actions"><button id="filter-reset">Reset</button><button id="filter-apply" class="primary">Done</button></div></div></dialog>
+<script src="/assets/font-debug.js" defer></script>
 <script>
 const routeLists={events:'feed',learn:'learn/post-training',suggestions:'review/suggestions',reviews:'review/comparisons',artifacts:'artifacts',runs:'system/runs',sources:'system/sources'};
 const routeDetails={event:{tab:'events',path:'feed/observations'},suggestion:{tab:'suggestions',path:'review/suggestions'},review:{tab:'reviews',path:'review/comparisons'},artifact:{tab:'artifacts',path:'artifacts'},run:{tab:'runs',path:'system/runs'},source:{tab:'sources',path:'system/sources'}};
@@ -1263,30 +1251,30 @@ function parseRoute(hash=location.hash){
 }
 function routeHash(tab,selected){const path=tab==='learn'&&state?.courseLessonId?routeLists.learn+'/'+encodeURIComponent(state.courseLessonId):selected?routeDetails[selected.kind]?.path+'/'+encodeURIComponent(selected.id):routeLists[tab];return '#/'+(path??routeLists.events)}
 const initialRoute=parseRoute();
-const state={snapshot:null,proposals:null,reviews:null,artifacts:null,course:null,session:null,inlays:new Map(),loading:{snapshot:true,proposals:true,reviews:true,artifacts:true,course:true,session:true},errors:{},tab:initialRoute.tab,selected:null,courseLessonId:initialRoute.lessonId??null,courseCompleted:readCourseProgress(),courseQuestions:[],coursePendingReceipts:readCourseReceipts(),courseReceiptsResumed:false,courseSubmitting:false,courseChatOpen:false,proposalReceipt:'',eventFilters:{source:'all',activity:'all',processing:'all',query:''},sourceScope:'inputs',snapshotRefreshInFlight:false,snapshotRefreshPending:false};
+const state={activity:null,system:null,proposals:null,reviews:null,artifacts:null,course:null,session:null,inlays:new Map(),loading:{activity:true,system:true,proposals:true,reviews:true,artifacts:true,course:true,session:true},errors:{},tab:initialRoute.tab,selected:null,courseLessonId:initialRoute.lessonId??null,courseCompleted:readCourseProgress(),courseQuestions:[],coursePendingReceipts:readCourseReceipts(),courseReceiptsResumed:false,courseSubmitting:false,courseChatOpen:false,proposalReceipt:'',eventFilters:{source:'all',activity:'all',processing:'all',query:''},sourceScope:'inputs',activityRefreshInFlight:false,activityRefreshPending:false};
 function writeRoute(mode='push'){
   const hash=routeHash(state.tab,state.selected);const url=location.pathname+location.search+hash;const existing=history.state?.streamInspector===true?history.state:null;
   if(mode==='replace')history.replaceState(existing??{streamInspector:true,hasInternalParent:false},'',url);
   else if(location.hash!==hash)history.pushState({streamInspector:true,hasInternalParent:true},'',url);
 }
 history.replaceState(history.state?.streamInspector===true?history.state:{streamInspector:true,hasInternalParent:false},'',location.pathname+location.search+routeHash(initialRoute.tab,initialRoute.selected));
-const resources={snapshot:{path:'api/snapshot',label:'recent activity'},proposals:{path:'api/proposals',label:'suggestions'},reviews:{path:'api/reviews',label:'review queue'},artifacts:{path:'api/artifacts',label:'artifacts'},course:{path:'api/courses/post-training',label:'post-training course'},session:{path:'api/session',label:'session'}};
+const resources={activity:{path:'api/activity',label:'recent activity'},system:{path:'api/system',label:'system evidence'},proposals:{path:'api/proposals',label:'suggestions'},reviews:{path:'api/reviews',label:'review queue'},artifacts:{path:'api/artifacts',label:'artifacts'},course:{path:'api/courses/post-training',label:'post-training course'},session:{path:'api/session',label:'session'}};
 const esc=s=>String(s??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
 const json=value=>esc(JSON.stringify(value,null,2));
 const bskyActorPathSegment=value=>encodeURIComponent(value).replaceAll('%3A',':');
-const agentName=id=>id==='resident-letta-conversation'?'Stream':id==='conceptualizer'?'Conceptualizer':state.snapshot?.agents?.find(agent=>agent.id===id)?.spec?.name??id;
+const agentName=id=>id==='resident-letta-conversation'?'Stream':id==='conceptualizer'?'Conceptualizer':state.system?.agents?.find(agent=>agent.id===id)?.spec?.name??id;
 async function fetchJson(path,label,options){const response=await fetch(path,options);const contentType=(response.headers.get('content-type')??'').split(';',1)[0].trim().toLowerCase();if(!response.ok)throw new Error(label+' failed (HTTP '+response.status+')');if(contentType!=='application/json')throw new Error(label+' returned '+(contentType||'an unknown content type')+' instead of JSON');return response.json()}
-async function loadResource(key){const resource=resources[key];state[key]=null;state.loading[key]=true;delete state.errors[key];if(tabResource()===key)renderList();try{state[key]=await fetchJson(resource.path,resource.label)}catch(error){state.errors[key]=error instanceof Error?error.message:String(error)}finally{state.loading[key]=false;if(tabResource()===key)renderList();else if(key==='session')syncCourseChat();if((key==='proposals'&&state.selected?.kind==='suggestion')||(key==='reviews'&&state.selected?.kind==='review'))void select(state.selected.kind,state.selected.id,{history:false,preserveScroll:true})}}
+async function loadResource(key){const resource=resources[key];state[key]=null;state.loading[key]=true;delete state.errors[key];if(tabResource()===key)renderList();try{state[key]=await fetchJson(resource.path,resource.label)}catch(error){state.errors[key]=error instanceof Error?error.message:String(error)}finally{state.loading[key]=false;if(tabResource()===key||(key==='system'&&state.tab==='events'))renderList();else if(key==='session')syncCourseChat();if((key==='proposals'&&state.selected?.kind==='suggestion')||(key==='reviews'&&state.selected?.kind==='review'))void select(state.selected.kind,state.selected.id,{history:false,preserveScroll:true})}}
 async function load(){
   renderList();
   if(initialRoute.selected)void select(initialRoute.selected.kind,initialRoute.selected.id,{history:false});
   const primaryResource=tabResource();
   await loadResource('session');
   await loadResource(primaryResource);
-  for(const key of ['snapshot','course','artifacts','proposals','reviews'])if(key!==primaryResource)await loadResource(key);
+  for(const key of ['activity','course','artifacts','proposals','reviews','system'])if(key!==primaryResource)await loadResource(key);
   startLiveUpdates();
 }
-function tabResource(){return state.tab==='learn'?'course':state.tab==='suggestions'?'proposals':state.tab==='reviews'?'reviews':state.tab==='artifacts'?'artifacts':'snapshot'}
+function tabResource(){return state.tab==='events'?'activity':state.tab==='learn'?'course':state.tab==='suggestions'?'proposals':state.tab==='reviews'?'reviews':state.tab==='artifacts'?'artifacts':'system'}
 function primaryTab(){return state.tab==='events'?'events':state.tab==='learn'?'learn':state.tab==='suggestions'||state.tab==='reviews'?'review':state.tab==='artifacts'?'artifacts':'system'}
 function syncNavigation(){
   const primary=primaryTab();
@@ -1302,12 +1290,14 @@ function renderList(){
   if(isCourse){hideFilterControls();renderCourse();syncCourseChat();return}else syncCourseChat();
   document.querySelector('#list-title').textContent=isEvents?'Recent activity':isRuns?'Agent runs':isSuggestions?'Suggestions':isReviews?'Comparisons':isArtifacts?'Artifacts':'Sources';
   const resourceKey=tabResource();const resource=resources[resourceKey];const error=state.errors[resourceKey];
-  const ready=isSuggestions?state.proposals:isReviews?state.reviews:isArtifacts?state.artifacts:state.snapshot;
-  const allValues=!ready?[]:isEvents?state.snapshot.activity.items:isRuns?state.snapshot.runs:isSuggestions?state.proposals.items:isReviews?state.reviews.items:isArtifacts?state.artifacts.entries:state.snapshot.sources;
+  const ready=isEvents?state.activity:isRuns||isSources?state.system:isSuggestions?state.proposals:isReviews?state.reviews:state.artifacts;
+  const allValues=!ready?[]:isEvents?state.activity.items:isRuns?state.system.runs:isSuggestions?state.proposals.items:isReviews?state.reviews.items:isArtifacts?state.artifacts.entries:state.system.sources;
   const values=isEvents?filterEvents(allValues):isSources?filterSources(allValues):allValues;
   if(isEvents&&ready)renderEventFilters(allValues);else if(isSources&&ready)renderSourceFilter();else hideFilterControls();
   const empty=isEvents&&ready&&values.length===0?eventFilterEmptyMessage():emptyMessage();
-  list.innerHTML=error?'<div class="empty failed">'+esc(error)+'<div><button class="retry" data-resource="'+esc(resourceKey)+'">Retry</button></div></div>':!ready?'<div class="empty"><span class="spinner" aria-hidden="true"></span>Loading '+esc(resource.label)+'…</div>':values.map(value=>isEvents?eventItem(value):isRuns?runItem(value):isSuggestions?suggestionItem(value):isReviews?reviewItem(value):isArtifacts?artifactItem(value):sourceItem(value)).join('')||'<div class="empty">'+esc(empty)+'</div>';
+  const rootWindowNotice=isEvents&&ready&&state.activity.rootWindowComplete===false?'<div class="processing-window">Some older observations are outside this bounded feed window.</div>':'';
+  const listContent=values.map(value=>isEvents?eventItem(value):isRuns?runItem(value):isSuggestions?suggestionItem(value):isReviews?reviewItem(value):isArtifacts?artifactItem(value):sourceItem(value)).join('')||'<div class="empty">'+esc(empty)+'</div>';
+  list.innerHTML=error?'<div class="empty failed">'+esc(error)+'<div><button class="retry" data-resource="'+esc(resourceKey)+'">Retry</button></div></div>':!ready?'<div class="empty"><span class="spinner" aria-hidden="true"></span>Loading '+esc(resource.label)+'…</div>':rootWindowNotice+listContent;
   list.querySelector('.retry')?.addEventListener('click',event=>loadResource(event.currentTarget.dataset.resource));
   list.querySelectorAll('.item[data-kind]').forEach(item=>{const open=event=>{if(event.target.closest('a,details,input,select,textarea')&&event.target!==item)return;list.querySelectorAll('.item').forEach(value=>value.classList.remove('active'));item.classList.add('active');select(item.dataset.kind,item.dataset.id)};item.addEventListener('click',open);item.addEventListener('keydown',event=>{if((event.key==='Enter'||event.key===' ')&&event.target===item){event.preventDefault();open(event)}})});
   if(state.selected)list.querySelectorAll('.item[data-kind]').forEach(item=>item.classList.toggle('active',item.dataset.kind===state.selected.kind&&item.dataset.id===state.selected.id));
@@ -1385,26 +1375,27 @@ async function submitCourseQuestion(){
 }
 function resumeCourseReceipts(){state.courseReceiptsResumed=true;for(const receipt of state.coursePendingReceipts){if(state.courseQuestions.some(message=>message.id===receipt.eventId))continue;const pending={id:receipt.eventId,role:'tutor',status:'pending',text:'Resuming the saved tutor receipt…'};state.courseQuestions.push({id:receipt.eventId+'-user',role:'user',status:'complete',text:'Question submitted before this reload.'},pending);void pollCourseQuestion(receipt.statusPath,pending,true)}renderCourseChatLog()}
 async function pollCourseQuestion(path,pending,removeTerminal){const deadline=Date.now()+10*60*1000;let delay=900;while(Date.now()<deadline){if(state.tab!=='learn'||document.hidden){await new Promise(resolve=>setTimeout(resolve,1000));continue}try{const status=await fetchJson(path,'course answer');if(status.status==='completed'){pending.status='complete';pending.text=status.answer;if(removeTerminal)removeCourseReceipt(path);renderCourseChatLog();return}if(status.status==='failed'||status.status==='not-found'){pending.status='failed';pending.text='The tutor could not answer this question.';if(removeTerminal)removeCourseReceipt(path);renderCourseChatLog();return}pending.text=status.status==='running'?'Working through the lesson…':'Waiting for the tutor…'}catch{pending.text='Connection interrupted. The receipt is saved in this tab.'}renderCourseChatLog();await new Promise(resolve=>setTimeout(resolve,delay));delay=Math.min(5000,Math.round(delay*1.45))}pending.status='failed';pending.text='The tutor is still working. Reload this tab to resume the saved receipt.';renderCourseChatLog()}
-function startLiveUpdates(){const stream=new EventSource('api/live');stream.addEventListener('change',()=>scheduleSnapshotRefresh())}
-let snapshotRefreshTimer;
-function scheduleSnapshotRefresh(){clearTimeout(snapshotRefreshTimer);snapshotRefreshTimer=setTimeout(()=>void refreshSnapshot(),120)}
-async function refreshSnapshot(){if(state.snapshotRefreshInFlight){state.snapshotRefreshPending=true;return}state.snapshotRefreshInFlight=true;try{state.snapshot=await fetchJson(resources.snapshot.path,resources.snapshot.label);delete state.errors.snapshot;renderList();if(state.selected?.kind==='source')await showSource(state.selected.id);else if(state.selected&&(state.selected.kind==='event'||state.selected.kind==='run'))await select(state.selected.kind,state.selected.id,{preserveScroll:true})}catch(error){state.errors.snapshot=error instanceof Error?error.message:String(error)}finally{state.snapshotRefreshInFlight=false;if(state.snapshotRefreshPending){state.snapshotRefreshPending=false;scheduleSnapshotRefresh()}}}
+function startLiveUpdates(){const stream=new EventSource('api/live');stream.addEventListener('change',()=>scheduleActivityRefresh())}
+let activityRefreshTimer;
+function scheduleActivityRefresh(){clearTimeout(activityRefreshTimer);activityRefreshTimer=setTimeout(()=>void refreshActivity(),120)}
+async function refreshActivity(){if(state.activityRefreshInFlight){state.activityRefreshPending=true;return}state.activityRefreshInFlight=true;try{state.activity=await fetchJson(resources.activity.path,resources.activity.label);delete state.errors.activity;renderList();if(state.tab==='runs'||state.tab==='sources')await loadResource('system');if(state.selected?.kind==='source')await showSource(state.selected.id);else if(state.selected&&(state.selected.kind==='event'||state.selected.kind==='run'))await select(state.selected.kind,state.selected.id,{preserveScroll:true})}catch(error){state.errors.activity=error instanceof Error?error.message:String(error)}finally{state.activityRefreshInFlight=false;if(state.activityRefreshPending){state.activityRefreshPending=false;scheduleActivityRefresh()}}}
 const inputSourceKinds=new Set(['filesystem','rss','jetstream','fastmail','telegram','x-webhook']);
 function isInputSource(source){return inputSourceKinds.has(source.kind)}
 function filterSources(sources){return state.sourceScope==='all'?sources:sources.filter(source=>state.sourceScope==='inputs'?isInputSource(source):!isInputSource(source))}
 function renderSourceFilter(){const bar=document.querySelector('#filter-bar');showFilterControls('Filter sources');if(document.querySelector('#filters-dialog').open&&bar.querySelector('#source-scope-filter')){renderActiveFilters();return}bar.innerHTML='<label class="field-label" for="source-scope-filter">Source class</label><select id="source-scope-filter" aria-label="Filter source registry"><option value="inputs" '+(state.sourceScope==='inputs'?'selected':'')+'>Inputs</option><option value="internal" '+(state.sourceScope==='internal'?'selected':'')+'>Internal producers</option><option value="all" '+(state.sourceScope==='all'?'selected':'')+'>All source records</option></select>';bar.querySelector('#source-scope-filter').addEventListener('change',event=>{state.sourceScope=event.target.value;renderList()});renderActiveFilters()}
-function filterEvents(events){const filters=state.eventFilters;const query=filters.query.trim().toLowerCase();return events.filter(event=>{const observation=observationPresentation(event);if(filters.source!=='all'&&event.source!==filters.source)return false;if(filters.activity!=='all'&&observation.title!==filters.activity)return false;const processed=(event.consumerRuns??[]).length>0;if(filters.processing==='processed'&&!processed)return false;if(filters.processing==='unprocessed'&&processed)return false;if(query&&!([observation.title,observation.body,observation.objectLabel,observation.sourceLabel,event.summary,event.source,event.type].join(' ').toLowerCase().includes(query)))return false;return true})}
-function renderEventFilters(events){const bar=document.querySelector('#filter-bar');showFilterControls('Filter feed');if(document.querySelector('#filters-dialog').open&&bar.querySelector('#event-query')){renderActiveFilters();return}const sourceMap=new Map((state.snapshot?.sources??[]).map(source=>[source.source,sourceLabelFromId(source.source)]));events.forEach(event=>sourceMap.set(event.source,observationSourceLabel(event)));const sourceOptions=[...sourceMap].sort((a,b)=>a[1].localeCompare(b[1])).map(([value,label])=>'<option value="'+esc(value)+'" '+(state.eventFilters.source===value?'selected':'')+'>'+esc(label)+'</option>').join('');const activities=[...new Set(events.map(event=>observationPresentation(event).title))].sort().map(value=>'<option value="'+esc(value)+'" '+(state.eventFilters.activity===value?'selected':'')+'>'+esc(value)+'</option>').join('');bar.innerHTML='<label class="field-label" for="event-query">Search</label><input id="event-query" type="search" placeholder="Search observations" value="'+esc(state.eventFilters.query)+'"><label class="field-label" for="event-source-filter">Source</label><select id="event-source-filter" aria-label="Filter observations by source"><option value="all">All sources</option>'+sourceOptions+'</select><label class="field-label" for="event-activity-filter">Activity</label><select id="event-activity-filter" aria-label="Filter observations by activity"><option value="all">All activity</option>'+activities+'</select><label class="field-label" for="event-processing-filter">Processing</label><select id="event-processing-filter" aria-label="Filter observations by processing"><option value="all">Any processing</option><option value="processed" '+(state.eventFilters.processing==='processed'?'selected':'')+'>Processed</option><option value="unprocessed" '+(state.eventFilters.processing==='unprocessed'?'selected':'')+'>Not processed</option></select>';bar.querySelector('#event-source-filter').addEventListener('change',event=>{state.eventFilters.source=event.target.value;renderList()});bar.querySelector('#event-activity-filter').addEventListener('change',event=>{state.eventFilters.activity=event.target.value;renderList()});bar.querySelector('#event-processing-filter').addEventListener('change',event=>{state.eventFilters.processing=event.target.value;renderList()});bar.querySelector('#event-query').addEventListener('input',event=>{state.eventFilters.query=event.target.value;renderList()});renderActiveFilters()}
+function filterEvents(events){const filters=state.eventFilters;const query=filters.query.trim().toLowerCase();return events.filter(event=>{const observation=observationPresentation(event);if(filters.source!=='all'&&event.source!==filters.source)return false;if(filters.activity!=='all'&&observation.title!==filters.activity)return false;const processed=(event.consumerRuns??[]).length>0;const processingComplete=event.consumerRunsComplete!==false;if(filters.processing==='processed'&&!processed)return false;if(filters.processing==='unprocessed'&&(processed||!processingComplete))return false;if(query&&!([observation.title,observation.body,observation.objectLabel,observation.sourceLabel,event.summary,event.source,event.type].join(' ').toLowerCase().includes(query)))return false;return true})}
+function renderEventFilters(events){const bar=document.querySelector('#filter-bar');showFilterControls('Filter feed');if(document.querySelector('#filters-dialog').open&&bar.querySelector('#event-query')){renderActiveFilters();return}const sourceMap=new Map((state.system?.sources??[]).map(source=>[source.source,sourceLabelFromId(source.source)]));events.forEach(event=>sourceMap.set(event.source,observationSourceLabel(event)));const sourceOptions=[...sourceMap].sort((a,b)=>a[1].localeCompare(b[1])).map(([value,label])=>'<option value="'+esc(value)+'" '+(state.eventFilters.source===value?'selected':'')+'>'+esc(label)+'</option>').join('');const activities=[...new Set(events.map(event=>observationPresentation(event).title))].sort().map(value=>'<option value="'+esc(value)+'" '+(state.eventFilters.activity===value?'selected':'')+'>'+esc(value)+'</option>').join('');bar.innerHTML='<label class="field-label" for="event-query">Search</label><input id="event-query" type="search" placeholder="Search observations" value="'+esc(state.eventFilters.query)+'"><label class="field-label" for="event-source-filter">Source</label><select id="event-source-filter" aria-label="Filter observations by source"><option value="all">All sources</option>'+sourceOptions+'</select><label class="field-label" for="event-activity-filter">Activity</label><select id="event-activity-filter" aria-label="Filter observations by activity"><option value="all">All activity</option>'+activities+'</select><label class="field-label" for="event-processing-filter">Processing</label><select id="event-processing-filter" aria-label="Filter observations by processing"><option value="all">Any processing</option><option value="processed" '+(state.eventFilters.processing==='processed'?'selected':'')+'>Processed</option><option value="unprocessed" '+(state.eventFilters.processing==='unprocessed'?'selected':'')+'>Not processed</option></select>';bar.querySelector('#event-source-filter').addEventListener('change',event=>{state.eventFilters.source=event.target.value;renderList()});bar.querySelector('#event-activity-filter').addEventListener('change',event=>{state.eventFilters.activity=event.target.value;renderList()});bar.querySelector('#event-processing-filter').addEventListener('change',event=>{state.eventFilters.processing=event.target.value;renderList()});bar.querySelector('#event-query').addEventListener('input',event=>{state.eventFilters.query=event.target.value;renderList()});renderActiveFilters()}
 function showFilterControls(title){document.querySelector('#filter-open').hidden=false;document.querySelector('#filter-title').textContent=title}
 function hideFilterControls(){document.querySelector('#filter-open').hidden=true;document.querySelector('#active-filters').hidden=true;document.querySelector('#filter-bar').innerHTML='';const dialog=document.querySelector('#filters-dialog');if(dialog.open)dialog.close()}
 function activeFilters(){if(state.tab==='sources')return state.sourceScope==='inputs'?[]:[{key:'scope',label:state.sourceScope==='internal'?'Internal producers':'All sources'}];const entries=[];if(state.eventFilters.source!=='all')entries.push({key:'source',label:sourceLabelFromId(state.eventFilters.source)});if(state.eventFilters.activity!=='all')entries.push({key:'activity',label:state.eventFilters.activity});if(state.eventFilters.processing!=='all')entries.push({key:'processing',label:state.eventFilters.processing==='processed'?'Processed':'Not processed'});if(state.eventFilters.query.trim())entries.push({key:'query',label:'“'+state.eventFilters.query.trim()+'”'});return entries}
 function renderActiveFilters(){const entries=activeFilters();const container=document.querySelector('#active-filters');const count=document.querySelector('#filter-count');container.hidden=entries.length===0;count.hidden=entries.length===0;count.textContent=String(entries.length);container.innerHTML=entries.map(entry=>'<button class="filter-chip" data-filter="'+esc(entry.key)+'">'+esc(entry.label)+' ×</button>').join('');container.querySelectorAll('[data-filter]').forEach(button=>button.addEventListener('click',()=>{clearFilter(button.dataset.filter);renderList()}))}
 function clearFilter(key){if(key==='scope'){state.sourceScope='inputs';return}if(key==='source')state.eventFilters.source='all';if(key==='activity')state.eventFilters.activity='all';if(key==='processing')state.eventFilters.processing='all';if(key==='query')state.eventFilters.query=''}
-function eventFilterEmptyMessage(){if(state.eventFilters.source!=='all'){const source=state.snapshot?.sources?.find(value=>value.source===state.eventFilters.source);if(source&&!source.hasActivityEvidence)return sourceLabelFromId(source.source)+' is configured but has no durable activity yet.'}return 'No observations match these filters.'}
+function eventFilterEmptyMessage(){if(state.eventFilters.source!=='all'){const source=state.system?.sources?.find(value=>value.source===state.eventFilters.source);if(source&&!source.hasActivityEvidence)return sourceLabelFromId(source.source)+' is configured but has no durable activity yet.'}return 'No observations match these filters.'}
 function eventItem(event){
   const observation=observationPresentation(event);
   const consumers=(event.consumerRuns??[]).map(run=>'<div class="consumer"><strong>'+esc(agentName(run.agentId))+'</strong>'+(run.status==='completed'?'':' <span class="badge '+(run.status==='failed'?'failed':'')+'">'+esc(run.status)+'</span>')+'<br>'+esc(run.description)+'</div>').join('');
-  const processing=consumers?'<details class="feed-processing"><summary>'+event.consumerRuns.length+' processor'+(event.consumerRuns.length===1?'':'s')+'</summary>'+consumers+'</details>':'';
+  const outsideWindow=!consumers&&event.consumerRunsComplete===false?'<div class="processing-window">Earlier processing may be outside this window.</div>':'';
+  const processing=(consumers?'<details class="feed-processing"><summary>'+event.consumerRuns.length+' processor'+(event.consumerRuns.length===1?'':'s')+'</summary>'+consumers+'</details>':'')+outsideWindow;
   const links=observation.renderer==='bluesky-post'?observationAnchor(observation.parentLabel,observation.parentUrl):observationAnchor(observation.urlLabel,observation.url)+observationAnchor(observation.parentLabel,observation.parentUrl);
   const source=observation.renderer==='generic'?esc(observation.sourceLabel)+' · ':'';
   return '<article class="item event-item" tabindex="0" data-kind="event" data-id="'+esc(event.id)+'">'+renderSourceInlay(event,observation)+'<div class="meta">'+source+esc(new Date(event.occurredAt).toLocaleString())+'</div>'+(links?'<div class="feed-links">'+links+'</div>':'')+processing+'</article>';
@@ -1450,7 +1441,7 @@ function renderBlueskyPost(post){
   return '<div class="bsky-header"><a class="bsky-avatar-link" href="'+esc(profile)+'" target="_blank" rel="noreferrer">'+avatar+'</a><a class="bsky-author" href="'+esc(profile)+'" target="_blank" rel="noreferrer"><div class="bsky-name">'+esc(author.displayName??author.handle)+'</div><div class="bsky-handle">@'+esc(author.handle)+'</div></a>'+date+'</div><div class="bsky-text">'+esc(post.text)+'</div>'+imageBlock+external+quote+stats;
 }
 function compactCount(value){const count=Number(value??0);return count>=1000000?(count/1000000).toFixed(count>=10000000?0:1)+'m':count>=1000?(count/1000).toFixed(count>=10000?0:1)+'k':String(count)}
-function runItem(run){const evidence=state.snapshot.runEvidence.find(report=>report.runId===run.id);const kind=isModelRun(run)?'model':'rule';return '<button class="item" data-kind="run" data-id="'+esc(run.id)+'"><div class="type">'+esc(agentName(run.agentId))+' <span class="badge">'+kind+'</span> <span class="badge '+(run.status==='failed'?'failed':'')+'">'+esc(run.status)+'</span>'+(evidence&&!evidence.consistent?'<span class="badge failed">evidence contradiction</span>':'')+'</div><div class="summary">'+esc(run.summary??run.errorText??run.id)+'</div><div class="meta">LLM inference: '+(kind==='model'?'yes':'no')+' · '+esc(run.startedAt??run.createdAt)+' · '+esc(run.provider)+'/'+esc(run.model)+'</div></button>'}
+function runItem(run){const evidence=state.system.runEvidence.find(report=>report.runId===run.id);const kind=isModelRun(run)?'model':'rule';return '<button class="item" data-kind="run" data-id="'+esc(run.id)+'"><div class="type">'+esc(agentName(run.agentId))+' <span class="badge">'+kind+'</span> <span class="badge '+(run.status==='failed'?'failed':'')+'">'+esc(run.status)+'</span>'+(evidence&&!evidence.consistent?'<span class="badge failed">evidence contradiction</span>':'')+'</div><div class="summary">'+esc(run.summary??run.errorText??run.id)+'</div><div class="meta">LLM inference: '+(kind==='model'?'yes':'no')+' · '+esc(run.startedAt??run.createdAt)+' · '+esc(run.provider)+'/'+esc(run.model)+'</div></button>'}
 function sourceItem(source){
   const runtime=source.control?.runtime;const upstream=source.control?.upstream;const badges=[];
   badges.push('<span class="badge">'+(isInputSource(source)?esc(humanLabel(source.kind))+' input':'internal producer')+'</span>');
@@ -1691,7 +1682,7 @@ function send(response: ServerResponse, status: number, contentType: string, bod
   response.writeHead(status, {
     "content-type": contentType,
     "cache-control": "no-store",
-    "content-security-policy": "default-src 'self'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; connect-src 'self'; img-src 'self' data:; font-src 'self'; worker-src 'self'; frame-ancestors 'none'; base-uri 'none'",
+    "content-security-policy": "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'unsafe-inline' https://fonts.googleapis.com; connect-src 'self'; img-src 'self' data:; font-src 'self' https://fonts.gstatic.com; worker-src 'self'; frame-ancestors 'none'; base-uri 'none'",
     "x-content-type-options": "nosniff",
     "x-frame-options": "DENY",
   });
@@ -1763,6 +1754,43 @@ async function loadRunEvidenceEvents(store: JazzThoughtStore, runs: AgentRun[]):
   return [...new Map([...terminalEvents, ...outputEvents].map((event) => [event.id, event])).values()];
 }
 
+async function buildInspectorActivity(store: JazzThoughtStore) {
+  return buildRecentRootActivity(store);
+}
+
+async function buildInspectorSystem(
+  store: JazzThoughtStore,
+  runs?: AgentRun[],
+) {
+  const effectiveRuns = runs ?? await store.listRuns();
+  const [agents, sources, evidenceEvents] = await Promise.all([
+    store.listAgents(),
+    buildSourceHealth(store),
+    loadRunEvidenceEvents(store, effectiveRuns),
+  ]);
+  const runEvidence = auditRunEvidence(effectiveRuns, evidenceEvents);
+  const adapterSelections = agents
+    .map((agent) => ({
+      id: agent.id,
+      version: agent.version,
+      enabled: agent.enabled,
+      adapter: adapterSelectionFromSpec(agent.spec),
+    }))
+    .filter((agent) => agent.adapter !== undefined);
+  const adapterCatalogs = [...new Map(adapterSelections.map((selection) => [
+    `${selection.adapter!.digest}:${selection.adapter!.generation}`,
+    { digest: selection.adapter!.digest, generation: selection.adapter!.generation },
+  ])).values()];
+  return {
+    runs: effectiveRuns.slice().reverse().map(inspectorRunSummary),
+    agents,
+    sources,
+    adapterInventory: { catalogs: adapterCatalogs, selections: adapterSelections },
+    runEvidence,
+    evidenceContradictions: runEvidence.filter((report) => !report.consistent).length,
+  };
+}
+
 async function expandRun(store: JazzThoughtStore, run: AgentRun): Promise<{
   run: AgentRun;
   kind: "rule" | "model";
diff --git a/src/web/public-site.ts b/src/web/public-site.ts
index a1692a2..d5149be 100644
--- a/src/web/public-site.ts
+++ b/src/web/public-site.ts
@@ -1,5 +1,6 @@
 import fs from "node:fs/promises";
 import path from "node:path";
+import { FONT_DEBUG_ASSET_PATH } from "./font-debug.js";
 
 export interface PublicPage {
   route: string;
@@ -71,7 +72,7 @@ function renderLandingPage(title: string, body: string, fontDataUrl: string): st
 <meta name="description" content="Cameron's private Stream.">
 <style>
 @font-face{font-family:Around;src:url("${fontDataUrl}") format("woff2");font-style:normal;font-weight:400;font-display:swap}
-:root{color-scheme:light dark;--bg:#fff;--text:#1a1a1a;--secondary:#2a2a2a;--muted:#555;--accent:#b497bf;--link:#72567e;--border:#e8e8e8;--font-body:Inter,system-ui,-apple-system,sans-serif;--font-display:Around,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font:16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}.landing-shell{width:min(640px,calc(100% - 40px));min-height:100svh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom));display:grid;grid-template-rows:1fr auto}.landing-main{align-self:center;padding:10vh 0}.landing-main h1{margin:0 0 14px;font:400 clamp(2.25rem,9vw,3.25rem)/1.08 var(--font-display);font-synthesis:none;letter-spacing:0;text-align:center}.landing-main p{max-width:30rem;margin:0;color:var(--secondary)}.login-form{margin-top:28px;text-align:center}.login-form button{min-height:44px;border:1px solid var(--border);border-radius:999px;padding:9px 18px;background:transparent;color:var(--text);font:500 14px/1 var(--font-body);cursor:pointer}.login-form button:hover,.login-form button:focus-visible{border-color:var(--accent);outline:0}.landing-footer{padding:16px 0 0;border-top:1px solid var(--border);font-size:12px;text-align:center}.landing-footer a{color:var(--muted);text-decoration:none}.landing-footer a:hover,.landing-footer a:focus-visible{color:var(--link);text-decoration:underline;text-underline-offset:3px}@media(prefers-color-scheme:dark){:root{--bg:#0a0a0a;--text:#e5e5e5;--secondary:#b0b0b0;--muted:#8a8a8a;--accent:#c4aacf;--link:#d4b9df;--border:#2a2a2a}}@media(max-width:480px){.landing-shell{width:calc(100% - 32px)}.landing-main{padding:8vh 0}}
+:root{color-scheme:light dark;--bg:#fff;--text:#1a1a1a;--secondary:#2a2a2a;--muted:#555;--accent:#b497bf;--link:#72567e;--border:#e8e8e8;--font-body:Inter,system-ui,-apple-system,sans-serif;--font-display:Around,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font:16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}.landing-shell{width:min(640px,calc(100% - 40px));min-height:100svh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom));display:grid;grid-template-rows:1fr auto}.landing-main{align-self:center;padding:10vh 0}.landing-main h1{margin:0 0 14px;font:400 clamp(2.25rem,9vw,3.25rem)/1.08 var(--font-display);font-synthesis:none;letter-spacing:0;text-align:center}.landing-main p{max-width:30rem;margin:0;color:var(--secondary)}.login-form{margin-top:28px;text-align:center}.login-form button{min-height:44px;border:1px solid var(--border);border-radius:999px;padding:9px 18px;background:transparent;color:var(--text);font:500 14px/1 var(--font-body);cursor:pointer}.login-form button:hover,.login-form button:focus-visible{border-color:var(--accent);outline:0}.landing-footer{padding:16px 0 0;font-size:12px;text-align:center}.landing-footer a{color:var(--muted);text-decoration:none}.landing-footer a:hover,.landing-footer a:focus-visible{color:var(--link);text-decoration:underline;text-underline-offset:3px}@media(prefers-color-scheme:dark){:root{--bg:#0a0a0a;--text:#e5e5e5;--secondary:#b0b0b0;--muted:#8a8a8a;--accent:#c4aacf;--link:#d4b9df;--border:#2a2a2a}}@media(max-width:480px){.landing-shell{width:calc(100% - 32px)}.landing-main{padding:8vh 0}}
 </style>
 </head>
 <body>
@@ -79,6 +80,7 @@ function renderLandingPage(title: string, body: string, fontDataUrl: string): st
 <main class="landing-main">${body}<form class="login-form" method="post" action="/oauth/login"><button type="submit">Log in</button></form></main>
 <footer class="landing-footer"><a href="${CODE_URL}">code</a></footer>
 </div>
+<script src="${FONT_DEBUG_ASSET_PATH}" defer></script>
 </body>
 </html>`;
 }
@@ -93,13 +95,14 @@ function renderDocumentationPage(title: string, body: string, fontDataUrl: strin
 <meta name="description" content="Public documentation for Stream.">
 <style>
 @font-face{font-family:Around;src:url("${fontDataUrl}") format("woff2");font-style:normal;font-weight:400;font-display:swap}
-:root{color-scheme:light dark;--bg:#fff;--text:#1a1a1a;--secondary:#2a2a2a;--muted:#555;--accent:#b497bf;--link:#72567e;--border:#e8e8e8;--surface:#f5f5f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}header,main,footer{width:min(640px,calc(100% - 40px));margin:auto}header{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:28px 0 18px;border-bottom:1px solid var(--border)}header>a{color:var(--text);font:400 20px/1.1 Around,Inter,system-ui,sans-serif;text-decoration:none}nav{display:flex;gap:14px;font-size:12px}nav a{color:var(--muted);text-decoration:none}nav a:hover,nav a:focus-visible{color:var(--link);text-decoration:underline;text-underline-offset:3px}main{padding:38px 0 54px}h1{margin:0 0 24px;font:400 clamp(2rem,8vw,3rem)/1.08 Around,Inter,system-ui,sans-serif}h2{margin:34px 0 10px;font-size:20px;line-height:1.25}p,ul{margin:12px 0}ul{padding-left:22px}li+li{margin-top:7px}a{color:var(--link)}code{padding:.1em .35em;border-radius:4px;background:var(--surface)}footer{padding:16px 0 max(24px,env(safe-area-inset-bottom));border-top:1px solid var(--border);font-size:12px}footer a{color:var(--muted);text-decoration:none}@media(prefers-color-scheme:dark){:root{--bg:#0a0a0a;--text:#e5e5e5;--secondary:#b0b0b0;--muted:#8a8a8a;--accent:#c4aacf;--link:#d4b9df;--border:#2a2a2a;--surface:#1a1a1a}}@media(max-width:540px){header{align-items:flex-start;flex-direction:column}nav{gap:12px}}
+:root{color-scheme:light dark;--bg:#fff;--text:#1a1a1a;--secondary:#2a2a2a;--muted:#555;--accent:#b497bf;--link:#72567e;--border:#e8e8e8;--surface:#f5f5f5;--font-body:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}header,main,footer{width:min(640px,calc(100% - 40px));margin:auto}header{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:28px 0 18px}header>a{color:var(--text);font:400 20px/1.1 Around,Inter,system-ui,sans-serif;text-decoration:none}nav{display:flex;gap:14px;font-size:12px}nav a{color:var(--muted);text-decoration:none}nav a:hover,nav a:focus-visible{color:var(--link);text-decoration:underline;text-underline-offset:3px}main{padding:38px 0 54px}h1{margin:0 0 24px;font:400 clamp(2rem,8vw,3rem)/1.08 Around,Inter,system-ui,sans-serif}h2{margin:34px 0 10px;font-size:20px;line-height:1.25}p,ul{margin:12px 0}ul{padding-left:22px}li+li{margin-top:7px}a{color:var(--link)}code{padding:.1em .35em;border-radius:4px;background:var(--surface)}footer{padding:16px 0 max(24px,env(safe-area-inset-bottom));font-size:12px}footer a{color:var(--muted);text-decoration:none}@media(prefers-color-scheme:dark){:root{--bg:#0a0a0a;--text:#e5e5e5;--secondary:#b0b0b0;--muted:#8a8a8a;--accent:#c4aacf;--link:#d4b9df;--border:#2a2a2a;--surface:#1a1a1a}}@media(max-width:540px){header{align-items:flex-start;flex-direction:column}nav{gap:12px}}
 </style>
 </head>
 <body>
 <header><a href="/">Stream</a><nav><a href="/docs">docs</a><a href="/docs/architecture">architecture</a><a href="/docs/security">security</a></nav></header>
 <main>${body}</main>
 <footer><a href="${CODE_URL}">code</a></footer>
+<script src="${FONT_DEBUG_ASSET_PATH}" defer></script>
 </body>
 </html>`;
 }
diff --git a/test/authenticated-proxy.test.ts b/test/authenticated-proxy.test.ts
index 9c1d094..14683fc 100644
--- a/test/authenticated-proxy.test.ts
+++ b/test/authenticated-proxy.test.ts
@@ -159,7 +159,7 @@ describe("authenticated inspector proxy", () => {
 
     const page = await fetch(`${baseUrl(proxy)}/inspector/`, { headers });
     expect(await page.text()).toContain("fetch('api/snapshot')");
-    expect(page.headers.get("content-security-policy")).toContain("script-src 'unsafe-inline'");
+    expect(page.headers.get("content-security-policy")).toContain("script-src 'self' 'unsafe-inline'");
     expect(page.headers.get("content-security-policy")).toContain("img-src 'self' data:");
     expect(page.headers.get("content-security-policy")).toContain("worker-src 'self'");
     expect(page.headers.get("content-security-policy")).not.toContain("img-src 'self' data: https:");
@@ -204,14 +204,23 @@ describe("authenticated inspector proxy", () => {
     expect(landingHtml).toMatch(/\.landing-main h1\{[^}]*text-align:center\}/);
     expect(landingHtml).toContain(".login-form{margin-top:28px;text-align:center}");
     expect(landingHtml).toContain(
-      ".landing-footer{padding:16px 0 0;border-top:1px solid var(--border);font-size:12px;text-align:center}",
+      ".landing-footer{padding:16px 0 0;font-size:12px;text-align:center}",
     );
+    expect(landingHtml).toContain('<script src="/assets/font-debug.js" defer></script>');
+    expect(landingHtml).not.toContain(".landing-footer{padding:16px 0 0;border-top:");
     expect(landingHtml).toContain('href="https://tangled.org/@cameron.stream/thought-stream">code</a>');
     expect(landingHtml).toContain("data:font/woff2;base64,");
     expect(landingHtml).not.toContain('href="/docs"');
     expect(landingHtml).not.toContain("private inspector");
     expect(landing.headers.get("content-security-policy")).toContain("form-action 'self' https:");
     expect(landing.headers.get("content-security-policy")).toContain("font-src data:");
+    expect(landing.headers.get("content-security-policy")).toContain("https://fonts.googleapis.com");
+    expect(landing.headers.get("content-security-policy")).toContain("https://fonts.gstatic.com");
+    const fontDebug = await fetch(`${base}/assets/font-debug.js`);
+    expect(fontDebug.status).toBe(200);
+    expect(fontDebug.headers.get("content-type")).toBe("text/javascript; charset=utf-8");
+    const fontDebugScript = await fontDebug.text();
+    expect(() => new Function(fontDebugScript)).not.toThrow();
     const architecture = await fetch(`${base}/docs/architecture`);
     expect(architecture.status).toBe(200);
     expect(await architecture.text()).toContain("Connector cursors advance only after durable events");
diff --git a/test/inspector.test.ts b/test/inspector.test.ts
index 06e80f5..312416e 100644
--- a/test/inspector.test.ts
+++ b/test/inspector.test.ts
@@ -2,6 +2,7 @@ import fs from "node:fs/promises";
 import { afterEach, describe, expect, test, vi } from "vitest";
 import { startInspectorServer } from "../src/web/inspector.js";
 import type { JazzThoughtStore } from "../src/jazz/store.js";
+import type { AgentRun } from "../src/store/types.js";
 import { temporaryProject, testStore } from "./helpers.js";
 
 const stores: JazzThoughtStore[] = [];
@@ -124,6 +125,10 @@ describe("thought stream inspector", () => {
     expect(pageHtml).not.toContain("grid-template-columns:repeat(6,minmax(0,1fr))");
     expect(pageHtml).toContain("const primaryResource=tabResource();");
     expect(pageHtml).toContain("await loadResource(primaryResource)");
+    expect(pageHtml).toContain("for(const key of ['activity','course','artifacts','proposals','reviews','system'])");
+    expect(pageHtml).toContain("tabResource()===key||(key==='system'&&state.tab==='events')");
+    expect(pageHtml).toContain("activity:{path:'api/activity',label:'recent activity'}");
+    expect(pageHtml).toContain("system:{path:'api/system',label:'system evidence'}");
     expect(pageHtml).not.toContain("Promise.all([fetch('api/snapshot')");
     expect(pageHtml).not.toContain("fetch('/api/snapshot')");
     expect(pageHtml).toContain("response.headers.get('content-type')");
@@ -145,12 +150,15 @@ describe("thought stream inspector", () => {
     expect(pageHtml).toContain("All sources");
     expect(pageHtml).toContain("is configured but has no durable activity yet.");
     expect(pageHtml).toContain("No agent processed this observation.");
+    expect(pageHtml).toContain("Earlier processing may be outside this window.");
+    expect(pageHtml).toContain("Some older observations are outside this bounded feed window.");
+    expect(pageHtml).toContain("processed||!processingComplete");
     expect(pageHtml).toContain("Technical details");
     expect(pageHtml).not.toContain("No consumer processed this event.");
     expect(pageHtml).toContain("No recent activity has been recorded.");
     expect(pageHtml).toContain("No artifacts are available.");
     expect(pageHtml).toContain("new EventSource('api/live')");
-    expect(pageHtml).toContain("scheduleSnapshotRefresh");
+    expect(pageHtml).toContain("scheduleActivityRefresh");
     expect(pageHtml).toContain("Internal producers");
     expect(pageHtml).toContain("Loading source activity…");
     expect(pageHtml).toContain("id==='resident-letta-conversation'?'Stream'");
@@ -195,16 +203,28 @@ describe("thought stream inspector", () => {
     expect(pageHtml).toContain(".item:hover,.item.active { background:transparent }");
     expect(pageHtml).toContain(".item:hover .telegram-inlay");
     expect(pageHtml).toContain("cursor:pointer; overflow-wrap:anywhere");
-    expect(pageHtml).toContain("font:15px/1.58 Inter");
+    expect(pageHtml).toContain("font:15px/1.58 var(--font-body)");
+    expect(pageHtml).toContain('<script src="/assets/font-debug.js" defer></script>');
+    expect(pageHtml).not.toContain("border-bottom:1px solid var(--line); border-radius:0; margin:0; padding:20px 0");
     expect(page.headers.get("content-security-policy")).toContain("frame-ancestors 'none'");
     expect(page.headers.get("content-security-policy")).toContain("img-src 'self' data:");
     expect(page.headers.get("content-security-policy")).toContain("worker-src 'self'");
+    expect(page.headers.get("content-security-policy")).toContain("https://fonts.googleapis.com");
+    expect(page.headers.get("content-security-policy")).toContain("https://fonts.gstatic.com");
     expect(page.headers.get("content-security-policy")).not.toContain("img-src 'self' data: https:");
 
     const font = await fetch(`${base}/assets/around-regular.woff2`);
     expect(font.status).toBe(200);
     expect(font.headers.get("content-type")).toBe("font/woff2");
     expect(Buffer.from(await font.arrayBuffer()).subarray(0, 4).toString("ascii")).toBe("wOF2");
+    const fontDebug = await fetch(`${base}/assets/font-debug.js`);
+    expect(fontDebug.headers.get("content-type")).toBe("text/javascript; charset=utf-8");
+    const fontDebugScript = await fontDebug.text();
+    expect(fontDebugScript).toContain("fonts.googleapis.com/css2?family=");
+    expect(fontDebugScript).toContain("event.altKey && event.shiftKey");
+    expect(fontDebugScript).toContain('querySelectorAll("link[data-stream-font-debug]")');
+    expect(fontDebugScript).toContain("pendingLink?.remove()");
+    expect(() => new Function(fontDebugScript)).not.toThrow();
     const manifest = await fetch(`${base}/manifest.webmanifest`);
     expect(manifest.headers.get("content-type")).toBe("application/manifest+json; charset=utf-8");
     expect(await manifest.json()).toMatchObject({ name: "Stream", start_url: "./", display: "standalone" });
@@ -222,6 +242,15 @@ describe("thought stream inspector", () => {
       runEvidence: Array<{ runId: string; consistent: boolean; issues: Array<{ code: string }> }>;
       sources: Array<{ source: string; status: string; recordCount: number; operationsStarted: number; operationFailures: number; inFlight: number; cursor: { etag?: string } }>;
     };
+    const rootEventsSpy = vi.spyOn(store, "listRecentRootEvents");
+    const activity = await (await fetch(`${base}/api/activity`)).json() as { totalEvents: number };
+    expect(rootEventsSpy).toHaveBeenCalledTimes(1);
+    expect(rootEventsSpy).toHaveBeenCalledWith({ types: expect.any(Array), limit: 100 });
+    rootEventsSpy.mockRestore();
+    const system = await (await fetch(`${base}/api/system`)).json() as { evidenceContradictions: number; sources: unknown[] };
+    expect(activity.totalEvents).toBe(3);
+    expect(system.evidenceContradictions).toBe(1);
+    expect(system.sources).toHaveLength(1);
     expect(snapshot.activity.totalEvents).toBe(3);
     expect(snapshot.evidenceContradictions).toBe(1);
     expect(snapshot.runs[0]).toMatchObject({ id: "run_contradictory" });
@@ -579,6 +608,167 @@ describe("thought stream inspector", () => {
     ]);
   });
 
+  test("preserves recent roots across a child-heavy source window without listing all runs", async () => {
+    const project = await temporaryProject();
+    roots.push(project);
+    const store = testStore(project);
+    stores.push(store);
+    const root = (await store.appendEvent({
+      type: "stream.thought.source.rss.item",
+      schemaVersion: 1,
+      source: "rss:child-window",
+      sourceKind: "rss",
+      externalId: "root",
+      idempotencyKey: "root",
+      occurredAt: "2026-08-22T10:00:00.000Z",
+      observedAt: "2026-08-22T10:00:00.000Z",
+      actor: "rss:child-window",
+      correlationId: "root",
+      privacy: "public-source",
+      payload: { title: "Root observation" },
+    })).event;
+    const secondRoot = (await store.appendEvent({
+      type: "stream.thought.source.rss.item",
+      schemaVersion: 1,
+      source: "rss:child-window",
+      sourceKind: "rss",
+      externalId: "second-root",
+      idempotencyKey: "second-root",
+      occurredAt: "2026-08-22T10:00:30.000Z",
+      observedAt: "2026-08-22T10:00:30.000Z",
+      actor: "rss:child-window",
+      correlationId: "second-root",
+      privacy: "public-source",
+      payload: { title: "Second root observation" },
+    })).event;
+    for (let index = 0; index < 100; index += 1) {
+      await store.appendEvent({
+        type: "stream.thought.source.rss.item",
+        schemaVersion: 1,
+        source: "rss:child-window",
+        sourceKind: "rss",
+        externalId: `child-${index}`,
+        idempotencyKey: `child-${index}`,
+        occurredAt: `2026-08-22T10:01:${String(index % 60).padStart(2, "0")}.000Z`,
+        observedAt: `2026-08-22T10:${String(1 + Math.floor(index / 60)).padStart(2, "0")}:${String(index % 60).padStart(2, "0")}.000Z`,
+        actor: "rss:child-window",
+        rootEventId: root.id,
+        parentEventId: root.id,
+        correlationId: "root",
+        privacy: "public-source",
+        payload: { title: `Child ${index}` },
+      });
+    }
+
+    const listRunsSpy = vi.spyOn(store, "listRuns");
+    const recentRunsSpy = vi.spyOn(store, "listRecentRuns");
+    const server = await startInspectorServer(store, { port: 0 });
+    servers.push(server);
+    const address = server.address();
+    if (!address || typeof address === "string") throw new Error("Missing inspector address");
+
+    const activity = await (await fetch(`http://127.0.0.1:${address.port}/api/activity`)).json() as {
+      totalEvents: number;
+      items: Array<{ id: string }>;
+      rootWindowComplete: boolean;
+    };
+    expect(activity.totalEvents).toBe(102);
+    expect(activity.rootWindowComplete).toBe(true);
+    expect(activity.items).toEqual([
+      expect.objectContaining({ id: secondRoot.id }),
+      expect.objectContaining({ id: root.id }),
+    ]);
+    expect(listRunsSpy).not.toHaveBeenCalled();
+    expect(recentRunsSpy).toHaveBeenCalledWith(1_000);
+  });
+
+  test("recovers a child-triggered run outside the recent run window and marks history incomplete", async () => {
+    const project = await temporaryProject();
+    roots.push(project);
+    const store = testStore(project);
+    stores.push(store);
+    const root = (await store.appendEvent({
+      type: "stream.thought.source.rss.item",
+      schemaVersion: 1,
+      source: "rss:child-run",
+      sourceKind: "rss",
+      externalId: "root",
+      idempotencyKey: "root",
+      occurredAt: "2026-08-22T10:00:00.000Z",
+      actor: "rss:child-run",
+      correlationId: "root",
+      privacy: "public-source",
+      payload: { title: "Root with child processing" },
+    })).event;
+    const child = (await store.appendEvent({
+      type: "stream.thought.source.rss.item",
+      schemaVersion: 1,
+      source: "rss:child-run",
+      sourceKind: "rss",
+      externalId: "child",
+      idempotencyKey: "child",
+      occurredAt: "2026-08-22T10:01:00.000Z",
+      actor: "rss:child-run",
+      rootEventId: root.id,
+      parentEventId: root.id,
+      correlationId: "root",
+      privacy: "public-source",
+      payload: { title: "Child activity" },
+    })).event;
+    await store.upsertRun({
+      id: "run_child_activity",
+      executionKey: "execution:run_child_activity",
+      triggerEventId: child.id,
+      agentId: "child-processor",
+      agentVersion: 1,
+      status: "completed",
+      inputEventIds: [child.id],
+      outputEventIds: [],
+      attempt: 1,
+      provider: "deterministic",
+      model: "deterministic",
+      promptHash: "child-prompt",
+      contextManifest: {},
+      result: { summary: "Processed child activity" },
+      createdAt: "2026-08-22T10:01:01.000Z",
+      completedAt: "2026-08-22T10:01:02.000Z",
+      updatedAt: "2026-08-22T10:01:02.000Z",
+    });
+    const fillerRuns: AgentRun[] = Array.from({ length: 1_000 }, (_, index) => ({
+      id: `run_filler_${index}`,
+      executionKey: `execution:run_filler_${index}`,
+      triggerEventId: `missing_event_${index}`,
+      agentId: "filler",
+      agentVersion: 1,
+      status: "running",
+      inputEventIds: [],
+      outputEventIds: [],
+      attempt: 1,
+      provider: "deterministic",
+      model: "deterministic",
+      promptHash: `filler_${index}`,
+      contextManifest: {},
+      createdAt: `2026-08-22T11:${String(Math.floor(index / 60) % 60).padStart(2, "0")}:${String(index % 60).padStart(2, "0")}.000Z`,
+      updatedAt: "2026-08-22T12:00:00.000Z",
+    }));
+    vi.spyOn(store, "listRecentRuns").mockResolvedValue(fillerRuns);
+
+    const server = await startInspectorServer(store, { port: 0 });
+    servers.push(server);
+    const address = server.address();
+    if (!address || typeof address === "string") throw new Error("Missing inspector address");
+    const activity = await (await fetch(`http://127.0.0.1:${address.port}/api/activity`)).json() as {
+      items: Array<{ id: string; consumerRunsComplete: boolean; consumerRuns: Array<{ id: string }> }>;
+    };
+    expect(activity.items).toEqual([
+      expect.objectContaining({
+        id: root.id,
+        consumerRunsComplete: false,
+        consumerRuns: [expect.objectContaining({ id: "run_child_activity" })],
+      }),
+    ]);
+  });
+
   test("streams Jazz activity signals without exposing event content in the stream", async () => {
     const project = await temporaryProject();
     roots.push(project);
diff --git a/test/jazz-store.test.ts b/test/jazz-store.test.ts
index bd630f9..d671058 100644
--- a/test/jazz-store.test.ts
+++ b/test/jazz-store.test.ts
@@ -73,6 +73,69 @@ describe("JazzThoughtStore", () => {
     expect((await store.listSources()).find((source) => source.id === "rss:test")?.lastSequence).toBe(1);
   });
 
+  test("limits event queries in storage while preserving chronological output", async () => {
+    const root = await temporaryProject();
+    roots.push(root);
+    const store = testStore(root);
+    stores.push(store);
+    for (const index of [1, 2, 3]) {
+      await store.appendEvent({
+        type: "stream.thought.source.rss.item",
+        schemaVersion: 1,
+        source: "rss:bounded",
+        sourceKind: "rss",
+        externalId: `item-${index}`,
+        idempotencyKey: `item-${index}`,
+        occurredAt: `2026-08-22T10:00:0${index}.000Z`,
+        observedAt: "2026-08-22T10:00:04.000Z",
+        actor: "rss:bounded",
+        correlationId: "bounded-query",
+        privacy: "public-source",
+        payload: { index },
+      });
+    }
+
+    const recent = await store.listEvents({
+      types: ["stream.thought.source.rss.item"],
+      limit: 2,
+    });
+    const all = await store.listEvents({ types: ["stream.thought.source.rss.item"] });
+    expect(recent.map((event) => event.id)).toEqual(all.slice(-2).map((event) => event.id));
+
+    const rootEvent = all[0]!;
+    for (const index of [4, 5, 6]) {
+      await store.appendEvent({
+        type: "stream.thought.source.rss.item",
+        schemaVersion: 1,
+        source: "rss:bounded",
+        sourceKind: "rss",
+        externalId: `child-${index}`,
+        idempotencyKey: `child-${index}`,
+        occurredAt: `2026-08-22T10:00:0${index}.000Z`,
+        observedAt: `2026-08-22T10:00:0${index}.000Z`,
+        actor: "rss:bounded",
+        rootEventId: rootEvent.id,
+        parentEventId: rootEvent.id,
+        correlationId: "bounded-query",
+        privacy: "public-source",
+        payload: { index },
+      });
+    }
+    const incomplete = await store.listRecentRootEvents({
+      types: ["stream.thought.source.rss.item"],
+      limit: 2,
+      maxScanned: 2,
+    });
+    expect(incomplete).toMatchObject({ events: [], complete: false, scannedEvents: 2 });
+    const recovered = await store.listRecentRootEvents({
+      types: ["stream.thought.source.rss.item"],
+      limit: 2,
+      maxScanned: 10,
+    });
+    expect(recovered.complete).toBe(true);
+    expect(recovered.events).toHaveLength(2);
+  });
+
   test("persists events across a process-shaped reopen", async () => {
     const root = await temporaryProject();
     roots.push(root);