@solongate/proxy 0.81.95 → 0.81.97

package/dist/index.js

@@ -9111,7 +9111,7 @@ function RateLimitPanel({ focused }) {
   const insightsQ = useLoader(() => api.stats.securityInsights(7));
   const [draft, setDraft] = useState4(null);
   const [dirty, setDirty] = useState4(false);
-  const [fi, setFi] = useState4(0);
+  const [sel, setSel] = useState4(0);
   const [status, setStatus] = useState4(null);
   useEffect4(() => {
     if (layersQ.data && !dirty) setDraft({ ...layersQ.data.layers.rateLimit });
@@ -9124,7 +9124,7 @@ function RateLimitPanel({ focused }) {
     insightsQ.reloadQuiet();
   }, 1e4);
   const adjust = (dir, step) => {
-    if (!draft) return;
+    if (!draft || fi < 0) return;
     const field = FIELDS2[fi];
     if (field === "mode") setDraft({ ...draft, mode: MODES[(MODES.indexOf(draft.mode) + dir + MODES.length) % MODES.length] });
     else setDraft({ ...draft, [field]: Math.max(0, draft[field] + dir * step) });
@@ -9146,11 +9146,28 @@ function RateLimitPanel({ focused }) {
       setStatus("\u2717 " + (e instanceof Error ? e.message : String(e)));
     }
   };
+  const history = (historyQ.data?.history ?? []).slice().sort((a, b) => b.ts - a.ts);
+  const lastChange = history[0];
+  const peaks = insightsQ.data?.["peaks"] ?? { minute: 0, hour: 0, day: 0 };
+  const anomalies2 = (insightsQ.data?.["anomalies"] ?? []).slice().sort((a, b) => b.count - a.count || new Date(b.minute).getTime() - new Date(a.minute).getTime());
+  const hasLoad = (draft?.perMinute ?? 0) > 0;
+  const showExtras = rows >= 20;
+  const fixed = 1 + 4 + (showExtras ? (hasLoad ? 1 : 0) + 5 : 0) + 1 + 1 + 1 + 1;
+  const burstBudget = Math.max(1, rows - fixed);
+  const maxOff = Math.max(0, anomalies2.length - burstBudget);
+  const total = 4 + anomalies2.length;
+  const selC = Math.min(sel, Math.max(0, total - 1));
+  const onField = selC < 4;
+  const fi = onField ? selC : -1;
+  const bcur = onField ? -1 : selC - 4;
+  const off = bcur < 0 ? 0 : Math.min(Math.max(0, bcur - Math.floor(burstBudget / 2)), maxOff);
   useInput3(
     (input, key) => {
       const step = key.shift ? 10 : 1;
-      if (key.upArrow) setFi((n) => (n - 1 + FIELDS2.length) % FIELDS2.length);
-      else if (key.downArrow) setFi((n) => (n + 1) % FIELDS2.length);
+      if (key.upArrow) setSel((n) => Math.max(0, n - 1));
+      else if (key.downArrow) setSel((n) => Math.min(total - 1, n + 1));
+      else if (key.pageDown) setSel((n) => Math.min(total - 1, n + burstBudget));
+      else if (key.pageUp) setSel((n) => Math.max(0, n - burstBudget));
       else if (key.leftArrow) adjust(-1, step);
       else if (key.rightArrow) adjust(1, step);
       else if (input === "s") void save();
@@ -9163,23 +9180,15 @@ function RateLimitPanel({ focused }) {
     },
     { isActive: focused }
   );
-  const history = (historyQ.data?.history ?? []).slice().sort((a, b) => b.ts - a.ts);
-  const lastChange = history[0];
-  const peaks = insightsQ.data?.["peaks"] ?? { minute: 0, hour: 0, day: 0 };
-  const anomalies2 = (insightsQ.data?.["anomalies"] ?? []).slice().sort((a, b) => b.count - a.count || new Date(b.minute).getTime() - new Date(a.minute).getTime());
   return /* @__PURE__ */ jsx4(DataView, { loading: layersQ.loading && !draft, error: layersQ.error, children: draft ? (() => {
     const lim = draft.perMinute;
     const now = insightsQ.data ? insightsQ.data["activity"]?.minute?.slice(-1)[0]?.count ?? 0 : 0;
     const loadPct = lim > 0 ? Math.min(100, Math.round(now / lim * 100)) : 0;
     const last24h = (insightsQ.data?.["activity"]?.hour ?? []).reduce((s, b) => s + b.count, 0);
-    const hasLoad = lim > 0;
-    const showExtras = rows >= 20;
-    const fixed = 1 + 4 + (showExtras ? (hasLoad ? 1 : 0) + 5 : 0) + 1 + 1 + 1;
-    const burstBudget = Math.max(1, rows - fixed);
-    const shown = anomalies2.slice(0, burstBudget);
+    const shown = anomalies2.slice(off, off + burstBudget);
     const bw = Math.max(10, cols - 30);
     return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", height: rows, overflow: "hidden", children: [
-      /* @__PURE__ */ jsx4(Text4, { color: theme.dim, wrap: "truncate", children: focused ? "\u2191\u2193 field \xB7 \u2190\u2192 \xB11 \xB7 shift+\u2190\u2192 \xB110 \xB7 s save \xB7 ^R refresh" : "press \u2192 to edit" }),
+      /* @__PURE__ */ jsx4(Text4, { color: theme.dim, wrap: "truncate", children: focused ? "\u2191\u2193 move (fields + bursts) \xB7 \u2190\u2192 \xB11 \xB7 shift+\u2190\u2192 \xB110 \xB7 s save \xB7 ^R refresh" : "press \u2192 to edit" }),
       /* @__PURE__ */ jsxs4(FieldRow, { label: "Mode", active: focused && fi === 0, children: [
         /* @__PURE__ */ jsx4(Text4, { color: modeColor(draft.mode), bold: true, children: draft.mode }),
         /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: draft.mode === "off" ? "  no limit" : draft.mode === "detect" ? "  flag bursts, never block" : "  DENY calls over the limit" })
@@ -9206,6 +9215,7 @@ function RateLimitPanel({ focused }) {
       /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs4(Text4, { color: theme.accentBright, bold: true, wrap: "truncate", children: [
           `Recent bursts 7d${anomalies2.length ? ` (${anomalies2.length})` : ""}`,
+          maxOff > 0 ? /* @__PURE__ */ jsx4(Text4, { color: theme.warn, children: `  ${off + 1}-${Math.min(off + burstBudget, anomalies2.length)}/${anomalies2.length}` }) : null,
           /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: "   over the per-minute limit \xB7 Bypassed = detect (not blocked)" })
         ] }),
         anomalies2.length === 0 ? /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
@@ -9214,16 +9224,20 @@ function RateLimitPanel({ focused }) {
         ] }) : /* @__PURE__ */ jsx4(
           Table,
           {
-            columns: [{ header: "WHEN", width: 13 }, { header: "RESULT", width: 9 }, { header: "CALLS", width: 7 }, { header: "AGENT", width: Math.max(8, bw - 29) }],
-            rows: shown.map((a) => [
-              { value: when(new Date(a.minute).getTime()), dim: true },
-              { value: a.blocked ? "Blocked" : "Bypassed", color: a.blocked ? theme.bad : theme.warn },
-              { value: `${a.count}/${a.limit}`, color: theme.warn },
-              { value: truncate2(a.agent, Math.max(8, bw - 29)), dim: true }
-            ])
+            columns: [{ header: "WHEN", width: 15 }, { header: "RESULT", width: 9 }, { header: "CALLS", width: 7 }, { header: "AGENT", width: Math.max(8, bw - 31) }],
+            rows: shown.map((a, i) => {
+              const isSel = off + i === bcur;
+              return [
+                { value: (isSel ? "\u25B8 " : "  ") + when(new Date(a.minute).getTime()), color: isSel ? theme.accentBright : void 0, dim: !isSel },
+                { value: a.blocked ? "Blocked" : "Bypassed", color: a.blocked ? theme.bad : theme.warn },
+                { value: `${a.count}/${a.limit}`, color: theme.warn },
+                { value: truncate2(a.agent, Math.max(8, bw - 31)), dim: !isSel }
+              ];
+            })
           }
         )
       ] }),
+      /* @__PURE__ */ jsx4(Text4, { children: " " }),
       /* @__PURE__ */ jsxs4(Text4, { wrap: "truncate", children: [
         /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: "limit now  " }),
         /* @__PURE__ */ jsx4(Text4, { children: lim > 0 ? `${lim}/min` : "no per-minute limit" }),

package/dist/tui/index.js

@@ -2199,7 +2199,7 @@ function RateLimitPanel({ focused }) {
   const insightsQ = useLoader(() => api.stats.securityInsights(7));
   const [draft, setDraft] = useState4(null);
   const [dirty, setDirty] = useState4(false);
-  const [fi, setFi] = useState4(0);
+  const [sel, setSel] = useState4(0);
   const [status, setStatus] = useState4(null);
   useEffect4(() => {
     if (layersQ.data && !dirty) setDraft({ ...layersQ.data.layers.rateLimit });
@@ -2212,7 +2212,7 @@ function RateLimitPanel({ focused }) {
     insightsQ.reloadQuiet();
   }, 1e4);
   const adjust = (dir, step) => {
-    if (!draft) return;
+    if (!draft || fi < 0) return;
     const field = FIELDS2[fi];
     if (field === "mode") setDraft({ ...draft, mode: MODES[(MODES.indexOf(draft.mode) + dir + MODES.length) % MODES.length] });
     else setDraft({ ...draft, [field]: Math.max(0, draft[field] + dir * step) });
@@ -2234,11 +2234,28 @@ function RateLimitPanel({ focused }) {
       setStatus("\u2717 " + (e instanceof Error ? e.message : String(e)));
     }
   };
+  const history = (historyQ.data?.history ?? []).slice().sort((a, b) => b.ts - a.ts);
+  const lastChange = history[0];
+  const peaks = insightsQ.data?.["peaks"] ?? { minute: 0, hour: 0, day: 0 };
+  const anomalies2 = (insightsQ.data?.["anomalies"] ?? []).slice().sort((a, b) => b.count - a.count || new Date(b.minute).getTime() - new Date(a.minute).getTime());
+  const hasLoad = (draft?.perMinute ?? 0) > 0;
+  const showExtras = rows >= 20;
+  const fixed = 1 + 4 + (showExtras ? (hasLoad ? 1 : 0) + 5 : 0) + 1 + 1 + 1 + 1;
+  const burstBudget = Math.max(1, rows - fixed);
+  const maxOff = Math.max(0, anomalies2.length - burstBudget);
+  const total = 4 + anomalies2.length;
+  const selC = Math.min(sel, Math.max(0, total - 1));
+  const onField = selC < 4;
+  const fi = onField ? selC : -1;
+  const bcur = onField ? -1 : selC - 4;
+  const off = bcur < 0 ? 0 : Math.min(Math.max(0, bcur - Math.floor(burstBudget / 2)), maxOff);
   useInput3(
     (input, key) => {
       const step = key.shift ? 10 : 1;
-      if (key.upArrow) setFi((n) => (n - 1 + FIELDS2.length) % FIELDS2.length);
-      else if (key.downArrow) setFi((n) => (n + 1) % FIELDS2.length);
+      if (key.upArrow) setSel((n) => Math.max(0, n - 1));
+      else if (key.downArrow) setSel((n) => Math.min(total - 1, n + 1));
+      else if (key.pageDown) setSel((n) => Math.min(total - 1, n + burstBudget));
+      else if (key.pageUp) setSel((n) => Math.max(0, n - burstBudget));
       else if (key.leftArrow) adjust(-1, step);
       else if (key.rightArrow) adjust(1, step);
       else if (input === "s") void save();
@@ -2251,23 +2268,15 @@ function RateLimitPanel({ focused }) {
     },
     { isActive: focused }
   );
-  const history = (historyQ.data?.history ?? []).slice().sort((a, b) => b.ts - a.ts);
-  const lastChange = history[0];
-  const peaks = insightsQ.data?.["peaks"] ?? { minute: 0, hour: 0, day: 0 };
-  const anomalies2 = (insightsQ.data?.["anomalies"] ?? []).slice().sort((a, b) => b.count - a.count || new Date(b.minute).getTime() - new Date(a.minute).getTime());
   return /* @__PURE__ */ jsx4(DataView, { loading: layersQ.loading && !draft, error: layersQ.error, children: draft ? (() => {
     const lim = draft.perMinute;
     const now = insightsQ.data ? insightsQ.data["activity"]?.minute?.slice(-1)[0]?.count ?? 0 : 0;
     const loadPct = lim > 0 ? Math.min(100, Math.round(now / lim * 100)) : 0;
     const last24h = (insightsQ.data?.["activity"]?.hour ?? []).reduce((s, b) => s + b.count, 0);
-    const hasLoad = lim > 0;
-    const showExtras = rows >= 20;
-    const fixed = 1 + 4 + (showExtras ? (hasLoad ? 1 : 0) + 5 : 0) + 1 + 1 + 1;
-    const burstBudget = Math.max(1, rows - fixed);
-    const shown = anomalies2.slice(0, burstBudget);
+    const shown = anomalies2.slice(off, off + burstBudget);
     const bw = Math.max(10, cols - 30);
     return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", height: rows, overflow: "hidden", children: [
-      /* @__PURE__ */ jsx4(Text4, { color: theme.dim, wrap: "truncate", children: focused ? "\u2191\u2193 field \xB7 \u2190\u2192 \xB11 \xB7 shift+\u2190\u2192 \xB110 \xB7 s save \xB7 ^R refresh" : "press \u2192 to edit" }),
+      /* @__PURE__ */ jsx4(Text4, { color: theme.dim, wrap: "truncate", children: focused ? "\u2191\u2193 move (fields + bursts) \xB7 \u2190\u2192 \xB11 \xB7 shift+\u2190\u2192 \xB110 \xB7 s save \xB7 ^R refresh" : "press \u2192 to edit" }),
       /* @__PURE__ */ jsxs4(FieldRow, { label: "Mode", active: focused && fi === 0, children: [
         /* @__PURE__ */ jsx4(Text4, { color: modeColor(draft.mode), bold: true, children: draft.mode }),
         /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: draft.mode === "off" ? "  no limit" : draft.mode === "detect" ? "  flag bursts, never block" : "  DENY calls over the limit" })
@@ -2294,6 +2303,7 @@ function RateLimitPanel({ focused }) {
       /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs4(Text4, { color: theme.accentBright, bold: true, wrap: "truncate", children: [
           `Recent bursts 7d${anomalies2.length ? ` (${anomalies2.length})` : ""}`,
+          maxOff > 0 ? /* @__PURE__ */ jsx4(Text4, { color: theme.warn, children: `  ${off + 1}-${Math.min(off + burstBudget, anomalies2.length)}/${anomalies2.length}` }) : null,
           /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: "   over the per-minute limit \xB7 Bypassed = detect (not blocked)" })
         ] }),
         anomalies2.length === 0 ? /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
@@ -2302,16 +2312,20 @@ function RateLimitPanel({ focused }) {
         ] }) : /* @__PURE__ */ jsx4(
           Table,
           {
-            columns: [{ header: "WHEN", width: 13 }, { header: "RESULT", width: 9 }, { header: "CALLS", width: 7 }, { header: "AGENT", width: Math.max(8, bw - 29) }],
-            rows: shown.map((a) => [
-              { value: when(new Date(a.minute).getTime()), dim: true },
-              { value: a.blocked ? "Blocked" : "Bypassed", color: a.blocked ? theme.bad : theme.warn },
-              { value: `${a.count}/${a.limit}`, color: theme.warn },
-              { value: truncate(a.agent, Math.max(8, bw - 29)), dim: true }
-            ])
+            columns: [{ header: "WHEN", width: 15 }, { header: "RESULT", width: 9 }, { header: "CALLS", width: 7 }, { header: "AGENT", width: Math.max(8, bw - 31) }],
+            rows: shown.map((a, i) => {
+              const isSel = off + i === bcur;
+              return [
+                { value: (isSel ? "\u25B8 " : "  ") + when(new Date(a.minute).getTime()), color: isSel ? theme.accentBright : void 0, dim: !isSel },
+                { value: a.blocked ? "Blocked" : "Bypassed", color: a.blocked ? theme.bad : theme.warn },
+                { value: `${a.count}/${a.limit}`, color: theme.warn },
+                { value: truncate(a.agent, Math.max(8, bw - 31)), dim: !isSel }
+              ];
+            })
           }
         )
       ] }),
+      /* @__PURE__ */ jsx4(Text4, { children: " " }),
       /* @__PURE__ */ jsxs4(Text4, { wrap: "truncate", children: [
         /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: "limit now  " }),
         /* @__PURE__ */ jsx4(Text4, { children: lim > 0 ? `${lim}/min` : "no per-minute limit" }),

package/package.json

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