agenttop 0.10.5 → 0.10.7

package/dist/index.js

@@ -19,18 +19,18 @@ import {
   setNickname,
   startMcpServer,
   unarchiveSession
-} from "./chunk-24HX2MSZ.js";
+} from "./chunk-CXXCDFJ5.js";
 
 // src/index.tsx
 import { readFileSync as readFileSync3 } from "fs";
 import { join as join5, dirname as dirname4 } from "path";
 import { fileURLToPath as fileURLToPath3 } from "url";
-import React17 from "react";
+import React18 from "react";
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { useState as useState16, useEffect as useEffect9, useCallback as useCallback6 } from "react";
-import { Box as Box16, Text as Text15, useApp, useStdout as useStdout3 } from "ink";
+import { useState as useState17, useEffect as useEffect9, useCallback as useCallback7 } from "react";
+import { Box as Box17, Text as Text16, useApp, useStdout as useStdout3 } from "ink";
 
 // src/config/themes.ts
 var COLOR_KEYS = [
@@ -350,7 +350,7 @@ var deriveSeverityColors = (c) => ({
 });
 
 // src/updates.ts
-import { execFile, exec } from "child_process";
+import { execFile, exec, spawn } from "child_process";
 import { readFile } from "fs/promises";
 import { join, dirname } from "path";
 import { fileURLToPath } from "url";
@@ -397,6 +397,14 @@ var installUpdate = () => {
     });
   });
 };
+var restartProcess = () => {
+  const child = spawn(process.argv[0], process.argv.slice(1), {
+    detached: true,
+    stdio: "inherit"
+  });
+  child.unref();
+  process.exit(0);
+};
 var compareVersions = (a, b) => {
   const pa = a.split(".").map(Number);
   const pb = b.split(".").map(Number);
@@ -792,18 +800,11 @@ var ActivityFeed = React3.memo(
               ] })
             ] })
           ] }),
-          merged && mergedSessions && mergedSessions.some((s) => s.pid === null) && /* @__PURE__ */ jsxs3(Box3, { paddingX: 1, flexDirection: "column", children: [
-            /* @__PURE__ */ jsx3(Text3, { color: colors.muted, children: " " }),
-            mergedSessions.filter((s) => s.pid === null).map((s) => /* @__PURE__ */ jsxs3(Text3, { color: colors.muted, children: [
-              "resume ",
-              s.slug.slice(0, 8),
-              ": ",
-              /* @__PURE__ */ jsxs3(Text3, { color: colors.text, children: [
-                "claude --resume ",
-                s.sessionId
-              ] })
-            ] }, s.sessionId))
-          ] })
+          merged && mergedSessions && mergedSessions.some((s) => s.pid === null) && /* @__PURE__ */ jsx3(Box3, { paddingX: 1, children: /* @__PURE__ */ jsxs3(Text3, { color: colors.muted, children: [
+            mergedSessions.filter((s) => s.pid === null).length,
+            " inactive \u2014 resume with claude --resume ",
+            "<id>"
+          ] }) })
         ]
       }
     );
@@ -2112,11 +2113,97 @@ var ConfirmModal = React14.memo(({ title, message, onConfirm, onCancel }) => {
   );
 });
 
