@solongate/proxy 0.62.0 → 0.64.0

package/dist/index.js

@@ -7020,78 +7020,205 @@ var init_hooks = __esm({
 
 // src/tui/panels/Live.tsx
 import { Box as Box2, Text as Text2 } from "ink";
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function Tile({ label, value, color }) {
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, marginRight: 1, minWidth: 14, children: [
-    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: label }),
-    /* @__PURE__ */ jsx2(Text2, { bold: true, color, children: value })
+function ColumnChart({ series, height, width: width2, color, limit = 0 }) {
+  const tailVals = series.slice(-width2);
+  const data = [...new Array(Math.max(0, width2 - tailVals.length)).fill(0), ...tailVals];
+  const max = Math.max(1, ...data, limit);
+  const lines = [];
+  for (let r = height; r >= 1; r--) {
+    const segs = [];
+    for (let i = 0; i < data.length; i++) {
+      const frac = data[i] / max;
+      const ch = frac >= r / height ? "\u2588" : frac >= (r - 0.5) / height ? "\u2584" : r === 1 && data[i] > 0 ? "\u2581" : " ";
+      const c2 = limit > 0 && data[i] > limit ? theme.bad : color;
+      const last = segs[segs.length - 1];
+      if (last && last.color === c2) last.text += ch;
+      else segs.push({ text: ch, color: c2 });
+    }
+    lines.push(
+      /* @__PURE__ */ jsx2(Text2, { children: segs.map((s, i) => /* @__PURE__ */ jsx2(Text2, { color: s.color, children: s.text }, i)) }, r)
+    );
+  }
+  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: lines });
+}
+function HBar({ label, value, max, width: width2, color }) {
+  const filled = max > 0 ? Math.round(value / max * width2) : 0;
+  return /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: label.padEnd(9) }),
+    /* @__PURE__ */ jsx2(Text2, { color, children: "\u2588".repeat(Math.min(width2, filled)) }),
+    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "\u2591".repeat(Math.max(0, width2 - filled)) + " " + value })
   ] });
 }
+function SectionTitle({ children, width: width2 }) {
+  const label = `\u2500\u2500 ${children} `;
+  return /* @__PURE__ */ jsx2(Text2, { color: theme.dim, wrap: "truncate", children: label + "\u2500".repeat(Math.max(0, width2 - label.length)) });
+}
 function LivePanel({ active: active2 }) {
   const stats = useLoader(() => api.stats.get());
   const ts = useLoader(() => api.stats.timeseries({ period: "24h" }));
-  const feed = useLoader(() => api.audit.list({ limit: 12 }));
+  const feed = useLoader(() => api.audit.list({ limit: 50 }));
+  const insights = useLoader(() => api.stats.securityInsights(7));
   usePoll(() => {
     stats.reload();
     ts.reload();
     feed.reload();
   }, 2e3, active2);
+  usePoll(insights.reload, 1e4, active2);
+  const [tick, setTick] = useState2(0);
+  useEffect2(() => {
+    if (!active2) return;
+    const t = setInterval(() => setTick((n) => n + 1), 200);
+    return () => clearInterval(t);
+  }, [active2]);
+  const startRef = useRef2(Date.now());
+  const [buffer, setBuffer] = useState2([]);
+  useEffect2(() => {
+    const incoming = feed.data?.entries;
+    if (!incoming?.length) return;
+    setBuffer((prev) => {
+      const seen = new Set(prev.map((e) => e.id));
+      const fresh = incoming.filter((e) => !seen.has(e.id)).sort((a, b) => Date.parse(a.created_at) - Date.parse(b.created_at));
+      return fresh.length ? [...prev, ...fresh].slice(-400) : prev;
+    });
+  }, [feed.data]);
+  const cols = process.stdout.columns ?? 100;
+  const rows = process.stdout.rows ?? 30;
   const s = stats.data;
-  const points = ts.data?.timeseries ?? [];
-  const entries = feed.data?.entries ?? [];
-  const denyRate = s && s.total_calls > 0 ? Math.round(s.denied / s.total_calls * 100) : 0;
-  return /* @__PURE__ */ jsx2(DataView, { loading: stats.loading && !s, error: stats.error, children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs2(Box2, { children: [
-      /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "\u25CF" }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " LIVE \xB7 refreshing every 2s" })
+  const ins = insights.data ?? {};
+  const minuteRaw = (ins.activity?.minute ?? []).map((b) => b.count);
+  const hourRaw = (ins.activity?.hour ?? []).map((b) => b.count);
+  const minuteLive = minuteRaw.some((c2) => c2 > 0);
+  const minuteSeries = minuteLive ? minuteRaw : hourRaw;
+  const activityLabel = minuteLive ? "calls/min \xB7 last 60m" : "calls/hour \xB7 last 24h";
+  const limit = minuteLive ? ins.layers?.rateLimit?.perMinute ?? 0 : 0;
+  const denySeries = (ts.data?.timeseries ?? []).map((p) => p.denied);
+  const spin = SPIN[tick % SPIN.length];
+  const cursor = tick % 4 < 2 ? "\u258C" : " ";
+  const toolCounts = /* @__PURE__ */ new Map();
+  const permCounts = /* @__PURE__ */ new Map();
+  for (const e of buffer) {
+    toolCounts.set(e.tool_name, (toolCounts.get(e.tool_name) ?? 0) + 1);
+    const perm = (e.permission || "?").toUpperCase();
+    permCounts.set(perm, (permCounts.get(perm) ?? 0) + 1);
+  }
+  const topTools = [...toolCounts.entries()].sort((a, b) => b[1] - a[1]).slice(0, 5);
+  const maxTool = topTools[0]?.[1] ?? 1;
+  const perms = ["READ", "WRITE", "EXECUTE", "NETWORK"].map((p) => [p, permCounts.get(p) ?? 0]);
+  const maxPerm = Math.max(1, ...perms.map(([, c2]) => c2));
+  const dlpTop = (ins.dlpByPattern ?? []).slice(0, 2);
+  const denials = buffer.filter((e) => e.decision !== "ALLOW");
+  const lastDeny = denials[denials.length - 1];
+  const bursts = limit > 0 ? minuteSeries.filter((c2) => c2 > limit).length : 0;
+  const bigH = rows >= 34 ? 6 : 4;
+  const colH = rows >= 34 ? 6 : 5;
+  const streamRows = Math.max(4, rows - (2 + 1 + bigH + 1 + colH + 1 + 1));
+  const tail = buffer.slice(-streamRows);
+  const colW = Math.max(18, Math.floor((cols - 6) / 3));
+  if (stats.error) return /* @__PURE__ */ jsxs2(Text2, { color: theme.bad, children: [
+    "\u2717 ",
+    stats.error
+  ] });
+  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__ */ jsxs2(Text2, { color: theme.dim, children: [
+        " ",
+        spin,
+        " up ",
+        fmtUp(Date.now() - startRef.current),
+        " \xB7 ",
+        hhmmss(Date.now()),
+        " \xB7 poll 2s"
+      ] }),
+      lastDeny ? /* @__PURE__ */ jsxs2(Text2, { color: theme.bad, children: [
+        "  \u26A0 ",
+        hhmmss(lastDeny.created_at),
+        " ",
+        lastDeny.tool_name,
+        " denied"
+      ] }) : null,
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  esc menu \xB7 q quit" })
     ] }),
