@solongate/proxy 0.68.0 → 0.70.0

package/dist/tui/index.js

@@ -126,9 +126,10 @@ function KeyHints({ hints }) {
 
 // src/tui/panels/Live.tsx
 import { Box as Box2, Text as Text2, useInput } from "ink";
-import { closeSync, openSync, readSync, statSync } from "fs";
+import { spawnSync } from "child_process";
+import { closeSync, mkdirSync, openSync, readSync, statSync, writeFileSync } from "fs";
 import { homedir as homedir2 } from "os";
-import { join as join2 } from "path";
+import { dirname, join as join2 } from "path";
 import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 
 // src/api-client/client.ts
@@ -436,8 +437,11 @@ function usePoll(reload, intervalMs, enabled = true) {
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var SPIN = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var BG = "#12234f";
+var DIM_FLOOR = "#233457";
 var LOCAL_LOG = join2(homedir2(), ".solongate", "local-logs", "solongate-audit.jsonl");
 var RING = join2(process.cwd(), ".solongate", ".eval-ring.jsonl");
+var DUMP = join2(homedir2(), ".solongate", "live-stream.log");
+var STREAM_KEEP = 100;
 var hhmmss = (ts) => {
   const d = new Date(ts);
   return Number.isNaN(d.getTime()) ? "--:--:--" : d.toTimeString().slice(0, 8);
@@ -447,7 +451,7 @@ var fmtUp = (ms) => {
   const p = (n) => String(n).padStart(2, "0");
   return `${p(Math.floor(s / 3600))}:${p(Math.floor(s % 3600 / 60))}:${p(s % 60)}`;
 };
-function tailLines(file, maxBytes = 65536) {
+function tailLines(file, maxBytes = 131072) {
   try {
     const size = statSync(file).size;
     const start = Math.max(0, size - maxBytes);
@@ -462,6 +466,22 @@ function tailLines(file, maxBytes = 65536) {
     return [];
   }
 }
+function copyToClipboard(text) {
+  const tools = [
+    ["wl-copy", []],
+    ["xclip", ["-selection", "clipboard"]],
+    ["xsel", ["--clipboard", "--input"]]
+  ];
+  for (const [cmd, args] of tools) {
+    try {
+      const r = spawnSync(cmd, args, { input: text, timeout: 2e3 });
+      if (r.status === 0) return cmd;
+    } catch {
+    }
+  }
+  process.stdout.write(`\x1B]52;c;${Buffer.from(text, "utf-8").toString("base64")}\x07`);
+  return "osc52";
+}
 function cloudItem(e) {
   return {
     id: "c:" + e.id,
@@ -471,7 +491,11 @@ function cloudItem(e) {
     permission: (e.permission ?? "").slice(0, 4),
     detail: (e.arguments_summary ? JSON.stringify(e.arguments_summary) : e.reason ?? "").replace(/\s+/g, " "),
     dlp: !!e.dlp_matches?.length,
-    source: "cloud"
+    source: "cloud",
+    session: e.session_id ?? void 0,
+    agent: e.agent_name ?? void 0,
+    evalMs: e.evaluation_time_ms ?? void 0,
+    rule: e.matched_rule_id ?? void 0
   };
 }
 function ColumnChart({ series, hot, height, width, color, hotColor = theme.bad }) {
@@ -490,7 +514,7 @@ function ColumnChart({ series, hot, height, width, color, hotColor = theme.bad }
       else if (frac >= (r - 0.5) / height) ch = "\u2584";
       else if (r === 1) ch = "\u2581";
       else ch = " ";
-      const c2 = r === 1 && v === 0 ? "#233457" : hotPad?.[i] ? hotColor : color;
+      const c2 = r === 1 && v === 0 ? DIM_FLOOR : hotPad?.[i] ? hotColor : color;
       const last = segs[segs.length - 1];
       if (last && last.color === c2) last.text += ch;
       else segs.push({ text: ch, color: c2 });
@@ -506,7 +530,7 @@ function HBar({ label, value, max, width, color }) {
   return /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
     /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: label.padEnd(10) }),
     /* @__PURE__ */ jsx2(Text2, { color, children: "\u2588".repeat(Math.min(width, filled)) }),
-    /* @__PURE__ */ jsx2(Text2, { color: "#233457", children: "\u2591".repeat(Math.max(0, width - filled)) }),
+    /* @__PURE__ */ jsx2(Text2, { color: DIM_FLOOR, children: "\u2591".repeat(Math.max(0, width - filled)) }),
     /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " " + value })
   ] });
 }
@@ -522,6 +546,26 @@ function PaneTitle({ label, extra, width }) {
     /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: tail + "\u2500".repeat(Math.max(0, width - used)) })
   ] });
 }
