@cesarus777/opencode-cgp 0.2.3 → 0.3.0

package/dist/tui.js

@@ -1,174 +1,33 @@
 // @bun
-// src/rpc.ts
-import { Rpc } from "@opencode/plugin/rpc";
-var count = {
-  type: "integer",
-  minimum: 0,
-  maximum: Number.MAX_SAFE_INTEGER
-};
-var text = { type: "string", minLength: 1, maxLength: 512 };
-var enumeration = (...values) => ({ type: "string", enum: values });
-var object = (properties, required = Object.keys(properties)) => ({
-  type: "object",
-  properties,
-  required,
-  additionalProperties: false
-});
-var array = (items, maxItems = 128) => ({
-  type: "array",
-  items,
-  maxItems
-});
-var measurement = object({
-  tokens: count,
-  at: count,
-  model: text,
-  requestId: text,
-  provenance: enumeration("provider-normalized", "serialized-estimate"),
-  confidence: enumeration("reported", "approximate"),
-  scope: enumeration("completed-request", "prepared-request")
-}, ["tokens", "at", "model", "provenance", "confidence", "scope"]);
-var row = object({
-  sessionId: text,
-  revision: count,
-  observedAt: count,
-  parentId: text,
-  agent: text,
-  model: text,
-  measurement,
-  limits: object({ context: count, input: count, output: count }, [
-    "context",
-    "output"
-  ]),
-  capacityTokens: count,
-  outputReserveTokens: count,
-  peakTokens: count,
-  policy: object({
-    id: text,
-    configured: object({
-      type: enumeration("tokens", "ratio", "remaining"),
-      value: { type: "number", minimum: 0 }
-    }),
-    triggerTokens: { type: "number" },
-    comparison: enumeration(">=", ">"),
-    reason: enumeration("missing-usage", "model-changed", "invalid-usage", "stale-usage", "missing-model-budget", "incompatible-model-budget", "threshold-crossed", "below-threshold"),
-    crossed: { type: "boolean" }
-  }, ["id", "configured", "comparison", "reason", "crossed"]),
-  compaction: object({
-    phase: enumeration("idle", "requesting", "accepted", "running", "awaiting-measurement", "blocked", "uncertain"),
-    count,
-    armed: { type: "boolean" },
-    blockedReason: enumeration("session-removed", "compaction-failed", "reclaim-unverifiable", "insufficient-reclaim", "completion-event-timeout", "admission-outcome-unknown", "restart-needs-lifecycle-evidence"),
-    lastAttempt: count,
-    lastCompleted: count,
-    cooldownUntil: count
-  }, ["phase", "armed"]),
-  cumulative: object({
-    input: count,
-    output: count,
-    reasoning: count,
-    cache: object({ read: count, write: count })
-  }),
-  cumulativeScope: enumeration("session", "unknown"),
-  lastObservedActive: { type: "boolean" }
-}, [
-  "sessionId",
-  "revision",
-  "observedAt",
-  "policy",
-  "compaction",
-  "cumulativeScope",
-  "lastObservedActive"
-]);
-var batchFields = {
-  schemaVersion: { const: 1 },
-  epoch: text,
-  sequence: count,
-  generatedAt: count,
-  health: object({
-    enabled: { type: "boolean" },
-    mode: enumeration("observe", "enforce"),
-    enforcement: enumeration("observing", "available", "suspended", "disabled"),
-    reasons: array(enumeration("event-stream-gap", "persistence-unavailable", "capacity-exceeded", "model-metadata-unavailable"), 8),
-    staleMs: count,
-    maxSessions: count
-  }),
-  upserts: array(row),
-  removed: array(object({
-    sessionId: text,
-    revision: count,
-    reason: enumeration("deleted", "evicted")
-  }))
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
 };
-var readSchema = object({
-  schemaVersion: { const: 1 },
-  sessionIds: { ...array(text), uniqueItems: true }
-});
-var batchSchema = object(batchFields);
-var resultSchema = object({
-  ...batchFields,
-  unavailable: array(object({ sessionId: text, reason: enumeration("not-monitored") }))
-});
-var monitorRpc = Rpc.define({
-  id: "context-guard.monitor.v1",
-  methods: { read: { input: readSchema, output: resultSchema } },
-  events: { changed: { schema: batchSchema } }
-});
-var nonnegative = { type: "number", minimum: 0 };
-var performanceSchema = object({
-  observedSince: count,
-  at: count,
-  sessionCreatedAt: count,
-  sessionOutputTokens: count,
-  status: enumeration("waiting", "streaming", "idle", "unavailable"),
-  partial: { type: "boolean" },
-  liveTps: nonnegative,
-  averageModelTps: nonnegative,
-  averageSessionTps: nonnegative,
-  ttftMs: nonnegative,
-  latestRequestTps: nonnegative,
-  requestId: text,
-  requestAgent: text,
-  requestModel: text,
-  requestOutputTokens: count,
-  requestStartedAt: count,
-  firstOutputAt: count,
-  streamEndedAt: count,
-  estimatedOutputTokens: nonnegative,
-  modelOutputTokens: nonnegative,
-  modelDurationMs: nonnegative,
-  completedRequests: count,
-  tokenSource: enumeration("estimated", "reported", "unavailable")
-}, [
-  "sessionCreatedAt",
-  "observedSince",
-  "at",
-  "status",
-  "partial",
-  "estimatedOutputTokens",
-  "modelOutputTokens",
-  "modelDurationMs",
-  "completedRequests",
-  "tokenSource"
-]);
-var performanceRow = {
-  ...row,
-  properties: { ...row.properties, performance: performanceSchema }
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
 };
-var performanceBatchSchema = object({
-  ...batchFields,
-  upserts: array(performanceRow)
-});
-var performanceResultSchema = object({
-  ...batchFields,
-  upserts: array(performanceRow),
-  unavailable: resultSchema.properties.unavailable ?? {}
-});
-var performanceRpc = Rpc.define({
-  id: "context-guard.monitor.v2",
-  methods: { read: { input: readSchema, output: performanceResultSchema } },
-  events: { changed: { schema: performanceBatchSchema } }
-});
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+
+// src/rpc.ts
+import { Rpc } from "@opencode/plugin/rpc";
 function isPerformanceBatch(value) {
   return valid(value, performanceBatchSchema) && uniqueRows(value);
 }