-    s ? /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx2(Tile, { label: "total calls", value: String(s.total_calls) }),
-      /* @__PURE__ */ jsx2(Tile, { label: "allowed", value: String(s.allowed), color: theme.ok }),
-      /* @__PURE__ */ jsx2(Tile, { label: "denied", value: String(s.denied), color: theme.bad }),
-      /* @__PURE__ */ jsx2(Tile, { label: "deny rate", value: denyRate + "%", color: denyRate > 10 ? theme.bad : void 0 }),
-      /* @__PURE__ */ jsx2(Tile, { label: "policies", value: String(s.active_policies), color: theme.accent })
-    ] }) : null,
-    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "Activity \xB7 24h" }),
-      /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { children: "calls   " }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: sparkline(points.map((p) => p.total), 60) })
+    /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "calls " }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, children: s ? s.total_calls : "\xB7\xB7\xB7\xB7" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  allow " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.ok, children: s ? s.allowed : "\xB7\xB7\xB7" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  deny " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.bad, bold: true, children: s ? s.denied : "\xB7\xB7" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  bursts(60m) " }),
+      /* @__PURE__ */ jsx2(Text2, { color: bursts ? theme.bad : theme.dim, children: bursts }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  limit/min " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: limit || "off" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  policies " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: s ? s.active_policies : "\xB7" })
+    ] }),
+    /* @__PURE__ */ jsx2(SectionTitle, { width: cols - 2, children: `ACTIVITY ${activityLabel} \xB7 peak ${Math.max(0, ...minuteSeries)}${limit ? ` \xB7 limit ${limit} (red = over)` : ""}` }),
+    minuteSeries.length ? /* @__PURE__ */ jsx2(ColumnChart, { series: minuteSeries, height: bigH, width: cols - 2, color: theme.accent, limit }) : /* @__PURE__ */ jsx2(Box2, { height: bigH, children: /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: insights.loading ? "loading activity\u2026" : "no activity data" }) }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, marginRight: 2, children: [
+        /* @__PURE__ */ jsx2(SectionTitle, { width: colW, children: "DENIALS 24h" }),
+        /* @__PURE__ */ jsx2(ColumnChart, { series: denySeries, height: colH - 1, width: colW, color: theme.bad })
+      ] }),
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, marginRight: 2, children: [
+        /* @__PURE__ */ jsx2(SectionTitle, { width: colW, children: "TOP TOOLS (buffer)" }),
+        topTools.length ? topTools.slice(0, colH - 1).map(([tool, count]) => /* @__PURE__ */ jsx2(HBar, { label: truncate2(tool, 9), value: count, max: maxTool, width: Math.max(6, colW - 16), color: theme.accent }, tool)) : /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "no traffic yet" })
       ] }),
-      /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { children: "denied  " }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: sparkline(points.map((p) => p.denied), 60) })
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, children: [
+        /* @__PURE__ */ jsx2(SectionTitle, { width: colW, children: "PERMISSIONS \xB7 DLP" }),
+        perms.map(([p, c2]) => /* @__PURE__ */ jsx2(HBar, { label: p, value: c2, max: maxPerm, width: Math.max(6, colW - 16), color: p === "EXECUTE" ? theme.warn : theme.accent }, p)),
+        dlpTop.map((d) => /* @__PURE__ */ jsx2(Text2, { wrap: "truncate", color: theme.bad, children: "DLP " + truncate2(d.pattern, colW - 10) + " \xD7" + d.count }, d.pattern))
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "Live feed" }),
-      entries.length === 0 ? /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  waiting for tool calls\u2026" }) : entries.slice(0, 10).map((e) => /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { color: decisionColor(e.decision), children: e.decision.padEnd(8) }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: truncate2(e.tool_name, 16).padEnd(17) }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: truncate2(e.agent_name ?? "\u2014", 14).padEnd(15) }),
-        e.dlp_matches?.length ? /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "DLP " }) : /* @__PURE__ */ jsx2(Text2, { children: "    " }),
-        /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
-          ago(e.created_at),
-          " ago"
-        ] })
-      ] }, e.id))
+    /* @__PURE__ */ jsx2(SectionTitle, { width: cols - 2, children: `TOOL STREAM \xB7 live tail \xB7 ${buffer.length} buffered` }),
+    tail.length === 0 ? /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "awaiting traffic\u2026" }) : null,
+    tail.map((e) => /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+        "[",
+        hhmmss(e.created_at),
+        "] "
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { color: decisionColor(e.decision), bold: e.decision !== "ALLOW", children: e.decision.padEnd(6) }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: truncate2(e.tool_name, 14).padEnd(15) }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: (e.permission ?? "").slice(0, 4).padEnd(5) }),
+      e.dlp_matches?.length ? /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "DLP! " }) : null,
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: (e.arguments_summary ? JSON.stringify(e.arguments_summary) : e.reason ?? "").replace(/\s+/g, " ") })
+    ] }, e.id)),
+    /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.ok, children: "root@solongate" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: ":" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accentBright, children: "~/live" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "$ " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accentBright, children: cursor })
     ] })