+function StreamLine({ e }) {
+  return /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+    /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+      "[",
+      hhmmss(e.at),
+      " "
+    ] }),
+    /* @__PURE__ */ jsx2(Text2, { color: e.source === "local" ? theme.ok : "#4f6db8", children: e.source === "local" ? "LOC" : "CLD" }),
+    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "] " }),
+    /* @__PURE__ */ jsx2(Text2, { color: decisionColor(e.decision), bold: e.decision !== "ALLOW", children: e.decision.padEnd(6) }),
+    /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: truncate(e.tool, 12).padEnd(13) }),
+    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: e.permission.padEnd(5) }),
+    /* @__PURE__ */ jsx2(Text2, { color: e.evalMs != null && e.evalMs > 500 ? theme.warn : theme.dim, children: (e.evalMs != null ? `${e.evalMs}ms` : "\u2014").padEnd(7) }),
+    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: truncate(e.agent ?? "-", 11).padEnd(12) }),
+    e.dlp ? /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "DLP! " }) : null,
+    e.rule && e.decision !== "ALLOW" ? /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: truncate(e.rule, 14) + " " }) : null,
+    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: e.detail })
+  ] });
+}
+var FILTERS = ["all", "local", "cloud"];
 function LivePanel({ active: active2 }) {
   const [s, setS] = useState2(null);
   const [tsData, setTsData] = useState2(null);
@@ -531,18 +575,17 @@ function LivePanel({ active: active2 }) {
   const [localOn, setLocalOn] = useState2(null);
   const [ring, setRing] = useState2(null);
   const [log, setLog] = useState2([]);
+  const [filter, setFilter] = useState2("all");
+  const [scroll, setScroll] = useState2(0);
+  const [toast, setToast] = useState2(null);
+  const [mode, setMode] = useState2("stream");
+  const [pickIdx, setPickIdx] = useState2(0);
+  const [detail, setDetail] = useState2(null);
+  const [detailCloud, setDetailCloud] = useState2([]);
+  const [detailScroll, setDetailScroll] = useState2(0);
   const seenRef = useRef2(/* @__PURE__ */ new Set());
   const lastLocalTs = useRef2(0);
   const pausedUntil = useRef2(0);
-  const [frozen, setFrozen] = useState2(false);
-  const frozenRef = useRef2(false);
-  frozenRef.current = frozen;
-  useInput(
-    (input) => {
-      if (input === "p") setFrozen((f) => !f);
-    },
-    { isActive: active2 }
-  );
   const pushLog = useCallback2((msg, level = "ok") => {
     setLog((prev) => [...prev.slice(-59), { ts: Date.now(), msg, level }]);
   }, []);
@@ -558,9 +601,8 @@ function LivePanel({ active: active2 }) {
     },
     [pushLog]
   );
-  const paused = () => frozenRef.current || Date.now() < pausedUntil.current;
+  const paused = () => Date.now() < pausedUntil.current;
   const pollLocal = useCallback2(() => {
-    if (frozenRef.current) return;
     const lines = tailLines(LOCAL_LOG);
     if (!lines.length) {
       setLocalOn((prev) => prev === null ? false : prev);
@@ -583,7 +625,9 @@ function LivePanel({ active: active2 }) {
           dlp: !!j.dlp,
           source: "local",
           session: j.session_id,
-          agent: j.agent_name
+          agent: j.agent_name,
+          evalMs: j.evaluation_time_ms,
+          rule: j.matched_rule_id
         });
       } catch {
       }
@@ -592,9 +636,7 @@ function LivePanel({ active: active2 }) {
       lastLocalTs.current = fresh[fresh.length - 1].at;
       setLocalBuf((prev) => [...prev, ...fresh].slice(-400));
       const denies = fresh.filter((f) => f.decision !== "ALLOW").length;
-      if (lastLocalTs.current !== fresh[0].at || fresh.length < 10) {
-        pushLog(`local +${fresh.length} calls${denies ? ` \xB7 ${denies} DENIED` : ""}`, denies ? "bad" : "warn");
-      }
+      if (fresh.length < 10) pushLog(`local +${fresh.length} calls${denies ? ` \xB7 ${denies} DENIED` : ""}`, denies ? "bad" : "warn");
     }
     const ringLines = tailLines(RING, 8192).slice(-30);
     if (ringLines.length) {
@@ -631,12 +673,11 @@ function LivePanel({ active: active2 }) {
       const fresh = fd.entries.filter((e) => !seenRef.current.has(e.id));
       const firstLoad = seenRef.current.size === 0 && fresh.length > 1;
       for (const e of fresh) seenRef.current.add(e.id);
-      if (fresh.length) {
-        setCloudBuf((prev) => [...prev, ...fresh.map(cloudItem).sort((a, b) => a.at - b.at)].slice(-400));
-      }
+      if (fresh.length) setCloudBuf((prev) => [...prev, ...fresh.map(cloudItem).sort((a, b) => a.at - b.at)].slice(-400));
       const denies = fresh.filter((e) => e.decision !== "ALLOW").length;
       if (firstLoad) pushLog(`cloud link up \xB7 api ${ms}ms \xB7 ${fresh.length} calls`);
-      else pushLog(`api ${ms}ms \xB7 +${fresh.length} cloud${denies ? ` \xB7 ${denies} DENIED` : ""}`, denies ? "bad" : fresh.length ? "warn" : "ok");
+      else if (fresh.length) pushLog(`api ${ms}ms \xB7 +${fresh.length} cloud${denies ? ` \xB7 ${denies} DENIED` : ""}`, denies ? "bad" : "warn");
+      else pushLog(`api ${ms}ms \xB7 idle`, "ok");
     } catch (e) {
       onApiError(e);
     }
@@ -673,30 +714,50 @@ function LivePanel({ active: active2 }) {
   }, [active2, pollFeed, pollMedium, pollSlow]);
   const sessions = useLoader(() => api.agents.live({ limit: 30, includeDeactivated: true }));
   const insights = useLoader(() => api.stats.securityInsights(7));
+  const guard = useLoader(() => api.settings.getGuardStatus());
   usePoll(() => {
     if (!paused()) sessions.reload();
   }, 1e4, active2);
   usePoll(() => {
     if (!paused()) insights.reload();
   }, 3e4, active2);
+  usePoll(() => {
+    if (!paused()) guard.reload();
+  }, 6e4, active2);
+  useEffect2(() => {
+    if (!detail) return;
+    setDetailCloud([]);
+    setDetailScroll(0);
+    let alive = true;
+    api.audit.list({ session_id: detail.id, limit: 100 }).then((r) => {
+      if (alive) setDetailCloud(r.entries.map(cloudItem));
+    }).catch(() => {
+    });
+    return () => {
+      alive = false;
+    };
+  }, [detail]);
   const [tick, setTick] = useState2(0);
   useEffect2(() => {
-    if (!active2 || frozen) return;
-    const t = setInterval(() => setTick((n) => n + 1), 200);
+    if (!active2) return;
+    const t = setInterval(() => setTick((n) => n + 1), 500);
     return () => clearInterval(t);
-  }, [active2, frozen]);
+  }, [active2]);
   const startRef = useRef2(Date.now());
   const cols = process.stdout.columns ?? 100;
   const rows = process.stdout.rows ?? 30;
   const ins = insights.data ?? {};
   const spin = SPIN[tick % SPIN.length];
