@cesarus777/opencode-cgp 0.2.5 → 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) {
@@ -427,131 +441,6 @@ function executionStatus(known, nativeRunning, evidence) {
   return known ? "idle" : "unknown";
 }
 
-// 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) {
-        const bridge = last?.tokens !== undefined && at - last.at > 2500 ? [{ at: at - 1, tokens: last.tokens, held: true }] : [];
-        next = [...samples, ...bridge, sample].slice(-96);
-      } else if (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 tail = now !== undefined && last?.tokens !== undefined && now - last.at > 2500 ? [{ at: now, tokens: last.tokens, held: true }] : [];
-  const values = [...samples, ...tail].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 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)));
-      if (sample?.held && value !== undefined) {
-        const top = Math.min(height - 1, Math.max(0, height - Math.ceil(Math.min(value / capacity, 1) * height)));
-        if (row2 === top)
-          return "\u2508";
-        if (fill > 0)
-          return "\u2591";
-      }
-      if (threshold)
-        return fill > 0 ? "\u2542" : "\u2504";
-      if (value === 0 && row2 === height - 1)
-        return "\u2581";
-      return blocks[fill] ?? " ";
-    });
-    const line = `${axis}\u2502${plot.join("")}\u2502`;
-    if (!values.some((sample) => sample.held))
-      return { line, threshold };
-    const segments = [{ text: `${axis}\u2502`, held: false }];
-    for (let col = 0;col < plot.length; col++) {
-      const text2 = plot[col] ?? " ";
-      const held = values[col - offset]?.held === true;
-      const previous = segments.at(-1);
-      if (previous?.held === held)
-        segments[segments.length - 1] = { text: previous.text + text2, held };
-      else
-        segments.push({ text: text2, held });
-    }
-    segments.push({ text: "\u2502", held: false });
-    return { line, threshold, segments };
-  });
-  lines.push({
-    line: `${" ".repeat(gutter)}\u2514${"\u2500".repeat(size)}\u2518`,
-    threshold: false
-  });
-  return lines;
-}
-
 // src/tui/transport.ts
 class SnapshotClient {
   transport;
@@ -800,30 +689,407 @@ class SnapshotClient {
       });
     }
   }
-  stop() {
-    this.generation++;
-    this.controller?.abort();
-    this.controller = undefined;
-    clearInterval(this.refreshTimer);
-    clearTimeout(this.retryTimer);
-    this.reading = undefined;
-    this.buffered = [];
-    this.overflow = false;
-    this.refreshAgain = false;
+  stop() {
+    this.generation++;
+    this.controller?.abort();
+    this.controller = undefined;
+    clearInterval(this.refreshTimer);
+    clearTimeout(this.retryTimer);
+    this.reading = undefined;
+    this.buffered = [];
+    this.overflow = false;
+    this.refreshAgain = false;
+  }
+}
+function abortable(promise, signal) {
+  return new Promise((resolve, reject) => {
+    const abort = () => reject(new Error("Snapshot request cancelled"));
+    if (signal.aborted) {
+      abort();
+      return;
+    }
+    signal.addEventListener("abort", abort, { once: true });
+    promise.then(resolve, reject).finally(() => signal.removeEventListener("abort", abort));
+  });
+}
+var init_transport = __esm(() => {
+  init_rpc();
+});
+
+// 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;
+    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 = "";
+    }
+    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)
+  ];
+}
+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 abortable(promise, signal) {
-  return new Promise((resolve, reject) => {
-    const abort = () => reject(new Error("Snapshot request cancelled"));
-    if (signal.aborted) {
-      abort();
-      return;
+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 });
     }
-    signal.addEventListener("abort", abort, { once: true });
-    promise.then(resolve, reject).finally(() => signal.removeEventListener("abort", abort));
+    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);
@@ -1231,6 +1497,7 @@ 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";
@@ -1241,121 +1508,8 @@ 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/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";
@@ -1367,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 "?";
@@ -1418,7 +1573,7 @@ function mainSections(row2, width, age, samples, chartCapacity) {
     ...samples?.some((sample) => sample.held) || m && age > 2500 ? [
       {
         tone: "measurement",
-        lines: wrap("\u2508 held \xB7 last known context", width)
+        lines: wrap("muted held \xB7 last known context", width)
       }
     ] : [],
     {
@@ -1668,7 +1823,7 @@ function CompactSidebar(props) {
                   var _el$14 = _$createElement("span");
                   _$insert(_el$14, () => part.text);
                   _$effect((_$p) => _$setProp(_el$14, "style", {
-                    fg: part.held ? colors().muted : section2().tone === "threshold" ? colors().feedback.warning.base : pressureColor(current())
+                    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;
                 })()
@@ -1910,7 +2065,7 @@ function GuardView(props) {
                   var _el$10 = _$createElement2("span");
                   _$insert2(_el$10, () => part.text);
                   _$effect2((_$p) => _$setProp2(_el$10, "style", {
-                    fg: part.held ? props.context.theme.text.muted : item.threshold ? props.context.theme.text.feedback.warning.base : props.context.theme.text.base
+                    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;
                 })()
@@ -1923,7 +2078,7 @@ function GuardView(props) {
       }), _el$6);
       _$insert2(_el$, _$createComponent2(For2, {
         get each() {
-          return wrap("Recent context samples \u2192 now \xB7 \u2504 trigger \xB7 \u2508 held", props.width);
+          return wrap("Recent context samples \u2192 now \xB7 \u2504 trigger \xB7 muted held", props.width);
         },
         children: (line) => (() => {
           var _el$11 = _$createElement2("text");
@@ -2035,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";
@@ -2042,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...");
@@ -2243,6 +2293,8 @@ function HistoryCharts(props) {
 }
 
 // src/tui/panel.tsx
+init_chartformat();
+init_format();
 function GuardPanel(props) {
   const [showCharts, setShowCharts] = createSignal4(false);
   const [metricIndex, setMetricIndex] = createSignal4(0);