-  ] }) });
+  ] });
 }
+var SPIN, hhmmss, fmtUp;
 var init_Live = __esm({
   "src/tui/panels/Live.tsx"() {
     "use strict";
     init_api_client();
-    init_components();
     init_hooks();
     init_theme();
+    SPIN = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+    hhmmss = (ts) => {
+      const d = new Date(ts);
+      return Number.isNaN(d.getTime()) ? "--:--:--" : d.toTimeString().slice(0, 8);
+    };
+    fmtUp = (ms) => {
+      const s = Math.floor(ms / 1e3);
+      const p = (n) => String(n).padStart(2, "0");
+      return `${p(Math.floor(s / 3600))}:${p(Math.floor(s % 3600 / 60))}:${p(s % 60)}`;
+    };
   }
 });
 
 // src/tui/panels/Policies.tsx
 import { Box as Box3, Text as Text3, useInput } from "ink";
 import TextInput from "ink-text-input";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ruleSummary(r) {
   const bits = [];
@@ -7105,19 +7232,19 @@ function ruleSummary(r) {
 function PoliciesPanel({ focused }) {
   const list4 = useLoader(() => api.policies.list());
   const policies = list4.data?.policies ?? [];
-  const [view, setView] = useState2("list");
-  const [pi, setPi] = useState2(0);
-  const [ri, setRi] = useState2(0);
-  const [fi, setFi] = useState2(0);
-  const [rules, setRules] = useState2([]);
-  const [mode, setMode] = useState2("denylist");
-  const [dirty, setDirty] = useState2(false);
-  const [editing, setEditing] = useState2(false);
-  const [editVal, setEditVal] = useState2("");
-  const [status, setStatus] = useState2(null);
+  const [view, setView] = useState3("list");
+  const [pi, setPi] = useState3(0);
+  const [ri, setRi] = useState3(0);
+  const [fi, setFi] = useState3(0);
+  const [rules, setRules] = useState3([]);
+  const [mode, setMode] = useState3("denylist");
+  const [dirty, setDirty] = useState3(false);
+  const [editing, setEditing] = useState3(false);
+  const [editVal, setEditVal] = useState3("");
+  const [status, setStatus] = useState3(null);
   const selected = policies[Math.min(pi, Math.max(0, policies.length - 1))];
   const detail = useLoader(() => selected ? api.policies.get(selected.id) : Promise.resolve(null), [selected?.id]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (detail.data) {
       setRules(detail.data.rules);
       setMode(detail.data.mode ?? "denylist");
@@ -7335,7 +7462,7 @@ var init_Policies = __esm({
 
 // src/tui/panels/RateLimit.tsx
 import { Box as Box4, Text as Text4, useInput as useInput2 } from "ink";
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function ColoredSpark({ values, limit, width: width2 = 60 }) {
   const v = values.length > width2 ? values.slice(values.length - width2) : values;
@@ -7350,11 +7477,11 @@ function RateLimitPanel({ focused }) {
   const layersQ = useLoader(() => api.settings.getSecurityLayers());
   const historyQ = useLoader(() => api.settings.getRateLimitHistory());
   const insightsQ = useLoader(() => api.stats.securityInsights(7));
-  const [draft, setDraft] = useState3(null);
-  const [dirty, setDirty] = useState3(false);
-  const [fi, setFi] = useState3(0);
-  const [status, setStatus] = useState3(null);
-  useEffect3(() => {
+  const [draft, setDraft] = useState4(null);
+  const [dirty, setDirty] = useState4(false);
+  const [fi, setFi] = useState4(0);
+  const [status, setStatus] = useState4(null);
+  useEffect4(() => {
     if (layersQ.data && !draft) setDraft({ ...layersQ.data.layers.rateLimit });
   }, [layersQ.data, draft]);
   const adjust = (dir, step) => {
@@ -7476,19 +7603,19 @@ var init_RateLimit = __esm({
 // src/tui/panels/Dlp.tsx
 import { Box as Box5, Text as Text5, useInput as useInput3 } from "ink";
 import TextInput2 from "ink-text-input";
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function DlpPanel({ focused }) {
   const q = useLoader(() => api.settings.getSecurityLayers());
-  const [dlp, setDlp] = useState4(null);
-  const [available, setAvailable] = useState4([]);
-  const [sel, setSel] = useState4(0);
-  const [dirty, setDirty] = useState4(false);
-  const [status, setStatus] = useState4(null);
-  const [adding, setAdding] = useState4(null);
-  const [newName, setNewName] = useState4("");
-  const [newRe, setNewRe] = useState4("");
-  useEffect4(() => {
+  const [dlp, setDlp] = useState5(null);
+  const [available, setAvailable] = useState5([]);
+  const [sel, setSel] = useState5(0);
+  const [dirty, setDirty] = useState5(false);
+  const [status, setStatus] = useState5(null);
+  const [adding, setAdding] = useState5(null);
+  const [newName, setNewName] = useState5("");
+  const [newRe, setNewRe] = useState5("");
+  useEffect5(() => {
     if (q.data && !dlp) {
       setDlp({ ...q.data.layers.dlp, patterns: [...q.data.layers.dlp.patterns], custom: [...q.data.layers.dlp.custom] });
       setAvailable(q.data.availablePatterns);
@@ -7702,17 +7829,17 @@ var init_Stats = __esm({
 // src/tui/panels/Audit.tsx
 import { Box as Box7, Text as Text7, useInput as useInput4 } from "ink";
 import TextInput3 from "ink-text-input";
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function AuditPanel({ active: active2, focused }) {
-  const [di, setDi] = useState5(0);
-  const [gi, setGi] = useState5(0);
-  const [tool, setTool] = useState5("");
-  const [agent, setAgent] = useState5("");
-  const [search, setSearch] = useState5("");
-  const [sel, setSel] = useState5(0);
-  const [view, setView] = useState5("list");
-  const [editing, setEditing] = useState5(null);
+  const [di, setDi] = useState6(0);
+  const [gi, setGi] = useState6(0);
+  const [tool, setTool] = useState6("");
+  const [agent, setAgent] = useState6("");
+  const [search, setSearch] = useState6("");
+  const [sel, setSel] = useState6(0);
+  const [view, setView] = useState6("list");
+  const [editing, setEditing] = useState6(null);
   const query = {
     filter: DECISIONS[di],
     signal: SIGNALS[gi],
@@ -7880,8 +8007,20 @@ var init_Audit = __esm({
 
 // src/tui/App.tsx
 import { Box as Box8, Text as Text8, useApp, useInput as useInput5 } from "ink";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function LiveHint() {
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Text8, { color: theme.accentBright, bold: true, children: "\u25B6 REALTIME CONSOLE" }),
+    /* @__PURE__ */ jsx8(Text8, { color: theme.dim, children: "Fullscreen live monitor \u2014 streaming tool calls, active charts," }),
+    /* @__PURE__ */ jsx8(Text8, { color: theme.dim, children: "counters, DLP hits and denial alerts. Updates every 2s." }),
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
+      "press ",
+      /* @__PURE__ */ jsx8(Text8, { color: theme.accent, children: "enter" }),
+      " to go live"
+    ] }) })
+  ] });
+}
 function Banner() {
   const wide = (process.stdout.columns ?? 80) >= 82;
   if (!wide) {
@@ -7897,8 +8036,8 @@ function Banner() {
 }
 function App() {
   const { exit } = useApp();
-  const [section, setSection] = useState6(0);
-  const [focus, setFocus] = useState6("nav");
+  const [section, setSection] = useState7(0);
+  const [focus, setFocus] = useState7("nav");
   useInput5((input, key) => {
     if (focus === "nav") {
       if (key.upArrow) setSection((n) => (n - 1 + SECTIONS.length) % SECTIONS.length);
@@ -7907,17 +8046,23 @@ function App() {
       else if (input === "q") exit();
     } else {
       if (key.escape || key.tab) setFocus("nav");
+      else if (input === "q" && SECTIONS[section].label === "Live") exit();
     }
   });
+  const cols = process.stdout.columns ?? 100;
+  const rows = process.stdout.rows ?? 30;
   const current = SECTIONS[section];
+  if (current.label === "Live" && focus === "panel") {
+    return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", width: cols, height: rows, children: /* @__PURE__ */ jsx8(LivePanel, { active: true, focused: true }) });
+  }
   const Panel = current.Panel;
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", width: cols, height: rows, paddingX: 1, paddingTop: 1, children: [
     /* @__PURE__ */ jsx8(Banner, {}),
-    /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, children: [
+    /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexGrow: 1, children: [
       /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", width: 16, borderStyle: "round", borderColor: focus === "nav" ? theme.accent : "gray", paddingX: 1, children: SECTIONS.map((s, i) => /* @__PURE__ */ jsx8(Text8, { color: i === section ? theme.accentBright : void 0, bold: i === section, children: (i === section ? "\u25B8 " : "  ") + s.label }, s.label)) }),
-      /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, minHeight: 16, borderStyle: "round", borderColor: focus === "panel" ? theme.accent : "gray", paddingX: 1, paddingY: 0, children: /* @__PURE__ */ jsx8(Panel, { active: true, focused: focus === "panel" }) })
+      /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, borderStyle: "round", borderColor: focus === "panel" ? theme.accent : "gray", paddingX: 1, paddingY: 0, children: /* @__PURE__ */ jsx8(Panel, { active: focus === "panel" || current.label !== "Live", focused: focus === "panel" }) })
     ] }),
-    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: focus === "nav" ? /* @__PURE__ */ jsx8(KeyHints, { hints: [["\u2191\u2193", "section"], ["\u2192/enter", "open"], ["q", "quit"]] }) : /* @__PURE__ */ jsx8(KeyHints, { hints: [["\u2191\u2193", "move"], ["\u2190\u2192/space/s", "edit"], ["esc", "back to menu"]] }) })
+    /* @__PURE__ */ jsx8(Box8, { children: focus === "nav" ? /* @__PURE__ */ jsx8(KeyHints, { hints: [["\u2191\u2193", "section"], ["\u2192/enter", "open"], ["q", "quit"]] }) : /* @__PURE__ */ jsx8(KeyHints, { hints: [["\u2190/esc", "back"], ["\u2191\u2193", "in-panel"], ["space/s", "act"]] }) })
   ] });
 }
 var SECTIONS, BANNER_HEX;
@@ -7934,7 +8079,7 @@ var init_App = __esm({
     init_Stats();
     init_Audit();
     SECTIONS = [
-      { label: "Live", Panel: LivePanel },
+      { label: "Live", Panel: LiveHint },
       { label: "Policies", Panel: PoliciesPanel },
       { label: "Rate Limit", Panel: RateLimitPanel },
       { label: "DLP", Panel: DlpPanel },
@@ -7963,8 +8108,13 @@ async function launchTui() {
     process.stderr.write("Not logged in. Run `solongate login` first.\n");
     return;
   }
-  const { waitUntilExit } = render(/* @__PURE__ */ jsx9(App, {}));
-  await waitUntilExit();
+  process.stdout.write("\x1B[?1049h\x1B[H");
+  try {
+    const { waitUntilExit } = render(/* @__PURE__ */ jsx9(App, {}));
+    await waitUntilExit();
+  } finally {
+    process.stdout.write("\x1B[?1049l");
+  }
 }
 var init_tui = __esm({
   "src/tui/index.tsx"() {

package/dist/tui/index.js

@@ -9,7 +9,7 @@ import { render } from "ink";
 
 // src/tui/App.tsx
 import { Box as Box8, Text as Text8, useApp, useInput as useInput5 } from "ink";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 
 // src/cli-utils.ts
 var c = {
@@ -126,6 +126,7 @@ function KeyHints({ hints }) {
 
 // src/tui/panels/Live.tsx
 import { Box as Box2, Text as Text2 } from "ink";
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 
 // src/api-client/client.ts
 import { readFileSync, existsSync } from "fs";
@@ -430,68 +431,194 @@ function usePoll(reload, intervalMs, enabled = true) {
 
 // src/tui/panels/Live.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function Tile({ label, value, color }) {
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, marginRight: 1, minWidth: 14, children: [
-    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: label }),
-    /* @__PURE__ */ jsx2(Text2, { bold: true, color, children: value })
+var SPIN = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+var hhmmss = (ts) => {
+  const d = new Date(ts);
+  return Number.isNaN(d.getTime()) ? "--:--:--" : d.toTimeString().slice(0, 8);
+};
+var fmtUp = (ms) => {
+  const s = Math.floor(ms / 1e3);
+  const p = (n) => String(n).padStart(2, "0");
+  return `${p(Math.floor(s / 3600))}:${p(Math.floor(s % 3600 / 60))}:${p(s % 60)}`;
+};
+function ColumnChart({ series, height, width, color, limit = 0 }) {
+  const tailVals = series.slice(-width);
+  const data = [...new Array(Math.max(0, width - tailVals.length)).fill(0), ...tailVals];
+  const max = Math.max(1, ...data, limit);
+  const lines = [];
+  for (let r = height; r >= 1; r--) {
+    const segs = [];
+    for (let i = 0; i < data.length; i++) {
+      const frac = data[i] / max;
+      const ch = frac >= r / height ? "\u2588" : frac >= (r - 0.5) / height ? "\u2584" : r === 1 && data[i] > 0 ? "\u2581" : " ";
+      const c2 = limit > 0 && data[i] > limit ? theme.bad : color;
+      const last = segs[segs.length - 1];
+      if (last && last.color === c2) last.text += ch;
+      else segs.push({ text: ch, color: c2 });
+    }
+    lines.push(
+      /* @__PURE__ */ jsx2(Text2, { children: segs.map((s, i) => /* @__PURE__ */ jsx2(Text2, { color: s.color, children: s.text }, i)) }, r)
+    );
+  }
+  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: lines });
+}
+function HBar({ label, value, max, width, color }) {
+  const filled = max > 0 ? Math.round(value / max * width) : 0;
+  return /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: label.padEnd(9) }),
+    /* @__PURE__ */ jsx2(Text2, { color, children: "\u2588".repeat(Math.min(width, filled)) }),
+    /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "\u2591".repeat(Math.max(0, width - filled)) + " " + value })
   ] });
 }
+function SectionTitle({ children, width }) {
+  const label = `\u2500\u2500 ${children} `;
+  return /* @__PURE__ */ jsx2(Text2, { color: theme.dim, wrap: "truncate", children: label + "\u2500".repeat(Math.max(0, width - label.length)) });
+}
 function LivePanel({ active: active2 }) {
   const stats = useLoader(() => api.stats.get());
   const ts = useLoader(() => api.stats.timeseries({ period: "24h" }));
-  const feed = useLoader(() => api.audit.list({ limit: 12 }));
+  const feed = useLoader(() => api.audit.list({ limit: 50 }));
+  const insights = useLoader(() => api.stats.securityInsights(7));
   usePoll(() => {
     stats.reload();
     ts.reload();
     feed.reload();
   }, 2e3, active2);
+  usePoll(insights.reload, 1e4, active2);
+  const [tick, setTick] = useState2(0);
+  useEffect2(() => {
+    if (!active2) return;
+    const t = setInterval(() => setTick((n) => n + 1), 200);
+    return () => clearInterval(t);
+  }, [active2]);
+  const startRef = useRef2(Date.now());
+  const [buffer, setBuffer] = useState2([]);
+  useEffect2(() => {
+    const incoming = feed.data?.entries;
+    if (!incoming?.length) return;
+    setBuffer((prev) => {
+      const seen = new Set(prev.map((e) => e.id));
+      const fresh = incoming.filter((e) => !seen.has(e.id)).sort((a, b) => Date.parse(a.created_at) - Date.parse(b.created_at));
+      return fresh.length ? [...prev, ...fresh].slice(-400) : prev;
+    });
+  }, [feed.data]);
+  const cols = process.stdout.columns ?? 100;
+  const rows = process.stdout.rows ?? 30;
   const s = stats.data;
-  const points = ts.data?.timeseries ?? [];
-  const entries = feed.data?.entries ?? [];
-  const denyRate = s && s.total_calls > 0 ? Math.round(s.denied / s.total_calls * 100) : 0;
-  return /* @__PURE__ */ jsx2(DataView, { loading: stats.loading && !s, error: stats.error, children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs2(Box2, { children: [
-      /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "\u25CF" }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: " LIVE \xB7 refreshing every 2s" })
+  const ins = insights.data ?? {};
+  const minuteRaw = (ins.activity?.minute ?? []).map((b) => b.count);
+  const hourRaw = (ins.activity?.hour ?? []).map((b) => b.count);
+  const minuteLive = minuteRaw.some((c2) => c2 > 0);
+  const minuteSeries = minuteLive ? minuteRaw : hourRaw;
+  const activityLabel = minuteLive ? "calls/min \xB7 last 60m" : "calls/hour \xB7 last 24h";
+  const limit = minuteLive ? ins.layers?.rateLimit?.perMinute ?? 0 : 0;
+  const denySeries = (ts.data?.timeseries ?? []).map((p) => p.denied);
+  const spin = SPIN[tick % SPIN.length];
+  const cursor = tick % 4 < 2 ? "\u258C" : " ";
+  const toolCounts = /* @__PURE__ */ new Map();
+  const permCounts = /* @__PURE__ */ new Map();
+  for (const e of buffer) {
+    toolCounts.set(e.tool_name, (toolCounts.get(e.tool_name) ?? 0) + 1);
+    const perm = (e.permission || "?").toUpperCase();
+    permCounts.set(perm, (permCounts.get(perm) ?? 0) + 1);
+  }
+  const topTools = [...toolCounts.entries()].sort((a, b) => b[1] - a[1]).slice(0, 5);
+  const maxTool = topTools[0]?.[1] ?? 1;
+  const perms = ["READ", "WRITE", "EXECUTE", "NETWORK"].map((p) => [p, permCounts.get(p) ?? 0]);
+  const maxPerm = Math.max(1, ...perms.map(([, c2]) => c2));
+  const dlpTop = (ins.dlpByPattern ?? []).slice(0, 2);
+  const denials = buffer.filter((e) => e.decision !== "ALLOW");
+  const lastDeny = denials[denials.length - 1];
+  const bursts = limit > 0 ? minuteSeries.filter((c2) => c2 > limit).length : 0;
+  const bigH = rows >= 34 ? 6 : 4;
+  const colH = rows >= 34 ? 6 : 5;
+  const streamRows = Math.max(4, rows - (2 + 1 + bigH + 1 + colH + 1 + 1));
+  const tail = buffer.slice(-streamRows);
+  const colW = Math.max(18, Math.floor((cols - 6) / 3));
+  if (stats.error) return /* @__PURE__ */ jsxs2(Text2, { color: theme.bad, children: [
+    "\u2717 ",
+    stats.error
+  ] });
+  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__ */ jsxs2(Text2, { color: theme.dim, children: [
+        " ",
+        spin,
+        " up ",
+        fmtUp(Date.now() - startRef.current),
+        " \xB7 ",
+        hhmmss(Date.now()),
+        " \xB7 poll 2s"
+      ] }),
+      lastDeny ? /* @__PURE__ */ jsxs2(Text2, { color: theme.bad, children: [
+        "  \u26A0 ",
+        hhmmss(lastDeny.created_at),
+        " ",
+        lastDeny.tool_name,
+        " denied"
+      ] }) : null,
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  esc menu \xB7 q quit" })
     ] }),
-    s ? /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx2(Tile, { label: "total calls", value: String(s.total_calls) }),
-      /* @__PURE__ */ jsx2(Tile, { label: "allowed", value: String(s.allowed), color: theme.ok }),
-      /* @__PURE__ */ jsx2(Tile, { label: "denied", value: String(s.denied), color: theme.bad }),
-      /* @__PURE__ */ jsx2(Tile, { label: "deny rate", value: denyRate + "%", color: denyRate > 10 ? theme.bad : void 0 }),
-      /* @__PURE__ */ jsx2(Tile, { label: "policies", value: String(s.active_policies), color: theme.accent })
-    ] }) : null,
-    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "Activity \xB7 24h" }),
-      /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { children: "calls   " }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: sparkline(points.map((p) => p.total), 60) })
+    /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "calls " }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, children: s ? s.total_calls : "\xB7\xB7\xB7\xB7" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  allow " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.ok, children: s ? s.allowed : "\xB7\xB7\xB7" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  deny " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.bad, bold: true, children: s ? s.denied : "\xB7\xB7" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  bursts(60m) " }),
+      /* @__PURE__ */ jsx2(Text2, { color: bursts ? theme.bad : theme.dim, children: bursts }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  limit/min " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: limit || "off" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  policies " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: s ? s.active_policies : "\xB7" })
+    ] }),
+    /* @__PURE__ */ jsx2(SectionTitle, { width: cols - 2, children: `ACTIVITY ${activityLabel} \xB7 peak ${Math.max(0, ...minuteSeries)}${limit ? ` \xB7 limit ${limit} (red = over)` : ""}` }),
+    minuteSeries.length ? /* @__PURE__ */ jsx2(ColumnChart, { series: minuteSeries, height: bigH, width: cols - 2, color: theme.accent, limit }) : /* @__PURE__ */ jsx2(Box2, { height: bigH, children: /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: insights.loading ? "loading activity\u2026" : "no activity data" }) }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, marginRight: 2, children: [
+        /* @__PURE__ */ jsx2(SectionTitle, { width: colW, children: "DENIALS 24h" }),
+        /* @__PURE__ */ jsx2(ColumnChart, { series: denySeries, height: colH - 1, width: colW, color: theme.bad })
+      ] }),
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, marginRight: 2, children: [
+        /* @__PURE__ */ jsx2(SectionTitle, { width: colW, children: "TOP TOOLS (buffer)" }),
+        topTools.length ? topTools.slice(0, colH - 1).map(([tool, count]) => /* @__PURE__ */ jsx2(HBar, { label: truncate(tool, 9), value: count, max: maxTool, width: Math.max(6, colW - 16), color: theme.accent }, tool)) : /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "no traffic yet" })
       ] }),