-  const points = tsData?.timeseries ?? [];
-  const mergedAll = [...cloudBuf, ...localBuf].sort((a, b) => a.at - b.at);
   const nowMs = Date.now();
+  const mergedAll = [...cloudBuf, ...localBuf].sort((a, b) => a.at - b.at);
+  const filtered = filter === "all" ? mergedAll : mergedAll.filter((e) => e.source === filter);
+  const visibleDesc = filtered.slice(-STREAM_KEEP).reverse();
+  const points = tsData?.timeseries ?? [];
+  const nowMin = Math.floor(nowMs / 6e4);
   const minuteCounts = new Array(60).fill(0);
   const minuteHot = new Array(60).fill(false);
   for (const e of mergedAll) {
-    const idx = 59 - Math.floor((nowMs - e.at) / 6e4);
+    const idx = 59 - (nowMin - Math.floor(e.at / 6e4));
     if (idx >= 0 && idx < 60) {
       minuteCounts[idx]++;
       if (e.decision !== "ALLOW") minuteHot[idx] = true;
@@ -708,14 +769,14 @@ function LivePanel({ active: active2 }) {
   const trafficLabel = localTraffic ? "calls/min \xB7 60m \xB7 local+cloud" : "24h \xB7 cloud";
   const rl = ins.layers?.rateLimit;
   const dl = ins.layers?.dlp;
-  const minuteNow = (ins.activity?.minute ?? []).slice(-1)[0]?.count ?? 0;
+  const gh = ins.layers?.ghost;
+  const minuteNow = minuteCounts[59] ?? 0;
   const dlpBars = (ins.dlpByPattern ?? []).slice(0, 2);
   const maxDlpBar = dlpBars[0]?.count ?? 1;
-  const merged = mergedAll;
-  const denials = merged.filter((e) => e.decision !== "ALLOW");
-  const lastDeny = denials[denials.length - 1];
+  const denialsAll = mergedAll.filter((e) => e.decision !== "ALLOW");
+  const lastDeny = denialsAll[denialsAll.length - 1];
   const toolCounts = /* @__PURE__ */ new Map();
-  for (const e of merged) toolCounts.set(e.tool, (toolCounts.get(e.tool) ?? 0) + 1);
+  for (const e of mergedAll) toolCounts.set(e.tool, (toolCounts.get(e.tool) ?? 0) + 1);
   const topTools = [...toolCounts.entries()].sort((a, b) => b[1] - a[1]).slice(0, 3);
   const latNow = lat[lat.length - 1] ?? 0;
   const sortedLat = [...lat].sort((a, b) => a - b);
@@ -734,22 +795,174 @@ function LivePanel({ active: active2 }) {
     if (e.agent) cur.agent = e.agent;
     localSess.set(e.session, cur);
   }
-  const localSessList = [...localSess.entries()].sort((a, b) => b[1].lastAt - a[1].lastAt);
+  const combinedSess = [
+    ...[...localSess.entries()].sort((a, b) => b[1].lastAt - a[1].lastAt).map(([id, v]) => ({ source: "local", id, agent: v.agent, calls: v.calls, denies: v.denies, lastAt: v.lastAt, isMe: ring?.session === id })),
+    ...sess.filter((a) => !localSess.has(a.session_id)).map((a) => ({
+      source: "cloud",
+      id: a.session_id,
+      agent: a.agent_name ?? a.session_id,
+      calls: a.total_calls,
+      denies: a.denied_calls,
+      lastAt: Date.parse(a.last_seen_at),
+      trust: a.trust_score,
+      isMe: false
+    }))
+  ];
   const chartH = rows >= 36 ? 6 : 4;
-  const colH = rows >= 32 ? 6 : 5;
-  const streamRows = Math.max(4, rows - 6 - chartH - colH - (localOn === false ? 1 : 0));
-  const tail = merged.slice(-streamRows);
+  const colH = rows >= 32 ? 7 : 5;
+  const streamRows = Math.max(4, rows - 5 - (1 + chartH) - colH);
   const innerW = cols - 2;
   const leftW = Math.floor(innerW * 0.55);
   const rightW = innerW - leftW - 2;
   const colW = Math.max(20, Math.floor((innerW - 4) / 3));
+  const pickable = combinedSess.slice(0, colH - 1);
+  const maxScroll = Math.max(0, visibleDesc.length - streamRows);
+  const clampedScroll = Math.min(scroll, maxScroll);
+  const windowed = visibleDesc.slice(clampedScroll, clampedScroll + streamRows);
+  const detailEntries = detail ? (() => {
+    const seen = /* @__PURE__ */ new Set();
+    const all = [];
+    for (const e of [...detailCloud, ...mergedAll.filter((x) => x.session === detail.id)]) {
+      const key = `${e.at}:${e.tool}:${e.decision}`;
+      if (seen.has(key)) continue;
+      seen.add(key);
+      all.push(e);
+    }
+    return all.sort((a, b) => b.at - a.at);
+  })() : [];
+  useInput(
+    (input, key) => {
+      if (mode === "detail") {
+        const maxD = Math.max(0, detailEntries.length - (rows - 10));
+        if (key.leftArrow) {
+          setMode("stream");
+          setDetail(null);
+        } else if (key.upArrow) setDetailScroll((n) => Math.max(0, n - 1));
+        else if (key.downArrow) setDetailScroll((n) => Math.min(maxD, n + 1));
+        else if (key.pageUp) setDetailScroll((n) => Math.max(0, n - 10));
+        else if (key.pageDown) setDetailScroll((n) => Math.min(maxD, n + 10));
+        return;
+      }
+      if (mode === "pick") {
+        if (key.upArrow) setPickIdx((n) => Math.max(0, n - 1));
+        else if (key.downArrow) setPickIdx((n) => Math.min(pickable.length - 1, n + 1));
+        else if (key.return) {
+          const row = pickable[pickIdx];
+          if (row) {
+            setDetail(row);
+            setMode("detail");
+          }
+        } else if (input === "s" || key.leftArrow) setMode("stream");
+        return;
+      }
+      if (input === "f") {
+        setFilter((f) => FILTERS[(FILTERS.indexOf(f) + 1) % FILTERS.length]);
+        setScroll(0);
+      } else if (input === "s") {
+        setPickIdx(0);
+        setMode("pick");
+      } else if (key.downArrow) setScroll((n) => Math.min(maxScroll, n + 1));
+      else if (key.upArrow) setScroll((n) => Math.max(0, n - 1));
+      else if (key.pageDown) setScroll((n) => Math.min(maxScroll, n + streamRows));
+      else if (key.pageUp) setScroll((n) => Math.max(0, n - streamRows));
+      else if (input === "c") {
+        const dump = visibleDesc.map(
+          (e) => `[${new Date(e.at).toISOString()}] ${e.source.toUpperCase().padEnd(5)} ${e.decision.padEnd(6)} ${e.tool.padEnd(16)} ${e.permission.padEnd(5)} ${e.evalMs != null ? String(e.evalMs).padStart(5) + "ms " : "        "}${(e.agent ?? "-").padEnd(14)} ${e.session ? e.session.slice(0, 8) : "-       "} ${e.detail}`
+        ).join("\n");
+        let via = "file";
+        try {
+          mkdirSync(dirname(DUMP), { recursive: true });
+          writeFileSync(DUMP, dump + "\n");
+        } catch {
+        }
+        via = copyToClipboard(dump);
+        setToast({ msg: `copied ${visibleDesc.length} lines via ${via} + ${DUMP}`, until: Date.now() + 5e3 });
+      }
+    },
+    { isActive: active2 }
+  );
   const sessionDot = (st) => st === "active" ? { ch: "\u25CF", color: theme.ok } : st === "idle" ? { ch: "\u25CC", color: theme.warn } : { ch: "\u25CB", color: theme.dim };
+  void sessionDot;
+  if (s === null && localOn === null) {
+    return /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+      spin,
+      " connecting\u2026"
+    ] });
+  }
+  const titleBar = /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+    /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#1432A0", color: "#AAC8FA", bold: true, children: " SOLONGATE LIVE " }),
+    /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#82AAF0", children: ` ${spin} up ${fmtUp(nowMs - startRef.current)} \xB7 ${hhmmss(nowMs)} \xB7 api ${latNow}ms ` }),
+    backingOff ? /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#3d2a12", color: "#ffb454", bold: true, children: " RATE LIMITED \xB7 backing off " }) : lastDeny ? /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#3d1220", color: "#ff6b6b", bold: true, children: ` \u26A0 ${hhmmss(lastDeny.at)} ${lastDeny.tool} DENIED ` }) : /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#4f6db8", children: " \u2713 clean " }),
+    toast && nowMs < toast.until ? /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#123d1f", color: "#7bd88f", bold: true, children: ` ${toast.msg} ` }) : null
+  ] });
+  if (mode === "detail" && detail) {
+    const d = detailEntries;
+    const allow = d.filter((e) => e.decision === "ALLOW").length;
+    const deny = d.length - allow;
+    const dlpN = d.filter((e) => e.dlp).length;
+    const evals = d.filter((e) => e.evalMs != null).map((e) => e.evalMs);
+    const evalAvg = evals.length ? Math.round(evals.reduce((a, b) => a + b, 0) / evals.length) : null;
+    const tCounts = /* @__PURE__ */ new Map();
+    const pCounts = /* @__PURE__ */ new Map();
+    for (const e of d) {
+      tCounts.set(e.tool, (tCounts.get(e.tool) ?? 0) + 1);
+      if (e.permission) pCounts.set(e.permission, (pCounts.get(e.permission) ?? 0) + 1);
+    }
+    const top = [...tCounts.entries()].sort((a, b) => b[1] - a[1]).slice(0, 6);
+    const perms = [...pCounts.entries()].sort((a, b) => b[1] - a[1]);
+    const first = d[d.length - 1]?.at;
+    const last = d[0]?.at;
+    const tlRows = Math.max(4, rows - 10);
+    const maxD = Math.max(0, d.length - tlRows);
+    const dScroll = Math.min(detailScroll, maxD);
+    const tl = d.slice(dScroll, dScroll + tlRows);
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, children: [
+      titleBar,
+      /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#AAC8FA", bold: true, children: ` SESSION ${detail.id.slice(0, 8)} ` }),
+        /* @__PURE__ */ jsx2(Text2, { color: detail.source === "local" ? theme.ok : "#4f6db8", children: " " + detail.source.toUpperCase() }),
+        /* @__PURE__ */ jsx2(Text2, { bold: true, children: "  " + truncate(detail.isMe ? detail.agent + " (this machine)" : detail.agent, 34) }),
+        detail.trust != null ? /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: `  trust ${detail.trust}/100` }) : null,
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  \u2190 back" })
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "\u2502 calls " }),
+        /* @__PURE__ */ jsx2(Text2, { bold: true, children: d.length }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 allow " }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.ok, children: allow }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 deny " }),
+        /* @__PURE__ */ jsx2(Text2, { color: deny ? theme.bad : theme.dim, bold: deny > 0, children: deny }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 dlp " }),
+        /* @__PURE__ */ jsx2(Text2, { color: dlpN ? theme.bad : theme.dim, children: dlpN }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 avg eval " }),
+        /* @__PURE__ */ jsx2(Text2, { children: evalAvg != null ? `${evalAvg}ms` : "\u2014" }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 first " }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: first ? `${hhmmss(first)} (${ago(first)} ago)` : "\u2014" }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 last " }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: last ? `${hhmmss(last)} (${ago(last)} ago)` : "\u2014" }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502" })
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "\u2502 tools " }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: top.map(([t, c2]) => `${t}\xD7${c2}`).join("  ") || "\u2014" }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 perms " }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: perms.map(([p, c2]) => `${p}\xD7${c2}`).join(" ") || "\u2014" }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502" })
+      ] }),
+      /* @__PURE__ */ jsx2(PaneTitle, { label: "TIMELINE", extra: `${d.length} calls \xB7 newest first${dScroll ? ` \xB7 \u25BC${dScroll} older` : ""} \xB7 \u2191\u2193 scroll \xB7 \u2190 back`, width: innerW }),
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", height: tlRows, overflow: "hidden", children: [
+        tl.length === 0 ? /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: detailCloud.length === 0 ? spin + " loading history\u2026" : "no entries" }) : null,
+        tl.map((e) => /* @__PURE__ */ jsx2(StreamLine, { e }, e.id))
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#82AAF0", bold: true, children: " SESSION " }),
+        /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#0b1530", color: "#4f6db8", children: ` ${detail.id} ` }),
+        /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#82AAF0", children: " \u2191\u2193 scroll \xB7 \u2190 back \xB7 esc menu " })
+      ] })
+    ] });
+  }
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
-      /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#1432A0", color: "#AAC8FA", bold: true, children: " SOLONGATE LIVE " }),
-      /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#82AAF0", children: ` ${spin} up ${fmtUp(Date.now() - startRef.current)} \xB7 ${hhmmss(Date.now())} \xB7 api ${latNow}ms ` }),
-      frozen ? /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#3d2a12", color: "#ffb454", bold: true, children: " PAUSED \xB7 copy freely \xB7 p resume " }) : backingOff ? /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#3d2a12", color: "#ffb454", bold: true, children: " RATE LIMITED \xB7 backing off " }) : lastDeny ? /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#3d1220", color: "#ff6b6b", bold: true, children: ` \u26A0 ${hhmmss(lastDeny.at)} ${lastDeny.tool} DENIED ` }) : /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#4f6db8", children: " \u2713 clean " })
-    ] }),
+    titleBar,
     /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
       /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "\u2502 calls " }),
       /* @__PURE__ */ jsx2(Text2, { bold: true, children: s ? s.total_calls : "\xB7\xB7\xB7\xB7" }),