@@ -178,84 +37,6 @@ function isPerformanceResult(value) {
 function isPerformanceSnapshot(value) {
   return valid(value, performanceSchema);
 }
-var chartPointSchema = object({
-  time: count,
-  agent: text,
-  model: text,
-  breakBefore: { type: "boolean" },
-  partial: { type: "boolean" },
-  liveTps: nonnegative,
-  averageModelTps: nonnegative,
-  averageSessionTps: nonnegative,
-  sessionOutputTokens: count
-}, ["time", "breakBefore", "partial"]);
-var chartRequestSchema = object({
-  time: count,
-  requestId: text,
-  started: count,
-  agent: text,
-  model: text,
-  ttftMs: nonnegative,
-  outputTokens: count,
-  durationMs: nonnegative,
-  tps: nonnegative,
-  partial: { type: "boolean" }
-}, ["time", "requestId", "started", "partial"]);
-var historyReadSchema = object({
-  schemaVersion: { const: 1 },
-  sessionId: text,
-  from: count,
-  to: count,
-  maxPoints: { type: "integer", minimum: 16, maximum: 500 }
-});
-var historyResultSchema = object({
-  schemaVersion: { const: 1 },
-  generatedAt: count,
-  enabled: { type: "boolean" },
-  truncated: { type: "boolean" },
-  metadata: object({
-    schema: { const: 1 },
-    retainedFrom: count,
-    retainedBytes: count,
-    skippedBytes: count,
-    malformedRecords: count,
-    completeness: enumeration("bounded-retention")
-  }, [
-    "schema",
-    "retainedBytes",
-    "skippedBytes",
-    "malformedRecords",
-    "completeness"
-  ]),
-  data: object({
-    schema: { const: 1 },
-    omittedSessions: count,
-    omittedGaps: count,
-    maxPoints: count,
-    gaps: array(object({ time: count, sessionId: text, reason: text }), 128),
-    series: array(object({
-      sessionId: text,
-      parentId: text,
-      agents: array(text, 1024),
-      models: array(text, 1024),
-      points: array(chartPointSchema, 500),
-      requests: array(chartRequestSchema, 500),
-      originalPoints: count
-    }, [
-      "sessionId",
-      "agents",
-      "models",
-      "points",
-      "requests",
-      "originalPoints"
-    ]), 1)
-  }, ["schema", "omittedSessions", "maxPoints", "gaps", "series"])
-});
-var historyRpc = Rpc.define({
-  id: "context-guard.history.v1",
-  methods: { read: { input: historyReadSchema, output: historyResultSchema } },
-  events: {}
-});
 function isHistoryRead(value) {
   return valid(value, historyReadSchema) && record(value) && typeof value.from === "number" && typeof value.to === "number" && value.from <= value.to && value.to - value.from <= 7 * 86400000;
 }
@@ -310,19 +91,252 @@ function uniqueRows(value) {
   const ids = [...value.upserts, ...value.removed].map((v) => record(v) ? v.sessionId : undefined);
   return ids.length <= 128 && new Set(ids).size === ids.length;
 }
-
-// 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 { setProp as _$setProp5 } from "@opentui/solid";
-import { createElement as _$createElement5 } from "@opentui/solid";
-import { createComponent as _$createComponent5 } from "@opentui/solid";
-import { Plugin } from "@opencode/plugin/tui";
-import { Show as Show4 } from "solid-js";
-
-// src/tui/state.ts
-import { createSignal } from "solid-js";
+var count, text, enumeration = (...values) => ({ type: "string", enum: values }), object = (properties, required = Object.keys(properties)) => ({
+  type: "object",
+  properties,
+  required,
+  additionalProperties: false
+}), array = (items, maxItems = 128) => ({
+  type: "array",
+  items,
+  maxItems
+}), measurement, row, batchFields, readSchema, batchSchema, resultSchema, monitorRpc, nonnegative, performanceSchema, performanceRow, performanceBatchSchema, performanceResultSchema, performanceRpc, chartPointSchema, chartRequestSchema, historyReadSchema, historyResultSchema, historyRpc;
+var init_rpc = __esm(() => {
+  count = {
+    type: "integer",
+    minimum: 0,
+    maximum: Number.MAX_SAFE_INTEGER
+  };
+  text = { type: "string", minLength: 1, maxLength: 512 };
+  measurement = object({
+    tokens: count,
+    at: count,
+    model: text,
+    requestId: text,
+    provenance: enumeration("provider-normalized", "serialized-estimate"),
+    confidence: enumeration("reported", "approximate"),
+    scope: enumeration("completed-request", "prepared-request")
+  }, ["tokens", "at", "model", "provenance", "confidence", "scope"]);
+  row = object({
+    sessionId: text,
+    revision: count,
+    observedAt: count,
+    parentId: text,
+    agent: text,
+    model: text,
+    measurement,
+    limits: object({ context: count, input: count, output: count }, [
+      "context",
+      "output"
+    ]),
+    capacityTokens: count,
+    outputReserveTokens: count,
+    peakTokens: count,
+    policy: object({
+      id: text,
+      configured: object({
+        type: enumeration("tokens", "ratio", "remaining"),
+        value: { type: "number", minimum: 0 }
+      }),
+      triggerTokens: { type: "number" },
+      comparison: enumeration(">=", ">"),
+      reason: enumeration("missing-usage", "model-changed", "invalid-usage", "stale-usage", "missing-model-budget", "incompatible-model-budget", "threshold-crossed", "below-threshold"),
+      crossed: { type: "boolean" }
+    }, ["id", "configured", "comparison", "reason", "crossed"]),
+    compaction: object({
+      phase: enumeration("idle", "requesting", "accepted", "running", "awaiting-measurement", "blocked", "uncertain"),
+      count,
+      armed: { type: "boolean" },
+      blockedReason: enumeration("session-removed", "compaction-failed", "reclaim-unverifiable", "insufficient-reclaim", "completion-event-timeout", "admission-outcome-unknown", "restart-needs-lifecycle-evidence"),
+      lastAttempt: count,
+      lastCompleted: count,
+      cooldownUntil: count
+    }, ["phase", "armed"]),
+    cumulative: object({
+      input: count,
+      output: count,
+      reasoning: count,
+      cache: object({ read: count, write: count })
+    }),
+    cumulativeScope: enumeration("session", "unknown"),
+    lastObservedActive: { type: "boolean" }
+  }, [
+    "sessionId",
+    "revision",
+    "observedAt",
+    "policy",
+    "compaction",
+    "cumulativeScope",
+    "lastObservedActive"
+  ]);
+  batchFields = {
+    schemaVersion: { const: 1 },
+    epoch: text,
+    sequence: count,
+    generatedAt: count,
+    health: object({
+      enabled: { type: "boolean" },
+      mode: enumeration("observe", "enforce"),
+      enforcement: enumeration("observing", "available", "suspended", "disabled"),
+      reasons: array(enumeration("event-stream-gap", "persistence-unavailable", "capacity-exceeded", "model-metadata-unavailable"), 8),
+      staleMs: count,
+      maxSessions: count
+    }),
+    upserts: array(row),
+    removed: array(object({
+      sessionId: text,
+      revision: count,
+      reason: enumeration("deleted", "evicted")
+    }))
+  };
+  readSchema = object({
+    schemaVersion: { const: 1 },
+    sessionIds: { ...array(text), uniqueItems: true }
+  });
+  batchSchema = object(batchFields);
+  resultSchema = object({
+    ...batchFields,
+    unavailable: array(object({ sessionId: text, reason: enumeration("not-monitored") }))
+  });
+  monitorRpc = Rpc.define({
+    id: "context-guard.monitor.v1",
+    methods: { read: { input: readSchema, output: resultSchema } },
+    events: { changed: { schema: batchSchema } }
+  });
+  nonnegative = { type: "number", minimum: 0 };
+  performanceSchema = object({
+    observedSince: count,
+    at: count,
+    sessionCreatedAt: count,
+    sessionOutputTokens: count,
+    status: enumeration("waiting", "streaming", "idle", "unavailable"),
+    partial: { type: "boolean" },
+    liveTps: nonnegative,
+    averageModelTps: nonnegative,
+    averageSessionTps: nonnegative,
+    ttftMs: nonnegative,
+    latestRequestTps: nonnegative,
+    requestId: text,
+    requestAgent: text,
+    requestModel: text,
+    requestOutputTokens: count,
+    requestStartedAt: count,
+    firstOutputAt: count,
+    streamEndedAt: count,
+    estimatedOutputTokens: nonnegative,
+    modelOutputTokens: nonnegative,
+    modelDurationMs: nonnegative,
+    completedRequests: count,
+    tokenSource: enumeration("estimated", "reported", "unavailable")
+  }, [
+    "sessionCreatedAt",
+    "observedSince",
+    "at",
+    "status",
+    "partial",
+    "estimatedOutputTokens",
+    "modelOutputTokens",
+    "modelDurationMs",
+    "completedRequests",
+    "tokenSource"
+  ]);
+  performanceRow = {
+    ...row,
+    properties: { ...row.properties, performance: performanceSchema }
+  };
+  performanceBatchSchema = object({
+    ...batchFields,
+    upserts: array(performanceRow)
+  });
+  performanceResultSchema = object({
+    ...batchFields,
+    upserts: array(performanceRow),
+    unavailable: resultSchema.properties.unavailable ?? {}
+  });
+  performanceRpc = Rpc.define({
+    id: "context-guard.monitor.v2",
+    methods: { read: { input: readSchema, output: performanceResultSchema } },
+    events: { changed: { schema: performanceBatchSchema } }
+  });
+  chartPointSchema = object({
+    time: count,
+    agent: text,
+    model: text,
+    breakBefore: { type: "boolean" },
+    partial: { type: "boolean" },
+    liveTps: nonnegative,
+    averageModelTps: nonnegative,
+    averageSessionTps: nonnegative,
+    sessionOutputTokens: count
+  }, ["time", "breakBefore", "partial"]);
+  chartRequestSchema = object({
+    time: count,
+    requestId: text,
+    started: count,
+    agent: text,
+    model: text,
+    ttftMs: nonnegative,
+    outputTokens: count,
+    durationMs: nonnegative,
+    tps: nonnegative,
+    partial: { type: "boolean" }
+  }, ["time", "requestId", "started", "partial"]);
+  historyReadSchema = object({
+    schemaVersion: { const: 1 },
+    sessionId: text,
+    from: count,
+    to: count,
+    maxPoints: { type: "integer", minimum: 16, maximum: 500 }
+  });
+  historyResultSchema = object({
+    schemaVersion: { const: 1 },
+    generatedAt: count,
+    enabled: { type: "boolean" },
+    truncated: { type: "boolean" },
+    metadata: object({
+      schema: { const: 1 },
+      retainedFrom: count,
+      retainedBytes: count,
+      skippedBytes: count,
+      malformedRecords: count,
+      completeness: enumeration("bounded-retention")
+    }, [
+      "schema",
+      "retainedBytes",
+      "skippedBytes",
+      "malformedRecords",
+      "completeness"
+    ]),
+    data: object({
+      schema: { const: 1 },
+      omittedSessions: count,
+      omittedGaps: count,
+      maxPoints: count,
+      gaps: array(object({ time: count, sessionId: text, reason: text }), 128),
+      series: array(object({
+        sessionId: text,
+        parentId: text,
+        agents: array(text, 1024),
+        models: array(text, 1024),
+        points: array(chartPointSchema, 500),
+        requests: array(chartRequestSchema, 500),
+        originalPoints: count
+      }, [
+        "sessionId",
+        "agents",
+        "models",
+        "points",
+        "requests",
+        "originalPoints"
+      ]), 1)
+    }, ["schema", "omittedSessions", "maxPoints", "gaps", "series"])
+  });
+  historyRpc = Rpc.define({
+    id: "context-guard.history.v1",
+    methods: { read: { input: historyReadSchema, output: historyResultSchema } },
+    events: {}
+  });
+});
 
 // src/family.ts
 function metric(snapshot, now, staleMs) {
@@ -698,112 +712,490 @@ function abortable(promise, signal) {
     promise.then(resolve, reject).finally(() => signal.removeEventListener("abort", abort));
   });
 }