-      /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { children: "denied  " }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: sparkline(points.map((p) => p.denied), 60) })
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: colW, children: [
+        /* @__PURE__ */ jsx2(SectionTitle, { width: colW, children: "PERMISSIONS \xB7 DLP" }),
+        perms.map(([p, c2]) => /* @__PURE__ */ jsx2(HBar, { label: p, value: c2, max: maxPerm, width: Math.max(6, colW - 16), color: p === "EXECUTE" ? theme.warn : theme.accent }, p)),
+        dlpTop.map((d) => /* @__PURE__ */ jsx2(Text2, { wrap: "truncate", color: theme.bad, children: "DLP " + truncate(d.pattern, colW - 10) + " \xD7" + d.count }, d.pattern))
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "Live feed" }),
-      entries.length === 0 ? /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  waiting for tool calls\u2026" }) : entries.slice(0, 10).map((e) => /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { color: decisionColor(e.decision), children: e.decision.padEnd(8) }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: truncate(e.tool_name, 16).padEnd(17) }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: truncate(e.agent_name ?? "\u2014", 14).padEnd(15) }),
-        e.dlp_matches?.length ? /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "DLP " }) : /* @__PURE__ */ jsx2(Text2, { children: "    " }),
-        /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
-          ago(e.created_at),
-          " ago"
-        ] })
-      ] }, e.id))
+    /* @__PURE__ */ jsx2(SectionTitle, { width: cols - 2, children: `TOOL STREAM \xB7 live tail \xB7 ${buffer.length} buffered` }),
+    tail.length === 0 ? /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "awaiting traffic\u2026" }) : null,
+    tail.map((e) => /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+        "[",
+        hhmmss(e.created_at),
+        "] "
+      ] }),
+      /* @__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_name, 14).padEnd(15) }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: (e.permission ?? "").slice(0, 4).padEnd(5) }),
+      e.dlp_matches?.length ? /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "DLP! " }) : null,
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: (e.arguments_summary ? JSON.stringify(e.arguments_summary) : e.reason ?? "").replace(/\s+/g, " ") })
+    ] }, e.id)),
+    /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.ok, children: "root@solongate" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: ":" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accentBright, children: "~/live" }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "$ " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accentBright, children: cursor })
     ] })
-  ] }) });
+  ] });
 }
 
 // src/tui/panels/Policies.tsx
 import { Box as Box3, Text as Text3, useInput } from "ink";
 import TextInput from "ink-text-input";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var constr = (r, g, side) => (r[g]?.[side] ?? []).join(", ");
 var setConstr = (r, g, side, val) => {
@@ -526,19 +653,19 @@ function ruleSummary(r) {
 function PoliciesPanel({ focused }) {
   const list3 = useLoader(() => api.policies.list());
   const policies = list3.data?.policies ?? [];
-  const [view, setView] = useState2("list");
-  const [pi, setPi] = useState2(0);
-  const [ri, setRi] = useState2(0);
-  const [fi, setFi] = useState2(0);
-  const [rules, setRules] = useState2([]);
-  const [mode, setMode] = useState2("denylist");
-  const [dirty, setDirty] = useState2(false);
-  const [editing, setEditing] = useState2(false);
-  const [editVal, setEditVal] = useState2("");
-  const [status, setStatus] = useState2(null);
+  const [view, setView] = useState3("list");
+  const [pi, setPi] = useState3(0);
+  const [ri, setRi] = useState3(0);
+  const [fi, setFi] = useState3(0);
+  const [rules, setRules] = useState3([]);
+  const [mode, setMode] = useState3("denylist");
+  const [dirty, setDirty] = useState3(false);
+  const [editing, setEditing] = useState3(false);
+  const [editVal, setEditVal] = useState3("");
+  const [status, setStatus] = useState3(null);
   const selected = policies[Math.min(pi, Math.max(0, policies.length - 1))];
   const detail = useLoader(() => selected ? api.policies.get(selected.id) : Promise.resolve(null), [selected?.id]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (detail.data) {
       setRules(detail.data.rules);
       setMode(detail.data.mode ?? "denylist");
@@ -725,7 +852,7 @@ function PoliciesPanel({ focused }) {
 
 // src/tui/panels/RateLimit.tsx
 import { Box as Box4, Text as Text4, useInput as useInput2 } from "ink";
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var MODES = ["off", "detect", "block"];
 var FIELDS2 = ["mode", "perMinute", "perHour", "perDay"];
@@ -743,11 +870,11 @@ function RateLimitPanel({ focused }) {
   const layersQ = useLoader(() => api.settings.getSecurityLayers());
   const historyQ = useLoader(() => api.settings.getRateLimitHistory());
   const insightsQ = useLoader(() => api.stats.securityInsights(7));
-  const [draft, setDraft] = useState3(null);
-  const [dirty, setDirty] = useState3(false);
-  const [fi, setFi] = useState3(0);
-  const [status, setStatus] = useState3(null);
-  useEffect3(() => {
+  const [draft, setDraft] = useState4(null);
+  const [dirty, setDirty] = useState4(false);
+  const [fi, setFi] = useState4(0);
+  const [status, setStatus] = useState4(null);
+  useEffect4(() => {
     if (layersQ.data && !draft) setDraft({ ...layersQ.data.layers.rateLimit });
   }, [layersQ.data, draft]);
   const adjust = (dir, step) => {
@@ -856,20 +983,20 @@ function FieldRow({ label, active: active2, children }) {
 // src/tui/panels/Dlp.tsx
 import { Box as Box5, Text as Text5, useInput as useInput3 } from "ink";
 import TextInput2 from "ink-text-input";
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var MODES2 = ["off", "detect", "block"];
 function DlpPanel({ focused }) {
   const q = useLoader(() => api.settings.getSecurityLayers());
-  const [dlp, setDlp] = useState4(null);
-  const [available, setAvailable] = useState4([]);
-  const [sel, setSel] = useState4(0);
-  const [dirty, setDirty] = useState4(false);
-  const [status, setStatus] = useState4(null);
-  const [adding, setAdding] = useState4(null);
-  const [newName, setNewName] = useState4("");
-  const [newRe, setNewRe] = useState4("");
-  useEffect4(() => {
+  const [dlp, setDlp] = useState5(null);
+  const [available, setAvailable] = useState5([]);
+  const [sel, setSel] = useState5(0);
+  const [dirty, setDirty] = useState5(false);
+  const [status, setStatus] = useState5(null);
+  const [adding, setAdding] = useState5(null);
+  const [newName, setNewName] = useState5("");
+  const [newRe, setNewRe] = useState5("");
+  useEffect5(() => {
     if (q.data && !dlp) {
       setDlp({ ...q.data.layers.dlp, patterns: [...q.data.layers.dlp.patterns], custom: [...q.data.layers.dlp.custom] });
       setAvailable(q.data.availablePatterns);
@@ -1063,19 +1190,19 @@ function StatsPanel({ active: active2 }) {
 // src/tui/panels/Audit.tsx
 import { Box as Box7, Text as Text7, useInput as useInput4 } from "ink";
 import TextInput3 from "ink-text-input";
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var DECISIONS = [void 0, "DENY", "ALLOW"];
 var SIGNALS = [void 0, "dlp", "ratelimit"];
 function AuditPanel({ active: active2, focused }) {
-  const [di, setDi] = useState5(0);
-  const [gi, setGi] = useState5(0);
-  const [tool, setTool] = useState5("");
-  const [agent, setAgent] = useState5("");
-  const [search, setSearch] = useState5("");
-  const [sel, setSel] = useState5(0);
-  const [view, setView] = useState5("list");
-  const [editing, setEditing] = useState5(null);
+  const [di, setDi] = useState6(0);
+  const [gi, setGi] = useState6(0);
+  const [tool, setTool] = useState6("");
+  const [agent, setAgent] = useState6("");
+  const [search, setSearch] = useState6("");
+  const [sel, setSel] = useState6(0);
+  const [view, setView] = useState6("list");
+  const [editing, setEditing] = useState6(null);
   const query = {
     filter: DECISIONS[di],
     signal: SIGNALS[gi],
@@ -1231,8 +1358,20 @@ function Detail({ label, value, color }) {
 
 // src/tui/App.tsx
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function LiveHint() {
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Text8, { color: theme.accentBright, bold: true, children: "\u25B6 REALTIME CONSOLE" }),
+    /* @__PURE__ */ jsx8(Text8, { color: theme.dim, children: "Fullscreen live monitor \u2014 streaming tool calls, active charts," }),
+    /* @__PURE__ */ jsx8(Text8, { color: theme.dim, children: "counters, DLP hits and denial alerts. Updates every 2s." }),
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
+      "press ",
+      /* @__PURE__ */ jsx8(Text8, { color: theme.accent, children: "enter" }),
+      " to go live"
+    ] }) })
+  ] });
+}
 var SECTIONS = [
-  { label: "Live", Panel: LivePanel },
+  { label: "Live", Panel: LiveHint },
   { label: "Policies", Panel: PoliciesPanel },
   { label: "Rate Limit", Panel: RateLimitPanel },
   { label: "DLP", Panel: DlpPanel },
@@ -1255,8 +1394,8 @@ function Banner() {
 }
 function App() {
   const { exit } = useApp();
-  const [section, setSection] = useState6(0);
-  const [focus, setFocus] = useState6("nav");
+  const [section, setSection] = useState7(0);
+  const [focus, setFocus] = useState7("nav");
   useInput5((input, key) => {
     if (focus === "nav") {
       if (key.upArrow) setSection((n) => (n - 1 + SECTIONS.length) % SECTIONS.length);
@@ -1265,17 +1404,23 @@ function App() {
       else if (input === "q") exit();
     } else {
       if (key.escape || key.tab) setFocus("nav");
+      else if (input === "q" && SECTIONS[section].label === "Live") exit();
     }
   });
+  const cols = process.stdout.columns ?? 100;
+  const rows = process.stdout.rows ?? 30;
   const current = SECTIONS[section];
+  if (current.label === "Live" && focus === "panel") {
+    return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", width: cols, height: rows, children: /* @__PURE__ */ jsx8(LivePanel, { active: true, focused: true }) });
+  }
   const Panel = current.Panel;
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", width: cols, height: rows, paddingX: 1, paddingTop: 1, children: [
     /* @__PURE__ */ jsx8(Banner, {}),
-    /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, children: [
+    /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexGrow: 1, children: [
       /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", width: 16, borderStyle: "round", borderColor: focus === "nav" ? theme.accent : "gray", paddingX: 1, children: SECTIONS.map((s, i) => /* @__PURE__ */ jsx8(Text8, { color: i === section ? theme.accentBright : void 0, bold: i === section, children: (i === section ? "\u25B8 " : "  ") + s.label }, s.label)) }),
-      /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, minHeight: 16, borderStyle: "round", borderColor: focus === "panel" ? theme.accent : "gray", paddingX: 1, paddingY: 0, children: /* @__PURE__ */ jsx8(Panel, { active: true, focused: focus === "panel" }) })
+      /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, borderStyle: "round", borderColor: focus === "panel" ? theme.accent : "gray", paddingX: 1, paddingY: 0, children: /* @__PURE__ */ jsx8(Panel, { active: focus === "panel" || current.label !== "Live", focused: focus === "panel" }) })
     ] }),