@@ -758,16 +971,20 @@ function LivePanel({ active: active2 }) {
       /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 deny " }),
       /* @__PURE__ */ jsx2(Text2, { color: theme.bad, bold: true, children: s ? s.denied : "\xB7\xB7" }),
       /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 local " }),
-      localOn ? /* @__PURE__ */ jsx2(Text2, { color: theme.ok, children: "\u2713 streaming" }) : /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "off" }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 ratelimit " }),
+      localOn ? /* @__PURE__ */ jsx2(Text2, { color: theme.ok, children: "\u2713" }) : /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "off" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 rl " }),
       /* @__PURE__ */ jsx2(Text2, { color: rl?.mode === "block" ? theme.ok : rl?.mode === "detect" ? theme.warn : theme.dim, children: rl?.mode ?? "?" }),
       /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 dlp " }),
       /* @__PURE__ */ jsx2(Text2, { color: dl?.mode === "block" ? theme.ok : dl?.mode === "detect" ? theme.warn : theme.dim, children: dl?.mode ?? "?" }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 sessions " }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: sessCounts ? `${sessCounts.active}\u25B2 ${sessCounts.idle}\u25CC ${sessCounts.deactivated}\u25CB` : "\xB7" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 ghost " }),
+      /* @__PURE__ */ jsx2(Text2, { color: gh?.mode === "on" ? theme.ok : theme.dim, children: gh?.mode ?? "?" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 sess " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: `${combinedSess.length} (${sessCounts?.active ?? 0} live)` }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502 hooks " }),
+      /* @__PURE__ */ jsx2(Text2, { color: guard.data?.up_to_date ? theme.ok : theme.warn, children: guard.data ? `v${guard.data.installed ?? "?"}${guard.data.up_to_date ? "" : "\u2192v" + guard.data.latest} ${guard.data.device_count}dev` : "\xB7" }),
       /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2502" })
     ] }),