+var init_transport = __esm(() => {
+  init_rpc();
+});
 
-// src/tui/inventory.ts
-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;
-  const get = async (id) => cached(id) ?? client.session.get({ sessionID: id }, { signal });
-  if (!previous) {
-    let current = await get(currentId);
-    for (let depth = 0;depth <= 64; depth++) {
-      if (signal.aborted)
-        throw signal.reason;
-      if (sessions.has(current.id) || sessions.size >= maxNodes) {
-        damaged = true;
-        break;
-      }
-      sessions.set(current.id, current);
-      rootId = current.id;
-      if (!current.parentID)
-        break;
-      if (depth === 64) {
-        damaged = true;
-        break;
-      }
-      try {
-        current = await get(current.parentID);
-      } catch {
-        if (signal.aborted)
-          throw signal.reason;
-        damaged = true;
-        break;
-      }
-    }
-  }
-  const queue = previous ? [...previous.pending] : [{ id: rootId, depth: 0, cursors: [] }];
-  const scanned = new Set(previous?.scanned);
-  while (queue.length && pages < 100) {
-    const next = queue.shift();
-    if (!next)
+// 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);
+}
+function cells(value) {
+  return [...segmenter.segment(value)].reduce((n, { segment }) => n + graphemeWidth(segment), 0);
+}
+function graphemeWidth(s) {
+  const cp = s.codePointAt(0) ?? 0;
+  if (/^[\p{Mark}\u200d\ufe0f]+$/u.test(s))
+    return 0;
+  return /[\p{Extended_Pictographic}\p{Regional_Indicator}\u20e3]/u.test(s) || cp >= 4352 && (cp <= 4447 || cp >= 9001 && cp <= 9002 || cp >= 11904 && cp <= 42191 || cp >= 44032 && cp <= 55203 || cp >= 63744 && cp <= 64255 || cp >= 65040 && cp <= 65135 || cp >= 65281 && cp <= 65376 || cp >= 131072) ? 2 : 1;
+}
+function clip(value, width) {
+  const clean = sanitize(value);
+  if (cells(clean) <= width)
+    return clean;
+  let result = "", used = 0;
+  for (const { segment } of segmenter.segment(clean)) {
+    const size = graphemeWidth(segment);
+    if (used + size > Math.max(0, width - 3))
       break;
-    if (!next.cursor && scanned.has(next.id)) {
-      damaged = true;
-      continue;
+    result += segment;
+    used += size;
+  }
+  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)
+    return wrap("Loading session family...", width);
+  if (!s)
+    return [
+      ...wrap(`${row2.node.agent ?? row2.node.sessionId} / ${row2.node.model ?? "?"}`, width),
+      ...wrap("Guard: not monitored / unavailable", width)
+    ];
+  const threshold = s.policy.configured;
+  const headroom = row2.triggerDeltaTokens;
+  const lines = [
+    `${s.agent ?? "?"} / ${s.model ?? "?"}`,
+    ...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}` : ""
+  ];
+  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)}`);
+  return lines.filter(Boolean).flatMap((line) => wrap(line, width));
+}
+function sanitize(value) {
+  return value.replace(/\x1b\][^\x07\x1b]*(?:\x07|\x1b\\)/g, "").replace(/\x1b\[[0-?]*[ -/]*[@-~]/g, "").replace(/[\x00-\x1f\x7f-\x9f]/g, "");
+}
+function wrap(value, width) {
+  const result = [];
+  let part = "";
+  for (const word of sanitize(value).split(" ")) {
+    if (part && cells(part + " " + word) > width) {
+      result.push(part);
+      part = "";
     }
-    if (signal.aborted)
-      throw signal.reason;
-    try {
-      pages++;
-      const response = await client.session.list({
-        parentID: next.id,
-        limit: 100,
-        order: "desc",
-        ...next.cursor ? { cursor: next.cursor } : {}
-      }, { signal });
-      let capped = false;
-      for (const child of response.data) {
-        if (child.parentID !== next.id || child.id === next.id) {
-          damaged = true;
-          continue;
-        }
-        if (!sessions.has(child.id) && sessions.size >= maxNodes) {
-          capped = true;
-          break;
-        }
-        sessions.set(child.id, child);
-        if (!scanned.has(child.id) && !queue.some((branch) => branch.id === child.id)) {
-          if (next.depth < 64)
-            queue.push({ id: child.id, depth: next.depth + 1, cursors: [] });
-          else
-            damaged = true;
-        }
-      }
-      if (capped) {
-        queue.unshift(next);
-        break;
+    for (const { segment } of segmenter.segment((part ? " " : "") + word)) {
+      if (part && cells(part + segment) > width) {
+        result.push(part);
+        part = "";
       }
-      const cursor = response.cursor?.next;
-      if (cursor) {
-        if (next.cursors.includes(cursor) || cursor === next.cursor)
-          damaged = true;
-        else
-          queue.unshift({
-            ...next,
-            cursor,
-            cursors: [...next.cursors, cursor]
-          });
-      } else
-        scanned.add(next.id);
-    } catch {
-      if (signal.aborted)
-        throw signal.reason;
-      damaged = true;
+      part += cells(segment) <= width ? segment : "?";
     }
   }
-  return {
-    sessions,
-    complete: !damaged && !queue.length,
-    rootId,
-    pages: (previous?.pages ?? 0) + pages,
-    pending: queue,
-    scanned,
+  if (part)
+    result.push(part);
+  return result;
+}
+function performanceLines(row2, width) {
+  const p = row2.snapshot?.performance;
+  if (!p)
+    return [];
+  const value = (n) => n === undefined ? "?" : n.toFixed(1);
+  return [
+    ...wrap(`TPS ${p.status === "waiting" ? "waiting" : `${p.status === "streaming" ? "~" : ""}${value(p.liveTps)}`} \xB7 ${p.status}${p.partial ? " \xB7 partial" : ""}`, width),
+    ...wrap(`Avg model ${value(p.averageModelTps)} \xB7 Avg session ${value(p.averageSessionTps)}`, 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 init_format = __esm(() => {
+  segmenter = new Intl.Segmenter(undefined, { granularity: "grapheme" });
+  statuses = {
+    running: "RUN",
+    idle: "IDLE",
+    completed: "DONE",
+    failed: "FAIL",
+    unknown: "?"
+  };
+});
+
+// src/tui/chartformat.ts
+function columns2(points, from, to, width, gaps = []) {
+  const size = Math.max(1, Math.min(120, Math.floor(width))), values = Array.from({ length: size });
+  const column = (time) => Math.max(0, Math.min(size - 1, Math.floor((time - from) / Math.max(1, to - from) * (size - 1))));
+  let min = Infinity, max = -Infinity;
+  for (const point of points) {
+    if (point.time < from || point.time > to || point.value === undefined || !Number.isFinite(point.value) || point.value < 0)
+      continue;
+    min = Math.min(min, point.value);
+    max = Math.max(max, point.value);
+    const i = column(point.time);
+    values[i] = Math.max(values[i] ?? -Infinity, point.value);
+  }
+  for (const time of gaps)
+    if (time >= from && time <= to)
+      values[column(time)] = undefined;
+  return { values, column, min, max };
+}
+function sparkline(points, from, to, width, gaps = []) {
+  const { values, column, min, max } = columns2(points, from, to, width, gaps);
+  const bars = "\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+  const chars = values.map((v) => v === undefined ? " " : bars[Math.min(7, Math.floor(v / Math.max(1, max) * 7))] ?? "\u2581");
+  for (const time of gaps)
+    if (time >= from && time <= to)
+      chars[column(time)] = "\u2506";
+  return { line: chars.join(""), ...min === Infinity ? {} : { min, max } };
+}
+function metricPlot(points, from, to, width, gaps = []) {
+  const label = (value) => value >= 1e6 ? `${(value / 1e6).toFixed(1)}M` : value >= 1000 ? `${(value / 1000).toFixed(1)}k` : value.toFixed(1);
+  const peak = Math.max(0, ...points.filter((p) => p.time >= from && p.time <= to && Number.isFinite(p.value)).map((p) => p.value ?? 0));
+  const scale = Math.max(1, peak);
+  const gutter = width >= 20 ? Math.max(label(scale).length, 3) : 0;
+  const { values, column } = columns2(points, from, to, Math.max(1, width - gutter - 2), gaps);
+  const gapColumns = new Set(gaps.filter((time) => time >= from && time <= to).map(column));
+  const height = 6;
+  const blocks = " \u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+  const lines = Array.from({ length: height }, (_, row2) => {
+    const axis = gutter ? (row2 === 0 ? label(scale) : row2 === height - 1 ? "0.0" : "").padStart(gutter) : "";
+    return `${axis}\u2502${values.map((value, i) => {
+      if (gapColumns.has(i))
+        return "\u2506";
+      if (value === undefined)
+        return " ";
+      const fill = Math.max(0, Math.min(8, Math.ceil((value / scale * height - (height - row2 - 1)) * 8)));
+      return value === 0 && row2 === height - 1 ? "\u2581" : blocks[fill];
+    }).join("")}\u2502`;
+  });
+  lines.push(`${" ".repeat(gutter)}\u2514${"\u2500".repeat(values.length)}\u2518`);
+  const start = new Date(from).toISOString().slice(11, 16), end = new Date(to).toISOString().slice(11, 16);
+  const axisWidth = values.length + 2;
+  if (axisWidth >= 11)
+    lines.push(`${" ".repeat(gutter)}${start}${" ".repeat(axisWidth - 10)}${end}`);
+  return lines;
+}
+function historyChartLines(result, width, from, to, metricIndex = 0) {
+  if (!result.enabled)
+    return wrap("History recording is disabled on this server.", width);
+  const series = result.data.series[0];
+  if (!series)
+    return wrap("No retained measurements in this window.", width);
+  const gaps = result.data.gaps.map((g) => g.time);
+  const observations = (key) => series.points.map((p) => ({
+    time: p.time,
+    ...p[key] === undefined ? {} : { value: p[key] }
+  }));
+  const requests = (key) => series.requests.map((p) => ({
+    time: p.time,
+    ...p[key] === undefined ? {} : { value: key === "ttftMs" ? p[key] / 1000 : p[key] }
+  }));
+  const metric2 = chartMetrics[metricIndex] ?? chartMetrics[0];
+  const points = metric2.source === "points" ? observations(metric2.key) : requests(metric2.key);
+  const plotted = sparkline(points, from, to, width - 2, gaps);
+  return [
+    ...wrap(`\u2039 ${metric2.label} \u203A \xB7 ${metricIndex + 1}/${chartMetrics.length}`, width),
+    ...wrap(plotted.min === undefined ? "No measurements for this metric." : `${plotted.min.toFixed(1)}\u2013${plotted.max?.toFixed(1)} ${metric2.unit} \xB7 observed range`, width),
+    "",
+    ...metricPlot(points, from, to, width, gaps),
+    "",
+    ...wrap("UTC time \u2192 \xB7 peaks per column", width),
+    ...wrap("blank = no sample \xB7 \u2506 = gap", width),
+    ...wrap(`${new Date(from).toISOString()} \u2192 ${new Date(to).toISOString()}`, width),
+    ...series.points.some((p) => p.partial) ? wrap("Partial timing coverage; averages include only matched model durations.", width) : [],
+    ...result.truncated ? wrap("Downsampled/bounded history; some older requests or gap markers may be omitted.", width) : [],
+    ...result.metadata.malformedRecords ? wrap(`${result.metadata.malformedRecords} malformed/partial records skipped.`, width) : []
+  ];
+}
+var chartMetrics;
+var init_chartformat = __esm(() => {
+  init_format();
+  chartMetrics = [
+    { label: "Live TPS ~", unit: "t/s", key: "liveTps", source: "points" },
+    { label: "Avg model", unit: "t/s", key: "averageModelTps", source: "points" },
+    {
+      label: "Avg session",
+      unit: "t/s",
+      key: "averageSessionTps",
+      source: "points"
+    },
+    { label: "TTFT ~", unit: "s", key: "ttftMs", source: "requests" },
+    { label: "Request throughput", unit: "t/s", key: "tps", source: "requests" },
+    {
+      label: "Cumulative output",
+      unit: "tokens",
+      key: "sessionOutputTokens",
+      source: "points"
+    }
+  ];
+});
+
+// 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 { setProp as _$setProp5 } from "@opentui/solid";
+import { createElement as _$createElement5 } from "@opentui/solid";
+import { createComponent as _$createComponent5 } from "@opentui/solid";
+import { Plugin } from "@opencode/plugin/tui";
+import { Show as Show4 } from "solid-js";
+
+// src/tui/state.ts
+init_rpc();
+import { createSignal } from "solid-js";
+
+// src/tui/contextchart.ts
+function updateContextTrace(previous, row2) {
+  const snapshot = row2?.snapshot;
+  const sessionId = row2?.node.sessionId ?? "";
+  const sameSession = previous?.sessionId === sessionId;
+  const model = snapshot?.model ?? row2?.node.model ?? (sameSession ? previous?.model : undefined);
+  const capacity = snapshot?.capacityTokens ?? (sameSession && model === previous?.model ? previous?.capacity : undefined);
+  const compatible = sameSession && previous?.model === model && previous.capacity === capacity;
+  const samples = compatible ? previous.samples : [];
+  const completed = snapshot?.compaction.lastCompleted ?? (compatible ? previous.lastCompleted : undefined);
+  let pending = compatible ? previous.pendingCompleted : undefined;
+  if (completed !== undefined && completed !== previous?.lastCompleted)
+    pending = completed;
+  const measurement2 = snapshot?.measurement;
+  const valid2 = (row2?.freshness === "fresh" || row2?.freshness === "stale") && measurement2 && Number.isFinite(measurement2.tokens) && measurement2.tokens >= 0;
+  const at = measurement2?.at ?? snapshot?.observedAt;
+  let next = samples;
+  if (at !== undefined && Number.isFinite(at)) {
+    const last = samples.at(-1);
+    if (!last || at >= last.at) {
+      const reset = valid2 && (at === last?.at && last.compacted === true || pending !== undefined && measurement2.at >= pending && measurement2.confidence === "reported" && measurement2.scope === "completed-request" && snapshot?.compaction.phase !== "running");
+      const waiting = pending !== undefined && !reset;
+      const tokens = valid2 && !waiting ? Math.max(reset ? 0 : last?.tokens ?? 0, measurement2.tokens) : last?.tokens;
+      const held = tokens !== undefined && (!valid2 || waiting || tokens !== measurement2.tokens);
+      const sample = {
+        at,
+        ...tokens === undefined ? {} : { tokens },
+        ...held ? { held: true } : {},
+        ...reset || at === last?.at && last.compacted ? { compacted: true } : {}
+      };
+      if (reset)
+        pending = undefined;
+      if (!last || at > last.at && sample.tokens !== last.tokens) {
+        next = [...samples, sample].slice(-96);
+      } else if (sample.at !== last.at || sample.tokens !== last.tokens || sample.held !== last.held || sample.compacted !== last.compacted) {
+        next = [...samples.slice(0, -1), sample];
+      }
+    }
+  }
+  return {
+    sessionId,
+    model,
+    capacity,
+    samples: next,
+    ...completed === undefined ? {} : { lastCompleted: completed },
+    ...pending === undefined ? {} : { pendingCompleted: pending }
+  };
+}
+
+class ContextTraceStore {
+  traces = new Map;
+  update(row2) {
+    if (!row2)
+      return updateContextTrace(undefined, undefined);
+    const id = row2.node.sessionId;
+    const trace = updateContextTrace(this.traces.get(id), row2);
+    this.traces.delete(id);
+    this.traces.set(id, trace);
+    if (this.traces.size > 128) {
+      const oldest = this.traces.keys().next().value;
+      if (oldest !== undefined)
+        this.traces.delete(oldest);
+    }
+    return trace;
+  }
+  clear() {
+    this.traces.clear();
+  }
+}
+function contextChart(samples, capacity, trigger, width, now) {
+  if (capacity === undefined || !Number.isFinite(capacity) || capacity <= 0 || width < 4)
+    return [];
+  const height = 8;
+  const gutter = width >= 16 ? 4 : 0;
+  const size = Math.max(1, Math.min(96, width - gutter - 2));
+  const last = samples.at(-1);
+  const paused = now !== undefined && last?.tokens !== undefined && now - last.at > 2500;
+  const values = samples.slice(-size).map((sample, index, visible) => paused && index === visible.length - 1 ? { ...sample, held: true } : sample);
+  const offset = size - values.length;
+  const thresholdRow = trigger !== undefined && Number.isFinite(trigger) && trigger >= 0 && trigger <= capacity ? Math.round((1 - trigger / capacity) * (height - 1)) : -1;
+  const blocks = " \u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+  const lines = Array.from({ length: height }, (_, row2) => {
+    const threshold = row2 === thresholdRow;
+    const axis = gutter ? (row2 === 0 ? "100%" : row2 === height - 1 ? "0%" : "").padStart(gutter) : "";
+    const plot = Array.from({ length: size }, (_2, col) => {
+      const sample = values[col - offset];
+      const value = sample?.tokens;
+      const fill = value === undefined ? 0 : Math.max(0, Math.min(8, Math.ceil((Math.min(value / capacity, 1) * height - (height - row2 - 1)) * 8)));
+      const tone = sample?.held ? "held" : "value";
+      if (fill > 0)
+        return { text: blocks[fill] ?? " ", tone };
+      if (threshold)
+        return { text: "\u2504", tone: "threshold" };
+      if (value === 0 && row2 === height - 1)
+        return { text: "\u2581", tone };
+      return { text: " ", tone: "axis" };
+    });
+    const line = `${axis}\u2502${plot.map((cell) => cell.text).join("")}\u2502`;
+    const segments = [
+      { text: `${axis}\u2502`, held: false, tone: "axis" }
+    ];
+    for (const cell of plot) {
+      const { text: text2, tone } = cell;
+      const held = tone === "held";
+      const previous = segments.at(-1);
+      if (previous?.tone === tone)
+        segments[segments.length - 1] = {
+          text: previous.text + text2,
+          held,
+          tone
+        };
+      else
+        segments.push({ text: text2, held, tone });
+    }
+    segments.push({ text: "\u2502", held: false, tone: "axis" });
+    return { line, threshold, segments };
+  });
+  lines.push({
+    line: `${" ".repeat(gutter)}\u2514${"\u2500".repeat(size)}\u2518`,
+    threshold: false,
+    segments: [
+      {
+        text: `${" ".repeat(gutter)}\u2514${"\u2500".repeat(size)}\u2518`,
+        held: false,
+        tone: "axis"
+      }
+    ]
+  });
+  return lines;
+}
+
+// src/tui/state.ts
+init_transport();
+
+// src/tui/inventory.ts
+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;
+  const get = async (id) => cached(id) ?? client.session.get({ sessionID: id }, { signal });
+  if (!previous) {
+    let current = await get(currentId);
+    for (let depth = 0;depth <= 64; depth++) {
+      if (signal.aborted)
+        throw signal.reason;
+      if (sessions.has(current.id) || sessions.size >= maxNodes) {
+        damaged = true;
+        break;
+      }
+      sessions.set(current.id, current);
+      rootId = current.id;
+      if (!current.parentID)
+        break;
+      if (depth === 64) {
+        damaged = true;
+        break;
+      }
+      try {
+        current = await get(current.parentID);
+      } catch {
+        if (signal.aborted)
+          throw signal.reason;
+        damaged = true;
+        break;
+      }
+    }
+  }
+  const queue = previous ? [...previous.pending] : [{ id: rootId, depth: 0, cursors: [] }];
+  const scanned = new Set(previous?.scanned);
+  while (queue.length && pages < 100) {
+    const next = queue.shift();
+    if (!next)
+      break;
+    if (!next.cursor && scanned.has(next.id)) {
+      damaged = true;
+      continue;
+    }
+    if (signal.aborted)
+      throw signal.reason;
+    try {
+      pages++;
+      const response = await client.session.list({
+        parentID: next.id,
+        limit: 100,
+        order: "desc",
+        ...next.cursor ? { cursor: next.cursor } : {}
+      }, { signal });
+      let capped = false;
+      for (const child of response.data) {
+        if (child.parentID !== next.id || child.id === next.id) {
+          damaged = true;
+          continue;
+        }
+        if (!sessions.has(child.id) && sessions.size >= maxNodes) {
+          capped = true;
+          break;
+        }
+        sessions.set(child.id, child);
+        if (!scanned.has(child.id) && !queue.some((branch) => branch.id === child.id)) {
+          if (next.depth < 64)
+            queue.push({ id: child.id, depth: next.depth + 1, cursors: [] });
+          else
+            damaged = true;
+        }
+      }
+      if (capped) {
+        queue.unshift(next);
+        break;
+      }
+      const cursor = response.cursor?.next;
+      if (cursor) {
+        if (next.cursors.includes(cursor) || cursor === next.cursor)
+          damaged = true;
+        else
+          queue.unshift({
+            ...next,
+            cursor,
+            cursors: [...next.cursors, cursor]
+          });
+      } else
+        scanned.add(next.id);
+    } catch {
+      if (signal.aborted)
+        throw signal.reason;
+      damaged = true;
+    }
+  }
+  return {
+    sessions,
+    complete: !damaged && !queue.length,
+    rootId,
+    pages: (previous?.pages ?? 0) + pages,
+    pending: queue,
+    scanned,
     damaged
   };
 }
 
 // src/tui/state.ts
 function createGuardState(context) {
+  const contextTraces = new ContextTraceStore;
   const [version, setVersion] = createSignal(0);
   const notify = () => {
     setVersion((n) => n + 1);
@@ -986,301 +1378,138 @@ function createGuardState(context) {
       },
       release() {
         consumers.delete(token);
-        if (consumers.size)
-          select();
-        else
-          stop();
-      }
-    };
-  }
-  function stop() {
-    controller?.abort();
-    scanGeneration++;
-    scanning = false;
-    for (const c of clients.values())
-      c.stop();
-    clients.clear();
-    clearTimeout(expiryTimer);
-    clearInterval(ageTimer);
-    clearInterval(scanTimer);
-    clearTimeout(eventTimer);
-    unlisten?.();
-    unlisten = undefined;
-    inventory = undefined;
-    evidence.clear();
-    currentId = "";
-  }
-  function rows(stableOrder = [], allDescendants = false) {
-    version();
-    const snapshots = new Map([...clients.values()].flatMap((c2) => [...c2.rows]));
-    const nodes = [...inventory?.sessions.values() ?? []].map((original) => {
-      const s = context.data.session.get(original.id) ?? original;
-      const observed = evidence.get(s.id) ?? {};
-      const metadataAt = s.time.idle ?? 0;
-      const e = s.outcome && metadataAt >= (observed.terminalAt ?? 0) ? { ...observed, outcome: s.outcome, terminalAt: metadataAt } : observed;
-      return {
-        sessionId: s.id,
-        ...s.parentID ? { parentId: s.parentID } : {},
-        ...s.agent ? { agent: s.agent } : {},
-        ...s.model ? { model: `${s.model.providerID}/${s.model.id}` } : {},
-        ...e.outcome === "interrupted" ? { interrupted: true } : {},
-        status: executionStatus(true, context.data.session.status(s.id) === "running", e)
-      };
-    });
-    const c = [...clients.values()].find((c2) => c2.rows.has(currentId)) ?? clients.values().next().value;
-    return familyRows(nodes, snapshots, currentId, c?.now() ?? Date.now(), c?.health?.staleMs ?? 300000, allDescendants ? new Set(nodes.map((node) => node.sessionId)) : expanded, maxNodes, (id) => {
-      const session = inventory?.sessions.get(id);
-      const client = session ? clients.get(locationKey(session.location)) : undefined;
-      return {
-        now: client?.now() ?? Date.now(),
-        staleMs: client?.health?.staleMs ?? 300000
-      };
-    }, stableOrder);
-  }
-  return {
-    version,
-    acquire,
-    async history(id, from, to, signal) {
-      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;
-    },
-    rows,
-    dispose: stop,
-    age(id) {
-      version();
-      const c = [...clients.values()].find((c2) => c2.rows.has(id));
-      const m = c?.rows.get(id)?.measurement;
-      return c && m ? c.now() - m.at : 0;
-    },
-    health() {
-      version();
-      return [...clients.values()].find((c) => c.rows.has(currentId))?.health ?? clients.values().next().value?.health;
-    },
-    connection() {
-      version();
-      return clients.size ? [...clients.values()].map((c) => c.connection).find((c) => c !== "live") ?? "live" : scanFailed ? "unavailable" : "loading";
-    },
-    complete() {
-      version();
-      return inventory?.complete ?? false;
-    },
-    refresh() {
-      scan();
-      for (const c of clients.values())
-        c.refresh();
-    },
-    loadMore() {
-      maxNodes = Math.min(2048, maxNodes + 1024);
-      scan(true);
-    },
-    expand(id) {
-      if (expanded.has(id))
-        expanded.delete(id);
-      else if (expanded.size < 1024)
-        expanded.add(id);
-      savePreferences((draft) => {
-        draft.expanded = [...expanded];
-      }).catch(() => {
-      });
-      notify();
-    }
-  };
-}
-function locationKey(location) {
-  return JSON.stringify([location.directory, location.workspaceID ?? null]);
-}
-function sameLocation(a, b) {
-  if (a.workspaceID && b.workspaceID)
-    return a.workspaceID === b.workspaceID;
-  return a.directory === b.directory;
-}
-
-// src/tui/sidebar.tsx
-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";
-
-// 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);
-}
-var segmenter = new Intl.Segmenter(undefined, { granularity: "grapheme" });
-function cells(value) {
-  return [...segmenter.segment(value)].reduce((n, { segment }) => n + graphemeWidth(segment), 0);
-}
-function graphemeWidth(s) {
-  const cp = s.codePointAt(0) ?? 0;
-  if (/^[\p{Mark}\u200d\ufe0f]+$/u.test(s))
-    return 0;
-  return /[\p{Extended_Pictographic}\p{Regional_Indicator}\u20e3]/u.test(s) || cp >= 4352 && (cp <= 4447 || cp >= 9001 && cp <= 9002 || cp >= 11904 && cp <= 42191 || cp >= 44032 && cp <= 55203 || cp >= 63744 && cp <= 64255 || cp >= 65040 && cp <= 65135 || cp >= 65281 && cp <= 65376 || cp >= 131072) ? 2 : 1;
-}
-function clip(value, width) {
-  const clean = sanitize(value);
-  if (cells(clean) <= width)
-    return clean;
-  let result = "", used = 0;
-  for (const { segment } of segmenter.segment(clean)) {
-    const size = graphemeWidth(segment);
-    if (used + size > Math.max(0, width - 3))
-      break;
-    result += segment;
-    used += size;
-  }
-  return width < 3 ? ".".repeat(Math.max(0, width)) : result + "...";
-}
-var statuses = {
-  running: "RUN",
-  idle: "IDLE",
-  completed: "DONE",
-  failed: "FAIL",
-  unknown: "?"
-};
-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)
-    return wrap("Loading session family...", width);
-  if (!s)
-    return [
-      ...wrap(`${row2.node.agent ?? row2.node.sessionId} / ${row2.node.model ?? "?"}`, width),
-      ...wrap("Guard: not monitored / unavailable", width)
-    ];
-  const threshold = s.policy.configured;
-  const headroom = row2.triggerDeltaTokens;
-  const lines = [
-    `${s.agent ?? "?"} / ${s.model ?? "?"}`,
-    ...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}` : ""
-  ];
-  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)}`);
-  return lines.filter(Boolean).flatMap((line) => wrap(line, width));
-}
-function sanitize(value) {
-  return value.replace(/\x1b\][^\x07\x1b]*(?:\x07|\x1b\\)/g, "").replace(/\x1b\[[0-?]*[ -/]*[@-~]/g, "").replace(/[\x00-\x1f\x7f-\x9f]/g, "");
-}
-function wrap(value, width) {
-  const result = [];
-  let part = "";
-  for (const word of sanitize(value).split(" ")) {
-    if (part && cells(part + " " + word) > width) {
-      result.push(part);
-      part = "";
-    }
-    for (const { segment } of segmenter.segment((part ? " " : "") + word)) {
-      if (part && cells(part + segment) > width) {
-        result.push(part);
-        part = "";
-      }
-      part += cells(segment) <= width ? segment : "?";
-    }
-  }
-  if (part)
-    result.push(part);
-  return result;
-}
-function performanceLines(row2, width) {
-  const p = row2.snapshot?.performance;
-  if (!p)
-    return [];
-  const value = (n) => n === undefined ? "?" : n.toFixed(1);
-  return [
-    ...wrap(`TPS ${p.status === "waiting" ? "waiting" : `${p.status === "streaming" ? "~" : ""}${value(p.liveTps)}`} \xB7 ${p.status}${p.partial ? " \xB7 partial" : ""}`, width),
-    ...wrap(`Avg model ${value(p.averageModelTps)} \xB7 Avg session ${value(p.averageSessionTps)}`, width),
-    ...wrap(`TTFT ${p.ttftMs === undefined ? "?" : `~${(p.ttftMs / 1000).toFixed(2)}s`}${p.latestRequestTps === undefined ? "" : ` \xB7 Last ${value(p.latestRequestTps)} t/s`}`, width)
-  ];
-}
-
-// src/tui/contextchart.ts
-function updateContextTrace(previous, row2) {
-  const snapshot = row2?.snapshot;
-  const model = snapshot?.model ?? row2?.node.model;
-  const capacity = snapshot?.capacityTokens;
-  const sessionId = row2?.node.sessionId ?? "";
-  const samples = previous?.sessionId === sessionId && previous.model === model && previous.capacity === capacity ? previous.samples : [];
-  const measurement2 = snapshot?.measurement;
-  const valid2 = (row2?.freshness === "fresh" || row2?.freshness === "stale") && measurement2 && Number.isFinite(measurement2.tokens) && measurement2.tokens >= 0;
-  const at = measurement2?.at ?? snapshot?.observedAt;
-  let next = samples;
-  if (at !== undefined && Number.isFinite(at)) {
-    const sample = {
-      at,
-      ...valid2 ? { tokens: measurement2.tokens } : {}
+        if (consumers.size)
+          select();
+        else
+          stop();
+      }
     };
-    const last = samples.at(-1);
-    if (!last || at > last.at)
-      next = [...samples, sample].slice(-96);
-    else if (at === last.at && sample.tokens !== last.tokens)
-      next = [...samples.slice(0, -1), sample];
   }