-    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: focus === "nav" ? /* @__PURE__ */ jsx8(KeyHints, { hints: [["\u2191\u2193", "section"], ["\u2192/enter", "open"], ["q", "quit"]] }) : /* @__PURE__ */ jsx8(KeyHints, { hints: [["\u2191\u2193", "move"], ["\u2190\u2192/space/s", "edit"], ["esc", "back to menu"]] }) })
+    /* @__PURE__ */ jsx8(Box8, { children: focus === "nav" ? /* @__PURE__ */ jsx8(KeyHints, { hints: [["\u2191\u2193", "section"], ["\u2192/enter", "open"], ["q", "quit"]] }) : /* @__PURE__ */ jsx8(KeyHints, { hints: [["\u2190/esc", "back"], ["\u2191\u2193", "in-panel"], ["space/s", "act"]] }) })
   ] });
 }
 
@@ -1292,8 +1437,13 @@ async function launchTui() {
     process.stderr.write("Not logged in. Run `solongate login` first.\n");
     return;
   }
-  const { waitUntilExit } = render(/* @__PURE__ */ jsx9(App, {}));
-  await waitUntilExit();
+  process.stdout.write("\x1B[?1049h\x1B[H");
+  try {
+    const { waitUntilExit } = render(/* @__PURE__ */ jsx9(App, {}));
+    await waitUntilExit();
+  } finally {
+    process.stdout.write("\x1B[?1049l");
+  }
 }
 export {
   launchTui

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solongate/proxy",
-  "version": "0.62.0",
+  "version": "0.64.0",
   "description": "AI tool security proxy: protect any AI tool server with customizable policies, path/command constraints, rate limiting, and audit logging. No code changes required.",
   "type": "module",
   "bin": {