@solongate/proxy 0.62.0 → 0.63.0

package/dist/index.js

@@ -7020,78 +7020,165 @@ 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 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: 40 }));
   usePoll(() => {
     stats.reload();
     ts.reload();
     feed.reload();
   }, 2e3, 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(-300) : prev;
+    });
+  }, [feed.data]);
   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: [
+  const cols = process.stdout.columns ?? 100;
+  const rows = process.stdout.rows ?? 32;
+  const feedRows = Math.max(8, Math.min(20, rows - 18));
+  const wide = cols >= 112;
+  const tail = buffer.slice(-feedRows);
+  const denies = buffer.filter((e) => e.decision !== "ALLOW");
+  const dlpHits = buffer.filter((e) => e.dlp_matches?.length);
+  const lastDeny = denies[denies.length - 1];
+  const spin = SPIN[tick % SPIN.length];
+  const cursor = tick % 4 < 2 ? "\u258C" : " ";
+  if (stats.error) return /* @__PURE__ */ jsxs2(Text2, { color: theme.bad, children: [
+    "\u2717 ",
+    stats.error
+  ] });
+  return /* @__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" })
+      /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "\u25CF " }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color: theme.accentBright, children: "LIVE" }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+        "  ",
+        spin,
+        " scanning"
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+        "  up ",
+        fmtUp(Date.now() - startRef.current)
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+        "  ",
+        hhmmss(Date.now())
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  poll 2s" })
     ] }),
-    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(Box2, { 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: "  dlp(buf) " }),
+      /* @__PURE__ */ jsx2(Text2, { color: dlpHits.length ? theme.bad : theme.dim, children: dlpHits.length }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  policies " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: s ? s.active_policies : "\xB7" })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "act " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: sparkline(points.map((p) => p.total), Math.min(64, cols - 30)) })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "dny " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: sparkline(points.map((p) => p.denied), Math.min(64, cols - 30)) })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: ">> " }),
+      lastDeny ? /* @__PURE__ */ jsxs2(Text2, { color: theme.bad, children: [
+        "last deny ",
+        hhmmss(lastDeny.created_at),
+        " ",
+        lastDeny.tool_name,
+        " \xB7 ",
+        truncate2(lastDeny.reason ?? "policy", Math.max(20, cols - 50))
+      ] }) : /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "no denials in buffer" })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", flexGrow: 3, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, bold: true, children: "\u2500\u2500 tool stream \u2500\u2500" }),
+        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(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { children: "denied  " }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: sparkline(points.map((p) => p.denied), 60) })
-      ] })
+      wide ? /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: 34, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, bold: true, children: "\u2500\u2500 raw \u2500\u2500" }),
+        tail.slice(-Math.floor(feedRows / 2)).flatMap((e) => {
+          const raw = e.arguments_summary ? JSON.stringify(e.arguments_summary) : `hash:${e.id.slice(0, 12)}`;
+          return [
+            /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", color: e.decision === "ALLOW" ? theme.dim : theme.bad, children: [
+              e.id.slice(0, 8),
+              " ",
+              e.tool_name.slice(0, 12)
+            ] }, e.id + ":h"),
+            /* @__PURE__ */ jsx2(Text2, { wrap: "truncate", color: theme.dim, children: "  " + raw.replace(/\s+/g, " ") }, e.id + ":b")
+          ];
+        })
+      ] }) : null
     ] }),
-    /* @__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__ */ jsxs2(Box2, { 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 +7192,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 +7422,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 +7437,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 +7563,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 +7789,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,7 +7967,7 @@ 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 Banner() {
   const wide = (process.stdout.columns ?? 80) >= 82;
@@ -7897,8 +7984,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);

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,154 @@ 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 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: 40 }));
   usePoll(() => {
     stats.reload();
     ts.reload();
     feed.reload();
   }, 2e3, 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(-300) : prev;
+    });
+  }, [feed.data]);
   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: [
+  const cols = process.stdout.columns ?? 100;
+  const rows = process.stdout.rows ?? 32;
+  const feedRows = Math.max(8, Math.min(20, rows - 18));
+  const wide = cols >= 112;
+  const tail = buffer.slice(-feedRows);
+  const denies = buffer.filter((e) => e.decision !== "ALLOW");
+  const dlpHits = buffer.filter((e) => e.dlp_matches?.length);
+  const lastDeny = denies[denies.length - 1];
+  const spin = SPIN[tick % SPIN.length];
+  const cursor = tick % 4 < 2 ? "\u258C" : " ";
+  if (stats.error) return /* @__PURE__ */ jsxs2(Text2, { color: theme.bad, children: [
+    "\u2717 ",
+    stats.error
+  ] });
+  return /* @__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" })
+      /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: "\u25CF " }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color: theme.accentBright, children: "LIVE" }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+        "  ",
+        spin,
+        " scanning"
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+        "  up ",
+        fmtUp(Date.now() - startRef.current)
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+        "  ",
+        hhmmss(Date.now())
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  poll 2s" })
     ] }),
-    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(Box2, { 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: "  dlp(buf) " }),
+      /* @__PURE__ */ jsx2(Text2, { color: dlpHits.length ? theme.bad : theme.dim, children: dlpHits.length }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "  policies " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: s ? s.active_policies : "\xB7" })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "act " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.accent, children: sparkline(points.map((p) => p.total), Math.min(64, cols - 30)) })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "dny " }),
+      /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: sparkline(points.map((p) => p.denied), Math.min(64, cols - 30)) })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: ">> " }),
+      lastDeny ? /* @__PURE__ */ jsxs2(Text2, { color: theme.bad, children: [
+        "last deny ",
+        hhmmss(lastDeny.created_at),
+        " ",
+        lastDeny.tool_name,
+        " \xB7 ",
+        truncate(lastDeny.reason ?? "policy", Math.max(20, cols - 50))
+      ] }) : /* @__PURE__ */ jsx2(Text2, { color: theme.dim, children: "no denials in buffer" })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", flexGrow: 3, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, bold: true, children: "\u2500\u2500 tool stream \u2500\u2500" }),
+        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(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { children: "denied  " }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.bad, children: sparkline(points.map((p) => p.denied), 60) })
-      ] })
+      wide ? /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: 34, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: theme.dim, bold: true, children: "\u2500\u2500 raw \u2500\u2500" }),
+        tail.slice(-Math.floor(feedRows / 2)).flatMap((e) => {
+          const raw = e.arguments_summary ? JSON.stringify(e.arguments_summary) : `hash:${e.id.slice(0, 12)}`;
+          return [
+            /* @__PURE__ */ jsxs2(Text2, { wrap: "truncate", color: e.decision === "ALLOW" ? theme.dim : theme.bad, children: [
+              e.id.slice(0, 8),
+              " ",
+              e.tool_name.slice(0, 12)
+            ] }, e.id + ":h"),
+            /* @__PURE__ */ jsx2(Text2, { wrap: "truncate", color: theme.dim, children: "  " + raw.replace(/\s+/g, " ") }, e.id + ":b")
+          ];
+        })
+      ] }) : null
     ] }),
-    /* @__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__ */ jsxs2(Box2, { 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 +613,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 +812,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 +830,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 +943,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 +1150,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],
@@ -1255,8 +1342,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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solongate/proxy",
-  "version": "0.62.0",
+  "version": "0.63.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": {