@cesarus777/opencode-cgp 0.4.0 → 0.4.1

package/dist/tui.js

@@ -461,6 +461,51 @@ var init_rpc = __esm(() => {
   });
 });
 
+// src/historyclient.ts
+function historyFailure(error, signal) {
+  if (signal?.aborted && signal.reason instanceof DOMException && signal.reason.name === "TimeoutError" || error instanceof DOMException && error.name === "TimeoutError")
+    return new HistoryFailure("timeout");
+  if (error instanceof HistoryFailure)
+    return error;
+  const code = typeof error === "object" && error !== null && "type" in error ? error.type : undefined;
+  return new HistoryFailure(code === "rpc.unavailable" || code === "rpc.method_not_found" ? "unsupported" : code === "rpc.invalid_output" ? "incompatible" : code === "rpc.invalid_input" ? "rejected" : "unavailable");
+}
+function checkedHistory(value, sessionId) {
+  if (!isHistoryResult(value) || value.data.series.some((series) => series.sessionId !== sessionId))
+    throw new HistoryFailure("incompatible");
+  return value;
+}
+function historyStatusLines(input) {
+  const messages = {
+    unsupported: "History service is unavailable in this server location. Check that the owning server has a plugin version with chart history. Press r to check again.",
+    timeout: "History request timed out. Press r to retry.",
+    incompatible: "History response is incompatible. Check client/server plugin versions. Press r to retry.",
+    rejected: "History request was rejected. Check client/server plugin versions. Press r to retry.",
+    unavailable: "History could not be loaded. Press r to retry."
+  };
+  return [
+    ...input.status === "loading" ? [
+      input.loadedAt === undefined ? "Loading retained history\u2026" : "Updating history \xB7 showing previous results"
+    ] : input.status === "disabled" ? [
+      "History recording is disabled in this server location. Press r to check again after configuration changes."
+    ] : input.status === "unavailable" ? [messages[input.reason ?? "unavailable"]] : [],
+    ...input.stale && input.loadedAt !== undefined ? [
+      `Showing previous results \xB7 last loaded ${new Date(input.loadedAt).toISOString()}`
+    ] : []
+  ];
+}
+var HistoryFailure;
+var init_historyclient = __esm(() => {
+  init_rpc();
+  HistoryFailure = class HistoryFailure extends Error {
+    reason;
+    constructor(reason) {
+      super(`History ${reason}`);
+      this.reason = reason;
+    }
+  };
+});
+
 // src/family.ts
 function metric(snapshot, now, staleMs) {
   const m = snapshot?.measurement;
@@ -839,6 +884,209 @@ var init_transport = __esm(() => {
   init_rpc();
 });
 
+// src/tui/quantity.ts
+function tokens(value) {
+  if (value === undefined || !Number.isFinite(value))
+    return "?";
+  const magnitude = Math.abs(value);
+  if (magnitude >= 1e6)
+    return `${+(value / 1e6).toFixed(1)}M`;
+  if (magnitude >= 1000)
+    return `${+(value / 1000).toFixed(1)}K`;
+  return String(value);
+}
+
+// src/tui/statusformat.ts
+function freshnessLabel(row2) {
+  switch (row2?.freshness) {
+    case "fresh":
+      return;
+    case "stale":
+      return "Measurement out of date";
+    case "invalid":
+      return "Usage unavailable";
+    default:
+      return "Usage unknown";
+  }
+}
+function measurementLabel(row2, ageMs) {
+  const m = row2?.snapshot?.measurement;
+  if (!m || row2?.freshness === "missing")
+    return "Usage unknown";
+  if (row2?.freshness === "invalid")
+    return "Usage unavailable";
+  const age = ageMs === undefined ? "" : ` \xB7 measured ${Math.floor(Math.max(0, ageMs) / 1000)}s ago`;
+  return `${m.confidence === "reported" ? "Provider reported" : "Estimated"}${age}${row2?.freshness === "stale" ? " \xB7 out of date" : ""}`;
+}
+function measurementExplanation(row2) {
+  const m = row2.snapshot?.measurement;
+  if (!m || row2.freshness === "missing")
+    return ["No measurement available."];
+  if (row2.freshness === "invalid")
+    return ["Measurement cannot be used for this session."];
+  return [
+    m.scope === "completed-request" ? "Usage from the last completed request; not the next request's size." : "Usage for the prepared request; not a completed request.",
+    m.provenance === "serialized-estimate" ? "Estimate from serialized request content." : "Provider usage includes input and cache tokens."
+  ];
+}
+function compactionLabel(row2, compact = false) {
+  const phase = row2?.snapshot?.compaction.phase;
+  if (!phase || phase === "idle")
+    return;
+  if (compact)
+    return {
+      requesting: "Requesting",
+      accepted: "Waiting",
+      running: "Compacting",
+      "awaiting-measurement": "Checking",
+      blocked: "Retry held",
+      uncertain: "Unconfirmed"
+    }[phase];
+  return {
+    requesting: "Requesting compaction",
+    accepted: "Compaction request accepted \xB7 waiting to start",
+    running: "Compaction running",
+    "awaiting-measurement": "Compaction ended \xB7 checking context reduction",
+    blocked: "Automatic compaction retry suppressed",
+    uncertain: "Completion unconfirmed \xB7 automatic retry suppressed"
+  }[phase];
+}
+function reasonExplanation(reason) {
+  switch (reason) {
+    case "below-threshold":
+      return "Context is below the policy threshold.";
+    case "threshold-crossed":
+      return "Context reached the policy threshold; this does not guarantee compaction.";
+    case "missing-usage":
+      return "No measurement available for the policy decision.";
+    case "model-changed":
+      return "The measurement belongs to a different model.";
+    case "invalid-usage":
+      return "The measurement cannot be used for the policy decision.";
+    case "stale-usage":
+      return "The policy measurement is out of date.";
+    case "missing-model-budget":
+      return "Model capacity is unavailable for this threshold.";
+    case "incompatible-model-budget":
+      return "The threshold is incompatible with model capacity.";
+    case "compaction-failed":
+      return "Compaction failed; automatic retries are limited after repeated failures.";
+    case "reclaim-unverifiable":
+      return "Context reduction could not be verified with comparable provider readings.";
+    case "insufficient-reclaim":
+      return "Measured context reduction was below the required minimum.";
+    case "admission-outcome-unknown":
+      return "Whether the compaction request was accepted is unconfirmed.";
+    case "completion-event-timeout":
+      return "No confirming completion event arrived within the waiting period.";
+    case "restart-needs-lifecycle-evidence":
+      return "The previous request needs confirming lifecycle evidence after restart.";
+    case "event-stream-gap":
+      return "Automatic requests are suspended after an event gap; reload required.";
+    case "persistence-unavailable":
+      return "Safety storage is unavailable; repair storage and reload.";
+    case "capacity-exceeded":
+      return "Monitoring limit reached; some sessions are unavailable.";
+    case "model-metadata-unavailable":
+      return "Some model limits are unavailable.";
+    default:
+      return "See diagnostic codes.";
+  }
+}
+function pressureLabel(row2) {
+  if (row2?.freshness !== "fresh")
+    return "Threshold pressure unknown";
+  switch (row2.pressure) {
+    case "crossed":
+      return "Threshold reached";
+    case "near":
+      return "Near threshold";
+    case "normal":
+      return "Below threshold";
+    default:
+      return "Threshold pressure unknown";
+  }
+}
+function thresholdDistance(row2, compact = false) {
+  const delta = row2?.triggerDeltaTokens;
+  if (row2?.freshness !== "fresh" || row2.pressure === "unknown" || delta === undefined || !Number.isFinite(delta))
+    return "pressure unknown";
+  if (delta === 0)
+    return row2.pressure === "crossed" ? "Threshold reached" : "At threshold \xB7 requires more";
+  if (compact)
+    return `${tokens(Math.abs(delta))} ${delta < 0 ? "over" : "below"}${row2.pressure === "near" ? " \xB7 Near threshold" : delta < 0 ? " \xB7 Threshold reached" : ""}`;
+  return `${tokens(Math.abs(delta))} ${Math.abs(delta) === 1 ? "token" : "tokens"} ${delta < 0 ? "over" : "below"} threshold`;
+}
+function guardStatusLines(health, compact = false) {
+  switch (health?.enforcement) {
+    case "observing":
+      return compact ? ["Observing", "No Guard compact"] : ["Observing \xB7 Guard won't request compaction"];
+    case "available":
+      return compact ? ["Guard requests", "enabled"] : ["Guard automatic requests enabled"];
+    case "disabled":
+      return ["Guard disabled"];
+    case "suspended": {
+      const gap = health.reasons.includes("event-stream-gap");
+      const storage = health.reasons.includes("persistence-unavailable");
+      return compact ? [
+        "Guard suspended",
+        ...storage ? ["Storage: repair"] : [],
+        ...gap ? ["Reload required"] : storage ? ["Then reload"] : ["See Details"]
+      ] : [
+        "Guard suspended" + (storage ? " \xB7 safety storage unavailable; repair storage and reload" : "") + (gap ? " \xB7 reload required" : storage ? "" : " \xB7 see Details")
+      ];
+    }
+    default:
+      return ["Guard status unknown"];
+  }
+}
+function panelStatus(health) {
+  return guardStatusLines(health).join(" \xB7 ");
+}
+function connectionLabel(connection, compact = false) {
+  switch (connection) {
+    case "loading":
+      return "Connecting";
+    case "live":
+      return "Live";
+    case "reconnecting":
+      return "Reconnecting";
+    case "unavailable":
+      return compact ? "Unavailable" : "Connection unavailable";
+    case "incompatible":
+      return compact ? "Unsupported" : "Monitoring unsupported";
+  }
+}
+function connectionNotice(connection, retainedMeasurements, compact = false) {
+  if (connection === "live")
+    return;
+  return retainedMeasurements ? compact ? "Last data shown" : "Showing last received measurements" : compact ? "No measurements" : "No measurements available";
+}
+function monitorStatusLines(connection, health, retainedMeasurements, compact = false) {
+  const notice = connectionNotice(connection, retainedMeasurements, compact);
+  const reasons = health?.reasons ?? [];
+  const limited = reasons.includes("capacity-exceeded");
+  const model = reasons.includes("model-metadata-unavailable");
+  const attention = health?.enforcement !== "suspended" && reasons.length > 0;
+  return [
+    ...health && connection !== "live" ? [compact ? "Last known:" : "Last known Guard:"] : [],
+    ...guardStatusLines(health, compact),
+    ...attention ? compact ? [limited ? "Monitor limit" : model ? "Limits unknown" : "See Details"] : [
+      ...limited ? ["Monitoring limit reached \xB7 some sessions unavailable"] : [],
+      ...model ? ["Some model limits unavailable \xB7 context may be unknown"] : [],
+      ...!limited && !model ? ["Guard needs attention \xB7 see Details"] : []
+    ] : [],
+    ...notice ? [notice] : []
+  ];
+}
+var contextHistoryLegend;
+var init_statusformat = __esm(() => {
+  contextHistoryLegend = [
+    "Recent samples \u2192 now \xB7 \u2504 threshold",
+    "Dim = last known context"
+  ];
+});
+
 // src/tui/format.ts
 function quantity(n) {
   return n === undefined || !Number.isFinite(n) ? "?" : Math.abs(n) >= 1e6 ? `${(n / 1e6).toFixed(1)}m` : Math.abs(n) >= 1000 ? `${(n / 1000).toFixed(1)}k` : String(n);
@@ -866,22 +1114,6 @@ function clip(value, width) {
   }
   return width < 3 ? ".".repeat(Math.max(0, width)) : result + "...";
 }
-function rowLines(row2, width) {
-  const s = row2.snapshot, m = s?.measurement;
-  const prefix = row2.current ? "* " : row2.depth > 5 ? ".../" : " ".repeat(Math.min(row2.depth, 5)) + "|-";
-  const percent = row2.utilizationPercent === undefined ? "?" : `${row2.utilizationPercent.toFixed(1)}%`;
-  const warning = row2.freshness === "stale" ? " STALE" : row2.pressure === "crossed" ? " !! crossed" : row2.pressure === "near" ? " ! near" : "";
-  const suffix = ` ${statuses[row2.node.status]} ${m?.confidence === "approximate" ? "~" : ""}${percent}${warning}`;
-  const label = clip(`${prefix}${row2.node.agent ?? row2.node.sessionId}`, Math.max(1, width - cells(suffix)));
-  return [
-    clip(`${label}${suffix}`, width),
-    ...performanceLines(row2, width),
-    ...wrap(`${quantity(m?.tokens)}/${quantity(s?.capacityTokens)} input; to ${quantity(row2.triggerDeltaTokens)}`, width),
-    ...s && s.compaction.phase !== "idle" ? wrap(`compact: ${s.compaction.phase}`, width) : [],
-    ...row2.node.interrupted ? [clip("interrupted", width)] : [],
-    ...row2.hidden ? wrap(`+ ${row2.hidden} completed descendants`, width) : []
-  ];
-}
 function detailLines(row2, width, expanded = false, ageMs = 0) {
   const s = row2?.snapshot, m = s?.measurement;
   if (!row2)
@@ -892,22 +1124,29 @@ function detailLines(row2, width, expanded = false, ageMs = 0) {
       ...wrap("Guard: not monitored / unavailable", width)
     ];
   const threshold = s.policy.configured;
-  const headroom = row2.triggerDeltaTokens;
+  const valid2 = row2.freshness === "fresh" || row2.freshness === "stale";
   const lines = [
     `${s.agent ?? "?"} / ${s.model ?? "?"}`,
+    `${row2.freshness === "stale" ? "Last measured" : "Context"} ${valid2 && m?.confidence === "approximate" ? "~" : ""}${quantity(valid2 ? m?.tokens : undefined)} / ${quantity(s.capacityTokens)} input`,
+    `${valid2 ? row2.utilizationPercent?.toFixed(1) ?? "?" : "?"}% capacity \xB7 ${pressureLabel(row2)}`,
+    `Threshold ${quantity(s.policy.triggerTokens)} \xB7 ${thresholdDistance(row2)}`,
+    measurementLabel(row2, ageMs),
+    ...measurementExplanation(row2),
+    compactionLabel(row2) ?? "No compaction request in progress.",
+    ...s.compaction.blockedReason ? [reasonExplanation(s.compaction.blockedReason)] : [],
+    `Recorded policy decision: ${reasonExplanation(s.policy.reason)}`,
     ...performanceLines(row2, width),
-    `${m?.confidence === "approximate" ? "~" : ""}${quantity(m?.tokens)} / ${quantity(s.capacityTokens)} input`,
-    `${row2.utilizationPercent?.toFixed(1) ?? "?"}% ${row2.pressure === "crossed" ? "!! crossed" : row2.pressure === "near" ? "! near" : row2.freshness.toUpperCase()}`,
-    `Trigger ${threshold.type === "ratio" ? `${threshold.value * 100}%` : `${threshold.value} ${threshold.type}`} (${s.policy.comparison})`,
-    `Resolved trigger ${s.policy.triggerTokens ?? "?"}`,
-    `Until trigger ${quantity(headroom)}`,
-    `Compact: ${s.compaction.phase}`,
-    `${s.compaction.armed ? "armed" : "disarmed"}${s.compaction.blockedReason ? ` / ${s.compaction.blockedReason}` : ""}`,
-    m ? `${m.confidence} ${m.scope}` : "measurement unknown",
-    m ? `${Math.floor(Math.max(0, ageMs) / 1000)}s ago; ${row2.freshness}` : ""
+    ...s.performance ? [
+      "TPS: tokens per second. TTFT: time to first output (text or reasoning); approximate.",
+      "Live TPS is estimated; completed rates use provider output including reasoning and matched timing.",
+      "Model average uses matched request durations; session average includes idle and tool time.",
+      ...s.performance.partial ? [
+        "Incomplete timing coverage for model averages; only matched observed durations are included."
+      ] : []
+    ] : []
   ];
   if (expanded)
-    lines.push(`Policy ${s.policy.id}: ${s.policy.reason}`, `Limits in/context/out ${quantity(s.limits?.input)}/${quantity(s.limits?.context)}/${quantity(s.limits?.output)}`, `Output reserve ${quantity(s.outputReserveTokens)}`, `Provenance ${m?.provenance ?? "?"}`, `Cooldown until ${s.compaction.cooldownUntil ?? "?"}`, `Cumulative (${s.cumulativeScope})`, `Input ${quantity(s.cumulative?.input)} output ${quantity(s.cumulative?.output)}`, `Reasoning ${quantity(s.cumulative?.reasoning)}`, `Cache read ${quantity(s.cumulative?.cache.read)} write ${quantity(s.cumulative?.cache.write)}`);
+    lines.push("Diagnostic codes and accounting:", `Compaction phase: ${s.compaction.phase}`, `Armed: ${s.compaction.armed} (one eligibility condition, not permission to compact)`, `Blocked reason: ${s.compaction.blockedReason ?? "?"}`, `Measurement confidence: ${m?.confidence ?? "?"}`, `Measurement scope: ${m?.scope ?? "?"}`, `Measurement freshness: ${row2.freshness}`, `Trigger ${threshold.type === "ratio" ? `${threshold.value * 100}%` : `${threshold.value} ${threshold.type}`} (${s.policy.comparison})`, `Resolved trigger ${s.policy.triggerTokens ?? "?"}`, `Policy ${s.policy.id}: ${s.policy.reason}`, `Pressure code: ${row2.pressure}`, `Recorded tokens: ${quantity(m?.tokens)}`, `Limits in/context/out ${quantity(s.limits?.input)}/${quantity(s.limits?.context)}/${quantity(s.limits?.output)}`, `Output reserve ${quantity(s.outputReserveTokens)}`, `Provenance ${m?.provenance ?? "?"}`, `Cooldown until ${s.compaction.cooldownUntil ?? "?"}`, `Cumulative (${s.cumulativeScope})`, `Input ${quantity(s.cumulative?.input)} output ${quantity(s.cumulative?.output)}`, `Reasoning ${quantity(s.cumulative?.reasoning)}`, `Cache read ${quantity(s.cumulative?.cache.read)} write ${quantity(s.cumulative?.cache.write)}`);
   return lines.filter(Boolean).flatMap((line) => wrap(line, width));
 }
 function sanitize(value) {
@@ -944,15 +1183,86 @@ function performanceLines(row2, width) {
     ...wrap(`TTFT ${p.ttftMs === undefined ? "?" : `~${(p.ttftMs / 1000).toFixed(2)}s`}${p.latestRequestTps === undefined ? "" : ` \xB7 Last ${value(p.latestRequestTps)} t/s`}`, width)
   ];
 }
-var segmenter, statuses;
+var segmenter;
 var init_format = __esm(() => {
+  init_statusformat();
   segmenter = new Intl.Segmenter(undefined, { granularity: "grapheme" });
-  statuses = {
+});
+
+// src/tui/panelformat.ts
+function panelSummary(row2, width, age, compact = false) {
+  if (!row2)
+    return [clip("No sessions available \xB7 r refresh", width)];
+  const snapshot = row2.snapshot;
+  const valid2 = row2.freshness === "fresh" || row2.freshness === "stale";
+  const prefix = row2.freshness === "stale" ? "Last measured" : "Context";
+  const percent = `${row2.utilizationPercent === undefined ? "?" : Math.round(row2.utilizationPercent)}%`;
+  const estimate = valid2 && snapshot?.measurement?.confidence === "approximate" ? "~" : "";
+  const identity = `${width < 28 ? ">" : "Selected:"} ${row2.node.agent ?? row2.node.sessionId}${row2.current ? width < 28 ? " *" : " (current)" : ""}`;
+  const threshold = `Threshold ${tokens(snapshot?.policy.triggerTokens)} \xB7 ${thresholdDistance(row2)}`;
+  const occupancy = compact ? `${prefix} ${estimate}${percent}` : `${prefix} ${estimate}${tokens(valid2 ? snapshot?.measurement?.tokens : undefined)}/${tokens(snapshot?.capacityTokens)} \xB7 ${percent}`;
+  return [
+    clip(identity, width),
+    clip(occupancy, width),
+    ...!compact ? [
+      clip(cells(threshold) <= width ? threshold : thresholdDistance(row2), width),
+      clip(`${row2.node.model ?? snapshot?.model ?? "Model unknown"} \xB7 ${panelStatuses[row2.node.status]}`, width),
+      ...wrap(measurementLabel(row2, age), width)
+    ] : []
+  ];
+}
+function tableLine(identity, status, context, threshold, width) {
+  const pad = (value, size) => {
+    const text2 = clip(value, size);
+    return text2 + " ".repeat(Math.max(0, size - cells(text2)));
+  };
+  return `${pad(identity, width - 47)} ${pad(status, 8)} ${pad(context, 7)} ${pad(threshold, 29)}`;
+}
+function panelRowHeading(label, width) {
+  return width >= 72 ? tableLine(label, "State", "Context", "Threshold", width) : clip(label, width);
+}
+function panelRowLines(row2, width, selected) {
+  const marker = `${selected ? ">" : " "}${row2.current ? "*" : " "}`;
+  const indent = " ".repeat(Math.min(row2.depth, Math.floor(width / 24))) + (row2.depth ? "\u2514 " : "");
+  const identity = `${marker} ${indent}${row2.node.agent ?? row2.node.sessionId}`;
+  const percent = `${(row2.freshness === "fresh" || row2.freshness === "stale") && row2.snapshot?.measurement?.confidence === "approximate" ? "~" : ""}${row2.utilizationPercent === undefined ? "?" : Math.round(row2.utilizationPercent)}%`;
+  const status = width < 28 ? {
     running: "RUN",
     idle: "IDLE",
     completed: "DONE",
     failed: "FAIL",
     unknown: "?"
+  }[row2.node.status] : panelStatuses[row2.node.status];
+  const distance = thresholdDistance(row2, true);
+  const pad = (value, size) => {
+    const text2 = clip(value, size);
+    return text2 + " ".repeat(Math.max(0, size - cells(text2)));
+  };
+  const lines = width >= 72 ? [tableLine(identity, status, percent, distance, width)] : [
+    `${pad(identity, Math.max(1, width - status.length - 1))} ${status}`,
+    clip(`${percent} context \xB7 ${distance}`, width)
+  ];
+  const exception = [
+    freshnessLabel(row2),
+    compactionLabel(row2),
+    row2.node.interrupted ? "interrupted" : "",
+    row2.hidden ? `+${row2.hidden} hidden \xB7 Space expands` : ""
+  ].filter(Boolean).join(" \xB7 ");
+  if (exception)
+    lines.push(...wrap(exception, width));
+  return lines.map((line) => clip(line, width));
+}
+var panelStatuses;
+var init_panelformat = __esm(() => {
+  init_format();
+  init_statusformat();
+  init_statusformat();
+  panelStatuses = {
+    running: "RUNNING",
+    idle: "IDLE",
+    completed: "DONE",
+    failed: "FAILED",
+    unknown: "UNKNOWN"
   };
 });
 
@@ -1067,15 +1377,15 @@ var init_chartformat = __esm(() => {
 
 // src/tui.tsx
 import { effect as _$effect5 } from "@opentui/solid";
-import { createTextNode as _$createTextNode3 } from "@opentui/solid";
-import { insertNode as _$insertNode5 } from "@opentui/solid";
+import { insert as _$insert5 } from "@opentui/solid";
 import { setProp as _$setProp5 } from "@opentui/solid";
 import { createElement as _$createElement5 } from "@opentui/solid";
-import { createComponent as _$createComponent5 } from "@opentui/solid";
+import { createComponent as _$createComponent6 } from "@opentui/solid";
 import { Plugin } from "@opencode/plugin/tui";
 import { Show as Show4 } from "solid-js";
 
 // src/tui/state.ts
+init_historyclient();
 init_rpc();
 import { createSignal } from "solid-js";
 
@@ -1214,6 +1524,21 @@ function contextChart(samples, capacity, trigger, width, now) {
 init_transport();
 
 // src/tui/inventory.ts
+function inventoryStatus(inventory, limit, scanning, failed) {
+  const discovered = inventory?.sessions.size ?? 0;
+  const pending = inventory?.pending.length ?? 0;
+  return {
+    discovered,
+    limit,
+    scanning,
+    failed,
+    damaged: inventory?.damaged ?? false,
+    pending,
+    pages: inventory?.pages ?? 0,
+    complete: !failed && (inventory?.complete ?? false),
+    canLoadMore: !scanning && pending > 0 && discovered < 2048
+  };
+}
 async function discoverFamily(client, currentId, signal, cached, maxNodes = 1024, previous) {
   const sessions = new Map(previous?.sessions);
   let damaged = previous?.damaged ?? false, pages = 0, rootId = previous?.rootId ?? currentId;
@@ -1367,7 +1692,7 @@ function createGuardState(context) {
     inventory = undefined;
     evidence.clear();
     maxNodes = 1024;
-    let scanFailed2 = false;
+    scanFailed = false;
     notify();
     scan();
   }
@@ -1382,6 +1707,7 @@ function createGuardState(context) {
       controller.signal,
       AbortSignal.timeout(15000)
     ]);
+    notify();
     try {
       const next = await discoverFamily(context.client, currentId, signal, (id) => context.data.session.get(id), maxNodes, more ? inventory : undefined);
       if (signal.aborted || generation !== scanGeneration)
@@ -1442,8 +1768,10 @@ function createGuardState(context) {
         notify();
       }
     } finally {
-      if (generation === scanGeneration)
+      if (generation === scanGeneration) {
         scanning = false;
+        notify();
+      }
     }
   }
   function acquire(id) {
@@ -1555,14 +1883,20 @@ function createGuardState(context) {
   return {
     version,
     acquire,
-    async history(id, from, to, signal) {
+    historyLocation(id) {
+      version();
       const info = inventory?.sessions.get(id);
-      if (!info)
-        throw new Error("Session location unavailable");
-      const result = await context.client.rpc(historyRpc).read({ schemaVersion: 1, sessionId: id, from, to, maxPoints: 240 }, { location: info.location, signal });
-      if (!isHistoryResult(result))
-        throw new Error("Incompatible history service");
-      return result;
+      return info ? locationKey(info.location) : "unknown";
+    },
+    async history(id, from, to, signal) {
+      try {
+        const info = inventory?.sessions.get(id);
+        if (!info)
+          throw new Error("Session location unavailable");
+        return checkedHistory(await context.client.rpc(historyRpc).read({ schemaVersion: 1, sessionId: id, from, to, maxPoints: 240 }, { location: info.location, signal }), id);
+      } catch (error) {
+        throw historyFailure(error, signal);
+      }
     },
     rows,
     contextTrace: (row2) => contextTraces.update(row2),
@@ -1586,7 +1920,11 @@ function createGuardState(context) {
     },
     complete() {
       version();
-      return inventory?.complete ?? false;
+      return !scanFailed && (inventory?.complete ?? false);
+    },
+    inventoryStatus() {
+      version();
+      return inventoryStatus(inventory, maxNodes, scanning, scanFailed);
     },
     refresh() {
       scan();
@@ -1594,6 +1932,8 @@ function createGuardState(context) {
         c.refresh();
     },
     loadMore() {
+      if (!inventoryStatus(inventory, maxNodes, scanning, scanFailed).canLoadMore)
+        return;
       maxNodes = Math.min(2048, maxNodes + 1024);
       scan(true);
     },
@@ -1620,19 +1960,12 @@ function sameLocation(a, b) {
 }
 
 // src/tui/sidebar.tsx
-init_format();
-import { effect as _$effect2 } from "@opentui/solid";
 import { createComponent as _$createComponent2 } from "@opentui/solid";
-import { insert as _$insert2 } from "@opentui/solid";
-import { createTextNode as _$createTextNode2 } from "@opentui/solid";
-import { insertNode as _$insertNode2 } from "@opentui/solid";
-import { memo as _$memo2 } from "@opentui/solid";
-import { setProp as _$setProp2 } from "@opentui/solid";
-import { createElement as _$createElement2 } from "@opentui/solid";
-import { For as For2, createEffect as createEffect2, createMemo as createMemo2, onCleanup, Show as Show2 } from "solid-js";
+import { createEffect as createEffect2, createMemo as createMemo2, onCleanup } from "solid-js";
 
 // src/tui/compact.tsx
 init_format();
+init_statusformat();
 import { createTextNode as _$createTextNode } from "@opentui/solid";
 import { insertNode as _$insertNode } from "@opentui/solid";
 import { setProp as _$setProp } from "@opentui/solid";
@@ -1645,16 +1978,8 @@ import { For, Index, Show, createEffect, createMemo, createSignal as createSigna
 
 // src/tui/compactformat.ts
 init_format();
-function tokens(value) {
-  if (value === undefined || !Number.isFinite(value))
-    return "?";
-  const magnitude = Math.abs(value);
-  if (magnitude >= 1e6)
-    return `${+(value / 1e6).toFixed(1)}M`;
-  if (magnitude >= 1000)
-    return `${+(value / 1000).toFixed(1)}K`;
-  return String(value);
-}
+init_panelformat();
+init_statusformat();
 function columns(left, right, width) {
   if (cells(left) + cells(right) + 1 > width)
     return [...wrap(left, width), ...wrap(right, width)];
@@ -1667,73 +1992,64 @@ function progress(ratio, width) {
   const filled = valid2 ? Math.round(Math.min(1, ratio) * size) : 0;
   return clip("\u2588".repeat(filled) + "\u2591".repeat(size - filled) + " " + label, width);
 }
-function mainSections(row2, width, age, samples, chartCapacity) {
+function mainSections(row2, width, age) {
   if (!row2)
     return [{ tone: "base", lines: wrap("Loading session family...", width) }];
   const s = row2.snapshot, m = s?.measurement;
   const valid2 = row2.freshness === "fresh" || row2.freshness === "stale";
   const measured = valid2 ? m?.tokens : undefined;
-  const ratio = (total) => measured !== undefined && total !== undefined && total > 0 ? measured / total : undefined;
-  const remaining = measured !== undefined && s?.policy.triggerTokens !== undefined ? s.policy.triggerTokens - measured : undefined;
+  const ratio = measured !== undefined && s?.capacityTokens !== undefined && s.capacityTokens > 0 ? measured / s.capacityTokens : undefined;
+  const lifecycle = compactionLabel(row2);
   return [
-    ...row2.snapshot?.performance ? [{ tone: "base", lines: performanceLines(row2, width) }] : [],
     {
       tone: "execution",
       lines: columns(`${row2.node.agent ?? s?.agent ?? "Main"} \xB7 ${row2.node.model ?? s?.model ?? "?"}`, row2.node.status.toUpperCase(), width)
     },
     {
       tone: "base",
-      lines: [
-        "",
-        ...columns("Context", `${tokens(measured)} / ${tokens(s?.capacityTokens)}`, width)
-      ]
-    },
-    ...contextChart(samples ?? (m && valid2 ? [{ at: m.at, tokens: m.tokens }] : []), s?.capacityTokens ?? chartCapacity, s?.policy.triggerTokens, width, m ? m.at + age : s?.observedAt === undefined ? undefined : s.observedAt + age).map(({ line, threshold, segments }) => ({
-      tone: threshold ? "threshold" : "pressure",
-      lines: [line],
-      ...segments ? { segments } : {}
-    })),
-    ...samples?.some((sample) => sample.held) || m && age > 2500 ? [
-      {
-        tone: "measurement",
-        lines: wrap("muted held \xB7 last known context", width)
-      }
-    ] : [],
-    {
-      tone: "base",
-      lines: wrap(`${ratio(s?.capacityTokens) === undefined ? "?" : Math.round((ratio(s?.capacityTokens) ?? 0) * 100)}% used \xB7 recent samples \u2192 now`, width)
-    },
-    {
-      tone: "base",
-      lines: [
-        "",
-        ...columns("Compact threshold", `${tokens(measured)} / ${tokens(s?.policy.triggerTokens)}`, width)
-      ]
+      lines: columns(row2.freshness === "stale" ? "Last measured" : "Context", `${m?.confidence === "approximate" && valid2 ? "~" : ""}${tokens(measured)} / ${tokens(s?.capacityTokens)}`, width)
     },
+    { tone: "measurement", lines: [progress(ratio, width)] },
     {
       tone: "pressure",
       lines: [
-        ...wrap(`${ratio(s?.policy.triggerTokens) === undefined ? "?" : Math.round((ratio(s?.policy.triggerTokens) ?? 0) * 100)}% of threshold \xB7 \u2504 trigger`, width),
-        ...s?.capacityTokens !== undefined && s.policy.triggerTokens !== undefined && s.policy.triggerTokens > s.capacityTokens ? wrap("Threshold above chart capacity", width) : [],
-        ...wrap(remaining === undefined ? "Compaction distance unknown" : remaining < 0 ? `${tokens(-remaining)} tokens over threshold` : `${tokens(remaining)} tokens until compaction`, width)
+        ...wrap(thresholdDistance(row2), width),
+        ...["near", "crossed"].includes(row2.pressure) && row2.freshness === "fresh" ? wrap(pressureLabel(row2), width) : [],
+        ...s?.capacityTokens !== undefined && s.policy.triggerTokens !== undefined && s.policy.triggerTokens > s.capacityTokens ? wrap("Threshold above capacity", width) : []
       ]
     },
     {
       tone: "measurement",
-      lines: [
-        "",
-        ...wrap(`Measurement: ${m?.confidence ?? "unknown"}${m ? ` \xB7 ${Math.floor(Math.max(0, age) / 1000)}s ago` : ""}${row2.freshness !== "fresh" ? ` \xB7 ${row2.freshness.toUpperCase()}` : ""}`, width)
-      ]
+      lines: wrap(measurementLabel(row2, age), width)
     },
     {
       tone: "base",
       lines: [
-        ...s && s.compaction.phase !== "idle" ? wrap(`Compact: ${s.compaction.phase}`, width) : [],
+        ...lifecycle ? wrap(lifecycle, width) : [],
+        ...row2.node.interrupted ? wrap("Interrupted", width) : [],
         ...!s ? wrap("Guard: not monitored / unavailable", width) : []
       ]
     }
   ];
 }
+function historySections(row2, width, age, samples, chartCapacity) {
+  const s = row2?.snapshot, m = s?.measurement;
+  return [
+    ...contextChart(samples, s?.capacityTokens ?? chartCapacity, s?.policy.triggerTokens, width, m ? m.at + age : s ? s.observedAt + age : undefined).map(({ line, threshold, segments }) => ({
+      tone: threshold ? "threshold" : "measurement",
+      lines: [line],
+      ...segments ? { segments } : {}
+    })),
+    {
+      tone: "measurement",
+      lines: contextHistoryLegend.flatMap((line) => wrap(line, width))
+    },
+    {
+      tone: "pressure",
+      lines: wrap(`Policy threshold ${tokens(s?.policy.triggerTokens)} \xB7 ${row2?.freshness === "fresh" && row2.pressureRatio !== undefined ? Math.round(row2.pressureRatio * 100) : "?"}% of threshold`, width)
+    }
+  ];
+}
 var statusSymbol = {
   running: "\u25CF",
   idle: "\u25CC",
@@ -1742,27 +2058,31 @@ var statusSymbol = {
   failed: "\u2715"
 };
 function agentHeading(row2, width) {
-  const name = `${statusSymbol[row2.node.status]} ${row2.node.agent ?? row2.node.sessionId}`;
-  const percent = row2.utilizationPercent === undefined ? "?%" : `${Math.round(row2.utilizationPercent)}%`;
-  return cells(name) + cells(percent) + 1 <= width ? columns(name, percent, width)[0] ?? "" : clip(name, width);
+  return clip(`${statusSymbol[row2.node.status]} ${row2.node.agent ?? row2.node.sessionId}`, width);
 }
 function agentLines(row2, width) {
   const valid2 = row2.freshness === "fresh" || row2.freshness === "stale";
-  const measured = valid2 ? row2.snapshot?.measurement?.tokens : undefined;
-  const capacity = row2.snapshot?.capacityTokens;
-  const pressure = row2.pressure === "crossed" ? "CRITICAL" : row2.pressure === "near" ? "WARNING" : "";
+  const percent = valid2 && row2.utilizationPercent !== undefined ? `${Math.round(row2.utilizationPercent)}%` : "?%";
+  const estimate = valid2 && row2.snapshot?.measurement?.confidence === "approximate" ? "~" : "";
+  const context = `${row2.freshness === "stale" ? "Last measured" : "Context"} ${estimate}${percent}`;
+  const pressure = pressureLabel(row2);
+  const full = `${context} \xB7 ${pressure}`;
+  const short = `${row2.freshness === "stale" ? "Last measured" : "Ctx"} ${estimate}${percent} \xB7 ${pressure === "Below threshold" ? "Threshold below" : pressure}`;
+  const lifecycle = compactionLabel(row2);
   return [
-    ...performanceLines(row2, width),
-    progress(measured !== undefined && capacity !== undefined && capacity > 0 ? measured / capacity : undefined, width),
-    ...wrap(`${tokens(measured)} / ${tokens(capacity)}${pressure ? ` \xB7 ${pressure}` : ""}`, width),
-    ...wrap(`${row2.node.status.toUpperCase()}${row2.freshness !== "fresh" ? ` \xB7 ${row2.freshness.toUpperCase()}` : ""}${row2.node.interrupted ? " \xB7 interrupted" : ""}`, width),
-    ...row2.snapshot && row2.snapshot.compaction.phase !== "idle" ? wrap(`Compact: ${row2.snapshot.compaction.phase}`, width) : []
+    ...wrap(cells(full) <= width ? full : short, width),
+    ...row2.node.status === "failed" || row2.node.status === "unknown" ? wrap(row2.node.status.toUpperCase(), width) : [],
+    ...row2.freshness !== "fresh" ? wrap(freshnessLabel(row2) ?? "", width) : [],
+    ...row2.node.interrupted ? wrap("Interrupted", width) : [],
+    ...lifecycle ? wrap(lifecycle, width) : []
   ];
 }
-function subagentTree(rows, sessionID, collapsed, hideCompleted, byPressure) {
+function subagentTree(rows, sessionID, collapsed, hideCompleted, byPressure, trustworthy = true) {
   const children = new Map;
-  for (const row2 of rows) {
-    if (!row2.node.parentId || row2.node.sessionId === sessionID)
+  const unique = new Map(rows.map((row2) => [row2.node.sessionId, row2]));
+  let complete = unique.size <= 2048;
+  for (const row2 of [...unique.values()].slice(0, 2048)) {
+    if (!row2.node.parentId)
       continue;
     const list = children.get(row2.node.parentId) ?? [];
     list.push(row2);
@@ -1771,41 +2091,79 @@ function subagentTree(rows, sessionID, collapsed, hideCompleted, byPressure) {
   const seen = new Set([sessionID]);
   const all = [];
   const build = (id, depth) => {
-    if (depth > 64)
-      return [];
+    if (depth > 64) {
+      const safe2 = !children.get(id)?.length;
+      if (!safe2)
+        complete = false;
+      return { branches: [], safe: safe2 };
+    }
+    let safe = true;
     const branches2 = [];
     for (const row2 of children.get(id) ?? []) {
-      if (seen.has(row2.node.sessionId))
+      if (seen.has(row2.node.sessionId)) {
+        safe = false;
+        complete = false;
         continue;
+      }
       seen.add(row2.node.sessionId);
       all.push(row2);
       const nested = build(row2.node.sessionId, depth + 1);
-      if (hideCompleted && row2.node.status === "completed" && !nested.length)
-        continue;
+      const branchSafe = nested.safe && row2.hidden === 0;
+      safe &&= branchSafe;
+      complete &&= branchSafe;
+      const eligible = trustworthy && unique.size <= 2048 && branchSafe && row2.node.status === "completed" && row2.freshness === "fresh" && row2.pressure === "normal" && row2.snapshot?.compaction.phase === "idle" && !row2.node.interrupted && nested.branches.every((b) => b.eligible);
       branches2.push({
         row: row2,
-        children: nested,
-        active: row2.node.status === "running" || nested.some((b) => b.active),
-        pressure: Math.max(row2.pressureRatio ?? -1, ...nested.map((b) => b.pressure))
+        children: nested.branches,
+        eligible,
+        active: row2.node.status === "running" || nested.branches.some((b) => b.active),
+        pressure: Math.max(row2.pressureRatio ?? -1, ...nested.branches.map((b) => b.pressure)),
+        size: 1 + nested.branches.reduce((sum, b) => sum + b.size, 0),
+        attention: !eligible || nested.branches.some((b) => b.attention)
       });
     }
-    return branches2.sort((a, b) => Number(b.active) - Number(a.active) || (byPressure ? b.pressure - a.pressure : 0));
+    return {
+      safe,
+      branches: branches2.sort((a, b) => Number(b.active) - Number(a.active) || (byPressure ? b.pressure - a.pressure : 0))
+    };
   };
-  const branches = build(sessionID, 0);
+  const { branches } = build(sessionID, 0);
   const visible = [];
+  let grouped = 0;
+  const count2 = (items) => {
+    for (const item of items) {
+      if (item.eligible)
+        grouped++;
+      count2(item.children);
+    }
+  };
+  count2(branches);
   const visit = (items, depth) => {
     for (const item of items) {
+      if (hideCompleted && item.eligible)
+        continue;
+      const folded = collapsed.has(item.row.node.sessionId);
       visible.push({
         row: item.row,
         depth,
-        hasChildren: !!item.children.length
+        hasChildren: !!item.children.length,
+        hidden: folded ? item.size - 1 : 0,
+        attention: folded && item.children.some((b) => b.attention)
       });
-      if (!collapsed.has(item.row.node.sessionId))
+      if (!folded)
         visit(item.children, depth + 1);
     }
   };
   visit(branches, 0);
-  return { all, visible };
+  return { all, visible, grouped, complete };
+}
+function routeFamily(rows, sessionID) {
+  const tree = subagentTree(rows, sessionID, new Set, false, false, false);
+  const root = rows.find((row2) => row2.node.sessionId === sessionID);
+  return {
+    rows: [...root ? [root] : [], ...tree.all],
+    complete: !!root && root.hidden === 0 && tree.complete
+  };
 }
 function statistics(rows, sessionID, complete, width) {
   const sum = (value) => {
@@ -1825,15 +2183,19 @@ function CompactSidebar(props) {
   const [measuredWidth, setMeasuredWidth] = createSignal2(props.width);
   const width = () => Math.max(1, Math.min(props.width, measuredWidth()) - 4);
   const [collapsed, setCollapsed] = createSignal2(new Set);
-  const [hideCompleted, setHideCompleted] = createSignal2(false);
+  const [hideCompleted, setHideCompleted] = createSignal2(true);
+  const [showHistory, setShowHistory] = createSignal2(false);
   const [byPressure, setByPressure] = createSignal2(true);
   createEffect(() => {
     props.sessionID;
     setCollapsed(new Set);
+    setShowHistory(false);
   });
   const current = createMemo(() => props.rows.find((r) => r.node.sessionId === props.sessionID));
   const trace = createMemo(() => props.state.contextTrace(current()));
-  const tree = createMemo(() => subagentTree(props.rows, props.sessionID, collapsed(), hideCompleted(), byPressure()));
+  const inventory = createMemo(() => props.state.inventoryStatus());
+  const trustworthy = () => inventory().complete && !inventory().scanning && !inventory().failed && !inventory().damaged;
+  const tree = createMemo(() => subagentTree(props.rows, props.sessionID, collapsed(), hideCompleted(), byPressure(), trustworthy()));
   const entries = createMemo(() => new Map(tree().visible.map((entry) => [entry.row.node.sessionId, entry])));
   const toggle = (id) => setCollapsed((previous) => {
     const next = new Set(previous);
@@ -1844,13 +2206,21 @@ function CompactSidebar(props) {
     return next;
   });
   const toggleCompleted = () => setHideCompleted((value) => !value);
+  const toggleHistory = () => setShowHistory((value) => !value);
   const toggleSort = () => setByPressure((value) => !value);
   const toggleGroups = () => setCollapsed((previous) => previous.size ? new Set : new Set(tree().all.map((r) => r.node.sessionId)));
   props.context.keymap.layer(() => ({
     mode: "global",
     commands: [{
+      id: "context-guard.history",
+      title: "Show or hide sidebar context history",
+      group: "Context Guard",
+      palette: true,
+      bind: false,
+      run: toggleHistory
+    }, {
       id: "context-guard.completed",
-      title: "Toggle completed subagents",
+      title: "Show or hide completed subagent group",
       group: "Context Guard",
       palette: true,
       bind: false,
@@ -1894,45 +2264,21 @@ function CompactSidebar(props) {
       })()
     });
   }
-  const section = (title) => {
-    const head = cells(`\u2500\u2500 ${title} `) > width() ? title : `\u2500\u2500 ${title} `;
-    return clip(head, width()) + "\u2500".repeat(Math.max(0, width() - cells(head)));
-  };
-  const notices = createMemo(() => [...!["2.0.29", "2.1.2"].includes(props.context.app.version) ? wrap(`Runtime ${props.context.app.version}: unverified`, width()) : [], ...props.state.connection() !== "live" ? wrap(`Connection: ${props.state.connection()}`, width()) : [], ...props.state.health()?.mode === "observe" ? ["Observe mode"] : [], ...props.state.health()?.enforcement === "disabled" || props.state.health()?.enforcement === "suspended" ? wrap(`Guard: ${props.state.health()?.enforcement}`, width()) : [], ...(props.state.health()?.reasons ?? []).flatMap((reason) => wrap(reason, width()))]);
-  return (() => {
-    var _el$2 = _$createElement("box"), _el$3 = _$createElement("text"), _el$5 = _$createElement("text"), _el$6 = _$createElement("text"), _el$8 = _$createElement("text"), _el$9 = _$createElement("text"), _el$0 = _$createElement("text"), _el$1 = _$createElement("text"), _el$11 = _$createElement("text"), _el$12 = _$createElement("text");
-    _$insertNode(_el$2, _el$3);
-    _$insertNode(_el$2, _el$5);
-    _$insertNode(_el$2, _el$6);
-    _$insertNode(_el$2, _el$8);
-    _$insertNode(_el$2, _el$9);
-    _$insertNode(_el$2, _el$0);
-    _$insertNode(_el$2, _el$1);
-    _$insertNode(_el$2, _el$11);
-    _$insertNode(_el$2, _el$12);
-    _$setProp(_el$2, "width", "100%");
-    _$setProp(_el$2, "flexShrink", 0);
-    _$setProp(_el$2, "border", true);
-    _$setProp(_el$2, "borderStyle", "rounded");
-    _$setProp(_el$2, "title", " CONTEXT GUARD ");
-    _$setProp(_el$2, "paddingX", 1);
-    _$setProp(_el$2, "flexDirection", "column");
-    _$setProp(_el$2, "onSizeChange", function() {
-      setMeasuredWidth(this.width);
-    });
-    _$insert(_el$2, _$createComponent(Index, {
+  const notices = createMemo(() => [...!["2.0.29", "2.1.2"].includes(props.context.app.version) ? wrap(`Runtime ${props.context.app.version}: unverified`, width()) : [], ...[connectionLabel(props.state.connection(), width() < 28), ...monitorStatusLines(props.state.connection(), props.state.health(), props.rows.some((row2) => row2.snapshot?.measurement !== undefined), width() < 28)].flatMap((line) => wrap(line, width()))]);
+  function Sections(input) {
+    return _$createComponent(Index, {
       get each() {
-        return mainSections(current(), width(), props.state.age(props.sessionID), trace().samples, trace().capacity);
+        return input.sections;
       },
-      children: (section2) => _$createComponent(Index, {
+      children: (section) => _$createComponent(Index, {
         get each() {
-          return section2().lines;
+          return section().lines;
         },
         children: (line) => (() => {
-          var _el$13 = _$createElement("text");
-          _$insert(_el$13, _$createComponent(Show, {
+          var _el$2 = _$createElement("text");
+          _$insert(_el$2, _$createComponent(Show, {
             get when() {
-              return section2().segments;
+              return section().segments;
             },
             get fallback() {
               return line() || " ";
@@ -1940,51 +2286,86 @@ function CompactSidebar(props) {
             get children() {
               return _$createComponent(For, {
                 get each() {
-                  return section2().segments;
+                  return section().segments;
                 },
                 children: (part) => (() => {
-                  var _el$14 = _$createElement("span");
-                  _$insert(_el$14, () => part.text);
-                  _$effect((_$p) => _$setProp(_el$14, "style", {
+                  var _el$3 = _$createElement("span");
+                  _$insert(_el$3, () => part.text);
+                  _$effect((_$p) => _$setProp(_el$3, "style", {
                     fg: part.tone === "axis" || part.tone === "held" ? colors().muted : part.tone === "threshold" ? colors().feedback.warning.base : current()?.freshness === "fresh" ? colors().base : colors().muted
                   }, _$p));
-                  return _el$14;
+                  return _el$3;
                 })()
               });
             }
           }));
-          _$effect((_$p) => _$setProp(_el$13, "fg", section2().tone === "execution" ? executionColor(current()) : section2().tone === "threshold" ? colors().feedback.warning.base : section2().tone === "pressure" ? pressureColor(current()) : section2().tone === "measurement" ? current()?.freshness === "fresh" ? colors().muted : colors().feedback.warning.base : colors().base, _$p));
-          return _el$13;
+          _$effect((_$p) => _$setProp(_el$2, "fg", section().tone === "execution" ? executionColor(current()) : section().tone === "threshold" ? colors().feedback.warning.base : section().tone === "pressure" ? pressureColor(current()) : section().tone === "measurement" ? current()?.freshness === "fresh" ? colors().muted : colors().feedback.warning.base : colors().base, _$p));
+          return _el$2;
         })()
       })
-    }), _el$3);
-    _$insert(_el$2, _$createComponent(Index, {
+    });
+  }
+  return (() => {
+    var _el$4 = _$createElement("box"), _el$5 = _$createElement("text"), _el$6 = _$createElement("text"), _el$8 = _$createElement("text"), _el$9 = _$createElement("text");
+    _$insertNode(_el$4, _el$5);
+    _$insertNode(_el$4, _el$6);
+    _$insertNode(_el$4, _el$8);
+    _$insertNode(_el$4, _el$9);
+    _$setProp(_el$4, "width", "100%");
+    _$setProp(_el$4, "flexShrink", 0);
+    _$setProp(_el$4, "border", true);
+    _$setProp(_el$4, "borderStyle", "rounded");
+    _$setProp(_el$4, "title", " CONTEXT GUARD ");
+    _$setProp(_el$4, "paddingX", 1);
+    _$setProp(_el$4, "flexDirection", "column");
+    _$setProp(_el$4, "onSizeChange", function() {
+      setMeasuredWidth(this.width);
+    });
+    _$insert(_el$4, _$createComponent(Sections, {
+      get sections() {
+        return mainSections(current(), width(), props.state.age(props.sessionID));
+      }
+    }), _el$5);
+    _$insert(_el$4, _$createComponent(Index, {
       get each() {
         return notices();
       },
       children: (line) => (() => {
-        var _el$15 = _$createElement("text");
-        _$insert(_el$15, line);
-        _$effect((_$p) => _$setProp(_el$15, "fg", colors().feedback.warning.base, _$p));
-        return _el$15;
+        var _el$0 = _$createElement("text");
+        _$insert(_el$0, line);
+        _$effect((_$p) => _$setProp(_el$0, "fg", colors().feedback.warning.base, _$p));
+        return _el$0;
       })()
-    }), _el$3);
-    _$insertNode(_el$3, _$createTextNode(` `));
-    _$insert(_el$5, () => section(`SUBAGENTS (${tree().all.length})`));
-    _$insert(_el$2, _$createComponent(Lines, {
+    }), _el$5);
+    _$setProp(_el$5, "onMouseDown", () => props.context.ui.panel.open("context-guard.monitor"));
+    _$insert(_el$5, () => clip("Open: /context-guard", width()));
+    _$setProp(_el$6, "onMouseDown", toggleHistory);
+    _$insert(_el$6, () => clip(showHistory() ? "History: hide" : "History: show", width()));
+    _$insert(_el$4, _$createComponent(Show, {
+      get when() {
+        return showHistory();
+      },
+      get children() {
+        return _$createComponent(Sections, {
+          get sections() {
+            return historySections(current(), width(), props.state.age(props.sessionID), trace().samples, trace().capacity);
+          }
+        });
+      }
+    }), _el$8);
+    _$insert(_el$4, _$createComponent(Lines, {
       get lines() {
-        return wrap(`${tree().all.filter((r) => r.node.status === "running").length} running \xB7 ${tree().all.filter((r) => r.node.status === "completed").length} completed${props.state.complete() ? "" : " \xB7 partial"}`, width());
+        return wrap(`SUBAGENTS (${tree().all.length}) \xB7 ${tree().all.filter((r) => r.node.status === "running").length} running${trustworthy() && tree().complete ? "" : " \xB7 partial"}`, width());
       }
-    }), _el$6);
-    _$insertNode(_el$6, _$createTextNode(` `));
-    _$insert(_el$2, _$createComponent(For, {
+    }), _el$8);
+    _$insert(_el$4, _$createComponent(For, {
       get each() {
         return tree().visible.map((entry) => entry.row.node.sessionId);
       },
       children: (id) => {
         const entry = () => entries().get(id);
         const row2 = () => entry()?.row;
-        const indent = () => " ".repeat(Math.min(entry()?.depth ?? 0, Math.floor(width() / 6)) * 2);
+        const indent = () => " ".repeat(Math.min((entry()?.depth ?? 0) * 2, Math.max(0, width() - 16)));
         const prefix = () => `${indent()}${entry()?.depth ? "\u2514\u2500 " : ""}${entry()?.hasChildren ? collapsed().has(id) ? "\u25B8 " : "\u25BE " : ""}`;
         const nameWidth = () => Math.max(1, width() - cells(prefix()));
         return _$createComponent(Show, {
@@ -1992,90 +2373,99 @@ function CompactSidebar(props) {
             return row2();
           },
           children: (item) => (() => {
-            var _el$16 = _$createElement("box"), _el$17 = _$createElement("box"), _el$19 = _$createElement("text"), _el$20 = _$createElement("span"), _el$21 = _$createElement("span"), _el$22 = _$createElement("text");
-            _$insertNode(_el$16, _el$17);
-            _$insertNode(_el$16, _el$22);
-            _$setProp(_el$16, "flexDirection", "column");
-            _$setProp(_el$16, "flexShrink", 0);
-            _$insertNode(_el$17, _el$19);
-            _$setProp(_el$17, "flexDirection", "row");
-            _$setProp(_el$17, "flexShrink", 0);
-            _$insert(_el$17, _$createComponent(Show, {
+            var _el$1 = _$createElement("box"), _el$10 = _$createElement("box"), _el$12 = _$createElement("text"), _el$13 = _$createElement("span"), _el$14 = _$createElement("span");
+            _$insertNode(_el$1, _el$10);
+            _$setProp(_el$1, "flexDirection", "column");
+            _$setProp(_el$1, "flexShrink", 0);
+            _$insertNode(_el$10, _el$12);
+            _$setProp(_el$10, "flexDirection", "row");
+            _$setProp(_el$10, "flexShrink", 0);
+            _$insert(_el$10, _$createComponent(Show, {
               get when() {
                 return prefix();
               },
               get children() {
-                var _el$18 = _$createElement("text");
-                _$setProp(_el$18, "onMouseDown", () => toggle(id));
-                _$insert(_el$18, prefix);
-                _$effect((_$p) => _$setProp(_el$18, "fg", colors().muted, _$p));
-                return _el$18;
+                var _el$11 = _$createElement("text");
+                _$setProp(_el$11, "onMouseDown", () => toggle(id));
+                _$insert(_el$11, prefix);
+                _$effect((_$p) => _$setProp(_el$11, "fg", colors().muted, _$p));
+                return _el$11;
               }
-            }), _el$19);
-            _$insertNode(_el$19, _el$20);
-            _$insertNode(_el$19, _el$21);
-            _$setProp(_el$19, "onMouseDown", () => props.context.ui.router.navigate({
+            }), _el$12);
+            _$insertNode(_el$12, _el$13);
+            _$insertNode(_el$12, _el$14);
+            _$setProp(_el$12, "onMouseDown", () => props.context.ui.router.navigate({
               type: "session",
               sessionID: id
             }));
-            _$insert(_el$20, () => agentHeading(item(), nameWidth()).slice(0, 1));
-            _$insert(_el$21, () => agentHeading(item(), nameWidth()).slice(1));
-            _$insert(_el$16, _$createComponent(Index, {
+            _$insert(_el$13, () => agentHeading(item(), nameWidth()).slice(0, 1));
+            _$insert(_el$14, () => agentHeading(item(), nameWidth()).slice(1));
+            _$insert(_el$1, _$createComponent(Index, {
               get each() {
                 return agentLines(item(), Math.max(1, width() - cells(indent()) - 2));
               },
               children: (line) => (() => {
-                var _el$24 = _$createElement("text"), _el$25 = _$createTextNode(` `);
-                _$insertNode(_el$24, _el$25);
-                _$insert(_el$24, indent, _el$25);
-                _$insert(_el$24, line, null);
-                _$effect((_$p) => _$setProp(_el$24, "fg", rowColor(item()), _$p));
-                return _el$24;
+                var _el$15 = _$createElement("text"), _el$16 = _$createTextNode(` `);
+                _$insertNode(_el$15, _el$16);
+                _$insert(_el$15, indent, _el$16);
+                _$insert(_el$15, line, null);
+                _$effect((_$p) => _$setProp(_el$15, "fg", rowColor(item()), _$p));
+                return _el$15;
               })()
-            }), _el$22);
-            _$insertNode(_el$22, _$createTextNode(` `));
+            }), null);
+            _$insert(_el$1, _$createComponent(Show, {
+              get when() {
+                return entry()?.hidden;
+              },
+              get children() {
+                return _$createComponent(Lines, {
+                  get lines() {
+                    return wrap(`${entry()?.hidden} hidden${entry()?.attention ? " \xB7 needs attention" : ""}`, width());
+                  }
+                });
+              }
+            }), null);
             _$effect((_p$) => {
-              var _v$0 = rowColor(item()), _v$1 = {
+              var _v$8 = rowColor(item()), _v$9 = {
                 fg: executionColor(item())
               };
-              _v$0 !== _p$.e && (_p$.e = _$setProp(_el$19, "fg", _v$0, _p$.e));
-              _v$1 !== _p$.t && (_p$.t = _$setProp(_el$20, "style", _v$1, _p$.t));
+              _v$8 !== _p$.e && (_p$.e = _$setProp(_el$12, "fg", _v$8, _p$.e));
+              _v$9 !== _p$.t && (_p$.t = _$setProp(_el$13, "style", _v$9, _p$.t));
               return _p$;
             }, {
               e: undefined,
               t: undefined
             });
-            return _el$16;
+            return _el$1;
           })()
         });
       }
     }), _el$8);
-    _$setProp(_el$8, "onMouseDown", toggleCompleted);
-    _$insert(_el$8, () => clip(hideCompleted() ? "Show completed" : "Hide completed", width()));
-    _$setProp(_el$9, "onMouseDown", toggleSort);
-    _$insert(_el$9, () => clip(byPressure() ? "Sort: pressure" : "Sort: activity", width()));
-    _$setProp(_el$0, "onMouseDown", toggleGroups);
-    _$insert(_el$0, () => clip(collapsed().size ? "Expand groups" : "Collapse groups", width()));
-    _$insertNode(_el$1, _$createTextNode(` `));
-    _$insert(_el$11, () => section("STATISTICS"));
-    _$insert(_el$2, _$createComponent(Lines, {
-      get lines() {
-        return statistics(props.rows.filter((r) => r.node.sessionId === props.sessionID).concat(tree().all), props.sessionID, props.state.complete(), width());
+    _$insert(_el$4, _$createComponent(Show, {
+      get when() {
+        return tree().grouped > 0;
+      },
+      get children() {
+        var _el$7 = _$createElement("text");
+        _$setProp(_el$7, "onMouseDown", toggleCompleted);
+        _$insert(_el$7, () => clip(`Completed (${tree().grouped}): ${hideCompleted() ? "show" : "hide"}`, width()));
+        _$effect((_$p) => _$setProp(_el$7, "fg", colors().muted, _$p));
+        return _el$7;
       }
-    }), _el$12);
-    _$setProp(_el$12, "onMouseDown", () => props.context.ui.panel.open("context-guard.monitor"));
-    _$insert(_el$12, () => clip("Open: /context-guard", width()));
+    }), _el$8);
+    _$setProp(_el$8, "onMouseDown", toggleSort);
+    _$insert(_el$8, () => clip(byPressure() ? "Sort: pressure" : "Sort: activity", width()));
+    _$setProp(_el$9, "onMouseDown", toggleGroups);
+    _$insert(_el$9, () => clip(collapsed().size ? "Expand groups" : "Collapse groups", width()));
     _$effect((_p$) => {
-      var _v$ = props.width, _v$2 = colors().muted, _v$3 = colors().base, _v$4 = colors().muted, _v$5 = colors().muted, _v$6 = colors().muted, _v$7 = colors().muted, _v$8 = colors().muted, _v$9 = colors().muted;
-      _v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "maxWidth", _v$, _p$.e));
-      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$2, "borderColor", _v$2, _p$.t));
-      _v$3 !== _p$.a && (_p$.a = _$setProp(_el$2, "titleColor", _v$3, _p$.a));
+      var _v$ = props.width, _v$2 = colors().muted, _v$3 = colors().base, _v$4 = colors().muted, _v$5 = colors().muted, _v$6 = colors().muted, _v$7 = colors().muted;
+      _v$ !== _p$.e && (_p$.e = _$setProp(_el$4, "maxWidth", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$4, "borderColor", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = _$setProp(_el$4, "titleColor", _v$3, _p$.a));
       _v$4 !== _p$.o && (_p$.o = _$setProp(_el$5, "fg", _v$4, _p$.o));
-      _v$5 !== _p$.i && (_p$.i = _$setProp(_el$8, "fg", _v$5, _p$.i));
-      _v$6 !== _p$.n && (_p$.n = _$setProp(_el$9, "fg", _v$6, _p$.n));
-      _v$7 !== _p$.s && (_p$.s = _$setProp(_el$0, "fg", _v$7, _p$.s));
-      _v$8 !== _p$.h && (_p$.h = _$setProp(_el$11, "fg", _v$8, _p$.h));
-      _v$9 !== _p$.r && (_p$.r = _$setProp(_el$12, "fg", _v$9, _p$.r));
+      _v$5 !== _p$.i && (_p$.i = _$setProp(_el$6, "fg", _v$5, _p$.i));
+      _v$6 !== _p$.n && (_p$.n = _$setProp(_el$8, "fg", _v$6, _p$.n));
+      _v$7 !== _p$.s && (_p$.s = _$setProp(_el$9, "fg", _v$7, _p$.s));
       return _p$;
     }, {
       e: undefined,
@@ -2084,11 +2474,9 @@ function CompactSidebar(props) {
       o: undefined,
       i: undefined,
       n: undefined,
-      s: undefined,
-      h: undefined,
-      r: undefined
+      s: undefined
     });
-    return _el$2;
+    return _el$4;
   })();
 }
 
@@ -2097,573 +2485,892 @@ function GuardView(props) {
   const consumer = props.state.acquire(props.sessionID);
   createEffect2(() => consumer.update(props.sessionID));
   onCleanup(() => consumer.release());
-  const rows = createMemo2(() => props.family ?? props.state.rows([], !props.expanded));
-  const current = createMemo2(() => rows().find((row2) => row2.node.sessionId === props.sessionID));
-  const trace = createMemo2(() => props.state.contextTrace(props.expanded ? current() : undefined));
-  const chart = createMemo2(() => contextChart(trace().samples, current()?.snapshot?.capacityTokens ?? trace().capacity, current()?.snapshot?.policy.triggerTokens, props.width, current()?.snapshot?.measurement ? (current()?.snapshot?.measurement?.at ?? 0) + props.state.age(props.sessionID) : undefined));
-  const detail = createMemo2(() => {
-    const lines = detailLines(current(), props.width, props.expanded, props.state.age(props.sessionID));
-    if (props.expanded) {
-      const byId = new Map(rows().map((row2) => [row2.node.sessionId, row2.node]));
-      const ancestry = [], seen = new Set;
-      let node = byId.get(props.sessionID);
-      while (node && !seen.has(node.sessionId)) {
-        seen.add(node.sessionId);
-        ancestry.unshift(node.agent ?? node.sessionId);
-        node = node.parentId ? byId.get(node.parentId) : undefined;
-      }
-      lines.push(...wrap(`Ancestry: ${ancestry.join(" / ")}`, props.width));
-    }
-    if (props.inspectId && props.inspectId !== props.sessionID) {
-      const inspected = rows().find((row2) => row2.node.sessionId === props.inspectId);
-      lines.push(...wrap(`Inspect: ${props.inspectId}`, props.width), ...detailLines(inspected, props.width, true, props.state.age(props.inspectId)));
-    }
-    return lines;
-  });
-  const visible = createMemo2(() => {
-    if (!props.expanded)
-      return rows().slice(0, 7);
-    const index = Math.max(0, rows().findIndex((row2) => row2.node.sessionId === props.selectedId));
-    return rows().slice(Math.max(0, index - 10), Math.max(0, index - 10) + 25);
-  });
-  return _$createComponent2(Show2, {
-    get when() {
-      return props.expanded;
+  const rows = createMemo2(() => props.state.rows([], true));
+  return _$createComponent2(CompactSidebar, {
+    get sessionID() {
+      return props.sessionID;
     },
-    get fallback() {
-      return _$createComponent2(CompactSidebar, {
-        get sessionID() {
-          return props.sessionID;
-        },
-        get state() {
-          return props.state;
-        },
-        get context() {
-          return props.context;
-        },
-        get rows() {
-          return rows();
-        },
-        get width() {
-          return props.width;
-        }
-      });
+    get state() {
+      return props.state;
     },
-    get children() {
-      var _el$ = _$createElement2("box"), _el$2 = _$createElement2("text"), _el$3 = _$createTextNode2(`Context Guard / `), _el$4 = _$createElement2("text"), _el$5 = _$createElement2("text"), _el$6 = _$createElement2("text"), _el$7 = _$createElement2("text"), _el$8 = _$createTextNode2(`Family (`), _el$9 = _$createTextNode2(`)`), _el$0 = _$createElement2("text");
-      _$insertNode2(_el$, _el$2);
-      _$insertNode2(_el$, _el$4);
-      _$insertNode2(_el$, _el$5);
-      _$insertNode2(_el$, _el$6);
-      _$insertNode2(_el$, _el$7);
-      _$insertNode2(_el$, _el$0);
-      _$setProp2(_el$, "flexDirection", "column");
-      _$setProp2(_el$, "gap", 0);
-      _$insertNode2(_el$2, _el$3);
-      _$insert2(_el$2, () => props.state.health()?.mode ?? "?", null);
-      _$insert2(_el$4, (() => {
-        var _c$ = _$memo2(() => !!["2.0.29", "2.1.2"].includes(props.context.app.version));
-        return () => _c$() ? "" : clip(`Runtime ${props.context.app.version}: unverified (tested: 2.0.29, 2.1.2)`, props.width);
-      })());
-      _$insert2(_el$5, () => clip(`${props.state.connection()} / ${props.state.health()?.enforcement ?? "?"}`, props.width));
-      _$insert2(_el$, _$createComponent2(For2, {
-        get each() {
-          return chart();
-        },
-        children: (item) => (() => {
-          var _el$1 = _$createElement2("text");
-          _$insert2(_el$1, _$createComponent2(Show2, {
-            get when() {
-              return item.segments;
-            },
-            get fallback() {
-              return item.line;
-            },
-            get children() {
-              return _$createComponent2(For2, {
-                get each() {
-                  return item.segments;
-                },
-                children: (part) => (() => {
-                  var _el$10 = _$createElement2("span");
-                  _$insert2(_el$10, () => part.text);
-                  _$effect2((_$p) => _$setProp2(_el$10, "style", {
-                    fg: part.tone === "axis" || part.tone === "held" ? props.context.theme.text.muted : part.tone === "threshold" ? props.context.theme.text.feedback.warning.base : current()?.freshness === "fresh" ? props.context.theme.text.base : props.context.theme.text.muted
-                  }, _$p));
-                  return _el$10;
-                })()
-              });
-            }
-          }));
-          _$effect2((_$p) => _$setProp2(_el$1, "fg", item.threshold ? props.context.theme.text.feedback.warning.base : props.context.theme.text.muted, _$p));
-          return _el$1;
-        })()
-      }), _el$6);
-      _$insert2(_el$, _$createComponent2(For2, {
-        get each() {
-          return wrap("Recent context samples \u2192 now \xB7 \u2504 trigger \xB7 muted held", props.width);
-        },
-        children: (line) => (() => {
-          var _el$11 = _$createElement2("text");
-          _$insert2(_el$11, line);
-          _$effect2((_$p) => _$setProp2(_el$11, "fg", props.context.theme.text.muted, _$p));
-          return _el$11;
-        })()
-      }), _el$6);
-      _$insert2(_el$, _$createComponent2(For2, {
-        get each() {
-          return detail();
-        },
-        children: (line) => (() => {
-          var _el$12 = _$createElement2("text");
-          _$insert2(_el$12, line);
-          _$effect2((_$p) => _$setProp2(_el$12, "fg", props.context.theme.text.base, _$p));
-          return _el$12;
-        })()
-      }), _el$6);
-      _$insert2(_el$, _$createComponent2(For2, {
-        get each() {
-          return props.state.health()?.reasons ?? [];
-        },
-        children: (reason) => (() => {
-          var _el$13 = _$createElement2("text");
-          _$insert2(_el$13, () => clip(reason, props.width));
-          _$effect2((_$p) => _$setProp2(_el$13, "fg", props.context.theme.text.feedback.warning.base, _$p));
-          return _el$13;
-        })()
-      }), _el$6);
-      _$insert2(_el$6, (() => {
-        var _c$2 = _$memo2(() => props.state.health()?.mode === "observe");
-        return () => _c$2() ? current()?.pressure === "crossed" ? "Observe: would compact" : "Observe: no admission" : "";
-      })());
-      _$insertNode2(_el$7, _el$8);
-      _$insertNode2(_el$7, _el$9);
-      _$insert2(_el$7, () => rows().length, _el$9);
-      _$insert2(_el$7, () => props.state.complete() ? "" : " partial", null);
-      _$insert2(_el$, _$createComponent2(For2, {
-        get each() {
-          return visible();
-        },
-        children: (row2) => (() => {
-          var _el$14 = _$createElement2("box");
-          _$setProp2(_el$14, "flexDirection", "column");
-          _$setProp2(_el$14, "onMouseDown", () => {
-            if (row2.hidden)
-              props.state.expand(row2.node.sessionId);
-            else {
-              if (props.expanded)
-                props.context.ui.panel.close();
-              props.context.ui.router.navigate({
-                type: "session",
-                sessionID: row2.node.sessionId
-              });
-            }
-          });
-          _$insert2(_el$14, _$createComponent2(For2, {
-            get each() {
-              return rowLines(row2, Math.max(1, props.width - (props.expanded ? 2 : 0))).map((line) => props.expanded ? `${row2.node.sessionId === props.selectedId ? ">" : " "} ${line}` : line);
-            },
-            children: (line) => (() => {
-              var _el$15 = _$createElement2("text");
-              _$insert2(_el$15, line);
-              _$effect2((_$p) => _$setProp2(_el$15, "fg", row2.pressure === "crossed" ? props.context.theme.text.feedback.error.base : row2.pressure === "near" ? props.context.theme.text.feedback.warning.base : props.context.theme.text.base, _$p));
-              return _el$15;
-            })()
-          }));
-          _$effect2((_$p) => _$setProp2(_el$14, "id", `context-guard.row.${row2.node.sessionId}`, _$p));
-          return _el$14;
-        })()
-      }), _el$0);
-      _$setProp2(_el$0, "onMouseDown", () => props.context.ui.panel.open("context-guard.monitor"));
-      _$insert2(_el$0, (() => {
-        var _c$3 = _$memo2(() => rows().length > visible().length);
-        return () => _c$3() ? `+ ${rows().length - visible().length} rows; open panel` : "Open: /context-guard";
-      })());
-      _$effect2((_p$) => {
-        var _v$ = props.context.theme.text.base, _v$2 = props.context.theme.text.muted, _v$3 = props.context.theme.text.muted, _v$4 = props.context.theme.text.muted, _v$5 = props.context.theme.text.base, _v$6 = props.context.theme.text.muted;
-        _v$ !== _p$.e && (_p$.e = _$setProp2(_el$2, "fg", _v$, _p$.e));
-        _v$2 !== _p$.t && (_p$.t = _$setProp2(_el$4, "fg", _v$2, _p$.t));
-        _v$3 !== _p$.a && (_p$.a = _$setProp2(_el$5, "fg", _v$3, _p$.a));
-        _v$4 !== _p$.o && (_p$.o = _$setProp2(_el$6, "fg", _v$4, _p$.o));
-        _v$5 !== _p$.i && (_p$.i = _$setProp2(_el$7, "fg", _v$5, _p$.i));
-        _v$6 !== _p$.n && (_p$.n = _$setProp2(_el$0, "fg", _v$6, _p$.n));
-        return _p$;
-      }, {
-        e: undefined,
-        t: undefined,
-        a: undefined,
-        o: undefined,
-        i: undefined,
-        n: undefined
-      });
-      return _el$;
+    get context() {
+      return props.context;
+    },
+    get rows() {
+      return rows();
+    },
+    get width() {
+      return props.width;
     }
   });
 }
 
 // src/tui/panel.tsx
-import { effect as _$effect4 } from "@opentui/solid";
-import { memo as _$memo3 } from "@opentui/solid";
+import { use as _$use } from "@opentui/solid";
 import { insertNode as _$insertNode4 } from "@opentui/solid";
+import { memo as _$memo2 } from "@opentui/solid";
+import { effect as _$effect4 } from "@opentui/solid";
+import { createComponent as _$createComponent5 } from "@opentui/solid";
 import { insert as _$insert4 } from "@opentui/solid";
-import { createComponent as _$createComponent4 } from "@opentui/solid";
-import { use as _$use } from "@opentui/solid";
 import { setProp as _$setProp4 } from "@opentui/solid";
 import { createElement as _$createElement4 } from "@opentui/solid";
-import { createSignal as createSignal4, createMemo as createMemo3, createEffect as createEffect4, onCleanup as onCleanup3, Show as Show3, For as For4 } from "solid-js";
+import { createSignal as createSignal3, createMemo as createMemo4, createEffect as createEffect3, on, onCleanup as onCleanup2, Show as Show3, For as For4 } from "solid-js";
 
 // src/tui/charts.tsx
 init_chartformat();
+init_historyclient();
 init_format();
-import { effect as _$effect3 } from "@opentui/solid";
-import { insertNode as _$insertNode3 } from "@opentui/solid";
-import { insert as _$insert3 } from "@opentui/solid";
+import { effect as _$effect2 } from "@opentui/solid";
+import { insertNode as _$insertNode2 } from "@opentui/solid";
+import { insert as _$insert2 } from "@opentui/solid";
 import { createComponent as _$createComponent3 } from "@opentui/solid";
-import { setProp as _$setProp3 } from "@opentui/solid";
-import { createElement as _$createElement3 } from "@opentui/solid";
-import { createEffect as createEffect3, createSignal as createSignal3, onCleanup as onCleanup2, For as For3 } from "solid-js";
+import { setProp as _$setProp2 } from "@opentui/solid";
+import { createElement as _$createElement2 } from "@opentui/solid";
+import { For as For2 } from "solid-js";
 function HistoryCharts(props) {
-  const [result, setResult] = createSignal3();
-  const [status, setStatus] = createSignal3("Loading retained history...");
-  const [range, setRange] = createSignal3({
-    from: 0,
-    to: 0
-  });
-  createEffect3(() => {
-    const { sessionId: id, windowMs } = props;
-    props.refresh;
-    let pending = false, disposed = false;
-    let controller;
-    setResult(undefined);
-    async function read() {
-      if (pending || disposed)
-        return;
-      pending = true;
-      controller = new AbortController;
-      const to = Date.now(), from = Math.max(0, to - windowMs);
-      try {
-        const next = await props.state.history(id, from, to, AbortSignal.any([controller.signal, AbortSignal.timeout(5000)]));
-        if (!disposed) {
-          setResult(next);
-          setRange({
-            from,
-            to
-          });
-          setStatus("");
-        }
-      } catch {
-        if (!disposed)
-          setStatus("History unavailable. The owning server must support chart history RPC. Press r to retry.");
-      } finally {
-        pending = false;
-      }
-    }
-    read();
-    const timer = setInterval(() => {
-      read();
-    }, 5000);
-    onCleanup2(() => {
-      disposed = true;
-      controller?.abort();
-      clearInterval(timer);
-    });
-  });
   const lines = () => {
-    const current = result();
-    return current ? historyChartLines(current, Math.max(4, props.width), range().from, range().to, props.metricIndex) : [];
+    const current = props.view.result;
+    return current ? historyChartLines(current, Math.max(4, props.width), props.view.from ?? 0, props.view.to ?? 0, props.metricIndex) : [];
   };
   return (() => {
-    var _el$ = _$createElement3("box"), _el$2 = _$createElement3("box");
-    _$insertNode3(_el$, _el$2);
-    _$setProp3(_el$, "flexDirection", "column");
-    _$insert3(_el$, _$createComponent3(For3, {
+    var _el$ = _$createElement2("box"), _el$2 = _$createElement2("box");
+    _$insertNode2(_el$, _el$2);
+    _$setProp2(_el$, "flexDirection", "column");
+    _$insert2(_el$, _$createComponent3(For2, {
       get each() {
         return wrap(`Performance charts \xB7 ${props.sessionId}`, props.width);
       },
       children: (line) => (() => {
-        var _el$3 = _$createElement3("text");
-        _$insert3(_el$3, line);
-        _$effect3((_$p) => _$setProp3(_el$3, "fg", props.context.theme.text.base, _$p));
+        var _el$3 = _$createElement2("text");
+        _$insert2(_el$3, line);
+        _$effect2((_$p) => _$setProp2(_el$3, "fg", props.context.theme.text.base, _$p));
         return _el$3;
       })()
     }), _el$2);
-    _$insert3(_el$, _$createComponent3(For3, {
+    _$insert2(_el$, _$createComponent3(For2, {
       get each() {
-        return wrap(status(), props.width);
+        return wrap(`Window: ${new Map([[300000, "5 minutes"], [3600000, "1 hour"], [86400000, "24 hours"], [604800000, "7 days"]]).get(props.windowMs) ?? `${props.windowMs / 60000} minutes`} \xB7 [ / ] changes`, props.width);
       },
       children: (line) => (() => {
-        var _el$4 = _$createElement3("text");
-        _$insert3(_el$4, line);
-        _$effect3((_$p) => _$setProp3(_el$4, "fg", props.context.theme.text.muted, _$p));
+        var _el$4 = _$createElement2("text");
+        _$insert2(_el$4, line);
+        _$effect2((_$p) => _$setProp2(_el$4, "fg", props.context.theme.text.muted, _$p));
         return _el$4;
       })()
     }), _el$2);
-    _$setProp3(_el$2, "flexDirection", "column");
-    _$setProp3(_el$2, "paddingTop", 1);
-    _$insert3(_el$2, _$createComponent3(For3, {
+    _$insert2(_el$, _$createComponent3(For2, {
       get each() {
-        return lines();
+        return historyStatusLines(props.view).flatMap((line) => wrap(line, props.width));
       },
       children: (line) => (() => {
-        var _el$5 = _$createElement3("text");
-        _$insert3(_el$5, line || " ");
-        _$effect3((_$p) => _$setProp3(_el$5, "fg", props.context.theme.text.base, _$p));
+        var _el$5 = _$createElement2("text");
+        _$insert2(_el$5, line);
+        _$effect2((_$p) => _$setProp2(_el$5, "fg", props.context.theme.text.muted, _$p));
         return _el$5;
       })()
+    }), _el$2);
+    _$setProp2(_el$2, "flexDirection", "column");
+    _$setProp2(_el$2, "paddingTop", 1);
+    _$insert2(_el$2, _$createComponent3(For2, {
+      get each() {
+        return lines();
+      },
+      children: (line) => (() => {
+        var _el$6 = _$createElement2("text");
+        _$insert2(_el$6, line || " ");
+        _$effect2((_$p) => _$setProp2(_el$6, "fg", props.context.theme.text.base, _$p));
+        return _el$6;
+      })()
     }));
     return _el$;
   })();
 }
 
+// src/tui/historystate.ts
+init_historyclient();
+
+class HistoryState {
+  options;
+  query;
+  generation = 0;
+  active;
+  pending = false;
+  stopped = false;
+  paused = false;
+  timer;
+  view = { status: "idle", stale: false };
+  now;
+  schedule;
+  cancel;
+  constructor(options) {
+    this.options = options;
+    this.now = options.now ?? Date.now;
+    this.schedule = options.schedule ?? ((callback, ms) => setTimeout(callback, ms));
+    this.cancel = options.cancel ?? clearTimeout;
+  }
+  setQuery(query) {
+    if (this.stopped || query.location === this.query?.location && query.sessionId === this.query.sessionId && query.windowMs === this.query.windowMs)
+      return;
+    this.generation++;
+    this.active?.abort();
+    this.query = { ...query };
+    this.view = { status: "loading", stale: false };
+    if (this.paused)
+      this.publish(this.view);
+    else
+      this.refresh();
+  }
+  pause() {
+    if (this.stopped || this.paused)
+      return;
+    this.paused = true;
+    this.generation++;
+    this.pending = false;
+    this.clearTimer();
+    this.active?.abort();
+    if (this.view.status === "loading" && this.view.result)
+      this.publish({
+        ...this.view,
+        status: "ready",
+        reason: undefined,
+        stale: true
+      });
+  }
+  resume() {
+    if (this.stopped || !this.paused)
+      return;
+    this.paused = false;
+    if (this.query && this.view.status === "loading")
+      this.refresh();
+    else if (this.query && (this.view.status === "ready" || this.view.reason === "timeout" || this.view.reason === "unavailable"))
+      this.timer = this.schedule(() => {
+        this.timer = undefined;
+        this.refresh();
+      }, 5000);
+  }
+  refresh() {
+    if (this.stopped || this.paused || !this.query)
+      return;
+    this.clearTimer();
+    this.pending = true;
+    this.publish({
+      ...this.view,
+      status: "loading",
+      reason: undefined,
+      stale: this.view.result !== undefined
+    });
+    this.pump();
+  }
+  dispose() {
+    this.stopped = true;
+    this.generation++;
+    this.pending = false;
+    this.clearTimer();
+    this.active?.abort();
+  }
+  clearTimer() {
+    if (this.timer !== undefined)
+      this.cancel(this.timer);
+    this.timer = undefined;
+  }
+  publish(view) {
+    const { reason, ...rest } = view;
+    this.view = { ...rest, ...reason === undefined ? {} : { reason } };
+    this.options.changed(this.view);
+  }
+  async pump() {
+    if (this.stopped || this.paused || this.active || !this.pending || !this.query)
+      return;
+    this.pending = false;
+    const query = this.query, generation = this.generation;
+    const controller = new AbortController;
+    this.active = controller;
+    const signal = AbortSignal.any([
+      controller.signal,
+      this.options.deadline?.() ?? AbortSignal.timeout(5000)
+    ]);
+    const to = Math.max(0, Math.floor(this.now())), from = Math.max(0, to - query.windowMs);
+    const current = () => !this.stopped && generation === this.generation;
+    try {
+      const result = checkedHistory(await this.options.read(query.sessionId, from, to, signal), query.sessionId);
+      if (!current())
+        return;
+      if (signal.aborted)
+        throw historyFailure(undefined, signal);
+      this.publish({
+        status: result.enabled ? "ready" : "disabled",
+        result,
+        from,
+        to,
+        loadedAt: this.now(),
+        stale: false
+      });
+    } catch (error) {
+      if (current())
+        this.publish({
+          ...this.view,
+          status: "unavailable",
+          reason: historyFailure(error, signal).reason,
+          stale: this.view.result !== undefined
+        });
+    } finally {
+      this.active = undefined;
+      if (this.pending && !this.paused) {
+        this.publish({
+          ...this.view,
+          status: "loading",
+          reason: undefined,
+          stale: this.view.result !== undefined
+        });
+        this.pump();
+      } else if (current() && !this.paused && (this.view.status === "ready" || this.view.reason === "timeout" || this.view.reason === "unavailable")) {
+        this.timer = this.schedule(() => {
+          this.timer = undefined;
+          this.refresh();
+        }, 5000);
+      }
+    }
+  }
+}
+
+// src/tui/panelview.tsx
+import { createTextNode as _$createTextNode2 } from "@opentui/solid";
+import { insertNode as _$insertNode3 } from "@opentui/solid";
+import { effect as _$effect3 } from "@opentui/solid";
+import { insert as _$insert3 } from "@opentui/solid";
+import { setProp as _$setProp3 } from "@opentui/solid";
+import { createElement as _$createElement3 } from "@opentui/solid";
+import { createComponent as _$createComponent4 } from "@opentui/solid";
+import { For as For3, Index as Index2, Show as Show2, createMemo as createMemo3 } from "solid-js";
+init_format();
+init_statusformat();
+init_panelformat();
+function PanelOverview(props) {
+  const visible = createMemo3(() => {
+    const index = Math.max(0, props.rows.findIndex((row2) => row2.node.sessionId === props.selectedId));
+    const start = Math.max(0, index - 10);
+    return props.rows.slice(start, start + 25);
+  });
+  return _$createComponent4(Index2, {
+    get each() {
+      return visible();
+    },
+    children: (row2) => (() => {
+      var _el$ = _$createElement3("box");
+      _$setProp3(_el$, "flexDirection", "column");
+      _$setProp3(_el$, "flexShrink", 0);
+      _$setProp3(_el$, "onMouseDown", () => props.open(row2()));
+      _$insert3(_el$, _$createComponent4(Index2, {
+        get each() {
+          return panelRowLines(row2(), props.width, row2().node.sessionId === props.selectedId);
+        },
+        children: (line) => (() => {
+          var _el$2 = _$createElement3("text");
+          _$insert3(_el$2, line);
+          _$effect3((_$p) => _$setProp3(_el$2, "fg", row2().pressure === "crossed" || row2().node.status === "failed" ? props.context.theme.text.feedback.error.base : row2().pressure === "near" ? props.context.theme.text.feedback.warning.base : props.context.theme.text.base, _$p));
+          return _el$2;
+        })()
+      }));
+      _$effect3((_$p) => _$setProp3(_el$, "id", `context-guard.row.${row2().node.sessionId}`, _$p));
+      return _el$;
+    })()
+  });
+}
+function PanelDetails(props) {
+  const chart = createMemo3(() => contextChart(props.trace.samples, props.row?.snapshot?.capacityTokens ?? props.trace.capacity, props.row?.snapshot?.policy.triggerTokens, props.width, props.row?.snapshot?.measurement ? props.row.snapshot.measurement.at + props.age : undefined));
+  const detail = createMemo3(() => {
+    const row2 = props.row;
+    if (!row2)
+      return ["No selected session; return to Overview."];
+    const byId = new Map(props.rows.map((r) => [r.node.sessionId, r.node]));
+    const ancestry = [], seen = new Set;
+    let node = row2.node;
+    while (!seen.has(node.sessionId)) {
+      seen.add(node.sessionId);
+      ancestry.unshift(node.agent ?? node.sessionId);
+      const parent = node.parentId ? byId.get(node.parentId) : undefined;
+      if (!parent)
+        break;
+      node = parent;
+    }
+    return [`Session: ${row2.node.sessionId}${row2.current ? " (current)" : ""}`, ...detailLines(row2, props.width, true, props.age), `Ancestry: ${ancestry.join(" / ")}`, ...props.reasons.flatMap((reason) => [reasonExplanation(reason), `Health reason code: ${reason}`]), `Route family statistics: ${props.routeID}${props.familyComplete ? "" : " \xB7 partial"}`, ...statistics(props.familyRows, props.routeID, props.familyComplete, props.width), "Guard input = prompt + caches. Native Context uses different totals."].flatMap((line) => wrap(line, props.width));
+  });
+  return (() => {
+    var _el$3 = _$createElement3("box"), _el$4 = _$createElement3("text");
+    _$insertNode3(_el$3, _el$4);
+    _$setProp3(_el$3, "flexDirection", "column");
+    _$setProp3(_el$3, "flexShrink", 0);
+    _$insertNode3(_el$4, _$createTextNode2(`Context history`));
+    _$insert3(_el$3, _$createComponent4(For3, {
+      get each() {
+        return chart();
+      },
+      children: (item) => (() => {
+        var _el$6 = _$createElement3("text");
+        _$insert3(_el$6, _$createComponent4(Show2, {
+          get when() {
+            return item.segments;
+          },
+          get fallback() {
+            return item.line;
+          },
+          get children() {
+            return _$createComponent4(For3, {
+              get each() {
+                return item.segments;
+              },
+              children: (part) => (() => {
+                var _el$7 = _$createElement3("span");
+                _$insert3(_el$7, () => part.text);
+                _$effect3((_$p) => _$setProp3(_el$7, "style", {
+                  fg: part.tone === "threshold" ? props.context.theme.text.feedback.warning.base : part.tone === "axis" || part.tone === "held" || props.row?.freshness !== "fresh" ? props.context.theme.text.muted : props.context.theme.text.base
+                }, _$p));
+                return _el$7;
+              })()
+            });
+          }
+        }));
+        _$effect3((_$p) => _$setProp3(_el$6, "fg", item.threshold ? props.context.theme.text.feedback.warning.base : props.context.theme.text.muted, _$p));
+        return _el$6;
+      })()
+    }), null);
+    _$insert3(_el$3, _$createComponent4(For3, {
+      get each() {
+        return contextHistoryLegend.flatMap((line) => wrap(line, props.width));
+      },
+      children: (line) => (() => {
+        var _el$8 = _$createElement3("text");
+        _$insert3(_el$8, line);
+        _$effect3((_$p) => _$setProp3(_el$8, "fg", props.context.theme.text.muted, _$p));
+        return _el$8;
+      })()
+    }), null);
+    _$insert3(_el$3, _$createComponent4(For3, {
+      get each() {
+        return detail();
+      },
+      children: (line) => (() => {
+        var _el$9 = _$createElement3("text");
+        _$insert3(_el$9, line);
+        _$effect3((_$p) => _$setProp3(_el$9, "fg", props.context.theme.text.base, _$p));
+        return _el$9;
+      })()
+    }), null);
+    _$effect3((_$p) => _$setProp3(_el$4, "fg", props.context.theme.text.base, _$p));
+    return _el$3;
+  })();
+}
+
 // src/tui/panel.tsx
+init_panelformat();
 init_chartformat();
 init_format();
+init_statusformat();
+
+// src/tui/panelcontrols.ts
+init_format();
+function inventoryMessages(status) {
+  if (status.scanning)
+    return [`Discovering agents \xB7 ${status.discovered} found`];
+  const lines = [];
+  if (status.failed || status.damaged)
+    lines.push("Family discovery incomplete \xB7 refresh to rescan");
+  if (status.pending && status.discovered >= 2048)
+    lines.push("Partial family \xB7 2048-node limit reached");
+  else if (status.canLoadMore)
+    lines.push(status.discovered >= status.limit ? `Partial family \xB7 ${status.limit}-node limit \xB7 load more allows 2048` : "Partial family \xB7 load more available");
+  else if (!status.complete && !lines.length)
+    lines.push("Family discovery incomplete \xB7 refresh to rescan");
+  return lines;
+}
+function footerActions(essential, optional, width) {
+  const result = [];
+  let used = 0;
+  for (const action of [...essential, ...optional]) {
+    const size = cells(action.label) + (result.length ? 1 : 0);
+    if (used + size > width)
+      continue;
+    result.push(action);
+    used += size;
+  }
+  return result;
+}
+
+// src/tui/panel.tsx
 function GuardPanel(props) {
-  const [showCharts, setShowCharts] = createSignal4(false);
-  const [metricIndex, setMetricIndex] = createSignal4(0);
-  const [viewportWidth, setViewportWidth] = createSignal4();
-  const width = () => Math.max(4, Math.min(props.input.width - 4, viewportWidth() ?? Infinity));
+  const consumer = props.state.acquire(props.input.sessionID);
+  createEffect3(on(() => props.input.sessionID, (id) => consumer.update(id)));
+  onCleanup2(() => consumer.release());
+  const [help, setHelp] = createSignal3(false);
+  let sourceScroll = 0;
+  const [view, setView] = createSignal3("overview");
+  const [metricIndex, setMetricIndex] = createSignal3(0);
+  const [viewportWidth, setViewportWidth] = createSignal3();
+  const [height, setHeight] = createSignal3(24);
+  const width = () => Math.max(1, Math.min(props.input.width - 4, viewportWidth() ?? Infinity));
+  const compact = () => height() < 18;
   const windows = [300000, 3600000, 86400000, 7 * 86400000];
-  const [windowIndex, setWindowIndex] = createSignal4(1);
-  const [chartRefresh, setChartRefresh] = createSignal4(0);
-  const [inspectId, setInspectId] = createSignal4();
-  const [selected, setSelected] = createSignal4(props.input.sessionID);
-  const [order, setOrder] = createSignal4([]);
-  const rows = createMemo3(() => props.state.rows(order()));
+  const [windowIndex, setWindowIndex] = createSignal3(1);
+  const [chartRefresh, setChartRefresh] = createSignal3(0);
+  const [chartView, setChartView] = createSignal3({
+    status: "idle",
+    stale: false
+  });
+  const history = new HistoryState({
+    read: (id, from, to, signal) => props.state.history(id, from, to, signal),
+    changed: setChartView
+  });
+  history.pause();
+  onCleanup2(() => history.dispose());
+  const [selected, setSelected] = createSignal3(props.input.sessionID);
+  const [order, setOrder] = createSignal3([]);
+  const rows = createMemo4(() => props.state.rows(order()));
+  const family = createMemo4(() => routeFamily(props.state.rows([], true), props.input.sessionID));
+  const selectedRow = createMemo4(() => rows().find((row2) => row2.node.sessionId === selected()));
+  createEffect3(on(() => {
+    const id = selected();
+    return id ? [id, windows[windowIndex()] ?? 3600000, props.state.historyLocation(id)] : undefined;
+  }, (query) => {
+    if (query)
+      history.setQuery({
+        sessionId: query[0],
+        windowMs: query[1],
+        location: query[2]
+      });
+  }));
+  createEffect3(on(chartRefresh, () => history.refresh(), {
+    defer: true
+  }));
   const offset = () => Math.max(0, rows().findIndex((row2) => row2.node.sessionId === selected()));
-  createEffect4(() => {
+  const trace = createMemo4(() => props.state.contextTrace(selectedRow()));
+  createEffect3(() => {
+    const current = rows().find((row2) => row2.node.sessionId === props.input.sessionID);
+    if (current && current.node.sessionId !== selected())
+      props.state.contextTrace(current);
+  });
+  createEffect3(() => {
     if (!props.input.focused)
       setOrder([]);
   });
-  createEffect4(() => {
-    setSelected(props.input.sessionID);
+  createEffect3(on(() => props.input.sessionID, (id) => {
+    history.pause();
+    setSelected(id);
     setOrder([]);
+    setHelp(false);
+    sourceScroll = 0;
+    setView("overview");
+  }));
+  createEffect3(() => {
+    const family2 = rows();
+    if (!family2.some((row2) => row2.node.sessionId === selected()))
+      setSelected(family2.find((row2) => row2.node.sessionId === props.input.sessionID)?.node.sessionId ?? family2[0]?.node.sessionId);
   });
   let scroll;
   let follow;
-  function revealSelection() {
+  function cancelFollow() {
     if (follow)
       props.context.renderer.removeFrameCallback(follow);
+    follow = undefined;
+  }
+  function afterLayout(action) {
+    if (!props.context.renderer)
+      return;
+    cancelFollow();
     let frames = 0;
     follow = async () => {
-      scroll?.scrollChildIntoView(`context-guard.row.${selected()}`);
-      if (++frames >= 2 && follow) {
-        props.context.renderer.removeFrameCallback(follow);
-        follow = undefined;
-      } else
+      action();
+      if (++frames >= 2)
+        cancelFollow();
+      else
         props.context.renderer.requestRender();
     };
     props.context.renderer.setFrameCallback(follow);
     props.context.renderer.requestRender();
   }
-  onCleanup3(() => {
-    if (follow)
-      props.context.renderer.removeFrameCallback(follow);
+  function revealSelection() {
+    afterLayout(() => scroll?.scrollChildIntoView(`context-guard.row.${selected()}`));
+  }
+  function toggleHelp() {
+    cancelFollow();
+    if (!help()) {
+      if (view() === "charts")
+        history.pause();
+      sourceScroll = scroll?.scrollTop ?? 0;
+      setHelp(true);
+      afterLayout(() => scroll?.scrollTo(0));
+    } else {
+      setHelp(false);
+      if (view() === "charts")
+        history.resume();
+      afterLayout(() => scroll?.scrollTo(sourceScroll));
+    }
+  }
+  onCleanup2(cancelFollow);
+  createEffect3(() => {
+    view();
+    selected();
+    rows();
+    width();
+    height();
+    if (!help() && view() === "overview")
+      revealSelection();
   });
+  function changeView(next) {
+    if (next !== "overview" && !selectedRow())
+      return;
+    cancelFollow();
+    if (view() === "charts" && next !== "charts")
+      history.pause();
+    setView(next);
+    if (next === "charts")
+      history.resume();
+    scroll?.scrollTo(0);
+    if (next === "overview")
+      revealSelection();
+  }
   function move(delta) {
     setOrder(rows().map((row3) => row3.node.sessionId));
     const row2 = rows()[Math.max(0, Math.min(rows().length - 1, offset() + delta))];
-    if (row2) {
+    if (row2)
       setSelected(row2.node.sessionId);
-      if (!showCharts())
-        revealSelection();
-    }
+    if (view() === "charts")
+      scroll?.scrollTo(0);
   }
-  props.context.keymap.layer(() => ({
-    enabled: () => props.input.focused,
-    commands: [{
-      id: "context-guard.close",
-      title: "Close Context Guard",
-      bind: "q",
-      run: () => props.input.close()
-    }, {
-      id: "context-guard.chart-previous",
-      title: "Previous chart metric",
-      bind: "left",
-      run: () => {
-        if (showCharts())
-          setMetricIndex((i) => (i + chartMetrics.length - 1) % chartMetrics.length);
-      }
-    }, {
-      id: "context-guard.chart-next",
-      title: "Next chart metric",
-      bind: "right",
-      run: () => {
-        if (showCharts())
-          setMetricIndex((i) => (i + 1) % chartMetrics.length);
-      }
-    }, {
-      id: "context-guard.charts",
-      title: "Toggle performance charts",
-      bind: "c",
-      run: () => setShowCharts((v) => !v)
-    }, {
-      id: "context-guard.chart-shorter",
-      title: "Shorter chart window",
-      bind: "[",
-      run: () => {
-        if (showCharts())
-          setWindowIndex((i) => Math.max(0, i - 1));
-      }
-    }, {
-      id: "context-guard.chart-longer",
-      title: "Longer chart window",
-      bind: "]",
-      run: () => {
-        if (showCharts())
-          setWindowIndex((i) => Math.min(windows.length - 1, i + 1));
-      }
-    }, {
-      id: "context-guard.inspect",
-      title: "Inspect selected session",
-      bind: "i",
-      run: () => setInspectId(inspectId() === selected() ? undefined : selected())
-    }, {
-      id: "context-guard.refresh",
-      title: "Refresh Context Guard",
-      bind: "r",
-      run: () => {
-        setOrder([]);
-        props.state.refresh();
-        setChartRefresh((n) => n + 1);
-      }
-    }, {
-      id: "context-guard.load-more",
-      title: "Load more family",
-      bind: "l",
-      run: () => props.state.loadMore()
-    }, {
-      id: "context-guard.next",
-      bind: "down",
-      run: () => move(1)
-    }, {
-      id: "context-guard.previous",
-      bind: "up",
-      run: () => move(-1)
-    }, {
-      id: "context-guard.expand",
-      bind: "space",
+  function open(row2) {
+    if (!row2)
+      return;
+    props.input.close();
+    props.context.ui.router.navigate({
+      type: "session",
+      sessionID: row2.node.sessionId
+    });
+  }
+  function page(delta) {
+    if (!help() && view() === "overview")
+      move(delta * Math.max(1, Math.floor((scroll?.viewport.height ?? 1) / (width() >= 72 ? 1 : 3))));
+    else
+      scroll?.scrollBy(delta * Math.max(1, (scroll.viewport.height ?? 1) - 1));
+  }
+  function edge(last) {
+    if (!help() && view() === "overview")
+      move(last ? rows().length : -rows().length);
+    else
+      scroll?.scrollTo(last ? scroll.scrollHeight : 0);
+  }
+  const inventory = () => props.state.inventoryStatus();
+  const expandable = () => {
+    const row2 = selectedRow();
+    return !!row2 && (row2.hidden > 0 || row2.node.status === "completed" && rows().some((r) => r.node.parentId === row2.node.sessionId));
+  };
+  function command(name, title, bind, run, enabled = () => !help()) {
+    return {
+      id: `context-guard.${name}`,
+      title,
+      bind,
+      enabled,
       run: () => {
-        const row2 = rows()[offset()];
-        if (row2)
-          props.state.expand(row2.node.sessionId);
+        if (props.input.focused && enabled())
+          run();
       }
-    }, {
-      id: "context-guard.open",
-      bind: "return",
+    };
+  }
+  const commands = () => [command("close", "Close Context Guard", "q", () => props.input.close(), () => true), command("help", "Toggle native panel help", "?", toggleHelp, () => true), command("help-back", "Return from help", "escape", toggleHelp, help), command("chart-previous", "Previous chart metric", "left", () => setMetricIndex((i) => (i + chartMetrics.length - 1) % chartMetrics.length), () => !help() && view() === "charts"), command("chart-next", "Next chart metric", "right", () => setMetricIndex((i) => (i + 1) % chartMetrics.length), () => !help() && view() === "charts"), command("charts", "Toggle performance charts", "c", () => changeView(view() === "charts" ? "overview" : "charts"), () => !help() && !!selectedRow()), command("chart-shorter", "Shorter chart window", "[", () => setWindowIndex((i) => Math.max(0, i - 1)), () => !help() && view() === "charts"), command("chart-longer", "Longer chart window", "]", () => setWindowIndex((i) => Math.min(windows.length - 1, i + 1)), () => !help() && view() === "charts"), command("inspect", "Toggle selected session details", "i", () => changeView(view() === "details" ? "overview" : "details"), () => !help() && !!selectedRow()), command("refresh", "Refresh inventory, measurements and active charts", "r", () => {
+    setOrder([]);
+    props.state.refresh();
+    setChartRefresh((n) => n + 1);
+  }), command("load-more", "Load more family", "l", () => props.state.loadMore(), () => !help() && view() === "overview" && inventory().canLoadMore), command("next", "Next session or scroll down", "down", () => help() || view() === "details" ? scroll?.scrollBy(1) : move(1), () => true), command("previous", "Previous session or scroll up", "up", () => help() || view() === "details" ? scroll?.scrollBy(-1) : move(-1), () => true), command("page-next", "Next page", "pagedown", () => page(1), () => true), command("page-previous", "Previous page", "pageup", () => page(-1), () => true), command("first", "First row or top", "home", () => edge(false), () => true), command("last", "Last row or bottom", "end", () => edge(true), () => true), command("expand", "Toggle selected branch", "space", () => {
+    const row2 = selectedRow();
+    if (row2)
+      props.state.expand(row2.node.sessionId);
+  }, () => !help() && view() === "overview" && expandable()), command("open", "Open selected session", "return", () => open(selectedRow()), () => !help() && !!selectedRow())];
+  props.context.keymap.layer(() => ({
+    enabled: () => props.input.focused,
+    commands: commands()
+  }));
+  const shortcut = (name) => props.context.keymap.shortcuts(`context-guard.${name}`).join("/");
+  const helpLines = () => ["Native OpenCode panel \u2014 keyboard help", `Return to ${view()}; selected session: ${selectedRow()?.node.agent ?? selected() ?? "none"}`, "> marks selection; * marks the current OpenCode route. Open selected session navigates there and closes the panel.", "Overview: arrows select agents. Details: arrows scroll. Charts: arrows select sessions; Left/Right changes metric and brackets change window.", "PageUp/PageDown moves selection in Overview and scrolls Details/Charts/help. Home/End reaches the first/last row or top/bottom.", "Space toggles a branch in Overview. Load more resumes pending family discovery when available.", ...inventoryMessages(inventory()), `Discovered ${inventory().discovered} \xB7 node limit ${inventory().limit} \xB7 pages ${inventory().pages} \xB7 pending branches ${inventory().pending}`, "Refresh rescans inventory and measurements; it cannot resume suspended enforcement. Reload/repair instructions remain in Guard status.", "Configured native bindings (unbound actions have no shortcut):", ...commands().map((c) => `${props.context.keymap.shortcuts(c.id ?? "").join(" / ") || "Unbound"}: ${c.title}`), "Default bindings differ: native l loads more; standalone l edits location. Native brackets change windows; standalone brackets inspect observations and w changes windows.", "Open Context Guard is also available in the root prompt slash menu and command palette. Set the client plugin option openShortcut for keyboard entry from a child composer.", "End of native panel help"].flatMap((line) => wrap(line, width()));
+  const statusLines = () => monitorStatusLines(props.state.connection(), props.state.health(), rows().some((row2) => row2.snapshot?.measurement !== undefined), width() < 28).flatMap((line) => wrap(line, width()));
+  const notice = () => compactionLabel(selectedRow());
+  const actions = () => {
+    const action = (name, label) => ({
+      id: name,
+      label: ["help", "close"].includes(name) && cells(`${shortcut(name)} ${label}`) > Math.floor((width() - 1) / 2) ? label : `${shortcut(name) ? shortcut(name) + " " : ""}${label}`,
       run: () => {
-        const row2 = rows()[offset()];
-        if (row2) {
-          props.input.close();
-          props.context.ui.router.navigate({
-            type: "session",
-            sessionID: row2.node.sessionId
-          });
-        }
+        commands().find((c) => c.id === `context-guard.${name}`)?.run();
       }
-    }]
-  }));
-  const hints = () => showCharts() ? ["c back \xB7 q close", "\u2190 / \u2192 metric \xB7 \u2191 / \u2193 session", `[ / ] window \xB7 ${["5 minutes", "1 hour", "24 hours", "7 days"][windowIndex()]}`, "r refresh \xB7 Enter open session"] : ["c charts \xB7 q close", `\u2191 / \u2193 select ${offset() + 1} \xB7 Enter open`, "space expand \xB7 i inspect", "r refresh \xB7 l load more"];
+    });
+    const optional = help() ? [action("help-back", "back")] : [...view() === "overview" && inventory().canLoadMore ? [action("load-more", "more")] : [], ...view() === "charts" ? [action("charts", "back")] : [], ...selectedRow() ? [action("inspect", view() === "details" ? "back" : "details")] : [], ...view() !== "charts" && selectedRow() ? [action("charts", "charts")] : [], ...view() === "overview" && expandable() ? [action("expand", "branch")] : []];
+    return footerActions([action("help", help() ? "back" : "help"), action("close", "close")], optional, width());
+  };
+  const hint = () => {
+    if (help())
+      return `${shortcut("previous")}/${shortcut("next")} scroll`;
+    if (view() === "charts")
+      return `${shortcut("refresh")} refresh \xB7 ${shortcut("chart-previous")}/${shortcut("chart-next")} metric ${shortcut("previous")}/${shortcut("next")} session ${shortcut("chart-shorter")}/${shortcut("chart-longer")} window`;
+    if (view() === "details")
+      return `${shortcut("previous")}/${shortcut("next")} scroll \xB7 ${shortcut("page-previous")}/${shortcut("page-next")} page`;
+    return `${shortcut("previous")}/${shortcut("next")} select \xB7 ${shortcut("open")} open \xB7 ${inventory().canLoadMore ? shortcut("load-more") + " more" : shortcut("refresh") + " refresh"}`;
+  };
   return (() => {
-    var _el$ = _$createElement4("box"), _el$2 = _$createElement4("scrollbox"), _el$3 = _$createElement4("box"), _el$4 = _$createElement4("text"), _el$5 = _$createElement4("box");
+    var _el$ = _$createElement4("box"), _el$2 = _$createElement4("box"), _el$3 = _$createElement4("text"), _el$6 = _$createElement4("scrollbox"), _el$7 = _$createElement4("box"), _el$8 = _$createElement4("box"), _el$9 = _$createElement4("text");
     _$insertNode4(_el$, _el$2);
-    _$insertNode4(_el$, _el$5);
+    _$insertNode4(_el$, _el$6);
+    _$insertNode4(_el$, _el$7);
     _$setProp4(_el$, "flexDirection", "column");
     _$setProp4(_el$, "flexGrow", 1);
+    _$setProp4(_el$, "minHeight", 0);
     _$setProp4(_el$, "paddingLeft", 2);
     _$setProp4(_el$, "paddingRight", 2);
-    _$setProp4(_el$, "paddingTop", 1);
-    _$setProp4(_el$, "paddingBottom", 1);
+    _$setProp4(_el$, "onSizeChange", function() {
+      setHeight(this.height);
+    });
     _$insertNode4(_el$2, _el$3);
+    _$setProp4(_el$2, "flexDirection", "column");
+    _$setProp4(_el$2, "flexShrink", 0);
+    _$insert4(_el$3, () => clip(width() < 28 ? `${connectionLabel(props.state.connection(), true)} \xB7 Guard` : `${connectionLabel(props.state.connection())} \xB7 Context Guard \xB7 ${help() ? "help" : view()}`, width()));
+    _$insert4(_el$2, _$createComponent5(For4, {
+      get each() {
+        return statusLines();
+      },
+      children: (line) => (() => {
+        var _el$0 = _$createElement4("text");
+        _$insert4(_el$0, line);
+        _$effect4((_$p) => _$setProp4(_el$0, "fg", props.state.health()?.enforcement === "suspended" || props.state.health()?.enforcement === "disabled" ? props.context.theme.text.feedback.warning.base : props.context.theme.text.muted, _$p));
+        return _el$0;
+      })()
+    }), null);
+    _$insert4(_el$2, _$createComponent5(Show3, {
+      get when() {
+        return !["2.0.29", "2.1.2"].includes(props.context.app.version);
+      },
+      get children() {
+        var _el$4 = _$createElement4("text");
+        _$insert4(_el$4, () => clip(`Runtime ${props.context.app.version}: unverified`, width()));
+        _$effect4((_$p) => _$setProp4(_el$4, "fg", props.context.theme.text.feedback.warning.base, _$p));
+        return _el$4;
+      }
+    }), null);
+    _$insert4(_el$2, _$createComponent5(Show3, {
+      get when() {
+        return notice();
+      },
+      children: (message) => (() => {
+        var _el$1 = _$createElement4("text");
+        _$insert4(_el$1, () => clip(message(), width()));
+        _$effect4((_$p) => _$setProp4(_el$1, "fg", props.context.theme.text.feedback.warning.base, _$p));
+        return _el$1;
+      })()
+    }), null);
+    _$insert4(_el$2, _$createComponent5(Show3, {
+      get when() {
+        return _$memo2(() => !!(help() || view() !== "overview"))() && selectedRow();
+      },
+      children: (row2) => (() => {
+        var _el$10 = _$createElement4("text");
+        _$insert4(_el$10, () => clip(`Selected: ${row2().node.agent ?? row2().node.sessionId}`, width()));
+        _$effect4((_$p) => _$setProp4(_el$10, "fg", props.context.theme.text.base, _$p));
+        return _el$10;
+      })()
+    }), null);
+    _$insert4(_el$2, _$createComponent5(Show3, {
+      get when() {
+        return _$memo2(() => !!!help())() && view() === "overview";
+      },
+      get children() {
+        return [_$createComponent5(For4, {
+          get each() {
+            return panelSummary(selectedRow(), width(), props.state.age(selected() ?? ""), compact());
+          },
+          children: (line) => (() => {
+            var _el$11 = _$createElement4("text");
+            _$insert4(_el$11, line);
+            _$effect4((_$p) => _$setProp4(_el$11, "fg", props.context.theme.text.base, _$p));
+            return _el$11;
+          })()
+        }), (() => {
+          var _el$5 = _$createElement4("text");
+          _$insert4(_el$5, () => panelRowHeading(`Family ${rows().length ? offset() + 1 : 0}/${rows().length}${props.state.complete() ? "" : " \xB7 partial"} \xB7 * current`, width()));
+          _$effect4((_$p) => _$setProp4(_el$5, "fg", props.context.theme.text.muted, _$p));
+          return _el$5;
+        })()];
+      }
+    }), null);
+    _$insert4(_el$2, _$createComponent5(Show3, {
+      get when() {
+        return _$memo2(() => !!!help())() && view() === "overview";
+      },
+      get children() {
+        return _$createComponent5(For4, {
+          get each() {
+            return inventoryMessages(inventory());
+          },
+          children: (line) => (() => {
+            var _el$12 = _$createElement4("text");
+            _$insert4(_el$12, () => clip(line, width()));
+            _$effect4((_$p) => _$setProp4(_el$12, "fg", props.context.theme.text.muted, _$p));
+            return _el$12;
+          })()
+        });
+      }
+    }), null);
     _$use((value) => {
       scroll = value;
-    }, _el$2);
-    _$setProp4(_el$2, "viewportOptions", {
+    }, _el$6);
+    _$setProp4(_el$6, "viewportOptions", {
       onSizeChange: function() {
         setViewportWidth(this.width);
       }
     });
-    _$setProp4(_el$2, "flexGrow", 1);
-    _$setProp4(_el$2, "minHeight", 0);
-    _$insertNode4(_el$3, _el$4);
-    _$setProp4(_el$3, "flexDirection", "column");
-    _$insert4(_el$3, _$createComponent4(GuardView, {
-      get sessionID() {
-        return props.input.sessionID;
-      },
-      get state() {
-        return props.state;
-      },
-      get context() {
-        return props.context;
-      },
-      get width() {
-        return width();
-      },
-      expanded: true,
-      get family() {
-        return rows();
-      },
-      get selectedId() {
-        return selected();
+    _$setProp4(_el$6, "flexGrow", 1);
+    _$setProp4(_el$6, "minHeight", 0);
+    _$setProp4(_el$6, "scrollX", false);
+    _$insert4(_el$6, _$createComponent5(Show3, {
+      get when() {
+        return help();
       },
-      get inspectId() {
-        return inspectId();
+      get children() {
+        return _$createComponent5(For4, {
+          get each() {
+            return helpLines();
+          },
+          children: (line) => (() => {
+            var _el$13 = _$createElement4("text");
+            _$insert4(_el$13, line);
+            _$effect4((_$p) => _$setProp4(_el$13, "fg", props.context.theme.text.base, _$p));
+            return _el$13;
+          })()
+        });
       }
-    }), _el$4);
-    _$insert4(_el$4, () => wrap("Guard input = prompt + caches. Native Context uses different totals.", width()).join("\n"));
-    _$insert4(_el$2, _$createComponent4(Show3, {
+    }), null);
+    _$insert4(_el$6, _$createComponent5(Show3, {
       get when() {
-        return showCharts();
+        return _$memo2(() => !!!help())() && view() === "overview";
       },
       get children() {
-        return _$createComponent4(HistoryCharts, {
-          get sessionId() {
+        return _$createComponent5(PanelOverview, {
+          get rows() {
+            return rows();
+          },
+          get selectedId() {
             return selected();
           },
-          get windowMs() {
-            return windows[windowIndex()] ?? 3600000;
+          get width() {
+            return width();
+          },
+          get context() {
+            return props.context;
+          },
+          open: (row2) => {
+            if (row2.hidden)
+              props.state.expand(row2.node.sessionId);
+            else
+              open(row2);
+          }
+        });
+      }
+    }), null);
+    _$insert4(_el$6, _$createComponent5(Show3, {
+      get when() {
+        return _$memo2(() => !!!help())() && view() === "details";
+      },
+      get children() {
+        return _$createComponent5(PanelDetails, {
+          get row() {
+            return selectedRow();
+          },
+          get rows() {
+            return rows();
+          },
+          get routeID() {
+            return props.input.sessionID;
           },
-          get metricIndex() {
-            return metricIndex();
+          get familyRows() {
+            return family().rows;
           },
-          get refresh() {
-            return chartRefresh();
+          get familyComplete() {
+            return _$memo2(() => !!family().complete)() && props.state.complete();
+          },
+          get trace() {
+            return trace();
           },
           get width() {
             return width();
           },
-          get state() {
-            return props.state;
+          get age() {
+            return props.state.age(selected() ?? "");
           },
           get context() {
             return props.context;
+          },
+          get reasons() {
+            return props.state.health()?.reasons ?? [];
           }
         });
       }
     }), null);
-    _$setProp4(_el$5, "flexDirection", "column");
-    _$setProp4(_el$5, "flexShrink", 0);
-    _$setProp4(_el$5, "paddingTop", 1);
-    _$insert4(_el$5, _$createComponent4(For4, {
+    _$insert4(_el$6, _$createComponent5(Show3, {
+      get when() {
+        return _$memo2(() => !!(!help() && view() === "charts"))() && selected();
+      },
+      children: (id) => _$createComponent5(HistoryCharts, {
+        get sessionId() {
+          return id();
+        },
+        get windowMs() {
+          return windows[windowIndex()] ?? 3600000;
+        },
+        get metricIndex() {
+          return metricIndex();
+        },
+        get width() {
+          return width();
+        },
+        get view() {
+          return chartView();
+        },
+        get context() {
+          return props.context;
+        }
+      })
+    }), null);
+    _$insertNode4(_el$7, _el$8);
+    _$insertNode4(_el$7, _el$9);
+    _$setProp4(_el$7, "flexDirection", "column");
+    _$setProp4(_el$7, "flexShrink", 0);
+    _$setProp4(_el$8, "flexDirection", "row");
+    _$setProp4(_el$8, "flexShrink", 0);
+    _$insert4(_el$8, _$createComponent5(For4, {
       get each() {
-        return hints().flatMap((hint) => wrap(hint, width()));
+        return actions();
       },
-      children: (line) => (() => {
-        var _el$6 = _$createElement4("text");
-        _$insert4(_el$6, line);
-        _$effect4((_$p) => _$setProp4(_el$6, "fg", props.context.theme.text.muted, _$p));
-        return _el$6;
+      children: (action, index) => (() => {
+        var _el$14 = _$createElement4("text");
+        _$insert4(_el$14, () => `${index() ? " " : ""}${action.label}`);
+        _$effect4((_p$) => {
+          var _v$5 = props.context.theme.text.muted, _v$6 = action.run;
+          _v$5 !== _p$.e && (_p$.e = _$setProp4(_el$14, "fg", _v$5, _p$.e));
+          _v$6 !== _p$.t && (_p$.t = _$setProp4(_el$14, "onMouseDown", _v$6, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$14;
       })()
     }));
+    _$insert4(_el$9, () => clip(hint(), width()));
     _$effect4((_p$) => {
-      var _v$ = !showCharts(), _v$2 = props.context.theme.text.muted;
-      _v$ !== _p$.e && (_p$.e = _$setProp4(_el$3, "visible", _v$, _p$.e));
-      _v$2 !== _p$.t && (_p$.t = _$setProp4(_el$4, "fg", _v$2, _p$.t));
+      var _v$ = compact() ? 0 : 1, _v$2 = compact() ? 0 : 1, _v$3 = props.context.theme.text.base, _v$4 = props.context.theme.text.muted;
+      _v$ !== _p$.e && (_p$.e = _$setProp4(_el$, "paddingTop", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp4(_el$, "paddingBottom", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = _$setProp4(_el$3, "fg", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = _$setProp4(_el$9, "fg", _v$4, _p$.o));
       return _p$;
     }, {
       e: undefined,
-      t: undefined
+      t: undefined,
+      a: undefined,
+      o: undefined
     });
     return _el$;
   })();
@@ -2673,14 +3380,18 @@ function GuardPanel(props) {
 var tui_default = Plugin.define({
   id: "context-guard",
   setup(context) {
-    if (typeof context.client?.rpc !== "function" || typeof context.ui?.slot !== "function" || typeof context.ui?.panel?.open !== "function" || typeof context.keymap?.layer !== "function") {
+    const openShortcut = context.options.openShortcut;
+    if (openShortcut !== undefined && (typeof openShortcut !== "string" || !openShortcut.trim() || openShortcut.length > 128 || /[\x00-\x1f\x7f-\x9f]/.test(openShortcut))) {
+      throw new Error("Context Guard openShortcut must be a nonempty key sequence of at most 128 characters.");
+    }
+    if (typeof context.client?.rpc !== "function" || typeof context.ui?.slot !== "function" || typeof context.ui?.panel?.open !== "function" || typeof context.keymap?.layer !== "function" || typeof context.keymap?.shortcuts !== "function") {
       throw new Error("Context Guard TUI requires OpenCode 2.0.29 public RPC and panel APIs; use the Guard inspect CLI on unsupported hosts.");
     }
     const state = createGuardState(context), unregister = [];
     try {
       unregister.push(context.ui.slot({
         append: "sidebar.content",
-        render: (input) => _$createComponent5(GuardView, {
+        render: (input) => _$createComponent6(GuardView, {
           get sessionID() {
             return input.sessionID;
           },
@@ -2691,12 +3402,12 @@ var tui_default = Plugin.define({
       }));
       unregister.push(context.ui.slot({
         append: "session.panel",
-        render: (input) => _$createComponent5(Show4, {
+        render: (input) => _$createComponent6(Show4, {
           get when() {
             return input.name === "context-guard.monitor";
           },
           get children() {
-            return _$createComponent5(GuardPanel, {
+            return _$createComponent6(GuardPanel, {
               input,
               state,
               context
@@ -2706,14 +3417,14 @@ var tui_default = Plugin.define({
       }));
       unregister.push(context.ui.slot({
         append: "session.composer.top",
-        render: (input) => _$createComponent5(Show4, {
+        render: (input) => _$createComponent6(Show4, {
           get when() {
             return context.data.session.get(input.sessionID)?.parentID;
           },
           get children() {
             var _el$ = _$createElement5("text");
-            _$insertNode5(_el$, _$createTextNode3(`Context Guard: open panel`));
             _$setProp5(_el$, "onMouseDown", () => context.ui.panel.open("context-guard.monitor"));
+            _$insert5(_el$, () => `Context Guard: open panel${context.keymap.shortcuts("context-guard.show").length ? ` (${context.keymap.shortcuts("context-guard.show").join(" / ")})` : ""}`);
             _$effect5((_$p) => _$setProp5(_el$, "fg", context.theme.text.muted, _$p));
             return _el$;
           }
@@ -2726,7 +3437,9 @@ var tui_default = Plugin.define({
           title: "Open Context Guard",
           group: "Context Guard",
           palette: true,
-          bind: false,
+          ...typeof openShortcut === "string" ? {
+            bind: openShortcut
+          } : {},
           slash: {
             name: "context-guard"
           },