-    /* @__PURE__ */ jsxs2(Box2, { children: [
+    /* @__PURE__ */ jsxs2(Box2, { height: 1 + chartH, children: [
       /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: leftW, marginRight: 2, children: [
         /* @__PURE__ */ jsx2(PaneTitle, { label: "TRAFFIC", extra: `${trafficLabel} \xB7 peak ${Math.max(0, ...traffic)} \xB7 red = denials`, width: leftW }),
         /* @__PURE__ */ jsx2(ColumnChart, { series: traffic, hot: trafficHot, height: chartH, width: leftW, color: theme.accent })
@@ -777,77 +994,56 @@ function LivePanel({ active: active2 }) {
         /* @__PURE__ */ jsx2(ColumnChart, { series: lat, hot: lat.map((v) => v > latHotAt), height: chartH, width: rightW, color: "#82AAF0", hotColor: "#ffb454" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2(Box2, { children: [
-      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, marginRight: 2, children: [
+    /* @__PURE__ */ jsxs2(Box2, { height: colH, children: [
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, marginRight: 2, overflow: "hidden", children: [
         /* @__PURE__ */ jsx2(PaneTitle, { label: "LAYERS", width: colW }),
         /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
           /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "RATELIMIT ".padEnd(10) }),
           /* @__PURE__ */ jsx2(Text2, { color: rl?.mode === "block" ? theme.ok : rl?.mode === "detect" ? theme.warn : theme.dim, children: (rl?.mode ?? "?").padEnd(7) }),
-          /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: rl?.perMinute ? `${minuteNow}/${rl.perMinute} per min` : "no limit set" })
+          /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: rl?.perMinute ? `${minuteNow}/${rl.perMinute}m ${rl.perHour || "\u2014"}h ${rl.perDay || "\u2014"}d` : "no limits set" })
         ] }),
-        rl?.perMinute ? /* @__PURE__ */ jsx2(HBar, { label: "load", value: minuteNow, max: rl.perMinute, width: Math.max(6, colW - 16), color: minuteNow > rl.perMinute ? theme.bad : theme.accent }) : null,
+        rl?.perMinute ? /* @__PURE__ */ jsx2(HBar, { label: "load/min", value: minuteNow, max: rl.perMinute, width: Math.max(6, colW - 16), color: minuteNow > rl.perMinute ? theme.bad : theme.accent }) : null,
         /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
           /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "DLP".padEnd(10) }),
           /* @__PURE__ */ jsx2(Text2, { color: dl?.mode === "block" ? theme.ok : dl?.mode === "detect" ? theme.warn : theme.dim, children: (dl?.mode ?? "?").padEnd(7) }),
-          /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
-            (dl?.patterns ?? []).length,
-            " patterns armed"
-          ] })
+          /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: `${(dl?.patterns ?? []).length} builtin \xB7 ${(dl?.custom ?? []).length} custom` })
         ] }),