+// src/ui/components/UpdateModal.tsx
+import React15, { useState as useState9, useCallback as useCallback2 } from "react";
+import { Box as Box15, Text as Text15, useInput as useInput9 } from "ink";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var options = [
+  { key: "now", label: "Update now" },
+  { key: "later", label: "Not now" },
+  { key: "never", label: "Don't ask again" }
+];
+var UpdateModal = React15.memo(({ current, latest, onNotNow, onDontAskAgain }) => {
+  const [selected, setSelected] = useState9(0);
+  const [status, setStatus] = useState9("idle");
+  const [errorMsg, setErrorMsg] = useState9("");
+  const doUpdate = useCallback2(() => {
+    setStatus("updating");
+    installUpdate().then(() => {
+      setStatus("restarting");
+      setTimeout(() => restartProcess(), 500);
+    }).catch((err) => {
+      setErrorMsg(err.message || "update failed");
+      setStatus("error");
+    });
+  }, []);
+  useInput9((input, key) => {
+    if (status === "updating" || status === "restarting") return;
+    if (status === "error") {
+      if (key.escape || key.return) {
+        setStatus("idle");
+        setErrorMsg("");
+      }
+      return;
+    }
+    if (key.upArrow || input === "k") {
+      setSelected((s) => s > 0 ? s - 1 : options.length - 1);
+      return;
+    }
+    if (key.downArrow || input === "j") {
+      setSelected((s) => s < options.length - 1 ? s + 1 : 0);
+      return;
+    }
+    if (key.escape) {
+      onNotNow();
+      return;
+    }
+    if (key.return) {
+      const choice = options[selected].key;
+      if (choice === "now") {
+        doUpdate();
+      } else if (choice === "later") {
+        onNotNow();
+      } else {
+        onDontAskAgain();
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs15(
+    Box15,
+    {
+      borderStyle: "round",
+      borderColor: colors.primary,
+      flexDirection: "column",
+      paddingX: 2,
+      paddingY: 1,
+      alignSelf: "center",
+      children: [
+        /* @__PURE__ */ jsx15(Text15, { color: colors.primary, bold: true, children: "Update available" }),
+        /* @__PURE__ */ jsxs15(Text15, { color: colors.text, children: [
+          "v",
+          current,
+          " ",
+          "->",
+          " v",
+          latest
+        ] }),
+        /* @__PURE__ */ jsx15(Box15, { marginTop: 1, flexDirection: "column", children: status === "updating" ? /* @__PURE__ */ jsx15(Text15, { color: colors.warning, children: "updating..." }) : status === "restarting" ? /* @__PURE__ */ jsx15(Text15, { color: colors.success, children: "restarting..." }) : status === "error" ? /* @__PURE__ */ jsxs15(Fragment2, { children: [
+          /* @__PURE__ */ jsx15(Text15, { color: colors.error, children: errorMsg }),
+          /* @__PURE__ */ jsx15(Text15, { color: colors.muted, children: "press enter to continue" })
+        ] }) : options.map((opt, i) => /* @__PURE__ */ jsxs15(Text15, { color: i === selected ? colors.primary : colors.muted, children: [
+          i === selected ? "> " : "  ",
+          opt.label
+        ] }, opt.key)) })
+      ]
+    }
+  );
+});
+
 // src/ui/components/SplitPanel.tsx
-import React15 from "react";
-import { Box as Box15 } from "ink";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
-var SplitPanel = React15.memo(
+import React16 from "react";
+import { Box as Box16 } from "ink";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var SplitPanel = React16.memo(
   ({
     activePanel,
     leftSession,
@@ -2131,7 +2218,7 @@ var SplitPanel = React15.memo(
     rightShowDetail,
     height
   }) => {
-    const left = leftShowDetail && leftSession ? /* @__PURE__ */ jsx15(SessionDetail, { session: leftSession, focused: activePanel === "left", height }) : /* @__PURE__ */ jsx15(
+    const left = leftShowDetail && leftSession ? /* @__PURE__ */ jsx16(SessionDetail, { session: leftSession, focused: activePanel === "left", height }) : /* @__PURE__ */ jsx16(
       ActivityFeed,
       {
         events: leftEvents,
@@ -2144,7 +2231,7 @@ var SplitPanel = React15.memo(
         filter: leftFilter || void 0
       }
     );
-    const right = rightShowDetail && rightSession ? /* @__PURE__ */ jsx15(SessionDetail, { session: rightSession, focused: activePanel === "right", height }) : /* @__PURE__ */ jsx15(
+    const right = rightShowDetail && rightSession ? /* @__PURE__ */ jsx16(SessionDetail, { session: rightSession, focused: activePanel === "right", height }) : /* @__PURE__ */ jsx16(
       ActivityFeed,
       {
         events: rightEvents,
@@ -2157,9 +2244,9 @@ var SplitPanel = React15.memo(
         filter: rightFilter || void 0
       }
     );
-    return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "row", flexGrow: 1, children: [
-      /* @__PURE__ */ jsx15(
-        Box15,
+    return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx16(
+        Box16,
         {
           flexGrow: 1,
           borderStyle: "single",
@@ -2177,7 +2264,7 @@ var SplitPanel = React15.memo(
 );
 
 // src/ui/hooks/useSessions.ts
-import { useState as useState9, useEffect as useEffect5, useCallback as useCallback2, useRef as useRef3, useMemo as useMemo2 } from "react";
+import { useState as useState10, useEffect as useEffect5, useCallback as useCallback3, useRef as useRef3, useMemo as useMemo2 } from "react";
 
 // src/discovery/sessionsAsync.ts
 import { readdir, stat as stat2 } from "fs/promises";
@@ -2662,11 +2749,11 @@ var enrichAndFilter = (found, usageOverrides, filter, archivedIds, viewingArchiv
   return enriched;
 };
 var useSessions = (allUsers, filter, archivedIds, viewingArchive) => {
-  const [sessions2, setSessions] = useState9([]);
-  const [selectedIndex, setSelectedIndex] = useState9(0);
-  const [expandedKeys, setExpandedKeys] = useState9(/* @__PURE__ */ new Set());
+  const [sessions2, setSessions] = useState10([]);
+  const [selectedIndex, setSelectedIndex] = useState10(0);
+  const [expandedKeys, setExpandedKeys] = useState10(/* @__PURE__ */ new Set());
   const usageOverrides = useRef3(/* @__PURE__ */ new Map());
-  const refresh = useCallback2(() => {
+  const refresh = useCallback3(() => {
     const found = getCachedSessions();
     const filtered = enrichAndFilter(found, usageOverrides.current, filter, archivedIds, viewingArchive);
     setSessions(filtered);
@@ -2693,16 +2780,16 @@ var useSessions = (allUsers, filter, archivedIds, viewingArchive) => {
   const selectedItem = visibleItems[selectedIndex] ?? null;
   const selectedSession = selectedItem?.type === "ungrouped" ? selectedItem.session : selectedItem?.type === "session" ? selectedItem.session : null;
   const selectedGroup = selectedItem?.type === "group" ? selectedItem.group : null;
-  const selectNext = useCallback2(() => {
+  const selectNext = useCallback3(() => {
     setSelectedIndex((i) => Math.min(i + 1, Math.max(0, itemCountRef.current - 1)));
   }, []);
-  const selectPrev = useCallback2(() => {
+  const selectPrev = useCallback3(() => {
     setSelectedIndex((i) => Math.max(i - 1, 0));
   }, []);
-  const selectIndex = useCallback2((i) => {
+  const selectIndex = useCallback3((i) => {
     setSelectedIndex(i);
   }, []);
-  const toggleExpand = useCallback2((groupKey) => {
+  const toggleExpand = useCallback3((groupKey) => {
     setExpandedKeys((prev) => {
       const next = new Set(prev);
       if (next.has(groupKey)) next.delete(groupKey);
@@ -2710,7 +2797,7 @@ var useSessions = (allUsers, filter, archivedIds, viewingArchive) => {
       return next;
     });
   }, []);
-  const addUsage = useCallback2((sessionId, usage) => {
+  const addUsage = useCallback3((sessionId, usage) => {
     const existing = usageOverrides.current.get(sessionId);
     if (existing) {
       usageOverrides.current.set(sessionId, {
@@ -2740,11 +2827,11 @@ var useSessions = (allUsers, filter, archivedIds, viewingArchive) => {
 };
 
 // src/ui/hooks/useActivityStream.ts
-import { useState as useState10, useEffect as useEffect6, useRef as useRef4, useMemo as useMemo3 } from "react";
+import { useState as useState11, useEffect as useEffect6, useRef as useRef4, useMemo as useMemo3 } from "react";
 var MAX_EVENTS = 200;
 var useActivityStream = (session, allUsers) => {
-  const [calls, setCalls] = useState10([]);
-  const [results, setResults] = useState10([]);
+  const [calls, setCalls] = useState11([]);
+  const [results, setResults] = useState11([]);
   const watcherRef = useRef4(null);
   const sessions2 = session === null ? [] : Array.isArray(session) ? session : [session];
   const sessionKey = sessions2.map((s) => s.sessionId).sort().join(",");
@@ -2818,7 +2905,7 @@ var applyFilter = (events, filter) => {
 var useFilteredEvents = (rawEvents, filter) => useMemo4(() => applyFilter(rawEvents, filter), [rawEvents, filter]);
 
 // src/ui/hooks/useAlerts.ts
-import { useState as useState11, useEffect as useEffect7, useRef as useRef5 } from "react";
+import { useState as useState12, useEffect as useEffect7, useRef as useRef5 } from "react";
 
 // src/notifications.ts
 import { exec as exec2 } from "child_process";
@@ -2886,7 +2973,7 @@ var AlertLogger = class {
 // src/ui/hooks/useAlerts.ts
 var MAX_ALERTS = 100;
 var useAlerts = (enabled, alertLevel, allUsers, config) => {
-  const [alerts, setAlerts] = useState11([]);
+  const [alerts, setAlerts] = useState12([]);
   const engineRef = useRef5(new SecurityEngine(alertLevel));
   const watcherRef = useRef5(null);
   const loggerRef = useRef5(null);
@@ -2926,27 +3013,27 @@ var useAlerts = (enabled, alertLevel, allUsers, config) => {
 };
 
 // src/ui/hooks/useTextInput.ts
-import { useState as useState12, useCallback as useCallback3 } from "react";
+import { useState as useState13, useCallback as useCallback4 } from "react";
 var useTextInput = (onConfirm, onCancel) => {
-  const [value, setValue] = useState12("");
-  const [isActive, setIsActive] = useState12(false);
-  const start = useCallback3((initial = "") => {
+  const [value, setValue] = useState13("");
+  const [isActive, setIsActive] = useState13(false);
+  const start = useCallback4((initial = "") => {
     setValue(initial);
     setIsActive(true);
   }, []);
-  const cancel = useCallback3(() => {
+  const cancel = useCallback4(() => {
     setValue("");
     setIsActive(false);
     onCancel?.();
   }, [onCancel]);
-  const confirm = useCallback3(() => {
+  const confirm = useCallback4(() => {
     const result = value;
     setIsActive(false);
     setValue("");
     onConfirm?.(result);
     return result;
   }, [value, onConfirm]);
-  const handleInput = useCallback3(
+  const handleInput = useCallback4(
     (input, key) => {
       if (!isActive) return false;
       if (key.escape) {
@@ -2979,7 +3066,7 @@ var useTextInput = (onConfirm, onCancel) => {
 };
 
 // src/ui/hooks/useKeyHandler.ts
-import { useInput as useInput9 } from "ink";
+import { useInput as useInput10 } from "ink";
 var matchKey = (binding, input, key) => {
   if (binding === "tab") return Boolean(key.tab);
   if (binding === "shift+tab") return Boolean(key.shift && key.tab);
@@ -2988,8 +3075,8 @@ var matchKey = (binding, input, key) => {
 };
 var useKeyHandler = (deps) => {
   const d = deps;
-  useInput9((input, key) => {
-    if (d.showSetup || d.showSettings || d.confirmAction) return;
+  useInput10((input, key) => {
+    if (d.showSetup || d.showSettings || d.confirmAction || d.showUpdateModal) return;
     if (d.inputMode === "nickname") {
       d.nicknameInput.handleInput(input, key);
       return;
@@ -3221,9 +3308,9 @@ var useKeyHandler = (deps) => {
 };
 
 // src/ui/hooks/useUpdateChecker.ts
-import { useState as useState13, useEffect as useEffect8 } from "react";
+import { useState as useState14, useEffect as useEffect8 } from "react";
 var useUpdateChecker = (disabled, checkOnLaunch, checkInterval) => {
-  const [updateInfo, setUpdateInfo] = useState13(null);
+  const [updateInfo, setUpdateInfo] = useState14(null);
   useEffect8(() => {
     if (disabled || !checkOnLaunch) return;
     let cancelled = false;
@@ -3244,7 +3331,7 @@ var useUpdateChecker = (disabled, checkOnLaunch, checkInterval) => {
 };
 
 // src/ui/hooks/useSetupFlow.ts
-import { useState as useState14, useCallback as useCallback4 } from "react";
+import { useState as useState15, useCallback as useCallback5 } from "react";
 
 // src/hooks/installer.ts
 import { existsSync, readFileSync, writeFileSync, copyFileSync, mkdirSync as mkdirSync2, chmodSync } from "fs";
@@ -3364,25 +3451,25 @@ var installMcpConfig = () => {
 
 // src/ui/hooks/useSetupFlow.ts
 var useSetupFlow = (initialConfig, firstRun) => {
-  const [liveConfig, setLiveConfig] = useState14(initialConfig);
-  const [showSetup, setShowSetup] = useState14(firstRun);
-  const [showThemePicker, setShowThemePicker] = useState14(false);
-  const [showTour, setShowTour] = useState14(false);
-  const [showSettings, setShowSettings] = useState14(false);
-  const [showThemeMenu, setShowThemeMenu] = useState14(false);
-  const handleSettingsClose = useCallback4((c) => {
+  const [liveConfig, setLiveConfig] = useState15(initialConfig);
+  const [showSetup, setShowSetup] = useState15(firstRun);
+  const [showThemePicker, setShowThemePicker] = useState15(false);
+  const [showTour, setShowTour] = useState15(false);
+  const [showSettings, setShowSettings] = useState15(false);
+  const [showThemeMenu, setShowThemeMenu] = useState15(false);
+  const handleSettingsClose = useCallback5((c) => {
     setLiveConfig(c);
     saveConfig(c);
     setShowSettings(false);
   }, []);
-  const handleThemeMenuClose = useCallback4((c) => {
+  const handleThemeMenuClose = useCallback5((c) => {
     setLiveConfig(c);
     saveConfig(c);
     setShowThemeMenu(false);
     setShowSettings(true);
   }, []);
-  const handleOpenThemeMenu = useCallback4(() => setShowThemeMenu(true), []);
-  const handleSetupComplete = useCallback4(
+  const handleOpenThemeMenu = useCallback5(() => setShowThemeMenu(true), []);
+  const handleSetupComplete = useCallback5(
     (results) => {
       const nc = { ...liveConfig };
       const [hc, mc] = results;
@@ -3407,7 +3494,7 @@ var useSetupFlow = (initialConfig, firstRun) => {
     },
     [liveConfig]
   );
-  const handleThemePickerSelect = useCallback4(
+  const handleThemePickerSelect = useCallback5(
     (themeName) => {
       const nc = { ...liveConfig, theme: themeName, prompts: { ...liveConfig.prompts, theme: "done" } };
       setLiveConfig(nc);
@@ -3417,24 +3504,24 @@ var useSetupFlow = (initialConfig, firstRun) => {
     },
     [liveConfig]
   );
-  const handleThemePickerSkip = useCallback4(() => {
+  const handleThemePickerSkip = useCallback5(() => {
     setShowThemePicker(false);
     if (liveConfig.prompts.tour === "pending") setShowTour(true);
   }, [liveConfig]);
-  const handleThemePickerDismiss = useCallback4(() => {
+  const handleThemePickerDismiss = useCallback5(() => {
     const nc = { ...liveConfig, prompts: { ...liveConfig.prompts, theme: "dismissed" } };
     setLiveConfig(nc);
     saveConfig(nc);
     setShowThemePicker(false);
     if (nc.prompts.tour === "pending") setShowTour(true);
   }, [liveConfig]);
-  const handleTourComplete = useCallback4(() => {
+  const handleTourComplete = useCallback5(() => {
     const nc = { ...liveConfig, prompts: { ...liveConfig.prompts, tour: "done" } };
     setLiveConfig(nc);
     saveConfig(nc);
     setShowTour(false);
   }, [liveConfig]);
-  const handleTourSkip = useCallback4(() => {
+  const handleTourSkip = useCallback5(() => {
     setShowTour(false);
   }, []);
   return {
@@ -3460,18 +3547,18 @@ var useSetupFlow = (initialConfig, firstRun) => {
 };
 
 // src/ui/hooks/useSplitPanel.ts
-import { useState as useState15, useCallback as useCallback5 } from "react";
+import { useState as useState16, useCallback as useCallback6 } from "react";
 var useSplitPanel = () => {
-  const [splitMode, setSplitMode] = useState15(false);
-  const [leftSession, setLeftSession] = useState15(null);
-  const [rightSession, setRightSession] = useState15(null);
-  const [leftScroll, setLeftScroll] = useState15(0);
-  const [rightScroll, setRightScroll] = useState15(0);
-  const [leftFilter, setLeftFilter] = useState15("");
-  const [rightFilter, setRightFilter] = useState15("");
-  const [leftShowDetail, setLeftShowDetail] = useState15(false);
-  const [rightShowDetail, setRightShowDetail] = useState15(false);
-  const clearSplitState = useCallback5(() => {
+  const [splitMode, setSplitMode] = useState16(false);
+  const [leftSession, setLeftSession] = useState16(null);
+  const [rightSession, setRightSession] = useState16(null);
+  const [leftScroll, setLeftScroll] = useState16(0);
+  const [rightScroll, setRightScroll] = useState16(0);
+  const [leftFilter, setLeftFilter] = useState16("");
+  const [rightFilter, setRightFilter] = useState16("");
+  const [leftShowDetail, setLeftShowDetail] = useState16(false);
+  const [rightShowDetail, setRightShowDetail] = useState16(false);
+  const clearSplitState = useCallback6(() => {
     setSplitMode(false);
     setLeftSession(null);
     setRightSession(null);
@@ -3482,7 +3569,7 @@ var useSplitPanel = () => {
     setLeftShowDetail(false);
     setRightShowDetail(false);
   }, []);
-  const resetPanel = useCallback5((side) => {
+  const resetPanel = useCallback6((side) => {
     if (side === "left") {
       setLeftSession(null);
       setLeftScroll(0);
@@ -3495,7 +3582,7 @@ var useSplitPanel = () => {
       setRightShowDetail(false);
     }
   }, []);
-  const switchPanel = useCallback5(
+  const switchPanel = useCallback6(
     (dir, setActivePanel) => {
       if (splitMode) {
         const order = ["sessions", "left", "right"];
@@ -3536,31 +3623,32 @@ var useSplitPanel = () => {
 };
 
 // src/ui/App.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
-var App = ({ options, config: initialConfig, version, firstRun }) => {
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+var App = ({ options: options2, config: initialConfig, version, firstRun }) => {
   const { exit } = useApp();
   const { stdout } = useStdout3();
   const termHeight = stdout?.rows ?? 40;
   const setup = useSetupFlow(initialConfig, firstRun);
   const split = useSplitPanel();
   const kb = setup.liveConfig.keybindings;
-  const [activePanel, setActivePanel] = useState16("sessions");
-  const [activityScroll, setActivityScroll] = useState16(0);
-  const [inputMode, setInputMode] = useState16("normal");
-  const [filter, setFilter] = useState16("");
-  const [activityFilter, setActivityFilter] = useState16("");
-  const [updateStatus, setUpdateStatus] = useState16("");
-  const [showDetail, setShowDetail] = useState16(false);
-  const [viewingArchive, setViewingArchive] = useState16(false);
-  const [confirmAction, setConfirmAction] = useState16(
+  const [activePanel, setActivePanel] = useState17("sessions");
+  const [activityScroll, setActivityScroll] = useState17(0);
+  const [inputMode, setInputMode] = useState17("normal");
+  const [filter, setFilter] = useState17("");
+  const [activityFilter, setActivityFilter] = useState17("");
+  const [updateStatus, setUpdateStatus] = useState17("");
+  const [showDetail, setShowDetail] = useState17(false);
+  const [viewingArchive, setViewingArchive] = useState17(false);
+  const [confirmAction, setConfirmAction] = useState17(
     null
   );
-  const [archivedIds, setArchivedIds] = useState16(() => new Set(Object.keys(getArchived())));
-  const [sidebarWidth, setSidebarWidth] = useState16(() => initialConfig.sidebarWidth ?? 30);
-  const [selectedEventIndex, setSelectedEventIndex] = useState16(0);
-  const [showEventDetail, setShowEventDetail] = useState16(false);
-  const refreshArchived = useCallback6(() => setArchivedIds(new Set(Object.keys(getArchived()))), []);
-  const persistSidebarWidth = useCallback6((v) => {
+  const [archivedIds, setArchivedIds] = useState17(() => new Set(Object.keys(getArchived())));
+  const [sidebarWidth, setSidebarWidth] = useState17(() => initialConfig.sidebarWidth ?? 30);
+  const [selectedEventIndex, setSelectedEventIndex] = useState17(0);
+  const [showEventDetail, setShowEventDetail] = useState17(false);
+  const [showUpdateModal, setShowUpdateModal] = useState17(false);
+  const refreshArchived = useCallback7(() => setArchivedIds(new Set(Object.keys(getArchived()))), []);
+  const persistSidebarWidth = useCallback7((v) => {
     setSidebarWidth((prev) => {
       const next = typeof v === "function" ? v(prev) : v;
       if (next !== prev) {
@@ -3572,13 +3660,18 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
     });
   }, []);
   const updateInfo = useUpdateChecker(
-    options.noUpdates,
+    options2.noUpdates,
     setup.liveConfig.updates.checkOnLaunch,
     setup.liveConfig.updates.checkInterval
   );
   useEffect9(() => {
     applyTheme(resolveTheme(setup.liveConfig.theme, setup.liveConfig.customThemes));
   }, [setup.liveConfig.theme, setup.liveConfig.customThemes]);
+  useEffect9(() => {
+    if (updateInfo?.available && setup.liveConfig.prompts.autoUpdate === "pending") {
+      setShowUpdateModal(true);
+    }
+  }, [updateInfo?.available, setup.liveConfig.prompts.autoUpdate]);
   const {
     sessions: sessions2,
     visibleItems,
@@ -3589,15 +3682,15 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
     selectPrev,
     toggleExpand,
     refresh
-  } = useSessions(options.allUsers, filter || void 0, archivedIds, viewingArchive);
+  } = useSessions(options2.allUsers, filter || void 0, archivedIds, viewingArchive);
   const activityTarget = split.splitMode ? null : selectedGroup ? selectedGroup.sessions : selectedSession;
-  const rawEvents = useActivityStream(activityTarget, options.allUsers);
-  const leftRawEvents = useActivityStream(split.splitMode ? split.leftSession : null, options.allUsers);
-  const rightRawEvents = useActivityStream(split.splitMode ? split.rightSession : null, options.allUsers);
+  const rawEvents = useActivityStream(activityTarget, options2.allUsers);
+  const leftRawEvents = useActivityStream(split.splitMode ? split.leftSession : null, options2.allUsers);
+  const rightRawEvents = useActivityStream(split.splitMode ? split.rightSession : null, options2.allUsers);
   const events = useFilteredEvents(rawEvents, activityFilter);
   const leftEvents = useFilteredEvents(leftRawEvents, split.leftFilter);
   const rightEvents = useFilteredEvents(rightRawEvents, split.rightFilter);
-  const { alerts } = useAlerts(!options.noSecurity, options.alertLevel, options.allUsers, setup.liveConfig);
+  const { alerts } = useAlerts(!options2.noSecurity, options2.alertLevel, options2.allUsers, setup.liveConfig);
   const nicknameInput = useTextInput(
     (value) => {
       if (selectedSession && value.trim()) {
@@ -3635,7 +3728,7 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
   }, [selectedSession?.sessionId, selectedGroup?.key]);
   useEffect9(() => {
     const totalEvents = events.length;
-    const vRows = termHeight - 3 - (options.noSecurity ? 0 : 6) - 1 - (inputMode !== "normal" ? 1 : 0) - 2;
+    const vRows = termHeight - 3 - (options2.noSecurity ? 0 : 6) - 1 - (inputMode !== "normal" ? 1 : 0) - 2;
     if (vRows <= 0 || totalEvents === 0) return;
     const start = Math.max(0, totalEvents - vRows - activityScroll);
     const end = start + vRows;
@@ -3650,18 +3743,18 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
       setSelectedEventIndex(events.length - 1);
     }
   }, [events.length]);
-  const alertHeight = options.noSecurity ? 0 : 6;
+  const alertHeight = options2.noSecurity ? 0 : 6;
   const mainHeight = termHeight - 3 - alertHeight - 1 - (inputMode !== "normal" ? 1 : 0);
   const viewportRows = mainHeight - 2;
-  const switchPanel = useCallback6(
+  const switchPanel = useCallback7(
     (dir) => split.switchPanel(dir, setActivePanel),
     [split.switchPanel]
   );
-  const clearSplitState = useCallback6(() => {
+  const clearSplitState = useCallback7(() => {
     split.clearSplitState();
     setActivePanel("sessions");
   }, [split.clearSplitState]);
-  const getActiveFilter = useCallback6(() => {
+  const getActiveFilter = useCallback7(() => {
     if (activePanel === "sessions") return filter;
     if (activePanel === "left") return split.leftFilter;
     if (activePanel === "right") return split.rightFilter;
@@ -3679,6 +3772,7 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
     leftShowDetail: split.leftShowDetail,
     rightShowDetail: split.rightShowDetail,
     confirmAction,
+    showUpdateModal,
     selectedSession,
     selectedGroup,
     toggleExpand,
@@ -3764,7 +3858,10 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
     }),
     onUpdate: () => {
       setUpdateStatus("updating...");
-      installUpdate().then(() => setUpdateStatus(`updated to v${updateInfo?.latest} \u2014 restart to apply`)).catch(() => setUpdateStatus("update failed"));
+      installUpdate().then(() => {
+        setUpdateStatus(`updated to v${updateInfo?.latest} \u2014 restarting...`);
+        setTimeout(() => restartProcess(), 500);
+      }).catch(() => setUpdateStatus("update failed"));
     }
   });
   if (setup.showSetup) {
@@ -3786,10 +3883,10 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
       setup.setShowSetup(false);
       return null;
     }
-    return /* @__PURE__ */ jsx16(SetupModal, { steps, onComplete: setup.handleSetupComplete });
+    return /* @__PURE__ */ jsx17(SetupModal, { steps, onComplete: setup.handleSetupComplete });
   }
   if (setup.showThemePicker)
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       ThemePickerModal,
       {
         onSelect: setup.handleThemePickerSelect,
@@ -3797,10 +3894,10 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
         onDismiss: setup.handleThemePickerDismiss
       }
     );
-  if (setup.showTour) return /* @__PURE__ */ jsx16(GuidedTour, { onComplete: setup.handleTourComplete, onSkip: setup.handleTourSkip });
-  if (setup.showThemeMenu) return /* @__PURE__ */ jsx16(ThemeMenu, { config: setup.liveConfig, onClose: setup.handleThemeMenuClose });
+  if (setup.showTour) return /* @__PURE__ */ jsx17(GuidedTour, { onComplete: setup.handleTourComplete, onSkip: setup.handleTourSkip });
+  if (setup.showThemeMenu) return /* @__PURE__ */ jsx17(ThemeMenu, { config: setup.liveConfig, onClose: setup.handleThemeMenuClose });
   if (setup.showSettings)
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       SettingsMenu,
       {
         config: setup.liveConfig,
@@ -3808,8 +3905,25 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
         onOpenThemeMenu: setup.handleOpenThemeMenu
       }
     );
+  if (showUpdateModal && updateInfo?.available) {
+    return /* @__PURE__ */ jsx17(Box17, { flexDirection: "column", height: termHeight, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx17(
+      UpdateModal,
+      {
+        current: updateInfo.current,
+        latest: updateInfo.latest,
+        onNotNow: () => setShowUpdateModal(false),
+        onDontAskAgain: () => {
+          const cfg = loadConfig();
+          cfg.prompts.autoUpdate = "dismissed";
+          saveConfig(cfg);
+          setup.setLiveConfig(cfg);
+          setShowUpdateModal(false);
+        }
+      }
+    ) });
+  }
   if (confirmAction) {
-    return /* @__PURE__ */ jsx16(Box16, { flexDirection: "column", height: termHeight, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(Box17, { flexDirection: "column", height: termHeight, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx17(
       ConfirmModal,
       {
         title: confirmAction.title,
@@ -3822,7 +3936,7 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
   const activitySlug = selectedGroup ? selectedGroup.key : selectedSession?.slug ?? null;
   const isMerged = selectedGroup !== null;
   const selectedEvent = events[selectedEventIndex];
-  const rightPanel = split.splitMode ? /* @__PURE__ */ jsx16(
+  const rightPanel = split.splitMode ? /* @__PURE__ */ jsx17(
     SplitPanel,
     {
       activePanel,
@@ -3838,7 +3952,7 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
       rightShowDetail: split.rightShowDetail,
       height: mainHeight
     }
-  ) : showEventDetail && selectedEvent ? /* @__PURE__ */ jsx16(ToolCallDetail, { event: selectedEvent, focused: activePanel === "activity", height: mainHeight }) : showDetail && selectedSession ? /* @__PURE__ */ jsx16(SessionDetail, { session: selectedSession, focused: activePanel === "activity", height: mainHeight }) : /* @__PURE__ */ jsx16(
+  ) : showEventDetail && selectedEvent ? /* @__PURE__ */ jsx17(ToolCallDetail, { event: selectedEvent, focused: activePanel === "activity", height: mainHeight }) : showDetail && selectedSession ? /* @__PURE__ */ jsx17(SessionDetail, { session: selectedSession, focused: activePanel === "activity", height: mainHeight }) : /* @__PURE__ */ jsx17(
     ActivityFeed,
     {
       events,
@@ -3854,10 +3968,10 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
       selectedEventIndex
     }
   );
-  return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", height: termHeight, children: [
-    /* @__PURE__ */ jsx16(StatusBar, { sessionCount: sessions2.length, alertCount: alerts.length, version, updateInfo }),
-    /* @__PURE__ */ jsxs16(Box16, { flexGrow: 1, height: mainHeight, children: [
-      /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", height: termHeight, children: [
+    /* @__PURE__ */ jsx17(StatusBar, { sessionCount: sessions2.length, alertCount: alerts.length, version, updateInfo }),
+    /* @__PURE__ */ jsxs17(Box17, { flexGrow: 1, height: mainHeight, children: [
+      /* @__PURE__ */ jsx17(
         SessionList,
         {
           visibleItems,
@@ -3870,21 +3984,21 @@ var App = ({ options, config: initialConfig, version, firstRun }) => {
           sidebarWidth
         }
       ),
-      /* @__PURE__ */ jsx16(Box16, { flexGrow: 1, flexShrink: 1, minWidth: 0, overflow: "hidden", children: rightPanel })
+      /* @__PURE__ */ jsx17(Box17, { flexGrow: 1, flexShrink: 1, minWidth: 0, overflow: "hidden", children: rightPanel })
     ] }),
-    !options.noSecurity && /* @__PURE__ */ jsx16(AlertBar, { alerts }),
-    inputMode === "nickname" && /* @__PURE__ */ jsxs16(Box16, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx16(Text15, { color: colors.primary, children: "nickname: " }),
-      /* @__PURE__ */ jsx16(Text15, { color: colors.bright, children: nicknameInput.value }),
-      /* @__PURE__ */ jsx16(Text15, { color: colors.muted, children: "_" })
+    !options2.noSecurity && /* @__PURE__ */ jsx17(AlertBar, { alerts }),
+    inputMode === "nickname" && /* @__PURE__ */ jsxs17(Box17, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx17(Text16, { color: colors.primary, children: "nickname: " }),
+      /* @__PURE__ */ jsx17(Text16, { color: colors.bright, children: nicknameInput.value }),
+      /* @__PURE__ */ jsx17(Text16, { color: colors.muted, children: "_" })
     ] }),
-    inputMode === "filter" && /* @__PURE__ */ jsxs16(Box16, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx16(Text15, { color: colors.muted, children: activePanel === "sessions" ? "sessions" : activePanel === "left" ? "left" : activePanel === "right" ? "right" : "activity" }),
-      /* @__PURE__ */ jsx16(Text15, { color: colors.primary, children: "/" }),
-      /* @__PURE__ */ jsx16(Text15, { color: colors.bright, children: filterInput.value }),
-      /* @__PURE__ */ jsx16(Text15, { color: colors.muted, children: "_" })
+    inputMode === "filter" && /* @__PURE__ */ jsxs17(Box17, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx17(Text16, { color: colors.muted, children: activePanel === "sessions" ? "sessions" : activePanel === "left" ? "left" : activePanel === "right" ? "right" : "activity" }),
+      /* @__PURE__ */ jsx17(Text16, { color: colors.primary, children: "/" }),
+      /* @__PURE__ */ jsx17(Text16, { color: colors.bright, children: filterInput.value }),
+      /* @__PURE__ */ jsx17(Text16, { color: colors.muted, children: "_" })
     ] }),
-    inputMode === "normal" && /* @__PURE__ */ jsx16(
+    inputMode === "normal" && /* @__PURE__ */ jsx17(
       FooterBar,
       {
         keybindings: kb,
@@ -3905,9 +4019,9 @@ var formatTokens3 = (n) => {
   if (n >= 1e3) return (n / 1e3).toFixed(1) + "k";
   return String(n);
 };
-var runStreamMode = (options, isJson) => {
-  const engine = options.noSecurity ? null : new SecurityEngine(options.alertLevel);
-  const sessions2 = discoverSessions(options.allUsers);
+var runStreamMode = (options2, isJson) => {
+  const engine = options2.noSecurity ? null : new SecurityEngine(options2.alertLevel);
+  const sessions2 = discoverSessions(options2.allUsers);
   if (isJson) {
     write(JSON.stringify({ type: "sessions", data: sessions2 }));
   } else {
@@ -3950,7 +4064,7 @@ var runStreamMode = (options, isJson) => {
       );
     }
   };
-  const watcher = new Watcher(handler, options.allUsers, securityHandler, usageHandler);
+  const watcher = new Watcher(handler, options2.allUsers, securityHandler, usageHandler);
   watcher.start();
   process.on("SIGINT", () => {
     watcher.stop();
@@ -4011,7 +4125,7 @@ var write2 = (msg) => {
 };
 var parseArgs = (argv) => {
   const args = argv.slice(2);
-  const options = {
+  const options2 = {
     allUsers: false,
     noSecurity: false,
     json: false,
@@ -4031,106 +4145,106 @@ var parseArgs = (argv) => {
   for (let i = 0; i < args.length; i++) {
     switch (args[i]) {
       case "--all-users":
-        options.allUsers = true;
+        options2.allUsers = true;
         break;
       case "--no-security":
-        options.noSecurity = true;
+        options2.noSecurity = true;
         break;
       case "--json":
-        options.json = true;
+        options2.json = true;
         break;
       case "--plain":
-        options.plain = true;
+        options2.plain = true;
         break;
       case "--alert-level":
         i++;
         if (["info", "warn", "high", "critical"].includes(args[i])) {
-          options.alertLevel = args[i];
+          options2.alertLevel = args[i];
         }
         break;
       case "--no-notify":
-        options.noNotify = true;
+        options2.noNotify = true;
         break;
       case "--no-alert-log":
-        options.noAlertLog = true;
+        options2.noAlertLog = true;
         break;
       case "--no-updates":
-        options.noUpdates = true;
+        options2.noUpdates = true;
         break;
       case "--poll-interval":
         i++;
         {
           const n = parseInt(args[i], 10);
-          if (n > 0) options.pollInterval = n;
+          if (n > 0) options2.pollInterval = n;
         }
         break;
       case "--mcp":
-        options.mcp = true;
+        options2.mcp = true;
         break;
       case "--install-mcp":
-        options.installMcp = true;
+        options2.installMcp = true;
         break;
       case "--install-hooks":
-        options.installHooks = true;
+        options2.installHooks = true;
         break;
       case "--uninstall-hooks":
-        options.uninstallHooks = true;
+        options2.uninstallHooks = true;
         break;
       case "--version":
-        options.version = true;
+        options2.version = true;
         break;
       case "--help":
-        options.help = true;
+        options2.help = true;
         break;
     }
   }
-  return options;
+  return options2;
 };
 var main = () => {
-  const options = parseArgs(process.argv);
-  if (options.version) {
+  const options2 = parseArgs(process.argv);
+  if (options2.version) {
     write2(`agenttop v${VERSION}`);
     process.exit(0);
   }
-  if (options.help) {
+  if (options2.help) {
     write2(HELP);
     process.exit(0);
   }
-  if (options.installHooks) {
+  if (options2.installHooks) {
     installHooks();
     process.exit(0);
   }
-  if (options.uninstallHooks) {
+  if (options2.uninstallHooks) {
     uninstallHooks();
     process.exit(0);
   }
-  if (options.installMcp) {
+  if (options2.installMcp) {
     installMcpConfig();
     process.exit(0);
   }
-  if (options.mcp) {
-    startMcpServer(options.allUsers, options.noSecurity).catch((err) => {
+  if (options2.mcp) {
+    startMcpServer(options2.allUsers, options2.noSecurity).catch((err) => {
       process.stderr.write(`mcp server error: ${err}
 `);
       process.exit(1);
     });
     return;
   }
-  if (options.json || options.plain) {
-    runStreamMode(options, options.json);
+  if (options2.json || options2.plain) {
+    runStreamMode(options2, options2.json);
     return;
   }
   const config = loadConfig();
   const firstRun = isFirstRun();
-  if (options.noNotify) {
+  if (options2.noNotify) {
     config.notifications.bell = false;
     config.notifications.desktop = false;
   }
-  if (options.noAlertLog) config.alerts.enabled = false;
-  if (options.noUpdates) config.updates.checkOnLaunch = false;
-  if (options.noSecurity) config.security.enabled = false;
+  if (options2.noAlertLog) config.alerts.enabled = false;
+  if (options2.noUpdates) config.updates.checkOnLaunch = false;
+  if (options2.noSecurity) config.security.enabled = false;
   if (firstRun) saveConfig(config);
-  render(React17.createElement(App, { options, config, version: VERSION, firstRun }));
+  render(React18.createElement(App, { options: options2, config, version: VERSION, firstRun }));
 };
 main();
 //# sourceMappingURL=index.js.map