-  return { sessionId, model, capacity, samples: next };
+  function stop() {
+    controller?.abort();
+    scanGeneration++;
+    scanning = false;
+    for (const c of clients.values())
+      c.stop();
+    clients.clear();
+    clearTimeout(expiryTimer);
+    clearInterval(ageTimer);
+    clearInterval(scanTimer);
+    clearTimeout(eventTimer);
+    unlisten?.();
+    unlisten = undefined;
+    inventory = undefined;
+    evidence.clear();
+    currentId = "";
+  }
+  function rows(stableOrder = [], allDescendants = false) {
+    version();
+    const snapshots = new Map([...clients.values()].flatMap((c2) => [...c2.rows]));
+    const nodes = [...inventory?.sessions.values() ?? []].map((original) => {
+      const s = context.data.session.get(original.id) ?? original;
+      const observed = evidence.get(s.id) ?? {};
+      const metadataAt = s.time.idle ?? 0;
+      const e = s.outcome && metadataAt >= (observed.terminalAt ?? 0) ? { ...observed, outcome: s.outcome, terminalAt: metadataAt } : observed;
+      return {
+        sessionId: s.id,
+        ...s.parentID ? { parentId: s.parentID } : {},
+        ...s.agent ? { agent: s.agent } : {},
+        ...s.model ? { model: `${s.model.providerID}/${s.model.id}` } : {},
+        ...e.outcome === "interrupted" ? { interrupted: true } : {},
+        status: executionStatus(true, context.data.session.status(s.id) === "running", e)
+      };
+    });
+    const c = [...clients.values()].find((c2) => c2.rows.has(currentId)) ?? clients.values().next().value;
+    return familyRows(nodes, snapshots, currentId, c?.now() ?? Date.now(), c?.health?.staleMs ?? 300000, allDescendants ? new Set(nodes.map((node) => node.sessionId)) : expanded, maxNodes, (id) => {
+      const session = inventory?.sessions.get(id);
+      const client = session ? clients.get(locationKey(session.location)) : undefined;
+      return {
+        now: client?.now() ?? Date.now(),
+        staleMs: client?.health?.staleMs ?? 300000
+      };
+    }, stableOrder);
+  }
+  return {
+    version,
+    acquire,
+    async history(id, from, to, signal) {
+      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;
+    },
+    rows,
+    contextTrace: (row2) => contextTraces.update(row2),
+    dispose() {
+      stop();
+      contextTraces.clear();
+    },
+    age(id) {
+      version();
+      const c = [...clients.values()].find((c2) => c2.rows.has(id));
+      const m = c?.rows.get(id)?.measurement;
+      return c && m ? c.now() - m.at : 0;
+    },
+    health() {
+      version();
+      return [...clients.values()].find((c) => c.rows.has(currentId))?.health ?? clients.values().next().value?.health;
+    },
+    connection() {
+      version();
+      return clients.size ? [...clients.values()].map((c) => c.connection).find((c) => c !== "live") ?? "live" : scanFailed ? "unavailable" : "loading";
+    },
+    complete() {
+      version();
+      return inventory?.complete ?? false;
+    },
+    refresh() {
+      scan();
+      for (const c of clients.values())
+        c.refresh();
+    },
+    loadMore() {
+      maxNodes = Math.min(2048, maxNodes + 1024);
+      scan(true);
+    },
+    expand(id) {
+      if (expanded.has(id))
+        expanded.delete(id);
+      else if (expanded.size < 1024)
+        expanded.add(id);
+      savePreferences((draft) => {
+        draft.expanded = [...expanded];
+      }).catch(() => {
+      });
+      notify();
+    }
+  };
 }