-        dlpBars.length ? dlpBars.map((d) => /* @__PURE__ */ jsx2(HBar, { label: truncate(d.pattern, 10), value: d.count, max: maxDlpBar, width: Math.max(6, colW - 16), color: theme.bad }, d.pattern)) : /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "          no dlp hits in last 7 days" }),
-        ring ? /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+        dlpBars.length ? dlpBars.map((d2) => /* @__PURE__ */ jsx2(HBar, { label: truncate(d2.pattern, 10), value: d2.count, max: maxDlpBar, width: Math.max(6, colW - 16), color: theme.bad }, d2.pattern)) : /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "          no dlp hits in last 7 days" }),
+        /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
           /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "GUARD".padEnd(10) }),
-          /* @__PURE__ */ jsx2(Text2, { color: theme.ok, children: "local \u2713" }),
-          /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: ` eval avg ${ring.avgMs}ms \xB7 ${ring.count} recent` })
-        ] }) : null
+          ring ? /* @__PURE__ */ jsxs2(Text2, { color: theme.ok, children: [
+            "local \u2713 ",
+            /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: `eval avg ${ring.avgMs}ms` })
+          ] }) : /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "no local ring in cwd" })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, marginRight: 2, children: [
-        /* @__PURE__ */ jsx2(PaneTitle, { label: "SESSIONS", extra: `${localSessList.length} local \xB7 ${sessCounts?.active ?? 0} cloud live`, width: colW }),
-        localSessList.length === 0 && sess.length === 0 ? /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "scanning\u2026" }) : null,
-        localSessList.slice(0, Math.max(1, colH - 2)).map(([id, v]) => {
-          const fresh = nowMs - v.lastAt < 9e4;
-          const isMe = ring?.session === id;
-          return /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
-            /* @__PURE__ */ jsxs2(Text2, { color: fresh ? theme.ok : theme.dim, children: [
-              fresh ? "\u25CF" : "\u25CB",
-              " "
-            ] }),
-            /* @__PURE__ */ jsx2(Text2, { color: theme.ok, children: "LOC " }),
-            /* @__PURE__ */ jsx2(Text2, { color: theme.accentBright, bold: isMe, children: truncate(isMe ? "this machine" : v.agent, 12).padEnd(13) }),
-            /* @__PURE__ */ jsxs2(Text2, { children: [
-              String(v.calls).padStart(4),
-              "c "
-            ] }),
-            /* @__PURE__ */ jsxs2(Text2, { color: v.denies ? theme.bad : theme.dim, children: [
-              String(v.denies).padStart(3),
-              "d "
-            ] }),
-            /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: ago(v.lastAt) })
-          ] }, id);
-        }),
-        sess.slice(0, Math.max(0, colH - 1 - Math.min(localSessList.length, Math.max(1, colH - 2)))).map((a) => {
-          const dot = sessionDot(a.status);
-          return /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
-            /* @__PURE__ */ jsxs2(Text2, { color: dot.color, children: [
-              dot.ch,
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, marginRight: 2, overflow: "hidden", children: [
+        /* @__PURE__ */ jsx2(PaneTitle, { label: "SESSIONS", extra: mode === "pick" ? "\u2191\u2193 pick \xB7 enter open" : `${combinedSess.length} \xB7 s = inspect`, width: colW }),
+        pickable.length === 0 ? /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "scanning\u2026" }) : null,
+        pickable.map((r, i) => {
+          const freshDot = nowMs - r.lastAt < 9e4;
+          const sel = mode === "pick" && i === pickIdx;
+          return /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", backgroundColor: sel ? "#1c2f63" : void 0, bold: sel || r.isMe, children: [
+            /* @__PURE__ */ jsxs2(Text2, { color: sel ? theme.accentBright : freshDot ? theme.ok : theme.dim, children: [
+              sel ? "\u25B8" : freshDot ? "\u25CF" : "\u25CB",
               " "
             ] }),
-            /* @__PURE__ */ jsx2(Text2, { color: "#4f6db8", children: "CLD " }),
-            /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: truncate(a.agent_name ?? a.session_id, 12).padEnd(13) }),
+            /* @__PURE__ */ jsx2(Text2, { color: r.source === "local" ? theme.ok : "#4f6db8", children: r.source === "local" ? "LOC " : "CLD " }),
+            /* @__PURE__ */ jsx2(Text2, { color: theme.accentBright, children: truncate(r.isMe ? "this machine" : r.agent, 12).padEnd(13) }),
             /* @__PURE__ */ jsxs2(Text2, { children: [
-              String(a.total_calls).padStart(4),
+              String(r.calls).padStart(4),
               "c "
             ] }),
-            /* @__PURE__ */ jsxs2(Text2, { color: a.denied_calls ? theme.bad : theme.dim, children: [
-              String(a.denied_calls).padStart(3),
+            /* @__PURE__ */ jsxs2(Text2, { color: r.denies ? theme.bad : theme.dim, children: [
+              String(r.denies).padStart(3),
               "d "
             ] }),
-            /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: ago(a.last_seen_at) })
-          ] }, a.session_id);
+            /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: (r.trust != null ? `t${r.trust} ` : "") + ago(r.lastAt) })
+          ] }, r.id);
         })
       ] }),
