agenttop 0.11.0 → 0.11.2

package/dist/index.js

@@ -24,7 +24,7 @@ import {
   startMcpServer,
   unarchiveSession,
   unpinSession
-} from "./chunk-LPXME2WB.js";
+} from "./chunk-27WRQSJY.js";
 
 // src/index.tsx
 import { readFileSync as readFileSync3 } from "fs";
@@ -34,7 +34,7 @@ import React19 from "react";
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { useState as useState18, useEffect as useEffect10, useCallback as useCallback7 } from "react";
+import { useState as useState18, useEffect as useEffect10, useCallback as useCallback8 } from "react";
 import { Box as Box18, Text as Text17, useApp, useStdout as useStdout4 } from "ink";
 
 // src/config/themes.ts
@@ -678,7 +678,7 @@ var compareVersions = (a, b) => {
 };
 
 // src/ui/components/StatusBar.tsx
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import { Box, Text } from "ink";
 
 // src/ui/theme.ts
@@ -726,13 +726,20 @@ var applyTheme = (theme) => {
 
 // src/ui/components/StatusBar.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
+var formatTime = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("en-GB", { hour12: false });
 var StatusBar = React.memo(({ sessionCount, alertCount, version, updateInfo }) => {
-  const [time, setTime] = useState(/* @__PURE__ */ new Date());
+  const [timeStr, setTimeStr] = useState(formatTime);
+  const lastRef = useRef(timeStr);
   useEffect(() => {
-    const interval = setInterval(() => setTime(/* @__PURE__ */ new Date()), 1e3);
+    const interval = setInterval(() => {
+      const next = formatTime();
+      if (next !== lastRef.current) {
+        lastRef.current = next;
+        setTimeStr(next);
+      }
+    }, 1e3);
     return () => clearInterval(interval);
   }, []);
-  const timeStr = time.toLocaleTimeString("en-GB", { hour12: false });
   return /* @__PURE__ */ jsxs(Box, { borderStyle: "single", borderColor: colors.border, paddingX: 1, justifyContent: "space-between", children: [
     /* @__PURE__ */ jsxs(Text, { color: colors.header, bold: true, children: [
       "agenttop v",
@@ -767,7 +774,7 @@ var formatTokens = (n) => {
   if (n >= 1e3) return (n / 1e3).toFixed(1) + "k";
   return String(n);
 };
-var formatTime = (ts) => {
+var formatTime2 = (ts) => {
   const d = new Date(ts);
   return d.toLocaleTimeString("en-GB", { hour12: false });
 };
@@ -1061,7 +1068,7 @@ var ActivityFeed = React3.memo(
             const tagColor = merged ? slugColorMap.get(call.sessionId) || colors.muted : void 0;
             return /* @__PURE__ */ jsx3(Box3, { paddingX: 1, overflow: "hidden", children: /* @__PURE__ */ jsxs3(Text3, { wrap: "truncate", children: [
               tag && /* @__PURE__ */ jsx3(Text3, { color: tagColor, children: tag.padEnd(5) }),
-              /* @__PURE__ */ jsx3(Text3, { color: isSelected ? colors.bright : colors.muted, underline: isSelected, children: formatTime(call.timestamp) }),
+              /* @__PURE__ */ jsx3(Text3, { color: isSelected ? colors.bright : colors.muted, underline: isSelected, children: formatTime2(call.timestamp) }),
               " ",
               /* @__PURE__ */ jsx3(Text3, { color: getToolColor(call.toolName), bold: true, underline: isSelected, children: call.toolName.padEnd(8) }),
               /* @__PURE__ */ jsxs3(Text3, { color: isSelected ? colors.bright : colors.text, underline: isSelected, children: [
@@ -1117,7 +1124,7 @@ var AlertBar = React4.memo(({ alerts, maxVisible = 4 }) => {
       ] }),
       /* @__PURE__ */ jsxs4(Text4, { color: colors.muted, children: [
         " ",
-        formatTime(alert.timestamp),
+        formatTime2(alert.timestamp),
         " "
       ] }),
       /* @__PURE__ */ jsxs4(Text4, { color: colors.warning, children: [
@@ -1375,6 +1382,71 @@ var FooterBar = React7.memo(
 import React8, { useState as useState3 } from "react";
 import { Box as Box8, Text as Text8, useInput as useInput2 } from "ink";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var highlightJsonLine = (line) => {
+  const segments = [];
+  let i = 0;
+  const len = line.length;
+  while (i < len) {
+    const ch = line[i];
+    if (ch === " " || ch === "	") {
+      let end = i;
+      while (end < len && (line[end] === " " || line[end] === "	")) end++;
+      segments.push({ text: line.slice(i, end), color: colors.text });
+      i = end;
+      continue;
+    }
+    if (ch === "{" || ch === "}" || ch === "[" || ch === "]" || ch === "," || ch === ":") {
+      segments.push({ text: ch, color: colors.muted });
+      i++;
+      continue;
+    }
+    if (ch === '"') {
+      let end = i + 1;
+      while (end < len && line[end] !== '"') {
+        if (line[end] === "\\") end++;
+        end++;
+      }
+      end++;
+      const str = line.slice(i, end);
+      let peek = end;
+      while (peek < len && line[peek] === " ") peek++;
+      const isKey = peek < len && line[peek] === ":";
+      segments.push({ text: str, color: isKey ? colors.primary : colors.secondary });
+      i = end;
+      continue;
+    }
+    if (ch >= "0" && ch <= "9" || ch === "-") {
+      let end = i + 1;
+      while (end < len && (line[end] >= "0" && line[end] <= "9" || line[end] === "." || line[end] === "e" || line[end] === "E" || line[end] === "+" || line[end] === "-"))
+        end++;
+      segments.push({ text: line.slice(i, end), color: colors.warning });
+      i = end;
+      continue;
+    }
+    if (line.startsWith("true", i)) {
+      segments.push({ text: "true", color: colors.accent });
+      i += 4;
+      continue;
+    }
+    if (line.startsWith("false", i)) {
+      segments.push({ text: "false", color: colors.accent });
+      i += 5;
+      continue;
+    }
+    if (line.startsWith("null", i)) {
+      segments.push({ text: "null", color: colors.error });
+      i += 4;
+      continue;
+    }
+    segments.push({ text: ch, color: colors.text });
+    i++;
+  }
+  return segments;
+};
+var isJsonLine = (line) => {
+  const trimmed = line.trimStart();
+  return trimmed.startsWith("{") || trimmed.startsWith("}") || trimmed.startsWith("[") || trimmed.startsWith("]") || trimmed.startsWith('"') || /^\d/.test(trimmed) || trimmed === "true" || trimmed === "true," || trimmed === "false" || trimmed === "false," || trimmed === "null" || trimmed === "null,";
+};
 var renderBash = (event) => {
   const lines = [];
   const cmd = String(event.call.toolInput.command || "");
@@ -1485,7 +1557,7 @@ var renderWebSearch = (event) => {
 var renderDefault = (event) => {
   const lines = [];
   lines.push("--- input ---");
-  lines.push(JSON.stringify(event.call.toolInput, null, 2));
+  lines.push(...JSON.stringify(event.call.toolInput, null, 2).split("\n"));
   if (event.result) {
     lines.push("");
     lines.push("--- result ---");
@@ -1548,7 +1620,7 @@ var ToolCallDetail = React8.memo(({ event, focused, height }) => {
             /* @__PURE__ */ jsx8(Text8, { color: getToolColor(event.call.toolName), bold: true, children: event.call.toolName }),
             /* @__PURE__ */ jsxs8(Text8, { color: colors.muted, children: [
               " ",
-              formatTime(event.call.timestamp)
+              formatTime2(event.call.timestamp)
             ] }),
             /* @__PURE__ */ jsxs8(Text8, { color: colors.muted, children: [
               " ",
@@ -1559,13 +1631,26 @@ var ToolCallDetail = React8.memo(({ event, focused, height }) => {
           /* @__PURE__ */ jsx8(Text8, { color: colors.muted, children: "Esc:back j/k:scroll" })
         ] }),
         /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", paddingX: 1, children: visible.map((line, i) => {
-          let lineColor = colors.text;
-          if (line.startsWith("- ") && event.call.toolName === "Edit") lineColor = colors.error;
-          else if (line.startsWith("+ ") && event.call.toolName === "Edit") lineColor = colors.secondary;
-          else if (line.startsWith("$ ")) lineColor = colors.bright;
-          else if (line.startsWith("---")) lineColor = colors.muted;
-          else if (event.result?.isError) lineColor = colors.error;
-          return /* @__PURE__ */ jsx8(Text8, { color: lineColor, wrap: "truncate", children: line }, `${start + i}`);
+          if (line.startsWith("- ") && event.call.toolName === "Edit") {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.error, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (line.startsWith("+ ") && event.call.toolName === "Edit") {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.secondary, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (line.startsWith("$ ")) {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.bright, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (line.startsWith("---")) {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.muted, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (event.result?.isError) {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.error, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (isJsonLine(line)) {
+            const segments = highlightJsonLine(line);
+            return /* @__PURE__ */ jsx8(Text8, { wrap: "truncate", children: segments.map((seg, si) => /* @__PURE__ */ jsx8(Text8, { color: seg.color, children: seg.text }, si)) }, `${start + i}`);
+          }
+          return /* @__PURE__ */ jsx8(Text8, { color: colors.text, wrap: "truncate", children: line }, `${start + i}`);
         }) }),
         contentLines.length > viewportRows && /* @__PURE__ */ jsx8(Box8, { paddingX: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs8(Text8, { color: colors.muted, children: [
           "[",
@@ -1582,7 +1667,7 @@ var ToolCallDetail = React8.memo(({ event, focused, height }) => {
 });
 
 // src/ui/components/SettingsMenu.tsx
-import React9, { useState as useState4, useMemo, useEffect as useEffect2, useRef } from "react";
+import React9, { useState as useState4, useMemo, useEffect as useEffect2, useRef as useRef2 } from "react";
 import { Box as Box9, Text as Text9, useInput as useInput3, useStdout } from "ink";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var KEYBIND_LABELS = {
@@ -1751,7 +1836,7 @@ var SettingsMenu = React9.memo(({ config, onClose, onOpenThemeMenu }) => {
   const [selectablePos, setSelectablePos] = useState4(0);
   const [rebinding, setRebinding] = useState4(false);
   const [toast, setToast] = useState4("");
-  const toastTimer = useRef(null);
+  const toastTimer = useRef2(null);
   const showToast = (msg) => {
     if (toastTimer.current) clearTimeout(toastTimer.current);
     setToast(msg);
@@ -1882,7 +1967,7 @@ var SettingsMenu = React9.memo(({ config, onClose, onOpenThemeMenu }) => {
 });
 
 // src/ui/components/ThemeMenu.tsx
-import React11, { useState as useState6, useCallback, useRef as useRef2, useEffect as useEffect3 } from "react";
+import React11, { useState as useState6, useCallback, useRef as useRef3, useEffect as useEffect3 } from "react";
 import { Box as Box11, Text as Text11, useInput as useInput5, useStdout as useStdout2 } from "ink";
 
 // src/ui/components/ThemeEditor.tsx
@@ -2018,7 +2103,7 @@ var ThemeMenu = React11.memo(({ config, onClose }) => {
   const [nameInput, setNameInput] = useState6("");
   const [namingAction, setNamingAction] = useState6("copy");
   const [toast, setToast] = useState6("");
-  const toastTimer = useRef2(null);
+  const toastTimer = useRef3(null);
   const showToast = (msg) => {
     if (toastTimer.current) clearTimeout(toastTimer.current);
     setToast(msg);
@@ -2240,7 +2325,7 @@ var ThemeMenu = React11.memo(({ config, onClose }) => {
 });
 
 // src/ui/components/AlertRulesMenu.tsx
-import React12, { useState as useState7, useRef as useRef3, useEffect as useEffect4 } from "react";
+import React12, { useState as useState7, useRef as useRef4, useEffect as useEffect4 } from "react";
 import { Box as Box12, Text as Text12, useInput as useInput6, useStdout as useStdout3 } from "ink";
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var MATCH_OPTIONS = ["input", "output", "toolName", "all"];
@@ -2291,7 +2376,7 @@ var AlertRulesMenu = React12.memo(({ config, onClose, onSave }) => {
   const [selectedIdx, setSelectedIdx] = useState7(0);
   const [view, setView] = useState7("list");
   const [toast, setToast] = useState7("");
-  const toastTimer = useRef3(null);
+  const toastTimer = useRef4(null);
   const [formData, setFormData] = useState7(emptyForm());
   const [formField, setFormField] = useState7(0);
   const [formError, setFormError] = useState7("");
@@ -2954,7 +3039,7 @@ var SplitPanel = React17.memo(
 );
 
 // src/ui/hooks/useSessions.ts
-import { useState as useState11, useEffect as useEffect6, useCallback as useCallback3, useRef as useRef4, useMemo as useMemo2 } from "react";
+import { useState as useState11, useEffect as useEffect6, useCallback as useCallback3, useRef as useRef5, useMemo as useMemo2 } from "react";
 
 // src/discovery/sessionsAsync.ts
 import { readdir, stat as stat2, open as open2 } from "fs/promises";
@@ -3470,7 +3555,7 @@ var useSessions = (allUsers, filter, archivedIds, viewingArchive) => {
   const [sessions2, setSessions] = useState11([]);
   const [selectedIndex, setSelectedIndex] = useState11(0);
   const [expandedKeys, setExpandedKeys] = useState11(/* @__PURE__ */ new Set());
-  const usageOverrides = useRef4(/* @__PURE__ */ new Map());
+  const usageOverrides = useRef5(/* @__PURE__ */ new Map());
   const refresh = useCallback3(() => {
     const found = getCachedSessions();
     const filtered = enrichAndFilter(found, usageOverrides.current, filter, archivedIds, viewingArchive);
@@ -3493,7 +3578,7 @@ var useSessions = (allUsers, filter, archivedIds, viewingArchive) => {
   }, [refresh, sessions2.length > 0]);
   const groups = useMemo2(() => buildGroups(sessions2, expandedKeys), [sessions2, expandedKeys]);
   const visibleItems = useMemo2(() => buildVisibleItems(groups), [groups]);
-  const itemCountRef = useRef4(visibleItems.length);
+  const itemCountRef = useRef5(visibleItems.length);
   itemCountRef.current = visibleItems.length;
   const selectedItem = visibleItems[selectedIndex] ?? null;
   const selectedSession = selectedItem?.type === "ungrouped" ? selectedItem.session : selectedItem?.type === "session" ? selectedItem.session : null;
@@ -3545,18 +3630,42 @@ var useSessions = (allUsers, filter, archivedIds, viewingArchive) => {
 };
 
 // src/ui/hooks/useActivityStream.ts
-import { useState as useState12, useEffect as useEffect7, useRef as useRef5, useMemo as useMemo3 } from "react";
+import { useState as useState12, useEffect as useEffect7, useRef as useRef6, useMemo as useMemo3, useCallback as useCallback4 } from "react";
 var MAX_EVENTS = 200;
+var DEBOUNCE_MS = 80;
 var useActivityStream = (session, allUsers) => {
   const [calls, setCalls] = useState12([]);
   const [results, setResults] = useState12([]);
-  const watcherRef = useRef5(null);
+  const watcherRef = useRef6(null);
+  const pendingCallsRef = useRef6([]);
+  const pendingResultsRef = useRef6([]);
+  const flushTimerRef = useRef6(null);
   const sessions2 = session === null ? [] : Array.isArray(session) ? session : [session];
   const sessionKey = sessions2.map((s) => s.sessionId).sort().join(",");
   const sessionIdSet = new Set(sessions2.map((s) => s.sessionId));
+  const flush = useCallback4(() => {
+    flushTimerRef.current = null;
+    const pc = pendingCallsRef.current;
+    const pr = pendingResultsRef.current;
+    if (pc.length > 0) {
+      const batch = pc.splice(0);
+      setCalls((prev) => [...prev, ...batch].slice(-MAX_EVENTS));
+    }
+    if (pr.length > 0) {
+      const batch = pr.splice(0);
+      setResults((prev) => [...prev, ...batch].slice(-MAX_EVENTS * 2));
+    }
+  }, []);
+  const scheduleFlush = useCallback4(() => {
+    if (!flushTimerRef.current) {
+      flushTimerRef.current = setTimeout(flush, DEBOUNCE_MS);
+    }
+  }, [flush]);
   useEffect7(() => {
     setCalls([]);
     setResults([]);
+    pendingCallsRef.current = [];
+    pendingResultsRef.current = [];
     if (sessions2.length === 0) return;
     let cancelled = false;
     const loadExisting = async () => {
@@ -3583,18 +3692,21 @@ var useActivityStream = (session, allUsers) => {
     const callHandler = (newCalls) => {
       const matched = newCalls.filter((c) => sessionIdSet.has(c.sessionId));
       if (matched.length === 0) return;
-      setCalls((prev) => [...prev, ...matched].slice(-MAX_EVENTS));
+      pendingCallsRef.current.push(...matched);
+      scheduleFlush();
     };
     const resultHandler = (newResults) => {
       const matched = newResults.filter((r) => sessionIdSet.has(r.sessionId));
       if (matched.length === 0) return;
-      setResults((prev) => [...prev, ...matched].slice(-MAX_EVENTS * 2));
+      pendingResultsRef.current.push(...matched);
+      scheduleFlush();
     };
     const watcher = new Watcher(callHandler, allUsers, void 0, void 0, resultHandler);
     watcherRef.current = watcher;
     watcher.start();
     return () => {
       cancelled = true;
+      if (flushTimerRef.current) clearTimeout(flushTimerRef.current);
       watcher.stop();
       watcherRef.current = null;
     };
@@ -3623,7 +3735,7 @@ var applyFilter = (events, filter) => {
 var useFilteredEvents = (rawEvents, filter) => useMemo4(() => applyFilter(rawEvents, filter), [rawEvents, filter]);
 
 // src/ui/hooks/useAlerts.ts
-import { useState as useState13, useEffect as useEffect8, useRef as useRef6 } from "react";
+import { useState as useState13, useEffect as useEffect8, useRef as useRef7 } from "react";
 
 // src/notifications.ts
 import { execFile as execFile2 } from "child_process";
@@ -3704,9 +3816,9 @@ var AlertLogger = class {
 var MAX_ALERTS = 100;
 var useAlerts = (enabled, alertLevel, allUsers, config) => {
   const [alerts, setAlerts] = useState13([]);
-  const engineRef = useRef6(new SecurityEngine(alertLevel));
-  const watcherRef = useRef6(null);
-  const loggerRef = useRef6(null);
+  const engineRef = useRef7(new SecurityEngine(alertLevel));
+  const watcherRef = useRef7(null);
+  const loggerRef = useRef7(null);
   useEffect8(() => {
     if (!enabled) return;
     engineRef.current = new SecurityEngine(alertLevel);
@@ -3743,27 +3855,27 @@ var useAlerts = (enabled, alertLevel, allUsers, config) => {
 };
 
 // src/ui/hooks/useTextInput.ts
-import { useState as useState14, useCallback as useCallback4 } from "react";
+import { useState as useState14, useCallback as useCallback5 } from "react";
 var useTextInput = (onConfirm, onCancel) => {
   const [value, setValue] = useState14("");
   const [isActive, setIsActive] = useState14(false);
-  const start = useCallback4((initial = "") => {
+  const start = useCallback5((initial = "") => {
     setValue(initial);
     setIsActive(true);
   }, []);
-  const cancel = useCallback4(() => {
+  const cancel = useCallback5(() => {
     setValue("");
     setIsActive(false);
     onCancel?.();
   }, [onCancel]);
-  const confirm = useCallback4(() => {
+  const confirm = useCallback5(() => {
     const result = value;
     setIsActive(false);
     setValue("");
     onConfirm?.(result);
     return result;
   }, [value, onConfirm]);
-  const handleInput = useCallback4(
+  const handleInput = useCallback5(
     (input, key) => {
       if (!isActive) return false;
       if (key.escape) {
@@ -4078,7 +4190,7 @@ var useUpdateChecker = (disabled, checkOnLaunch, checkInterval) => {
 };
 
 // src/ui/hooks/useSetupFlow.ts
-import { useState as useState16, useCallback as useCallback5 } from "react";
+import { useState as useState16, useCallback as useCallback6 } from "react";
 
 // src/hooks/installer.ts
 import { existsSync, readFileSync, writeFileSync, copyFileSync, mkdirSync as mkdirSync2, chmodSync } from "fs";
@@ -4204,19 +4316,19 @@ var useSetupFlow = (initialConfig, firstRun) => {
   const [showTour, setShowTour] = useState16(false);
   const [showSettings, setShowSettings] = useState16(false);
   const [showThemeMenu, setShowThemeMenu] = useState16(false);
-  const handleSettingsClose = useCallback5((c) => {
+  const handleSettingsClose = useCallback6((c) => {
     setLiveConfig(c);
     saveConfig(c);
     setShowSettings(false);
   }, []);
-  const handleThemeMenuClose = useCallback5((c) => {
+  const handleThemeMenuClose = useCallback6((c) => {
     setLiveConfig(c);
     saveConfig(c);
     setShowThemeMenu(false);
     setShowSettings(true);
   }, []);
-  const handleOpenThemeMenu = useCallback5(() => setShowThemeMenu(true), []);
-  const handleSetupComplete = useCallback5(
+  const handleOpenThemeMenu = useCallback6(() => setShowThemeMenu(true), []);
+  const handleSetupComplete = useCallback6(
     (results) => {
       const nc = { ...liveConfig };
       const [hc, mc] = results;
@@ -4241,7 +4353,7 @@ var useSetupFlow = (initialConfig, firstRun) => {
     },
     [liveConfig]
   );
-  const handleThemePickerSelect = useCallback5(
+  const handleThemePickerSelect = useCallback6(
     (themeName) => {
       const nc = { ...liveConfig, theme: themeName, prompts: { ...liveConfig.prompts, theme: "done" } };
       setLiveConfig(nc);
@@ -4251,24 +4363,24 @@ var useSetupFlow = (initialConfig, firstRun) => {
     },
     [liveConfig]
   );
-  const handleThemePickerSkip = useCallback5(() => {
+  const handleThemePickerSkip = useCallback6(() => {
     setShowThemePicker(false);
     if (liveConfig.prompts.tour === "pending") setShowTour(true);
   }, [liveConfig]);
-  const handleThemePickerDismiss = useCallback5(() => {
+  const handleThemePickerDismiss = useCallback6(() => {
     const nc = { ...liveConfig, prompts: { ...liveConfig.prompts, theme: "dismissed" } };
     setLiveConfig(nc);
     saveConfig(nc);
     setShowThemePicker(false);
     if (nc.prompts.tour === "pending") setShowTour(true);
   }, [liveConfig]);
-  const handleTourComplete = useCallback5(() => {
+  const handleTourComplete = useCallback6(() => {
     const nc = { ...liveConfig, prompts: { ...liveConfig.prompts, tour: "done" } };
     setLiveConfig(nc);
     saveConfig(nc);
     setShowTour(false);
   }, [liveConfig]);
-  const handleTourSkip = useCallback5(() => {
+  const handleTourSkip = useCallback6(() => {
     setShowTour(false);
   }, []);
   return {
@@ -4294,7 +4406,7 @@ var useSetupFlow = (initialConfig, firstRun) => {
 };
 
 // src/ui/hooks/useSplitPanel.ts
-import { useState as useState17, useCallback as useCallback6 } from "react";
+import { useState as useState17, useCallback as useCallback7 } from "react";
 var useSplitPanel = () => {
   const [splitMode, setSplitMode] = useState17(false);
   const [leftSession, setLeftSession] = useState17(null);
@@ -4305,7 +4417,7 @@ var useSplitPanel = () => {
   const [rightFilter, setRightFilter] = useState17("");
   const [leftShowDetail, setLeftShowDetail] = useState17(false);
   const [rightShowDetail, setRightShowDetail] = useState17(false);
-  const clearSplitState = useCallback6(() => {
+  const clearSplitState = useCallback7(() => {
     setSplitMode(false);
     setLeftSession(null);
     setRightSession(null);
@@ -4316,7 +4428,7 @@ var useSplitPanel = () => {
     setLeftShowDetail(false);
     setRightShowDetail(false);
   }, []);
-  const resetPanel = useCallback6((side) => {
+  const resetPanel = useCallback7((side) => {
     if (side === "left") {
       setLeftSession(null);
       setLeftScroll(0);
@@ -4329,7 +4441,7 @@ var useSplitPanel = () => {
       setRightShowDetail(false);
     }
   }, []);
-  const switchPanel = useCallback6(
+  const switchPanel = useCallback7(
     (dir, setActivePanel) => {
       if (splitMode) {
         const order = ["sessions", "left", "right"];
@@ -4395,8 +4507,8 @@ var App = ({ options: options2, config: initialConfig, version, firstRun }) => {
   const [showEventDetail, setShowEventDetail] = useState18(false);
   const [showUpdateModal, setShowUpdateModal] = useState18(false);
   const [showAlertRules, setShowAlertRules] = useState18(false);
-  const refreshArchived = useCallback7(() => setArchivedIds(new Set(Object.keys(getArchived()))), []);
-  const persistSidebarWidth = useCallback7((v) => {
+  const refreshArchived = useCallback8(() => setArchivedIds(new Set(Object.keys(getArchived()))), []);
+  const persistSidebarWidth = useCallback8((v) => {
     setSidebarWidth((prev) => {
       const next = typeof v === "function" ? v(prev) : v;
       if (next !== prev) {
@@ -4494,21 +4606,21 @@ var App = ({ options: options2, config: initialConfig, version, firstRun }) => {
   const alertHeight = options2.noSecurity ? 0 : 6;
   const mainHeight = termHeight - 3 - alertHeight - 1 - (inputMode !== "normal" ? 1 : 0);
   const viewportRows = mainHeight - 2;
-  const switchPanel = useCallback7(
+  const switchPanel = useCallback8(
     (dir) => split.switchPanel(dir, setActivePanel),
     [split.switchPanel]
   );
-  const clearSplitState = useCallback7(() => {
+  const clearSplitState = useCallback8(() => {
     split.clearSplitState();
     setActivePanel("sessions");
   }, [split.clearSplitState]);
-  const getActiveFilter = useCallback7(() => {
+  const getActiveFilter = useCallback8(() => {
     if (activePanel === "sessions") return filter;
     if (activePanel === "left") return split.leftFilter;
     if (activePanel === "right") return split.rightFilter;
     return activityFilter;
   }, [activePanel, filter, split.leftFilter, split.rightFilter, activityFilter]);
-  const handleTogglePin = useCallback7(
+  const handleTogglePin = useCallback8(
     (sessionId) => {
       const cfg = loadConfig();
       if (cfg.pinnedSessions.includes(sessionId)) {
@@ -4520,7 +4632,7 @@ var App = ({ options: options2, config: initialConfig, version, firstRun }) => {
     },
     [refresh]
   );
-  const handleMovePinned = useCallback7(
+  const handleMovePinned = useCallback8(
     (sessionId, dir) => {
       movePinned(sessionId, dir);
       refresh();