-function contextChart(samples, capacity, trigger, width) {
-  if (capacity === undefined || !Number.isFinite(capacity) || capacity <= 0 || width < 4)
-    return [];
-  const height = 8;
-  const gutter = width >= 16 ? 4 : 0;
-  const size = Math.max(1, Math.min(96, width - gutter - 2));
-  const values = samples.slice(-size);
-  const offset = size - values.length;
-  const thresholdRow = trigger !== undefined && Number.isFinite(trigger) && trigger >= 0 && trigger <= capacity ? Math.round((1 - trigger / capacity) * (height - 1)) : -1;
-  const blocks = " \u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
-  const lines = Array.from({ length: height }, (_, row2) => {
-    const threshold = row2 === thresholdRow;
-    const axis = gutter ? (row2 === 0 ? "100%" : row2 === height - 1 ? "0%" : "").padStart(gutter) : "";
-    const plot = Array.from({ length: size }, (_2, col) => {
-      const value = values[col - offset]?.tokens;
-      const fill = value === undefined ? 0 : Math.max(0, Math.min(8, Math.ceil((Math.min(value / capacity, 1) * height - (height - row2 - 1)) * 8)));
-      if (threshold)
-        return fill > 0 ? "\u2542" : "\u2504";
-      if (value === 0 && row2 === height - 1)
-        return "\u2581";
-      return blocks[fill] ?? " ";
-    }).join("");
-    return { line: `${axis}\u2502${plot}\u2502`, threshold };
-  });
-  lines.push({
-    line: `${" ".repeat(gutter)}\u2514${"\u2500".repeat(size)}\u2518`,
-    threshold: false
-  });
-  return lines;
+function locationKey(location) {
+  return JSON.stringify([location.directory, location.workspaceID ?? null]);
+}
+function sameLocation(a, b) {
+  if (a.workspaceID && b.workspaceID)
+    return a.workspaceID === b.workspaceID;
+  return a.directory === b.directory;
 }
 
+// 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";
+
 // src/tui/compact.tsx
+init_format();
 import { createTextNode as _$createTextNode } from "@opentui/solid";
 import { insertNode as _$insertNode } from "@opentui/solid";
 import { setProp as _$setProp } from "@opentui/solid";
@@ -1292,6 +1521,7 @@ import { createComponent as _$createComponent } from "@opentui/solid";
 import { For, Index, Show, createEffect, createMemo, createSignal as createSignal2 } from "solid-js";
 
 // src/tui/compactformat.ts
+init_format();
 function tokens(value) {
   if (value === undefined || !Number.isFinite(value))
     return "?";
@@ -1314,7 +1544,7 @@ 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) {
+function mainSections(row2, width, age, samples, chartCapacity) {
   if (!row2)
     return [{ tone: "base", lines: wrap("Loading session family...", width) }];
   const s = row2.snapshot, m = s?.measurement;
@@ -1335,10 +1565,17 @@ function mainSections(row2, width, age, samples) {
         ...columns("Context", `${tokens(measured)} / ${tokens(s?.capacityTokens)}`, width)
       ]
     },
-    ...contextChart(samples ?? (m && valid2 ? [{ at: m.at, tokens: m.tokens }] : []), s?.capacityTokens, s?.policy.triggerTokens, width).map(({ line, threshold }) => ({
+    ...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]
+      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)
@@ -1472,7 +1709,7 @@ function CompactSidebar(props) {
     setCollapsed(new Set);
   });
   const current = createMemo(() => props.rows.find((r) => r.node.sessionId === props.sessionID));
-  const trace = createMemo((previous) => updateContextTrace(previous, current()));
+  const trace = createMemo(() => props.state.contextTrace(current()));
   const tree = createMemo(() => subagentTree(props.rows, props.sessionID, collapsed(), hideCompleted(), byPressure()));
   const entries = createMemo(() => new Map(tree().visible.map((entry) => [entry.row.node.sessionId, entry])));
   const toggle = (id) => setCollapsed((previous) => {
@@ -1538,7 +1775,7 @@ function CompactSidebar(props) {
     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(() => [...props.context.app.version !== "2.0.29" ? 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()))]);
+  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);
@@ -1562,7 +1799,7 @@ function CompactSidebar(props) {
     });
     _$insert(_el$2, _$createComponent(Index, {
       get each() {
-        return mainSections(current(), width(), props.state.age(props.sessionID), trace().samples);
+        return mainSections(current(), width(), props.state.age(props.sessionID), trace().samples, trace().capacity);
       },
       children: (section2) => _$createComponent(Index, {
         get each() {
@@ -1570,7 +1807,29 @@ function CompactSidebar(props) {
         },
         children: (line) => (() => {
           var _el$13 = _$createElement("text");
-          _$insert(_el$13, () => line() || " ");
+          _$insert(_el$13, _$createComponent(Show, {
+            get when() {
+              return section2().segments;
+            },
+            get fallback() {
+              return line() || " ";
+            },
+            get children() {
+              return _$createComponent(For, {
+                get each() {
+                  return section2().segments;
+                },
+                children: (part) => (() => {
+                  var _el$14 = _$createElement("span");
+                  _$insert(_el$14, () => part.text);
+                  _$effect((_$p) => _$setProp(_el$14, "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;
+                })()
+              });
+            }
+          }));
           _$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;
         })()
@@ -1581,10 +1840,10 @@ function CompactSidebar(props) {
         return notices();
       },
       children: (line) => (() => {
-        var _el$14 = _$createElement("text");
-        _$insert(_el$14, line);
-        _$effect((_$p) => _$setProp(_el$14, "fg", colors().feedback.warning.base, _$p));
-        return _el$14;
+        var _el$15 = _$createElement("text");
+        _$insert(_el$15, line);
+        _$effect((_$p) => _$setProp(_el$15, "fg", colors().feedback.warning.base, _$p));
+        return _el$15;
       })()
     }), _el$3);
     _$insertNode(_el$3, _$createTextNode(` `));
@@ -1610,60 +1869,60 @@ function CompactSidebar(props) {
             return row2();
           },
           children: (item) => (() => {
-            var _el$15 = _$createElement("box"), _el$16 = _$createElement("box"), _el$18 = _$createElement("text"), _el$19 = _$createElement("span"), _el$20 = _$createElement("span"), _el$21 = _$createElement("text");
-            _$insertNode(_el$15, _el$16);
-            _$insertNode(_el$15, _el$21);
-            _$setProp(_el$15, "flexDirection", "column");
-            _$setProp(_el$15, "flexShrink", 0);
-            _$insertNode(_el$16, _el$18);
-            _$setProp(_el$16, "flexDirection", "row");
+            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);
-            _$insert(_el$16, _$createComponent(Show, {
+            _$insertNode(_el$17, _el$19);
+            _$setProp(_el$17, "flexDirection", "row");
+            _$setProp(_el$17, "flexShrink", 0);
+            _$insert(_el$17, _$createComponent(Show, {
               get when() {
                 return prefix();
               },
               get children() {
-                var _el$17 = _$createElement("text");
-                _$setProp(_el$17, "onMouseDown", () => toggle(id));
-                _$insert(_el$17, prefix);
-                _$effect((_$p) => _$setProp(_el$17, "fg", colors().muted, _$p));
-                return _el$17;
+                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;
               }
-            }), _el$18);
-            _$insertNode(_el$18, _el$19);
-            _$insertNode(_el$18, _el$20);
-            _$setProp(_el$18, "onMouseDown", () => props.context.ui.router.navigate({
+            }), _el$19);
+            _$insertNode(_el$19, _el$20);
+            _$insertNode(_el$19, _el$21);
+            _$setProp(_el$19, "onMouseDown", () => props.context.ui.router.navigate({
               type: "session",
               sessionID: id
             }));
-            _$insert(_el$19, () => agentHeading(item(), nameWidth()).slice(0, 1));
-            _$insert(_el$20, () => agentHeading(item(), nameWidth()).slice(1));
-            _$insert(_el$15, _$createComponent(Index, {
+            _$insert(_el$20, () => agentHeading(item(), nameWidth()).slice(0, 1));
+            _$insert(_el$21, () => agentHeading(item(), nameWidth()).slice(1));
+            _$insert(_el$16, _$createComponent(Index, {
               get each() {
                 return agentLines(item(), Math.max(1, width() - cells(indent()) - 2));
               },
               children: (line) => (() => {
-                var _el$23 = _$createElement("text"), _el$24 = _$createTextNode(` `);
-                _$insertNode(_el$23, _el$24);
-                _$insert(_el$23, indent, _el$24);
-                _$insert(_el$23, line, null);
-                _$effect((_$p) => _$setProp(_el$23, "fg", rowColor(item()), _$p));
-                return _el$23;
+                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;
               })()
-            }), _el$21);
-            _$insertNode(_el$21, _$createTextNode(` `));
+            }), _el$22);
+            _$insertNode(_el$22, _$createTextNode(` `));
             _$effect((_p$) => {
               var _v$0 = rowColor(item()), _v$1 = {
                 fg: executionColor(item())
               };
-              _v$0 !== _p$.e && (_p$.e = _$setProp(_el$18, "fg", _v$0, _p$.e));
-              _v$1 !== _p$.t && (_p$.t = _$setProp(_el$19, "style", _v$1, _p$.t));
+              _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));
               return _p$;
             }, {
               e: undefined,
               t: undefined
             });
-            return _el$15;
+            return _el$16;
           })()
         });
       }
@@ -1717,8 +1976,8 @@ function GuardView(props) {
   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((previous) => updateContextTrace(previous, props.expanded ? current() : undefined));
-  const chart = createMemo2(() => contextChart(trace().samples, current()?.snapshot?.capacityTokens, current()?.snapshot?.policy.triggerTokens, props.width));
+  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) {
@@ -1780,8 +2039,8 @@ function GuardView(props) {
       _$insertNode2(_el$2, _el$3);
       _$insert2(_el$2, () => props.state.health()?.mode ?? "?", null);
       _$insert2(_el$4, (() => {
-        var _c$ = _$memo2(() => props.context.app.version === "2.0.29");
-        return () => _c$() ? "" : clip(`Runtime ${props.context.app.version}: unverified (2.0.29 target)`, props.width);
+        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, {
@@ -1790,20 +2049,42 @@ function GuardView(props) {
         },
         children: (item) => (() => {
           var _el$1 = _$createElement2("text");
-          _$insert2(_el$1, () => item.line);
+          _$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", props.width);
+          return wrap("Recent context samples \u2192 now \xB7 \u2504 trigger \xB7 muted held", props.width);
         },
         children: (line) => (() => {
-          var _el$10 = _$createElement2("text");
-          _$insert2(_el$10, line);
-          _$effect2((_$p) => _$setProp2(_el$10, "fg", props.context.theme.text.muted, _$p));
-          return _el$10;
+          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, {
@@ -1811,10 +2092,10 @@ function GuardView(props) {
           return detail();
         },
         children: (line) => (() => {
-          var _el$11 = _$createElement2("text");
-          _$insert2(_el$11, line);
-          _$effect2((_$p) => _$setProp2(_el$11, "fg", props.context.theme.text.base, _$p));
-          return _el$11;
+          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, {
@@ -1822,10 +2103,10 @@ function GuardView(props) {
           return props.state.health()?.reasons ?? [];
         },
         children: (reason) => (() => {
-          var _el$12 = _$createElement2("text");
-          _$insert2(_el$12, () => clip(reason, props.width));
-          _$effect2((_$p) => _$setProp2(_el$12, "fg", props.context.theme.text.feedback.warning.base, _$p));
-          return _el$12;
+          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, (() => {
@@ -1841,9 +2122,9 @@ function GuardView(props) {
           return visible();
         },
         children: (row2) => (() => {
-          var _el$13 = _$createElement2("box");
-          _$setProp2(_el$13, "flexDirection", "column");
-          _$setProp2(_el$13, "onMouseDown", () => {
+          var _el$14 = _$createElement2("box");
+          _$setProp2(_el$14, "flexDirection", "column");
+          _$setProp2(_el$14, "onMouseDown", () => {
             if (row2.hidden)
               props.state.expand(row2.node.sessionId);
             else {
@@ -1855,19 +2136,19 @@ function GuardView(props) {
               });
             }
           });
-          _$insert2(_el$13, _$createComponent2(For2, {
+          _$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$14 = _$createElement2("text");
-              _$insert2(_el$14, line);
-              _$effect2((_$p) => _$setProp2(_el$14, "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$14;
+              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$13, "id", `context-guard.row.${row2.node.sessionId}`, _$p));
-          return _el$13;
+          _$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"));
@@ -1909,6 +2190,8 @@ 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";
 
 // src/tui/charts.tsx
+init_chartformat();
+init_format();
 import { effect as _$effect3 } from "@opentui/solid";
 import { insertNode as _$insertNode3 } from "@opentui/solid";
 import { insert as _$insert3 } from "@opentui/solid";
@@ -1916,113 +2199,6 @@ 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";
-
-// src/tui/chartformat.ts
-function columns2(points, from, to, width, gaps = []) {
-  const size = Math.max(1, Math.min(120, Math.floor(width))), values = Array.from({ length: size });
-  const column = (time) => Math.max(0, Math.min(size - 1, Math.floor((time - from) / Math.max(1, to - from) * (size - 1))));
-  let min = Infinity, max = -Infinity;
-  for (const point of points) {
-    if (point.time < from || point.time > to || point.value === undefined || !Number.isFinite(point.value) || point.value < 0)
-      continue;
-    min = Math.min(min, point.value);
-    max = Math.max(max, point.value);
-    const i = column(point.time);
-    values[i] = Math.max(values[i] ?? -Infinity, point.value);
-  }
-  for (const time of gaps)
-    if (time >= from && time <= to)
-      values[column(time)] = undefined;
-  return { values, column, min, max };
-}
-function sparkline(points, from, to, width, gaps = []) {
-  const { values, column, min, max } = columns2(points, from, to, width, gaps);
-  const bars = "\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
-  const chars = values.map((v) => v === undefined ? " " : bars[Math.min(7, Math.floor(v / Math.max(1, max) * 7))] ?? "\u2581");
-  for (const time of gaps)
-    if (time >= from && time <= to)
-      chars[column(time)] = "\u2506";
-  return { line: chars.join(""), ...min === Infinity ? {} : { min, max } };
-}
-var chartMetrics = [
-  { label: "Live TPS ~", unit: "t/s", key: "liveTps", source: "points" },
-  { label: "Avg model", unit: "t/s", key: "averageModelTps", source: "points" },
-  {
-    label: "Avg session",
-    unit: "t/s",
-    key: "averageSessionTps",
-    source: "points"
-  },
-  { label: "TTFT ~", unit: "s", key: "ttftMs", source: "requests" },
-  { label: "Request throughput", unit: "t/s", key: "tps", source: "requests" },
-  {
-    label: "Cumulative output",
-    unit: "tokens",
-    key: "sessionOutputTokens",
-    source: "points"
-  }
-];
-function metricPlot(points, from, to, width, gaps = []) {
-  const label = (value) => value >= 1e6 ? `${(value / 1e6).toFixed(1)}M` : value >= 1000 ? `${(value / 1000).toFixed(1)}k` : value.toFixed(1);
-  const peak = Math.max(0, ...points.filter((p) => p.time >= from && p.time <= to && Number.isFinite(p.value)).map((p) => p.value ?? 0));
-  const scale = Math.max(1, peak);
-  const gutter = width >= 20 ? Math.max(label(scale).length, 3) : 0;
-  const { values, column } = columns2(points, from, to, Math.max(1, width - gutter - 2), gaps);
-  const gapColumns = new Set(gaps.filter((time) => time >= from && time <= to).map(column));
-  const height = 6;
-  const blocks = " \u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
-  const lines = Array.from({ length: height }, (_, row2) => {
-    const axis = gutter ? (row2 === 0 ? label(scale) : row2 === height - 1 ? "0.0" : "").padStart(gutter) : "";
-    return `${axis}\u2502${values.map((value, i) => {
-      if (gapColumns.has(i))
-        return "\u2506";
-      if (value === undefined)
-        return " ";
-      const fill = Math.max(0, Math.min(8, Math.ceil((value / scale * height - (height - row2 - 1)) * 8)));
-      return value === 0 && row2 === height - 1 ? "\u2581" : blocks[fill];
-    }).join("")}\u2502`;
-  });
-  lines.push(`${" ".repeat(gutter)}\u2514${"\u2500".repeat(values.length)}\u2518`);
-  const start = new Date(from).toISOString().slice(11, 16), end = new Date(to).toISOString().slice(11, 16);
-  const axisWidth = values.length + 2;
-  if (axisWidth >= 11)
-    lines.push(`${" ".repeat(gutter)}${start}${" ".repeat(axisWidth - 10)}${end}`);
-  return lines;
-}
-function historyChartLines(result, width, from, to, metricIndex = 0) {
-  if (!result.enabled)
-    return wrap("History recording is disabled on this server.", width);
-  const series = result.data.series[0];
-  if (!series)
-    return wrap("No retained measurements in this window.", width);
-  const gaps = result.data.gaps.map((g) => g.time);
-  const observations = (key) => series.points.map((p) => ({
-    time: p.time,
-    ...p[key] === undefined ? {} : { value: p[key] }
-  }));
-  const requests = (key) => series.requests.map((p) => ({
-    time: p.time,
-    ...p[key] === undefined ? {} : { value: key === "ttftMs" ? p[key] / 1000 : p[key] }
-  }));
-  const metric2 = chartMetrics[metricIndex] ?? chartMetrics[0];
-  const points = metric2.source === "points" ? observations(metric2.key) : requests(metric2.key);
-  const plotted = sparkline(points, from, to, width - 2, gaps);
-  return [
-    ...wrap(`\u2039 ${metric2.label} \u203A \xB7 ${metricIndex + 1}/${chartMetrics.length}`, width),
-    ...wrap(plotted.min === undefined ? "No measurements for this metric." : `${plotted.min.toFixed(1)}\u2013${plotted.max?.toFixed(1)} ${metric2.unit} \xB7 observed range`, width),
-    "",
-    ...metricPlot(points, from, to, width, gaps),
-    "",
-    ...wrap("UTC time \u2192 \xB7 peaks per column", width),
-    ...wrap("blank = no sample \xB7 \u2506 = gap", width),
-    ...wrap(`${new Date(from).toISOString()} \u2192 ${new Date(to).toISOString()}`, width),
-    ...series.points.some((p) => p.partial) ? wrap("Partial timing coverage; averages include only matched model durations.", width) : [],
-    ...result.truncated ? wrap("Downsampled/bounded history; some older requests or gap markers may be omitted.", width) : [],
-    ...result.metadata.malformedRecords ? wrap(`${result.metadata.malformedRecords} malformed/partial records skipped.`, width) : []
-  ];
-}
-
-// src/tui/charts.tsx
 function HistoryCharts(props) {
   const [result, setResult] = createSignal3();
   const [status, setStatus] = createSignal3("Loading retained history...");
@@ -2117,10 +2293,13 @@ function HistoryCharts(props) {
 }
 
 // src/tui/panel.tsx
+init_chartformat();
+init_format();
 function GuardPanel(props) {
   const [showCharts, setShowCharts] = createSignal4(false);
   const [metricIndex, setMetricIndex] = createSignal4(0);
-  const width = () => Math.max(4, props.input.width - 4);
+  const [viewportWidth, setViewportWidth] = createSignal4();
+  const width = () => Math.max(4, Math.min(props.input.width - 4, viewportWidth() ?? Infinity));
   const windows = [300000, 3600000, 86400000, 7 * 86400000];
   const [windowIndex, setWindowIndex] = createSignal4(1);
   const [chartRefresh, setChartRefresh] = createSignal4(0);
@@ -2276,6 +2455,11 @@ function GuardPanel(props) {
     _$use((value) => {
       scroll = value;
     }, _el$2);
+    _$setProp4(_el$2, "viewportOptions", {
+      onSizeChange: function() {
+        setViewportWidth(this.width);
+      }
+    });
     _$setProp4(_el$2, "flexGrow", 1);
     _$setProp4(_el$2, "minHeight", 0);
     _$insertNode4(_el$3, _el$4);