-      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, children: [
-        /* @__PURE__ */ jsx2(PaneTitle, { label: "EVENT LOG", extra: "streaming", width: colW }),
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, overflow: "hidden", children: [
+        /* @__PURE__ */ jsx2(PaneTitle, { label: "EVENT LOG", extra: "system heartbeat", width: colW }),
         log.slice(-(colH - 1)).map((l, i) => /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
           /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
             hhmmss(l.ts),
@@ -858,33 +1054,29 @@ function LivePanel({ active: active2 }) {
         ] }, l.ts + ":" + i))
       ] })
     ] }),
-    /* @__PURE__ */ jsx2(PaneTitle, { label: "TOOL STREAM", extra: `local+cloud tail \xB7 ${merged.length} buffered`, width: innerW }),
-    localOn === false ? /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
-      /* @__PURE__ */ jsx2(Text2, { color: theme.warn, children: "local logs off" }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2014 enable in dashboard \u2192 Settings \u2192 Local logs; hooks then write ~/.solongate/local-logs (view them there with `solongate logs-server`)" })
-    ] }) : null,
-    tail.length === 0 ? /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
-      spin,
-      " awaiting traffic\u2026"
-    ] }) : null,
-    tail.map((e) => /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
-      /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
-        "[",
-        hhmmss(e.at),
-        " "
-      ] }),
-      /* @__PURE__ */ jsx2(Text2, { color: e.source === "local" ? theme.ok : "#4f6db8", children: e.source === "local" ? "LOC" : "CLD" }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "] " }),
-      /* @__PURE__ */ jsx2(Text2, { color: decisionColor(e.decision), bold: e.decision !== "ALLOW", children: e.decision.padEnd(6) }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: truncate(e.tool, 14).padEnd(15) }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: e.permission.padEnd(5) }),
-      e.dlp ? /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "DLP! " }) : null,
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: e.detail })
-    ] }, e.id)),
+    /* @__PURE__ */ jsx2(
+      PaneTitle,
+      {
+        label: "TOOL STREAM",
+        extra: `newest first \xB7 last ${STREAM_KEEP} \xB7 filter ${filter}${clampedScroll > 0 ? ` \xB7 \u25BC${clampedScroll} older` : ""} \xB7 f filter \xB7 \u2191\u2193 scroll \xB7 c copy \xB7 s sessions`,
+        width: innerW
+      }
+    ),
+    /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", height: streamRows, overflow: "hidden", children: [
+      localOn === false ? /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsx2(Text2, { color: theme.warn, children: "local logs off" }),
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " \u2014 enable: dashboard \u2192 Settings \u2192 Local logs \xB7 hooks write ~/.solongate/local-logs \xB7 view: `solongate logs-server`" })
+      ] }) : null,
+      windowed.length === 0 ? /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+        spin,
+        " awaiting traffic\u2026"
+      ] }) : null,
+      windowed.map((e) => /* @__PURE__ */ jsx2(StreamLine, { e }, e.id))
+    ] }),
     /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
       /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#82AAF0", bold: true, children: " LIVE " }),
-      /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#0b1530", color: "#4f6db8", children: ` local ${localOn ? "on" : "off"} \xB7 top ${topTools.map(([t, c2]) => `${t}\xD7${c2}`).join(" ") || "\u2014"} \xB7 buf ${merged.length} ` }),
-      /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#82AAF0", children: " p pause/copy \xB7 esc menu \xB7 q quit " })
+      /* @__PURE__ */ jsx2(Text2, { backgroundColor: "#0b1530", color: "#4f6db8", children: ` local ${localOn ? "on" : "off"} \xB7 ${localBuf.length} loc/${cloudBuf.length} cld \xB7 top ${topTools.map(([t, c2]) => `${t}\xD7${c2}`).join(" ") || "\u2014"} ` }),
+      /* @__PURE__ */ jsx2(Text2, { backgroundColor: BG, color: "#82AAF0", children: " f filter \xB7 s sessions \xB7 c copy \xB7 esc menu \xB7 q quit " })
     ] })
   ] });
 }