agenttop 0.3.0 → 0.4.0

package/dist/index.js

@@ -12,18 +12,18 @@ import {
   saveConfig,
   setNickname,
   startMcpServer
-} from "./chunk-4I4UZNKS.js";
+} from "./chunk-H2JOTO54.js";
 
 // src/index.tsx
 import { readFileSync as readFileSync4 } from "fs";
 import { join as join4, dirname as dirname4 } from "path";
 import { fileURLToPath as fileURLToPath3 } from "url";
-import React9 from "react";
+import React10 from "react";
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { useState as useState7, useEffect as useEffect5, useCallback as useCallback3 } from "react";
-import { Box as Box8, Text as Text8, useApp, useInput as useInput2, useStdout } from "ink";
+import { useState as useState8, useEffect as useEffect5, useCallback as useCallback3 } from "react";
+import { Box as Box9, Text as Text9, useApp, useInput as useInput3, useStdout as useStdout2 } from "ink";
 
 // src/hooks/installer.ts
 import { existsSync, readFileSync, writeFileSync, copyFileSync, mkdirSync, chmodSync } from "fs";
@@ -273,76 +273,88 @@ var formatModel = (model) => {
   if (model.includes("haiku")) return "haiku";
   return model.slice(0, 8);
 };
-var formatProject = (project) => {
+var formatProject = (project, max) => {
   const parts = project.split("/");
   const last = parts[parts.length - 1] || project;
-  return last.length > 18 ? last.slice(0, 17) + "\u2026" : last;
+  return last.length > max ? last.slice(0, max - 1) + "\u2026" : last;
 };
 var formatTokens = (n) => {
   if (n >= 1e6) return (n / 1e6).toFixed(1) + "M";
   if (n >= 1e3) return (n / 1e3).toFixed(1) + "k";
   return String(n);
 };
+var truncate = (s, max) => s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
+var SIDEBAR_WIDTH = 28;
+var INNER_WIDTH = SIDEBAR_WIDTH - 4;
 var SessionList = React2.memo(({ sessions, selectedIndex, focused, filter }) => {
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: 28, borderStyle: "single", borderColor: focused ? colors.primary : colors.border, children: [
-    /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx2(Text2, { color: colors.header, bold: true, children: "SESSIONS" }),
-      filter && /* @__PURE__ */ jsxs2(Text2, { color: colors.muted, children: [
-        " [",
-        filter,
-        "]"
-      ] })
-    ] }),
-    sessions.length === 0 && /* @__PURE__ */ jsx2(Box2, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsx2(Text2, { color: colors.muted, italic: true, children: filter ? "No matching sessions" : "No active sessions" }) }),
-    sessions.map((session, i) => {
-      const isSelected = i === selectedIndex;
-      const indicator = isSelected ? ">" : " ";
-      const displayName = session.nickname || session.slug;
-      const totalIn = session.usage.inputTokens + session.usage.cacheReadTokens;
-      return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, paddingY: 0, children: [
-        /* @__PURE__ */ jsxs2(
-          Text2,
-          {
-            color: isSelected ? colors.bright : colors.text,
-            bold: isSelected,
-            backgroundColor: isSelected ? colors.selected : void 0,
-            children: [
-              indicator,
-              " ",
-              displayName
-            ]
-          }
-        ),
-        session.nickname && /* @__PURE__ */ jsxs2(Text2, { color: colors.muted, children: [
-          "  ",
-          session.slug
-        ] }),
-        /* @__PURE__ */ jsxs2(Text2, { color: colors.muted, children: [
-          "  ",
-          formatProject(session.project),
-          " | ",
-          formatModel(session.model)
-        ] }),
-        /* @__PURE__ */ jsxs2(Text2, { color: colors.muted, children: [
-          "  ",
-          "CPU ",
-          session.cpu,
-          "% | ",
-          session.memMB,
-          "MB | ",
-          session.agentCount,
-          " ag"
+  return /* @__PURE__ */ jsxs2(
+    Box2,
+    {
+      flexDirection: "column",
+      width: SIDEBAR_WIDTH,
+      borderStyle: "single",
+      borderColor: focused ? colors.primary : colors.border,
+      overflow: "hidden",
+      children: [
+        /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, children: [
+          /* @__PURE__ */ jsx2(Text2, { color: colors.header, bold: true, children: "SESSIONS" }),
+          filter && /* @__PURE__ */ jsxs2(Text2, { color: colors.muted, children: [
+            " [",
+            truncate(filter, 10),
+            "]"
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs2(Text2, { color: colors.muted, children: [
-          "  ",
-          formatTokens(totalIn),
-          " in | ",
-          formatTokens(session.usage.outputTokens),
-          " out"
-        ] })
-      ] }, session.sessionId);
-    })
-  ] });
+        sessions.length === 0 && /* @__PURE__ */ jsx2(Box2, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsx2(Text2, { color: colors.muted, italic: true, children: filter ? "No matches" : "No sessions" }) }),
+        sessions.map((session, i) => {
+          const isSelected = i === selectedIndex;
+          const indicator = isSelected ? ">" : " ";
+          const nameMaxLen = INNER_WIDTH - 2;
+          const displayName = truncate(session.nickname || session.slug, nameMaxLen);
+          const totalIn = session.usage.inputTokens + session.usage.cacheReadTokens;
+          const proj = formatProject(session.project, 12);
+          const model = formatModel(session.model);
+          return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, paddingY: 0, children: [
+            /* @__PURE__ */ jsxs2(
+              Text2,
+              {
+                color: isSelected ? colors.bright : colors.text,
+                bold: isSelected,
+                backgroundColor: isSelected ? colors.selected : void 0,
+                wrap: "truncate",
+                children: [
+                  indicator,
+                  " ",
+                  displayName
+                ]
+              }
+            ),
+            session.nickname && /* @__PURE__ */ jsxs2(Text2, { color: colors.muted, wrap: "truncate", children: [
+              "  ",
+              truncate(session.slug, nameMaxLen)
+            ] }),
+            /* @__PURE__ */ jsxs2(Text2, { color: colors.muted, wrap: "truncate", children: [
+              "  ",
+              proj,
+              " ",
+              model,
+              " ",
+              session.agentCount,
+              "ag"
+            ] }),
+            /* @__PURE__ */ jsxs2(Text2, { color: colors.muted, wrap: "truncate", children: [
+              "  ",
+              formatTokens(totalIn),
+              "in ",
+              formatTokens(session.usage.outputTokens),
+              "out ",
+              session.cpu,
+              "%"
+            ] })
+          ] }, session.sessionId);
+        })
+      ]
+    }
+  );
 });
 
 // src/ui/components/ActivityFeed.tsx
@@ -684,16 +696,234 @@ var FooterBar = React7.memo(({ keybindings, updateStatus }) => /* @__PURE__ */ j
     label(keybindings.detail),
     ":detail"
   ] }) }),
+  /* @__PURE__ */ jsx7(Box7, { marginRight: 2, children: /* @__PURE__ */ jsxs7(Text7, { color: "#5C6370", children: [
+    label(keybindings.settings),
+    ":settings"
+  ] }) }),
   updateStatus && /* @__PURE__ */ jsx7(Box7, { marginRight: 2, children: /* @__PURE__ */ jsx7(Text7, { color: colors.secondary, children: updateStatus }) })
 ] }));
 
+// src/ui/components/SettingsMenu.tsx
+import React8, { useState as useState3, useMemo } from "react";
+import { Box as Box8, Text as Text8, useInput as useInput2, useStdout } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var KEYBIND_LABELS = {
+  quit: "Quit",
+  navUp: "Navigate up",
+  navDown: "Navigate down",
+  panelNext: "Next panel",
+  panelPrev: "Previous panel",
+  scrollTop: "Scroll to top",
+  scrollBottom: "Scroll to bottom",
+  filter: "Filter sessions",
+  nickname: "Set nickname",
+  clearNickname: "Clear nickname",
+  detail: "Detail view",
+  update: "Install update",
+  settings: "Settings"
+};
+var RULE_LABELS = {
+  network: "Network detection",
+  exfiltration: "Exfiltration detection",
+  sensitiveFiles: "Sensitive files",
+  shellEscape: "Shell escape",
+  injection: "Prompt injection"
+};
+var SEVERITY_OPTIONS = ["info", "warn", "high", "critical"];
+var displayKey = (key) => {
+  if (key === "tab") return "tab";
+  if (key === "shift+tab") return "S-tab";
+  if (key === "enter") return "enter";
+  return key;
+};
+var buildMenuItems = () => {
+  const items = [];
+  items.push({ type: "header", label: "KEYBINDINGS", section: "keybindings", getValue: () => "", key: void 0 });
+  for (const [k, label2] of Object.entries(KEYBIND_LABELS)) {
+    const kbKey = k;
+    items.push({
+      type: "keybind",
+      label: label2,
+      section: "keybindings",
+      key: kbKey,
+      getValue: (cfg) => displayKey(cfg.keybindings[kbKey]),
+      apply: (cfg, newValue) => ({
+        ...cfg,
+        keybindings: { ...cfg.keybindings, [kbKey]: newValue }
+      })
+    });
+  }
+  items.push({ type: "header", label: "SECURITY RULES", section: "security", getValue: () => "", key: void 0 });
+  for (const [k, label2] of Object.entries(RULE_LABELS)) {
+    const ruleKey = k;
+    items.push({
+      type: "toggle",
+      label: label2,
+      section: "security",
+      key: ruleKey,
+      getValue: (cfg) => cfg.security.rules[ruleKey] ? "ON" : "OFF",
+      apply: (cfg) => ({
+        ...cfg,
+        security: {
+          ...cfg.security,
+          rules: { ...cfg.security.rules, [ruleKey]: !cfg.security.rules[ruleKey] }
+        }
+      })
+    });
+  }
+  items.push({
+    type: "header",
+    label: "NOTIFICATIONS",
+    section: "notifications",
+    getValue: () => "",
+    key: void 0
+  });
+  items.push({
+    type: "toggle",
+    label: "Terminal bell",
+    section: "notifications",
+    key: "bell",
+    getValue: (cfg) => cfg.notifications.bell ? "ON" : "OFF",
+    apply: (cfg) => ({
+      ...cfg,
+      notifications: { ...cfg.notifications, bell: !cfg.notifications.bell }
+    })
+  });
+  items.push({
+    type: "toggle",
+    label: "Desktop notifications",
+    section: "notifications",
+    key: "desktop",
+    getValue: (cfg) => cfg.notifications.desktop ? "ON" : "OFF",
+    apply: (cfg) => ({
+      ...cfg,
+      notifications: { ...cfg.notifications, desktop: !cfg.notifications.desktop }
+    })
+  });
+  items.push({
+    type: "cycle",
+    label: "Minimum severity",
+    section: "notifications",
+    key: "minSeverity",
+    getValue: (cfg) => cfg.notifications.minSeverity,
+    apply: (cfg) => {
+      const idx = SEVERITY_OPTIONS.indexOf(cfg.notifications.minSeverity);
+      const next = SEVERITY_OPTIONS[(idx + 1) % SEVERITY_OPTIONS.length];
+      return { ...cfg, notifications: { ...cfg.notifications, minSeverity: next } };
+    }
+  });
+  return items;
+};
+var MENU_ITEMS = buildMenuItems();
+var SELECTABLE_INDICES = MENU_ITEMS.map((item, i) => item.type !== "header" ? i : -1).filter((i) => i >= 0);
+var SettingsMenu = React8.memo(({ config, onClose }) => {
+  const { stdout } = useStdout();
+  const termHeight = stdout?.rows ?? 40;
+  const [localConfig, setLocalConfig] = useState3(() => JSON.parse(JSON.stringify(config)));
+  const [selectablePos, setSelectablePos] = useState3(0);
+  const [rebinding, setRebinding] = useState3(false);
+  const selectedIndex = SELECTABLE_INDICES[selectablePos];
+  const maxLabelLen = useMemo(
+    () => Math.max(...MENU_ITEMS.filter((i) => i.type !== "header").map((i) => i.label.length)),
+    []
+  );
+  useInput2((input, key) => {
+    if (rebinding) {
+      const item = MENU_ITEMS[selectedIndex];
+      let newKey;
+      if (key.tab && key.shift) newKey = "shift+tab";
+      else if (key.tab) newKey = "tab";
+      else if (key.return) newKey = "enter";
+      else if (key.escape) {
+        setRebinding(false);
+        return;
+      } else if (input && input.length === 1) newKey = input;
+      else return;
+      if (item.apply) {
+        setLocalConfig((c) => item.apply(c, newKey));
+      }
+      setRebinding(false);
+      return;
+    }
+    if (key.escape) {
+      onClose(localConfig);
+      return;
+    }
+    if (key.upArrow) {
+      setSelectablePos((p) => Math.max(0, p - 1));
+      return;
+    }
+    if (key.downArrow) {
+      setSelectablePos((p) => Math.min(SELECTABLE_INDICES.length - 1, p + 1));
+      return;
+    }
+    if (key.return) {
+      const item = MENU_ITEMS[selectedIndex];
+      if (item.type === "keybind") {
+        setRebinding(true);
+      } else if (item.apply) {
+        setLocalConfig((c) => item.apply(c));
+      }
+    }
+  });
+  const contentHeight = termHeight - 6;
+  const halfView = Math.floor(contentHeight / 2);
+  const menuItemIndex = MENU_ITEMS.indexOf(MENU_ITEMS[selectedIndex]);
+  const scrollStart = Math.max(0, Math.min(menuItemIndex - halfView, MENU_ITEMS.length - contentHeight));
+  const visibleItems = MENU_ITEMS.slice(Math.max(0, scrollStart), Math.max(0, scrollStart) + contentHeight);
+  const visibleStartIndex = Math.max(0, scrollStart);
+  return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", height: termHeight, children: /* @__PURE__ */ jsxs8(
+    Box8,
+    {
+      borderStyle: "round",
+      borderColor: colors.primary,
+      flexDirection: "column",
+      paddingX: 2,
+      paddingY: 1,
+      height: termHeight,
+      children: [
+        /* @__PURE__ */ jsxs8(Box8, { justifyContent: "space-between", marginBottom: 1, children: [
+          /* @__PURE__ */ jsx8(Text8, { color: colors.header, bold: true, children: "SETTINGS" }),
+          /* @__PURE__ */ jsx8(Text8, { color: colors.muted, children: "esc to save & close" })
+        ] }),
+        visibleItems.map((item, vi) => {
+          const realIndex = visibleStartIndex + vi;
+          const isSelected = realIndex === selectedIndex;
+          if (item.type === "header") {
+            return /* @__PURE__ */ jsx8(Box8, { marginTop: realIndex > 0 ? 1 : 0, children: /* @__PURE__ */ jsxs8(Text8, { color: colors.accent, bold: true, children: [
+              "  ",
+              item.label
+            ] }) }, `h-${item.label}`);
+          }
+          const value = item.getValue(localConfig);
+          const dots = ".".repeat(Math.max(2, maxLabelLen - item.label.length + 4));
+          const isRebindingThis = rebinding && isSelected;
+          const displayValue = isRebindingThis ? "[press key...]" : value;
+          const valueColor = isRebindingThis ? colors.warning : value === "ON" ? colors.secondary : value === "OFF" ? colors.error : colors.bright;
+          return /* @__PURE__ */ jsxs8(Box8, { children: [
+            /* @__PURE__ */ jsxs8(Text8, { color: isSelected ? colors.primary : colors.text, children: [
+              isSelected ? "> " : "  ",
+              "  ",
+              item.label,
+              " ",
+              dots,
+              " "
+            ] }),
+            /* @__PURE__ */ jsx8(Text8, { color: valueColor, children: displayValue })
+          ] }, `${item.section}-${item.key}`);
+        })
+      ]
+    }
+  ) });
+});
+
 // src/ui/hooks/useSessions.ts
-import { useState as useState3, useEffect as useEffect2, useCallback, useRef } from "react";
+import { useState as useState4, useEffect as useEffect2, useCallback, useRef } from "react";
 var ACTIVE_POLL_MS = 1e4;
 var IDLE_POLL_MS = 3e4;
 var useSessions = (allUsers, filter) => {
-  const [sessions, setSessions] = useState3([]);
-  const [selectedIndex, setSelectedIndex] = useState3(0);
+  const [sessions, setSessions] = useState4([]);
+  const [selectedIndex, setSelectedIndex] = useState4(0);
   const usageOverrides = useRef(/* @__PURE__ */ new Map());
   const refresh = useCallback(() => {
     const found = discoverSessions(allUsers);
@@ -753,10 +983,10 @@ var useSessions = (allUsers, filter) => {
 };
 
 // src/ui/hooks/useActivityStream.ts
-import { useState as useState4, useEffect as useEffect3, useRef as useRef2 } from "react";
+import { useState as useState5, useEffect as useEffect3, useRef as useRef2 } from "react";
 var MAX_EVENTS = 200;
 var useActivityStream = (session, allUsers) => {
-  const [events, setEvents] = useState4([]);
+  const [events, setEvents] = useState5([]);
   const watcherRef = useRef2(null);
   useEffect3(() => {
     setEvents([]);
@@ -785,7 +1015,7 @@ var useActivityStream = (session, allUsers) => {
 };
 
 // src/ui/hooks/useAlerts.ts
-import { useState as useState5, useEffect as useEffect4, useRef as useRef3 } from "react";
+import { useState as useState6, useEffect as useEffect4, useRef as useRef3 } from "react";
 
 // src/notifications.ts
 import { exec as exec2 } from "child_process";
@@ -853,7 +1083,7 @@ var AlertLogger = class {
 // src/ui/hooks/useAlerts.ts
 var MAX_ALERTS = 100;
 var useAlerts = (enabled, alertLevel, allUsers, config) => {
-  const [alerts, setAlerts] = useState5([]);
+  const [alerts, setAlerts] = useState6([]);
   const engineRef = useRef3(new SecurityEngine(alertLevel));
   const watcherRef = useRef3(null);
   const loggerRef = useRef3(null);
@@ -893,10 +1123,10 @@ var useAlerts = (enabled, alertLevel, allUsers, config) => {
 };
 
 // src/ui/hooks/useTextInput.ts
-import { useState as useState6, useCallback as useCallback2 } from "react";
-var useTextInput = (onConfirm) => {
-  const [value, setValue] = useState6("");
-  const [isActive, setIsActive] = useState6(false);
+import { useState as useState7, useCallback as useCallback2 } from "react";
+var useTextInput = (onConfirm, onCancel) => {
+  const [value, setValue] = useState7("");
+  const [isActive, setIsActive] = useState7(false);
   const start = useCallback2((initial = "") => {
     setValue(initial);
     setIsActive(true);
@@ -904,7 +1134,8 @@ var useTextInput = (onConfirm) => {
   const cancel = useCallback2(() => {
     setValue("");
     setIsActive(false);
-  }, []);
+    onCancel?.();
+  }, [onCancel]);
   const confirm = useCallback2(() => {
     const result = value;
     setIsActive(false);
@@ -924,7 +1155,13 @@ var useTextInput = (onConfirm) => {
         return true;
       }
       if (key.backspace || key.delete) {
-        setValue((v) => v.slice(0, -1));
+        setValue((v) => {
+          if (v.length === 0) {
+            cancel();
+            return v;
+          }
+          return v.slice(0, -1);
+        });
         return true;
       }
       if (input && input.length === 1 && input >= " ") {
@@ -939,42 +1176,56 @@ var useTextInput = (onConfirm) => {
 };
 
 // src/ui/App.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var matchKey = (binding, input, key) => {
   if (binding === "tab") return Boolean(key.tab);
   if (binding === "shift+tab") return Boolean(key.shift && key.tab);
   if (binding === "enter") return Boolean(key.return);
   return input === binding;
 };
-var App = ({ options, config, version, firstRun }) => {
+var App = ({ options, config: initialConfig, version, firstRun }) => {
   const { exit } = useApp();
-  const { stdout } = useStdout();
+  const { stdout } = useStdout2();
   const termHeight = stdout?.rows ?? 40;
-  const kb = config.keybindings;
-  const [activePanel, setActivePanel] = useState7("sessions");
-  const [activityScroll, setActivityScroll] = useState7(0);
-  const [inputMode, setInputMode] = useState7("normal");
-  const [showSetup, setShowSetup] = useState7(firstRun);
-  const [filter, setFilter] = useState7("");
-  const [updateInfo, setUpdateInfo] = useState7(null);
-  const [updateStatus, setUpdateStatus] = useState7("");
-  const [showDetail, setShowDetail] = useState7(false);
-  const { sessions, selectedSession, selectedIndex, selectNext, selectPrev } = useSessions(
+  const [liveConfig, setLiveConfig] = useState8(initialConfig);
+  const kb = liveConfig.keybindings;
+  const [activePanel, setActivePanel] = useState8("sessions");
+  const [activityScroll, setActivityScroll] = useState8(0);
+  const [inputMode, setInputMode] = useState8("normal");
+  const [showSetup, setShowSetup] = useState8(firstRun);
+  const [filter, setFilter] = useState8("");
+  const [updateInfo, setUpdateInfo] = useState8(null);
+  const [updateStatus, setUpdateStatus] = useState8("");
+  const [showDetail, setShowDetail] = useState8(false);
+  const [showSettings, setShowSettings] = useState8(false);
+  const { sessions, selectedSession, selectedIndex, selectNext, selectPrev, refresh } = useSessions(
     options.allUsers,
     filter || void 0
   );
   const events = useActivityStream(selectedSession, options.allUsers);
-  const { alerts } = useAlerts(!options.noSecurity, options.alertLevel, options.allUsers, config);
-  const nicknameInput = useTextInput((value) => {
-    if (selectedSession && value.trim()) setNickname(selectedSession.sessionId, value.trim());
-    setInputMode("normal");
-  });
-  const filterInput = useTextInput((value) => {
-    setFilter(value);
-    setInputMode("normal");
-  });
+  const { alerts } = useAlerts(!options.noSecurity, options.alertLevel, options.allUsers, liveConfig);
+  const nicknameInput = useTextInput(
+    (value) => {
+      if (selectedSession && value.trim()) {
+        setNickname(selectedSession.sessionId, value.trim());
+        refresh();
+      }
+      setInputMode("normal");
+    },
+    () => setInputMode("normal")
+  );
+  const filterInput = useTextInput(
+    (value) => {
+      setFilter(value);
+      setInputMode("normal");
+    },
+    () => {
+      setFilter("");
+      setInputMode("normal");
+    }
+  );
   useEffect5(() => {
-    if (options.noUpdates || !config.updates.checkOnLaunch) return;
+    if (options.noUpdates || !liveConfig.updates.checkOnLaunch) return;
     try {
       const i = checkForUpdate();
       if (i.available) setUpdateInfo(i);
@@ -986,7 +1237,7 @@ var App = ({ options, config, version, firstRun }) => {
         if (i.available) setUpdateInfo(i);
       } catch {
       }
-    }, config.updates.checkInterval);
+    }, liveConfig.updates.checkInterval);
     return () => clearInterval(iv);
   }, []);
   const alertHeight = options.noSecurity ? 0 : 6;
@@ -996,9 +1247,14 @@ var App = ({ options, config, version, firstRun }) => {
   useEffect5(() => {
     setActivityScroll(0);
   }, [selectedSession?.sessionId]);
+  const handleSettingsClose = useCallback3((updatedConfig) => {
+    setLiveConfig(updatedConfig);
+    saveConfig(updatedConfig);
+    setShowSettings(false);
+  }, []);
   const handleSetupComplete = useCallback3(
     (results) => {
-      const nc = { ...config };
+      const nc = { ...liveConfig };
       const [hc, mc] = results;
       if (hc === "yes") {
         try {
@@ -1017,13 +1273,13 @@ var App = ({ options, config, version, firstRun }) => {
       saveConfig(nc);
       setShowSetup(false);
     },
-    [config]
+    [liveConfig]
   );
   const switchPanel = useCallback3((_dir) => {
     setActivePanel((p) => p === "sessions" ? "activity" : "sessions");
   }, []);
-  useInput2((input, key) => {
-    if (showSetup) return;
+  useInput3((input, key) => {
+    if (showSetup || showSettings) return;
     if (inputMode === "nickname") {
       nicknameInput.handleInput(input, key);
       return;
@@ -1067,6 +1323,7 @@ var App = ({ options, config, version, firstRun }) => {
     }
     if (matchKey(kb.clearNickname, input, key) && selectedSession) {
       clearNickname(selectedSession.sessionId);
+      refresh();
       return;
     }
     if (matchKey(kb.filter, input, key)) {
@@ -1078,6 +1335,10 @@ var App = ({ options, config, version, firstRun }) => {
       setFilter("");
       return;
     }
+    if (matchKey(kb.settings, input, key)) {
+      setShowSettings(true);
+      return;
+    }
     if (matchKey(kb.update, input, key) && updateInfo?.available) {
       setUpdateStatus("updating...");
       installUpdate().then(() => setUpdateStatus(`updated to v${updateInfo.latest} \u2014 restart to apply`)).catch(() => setUpdateStatus("update failed"));
@@ -1096,12 +1357,12 @@ var App = ({ options, config, version, firstRun }) => {
   });
   if (showSetup) {
     const steps = [];
-    if (config.prompts.hook === "pending")
+    if (liveConfig.prompts.hook === "pending")
       steps.push({
         title: "Install Claude Code hook?",
         description: "Adds a PostToolUse hook that blocks prompt injection attempts in real-time."
       });
-    if (config.prompts.mcp === "pending")
+    if (liveConfig.prompts.mcp === "pending")
       steps.push({
         title: "Install MCP server?",
         description: "Registers agenttop as an MCP server so Claude Code can query session status and alerts."
@@ -1110,9 +1371,12 @@ var App = ({ options, config, version, firstRun }) => {
       setShowSetup(false);
       return null;
     }
-    return /* @__PURE__ */ jsx8(SetupModal, { steps, onComplete: handleSetupComplete });
+    return /* @__PURE__ */ jsx9(SetupModal, { steps, onComplete: handleSetupComplete });
+  }
+  if (showSettings) {
+    return /* @__PURE__ */ jsx9(SettingsMenu, { config: liveConfig, onClose: handleSettingsClose });
   }
-  const rightPanel = showDetail && selectedSession ? /* @__PURE__ */ jsx8(SessionDetail, { session: selectedSession, focused: activePanel === "activity", height: mainHeight }) : /* @__PURE__ */ jsx8(
+  const rightPanel = showDetail && selectedSession ? /* @__PURE__ */ jsx9(SessionDetail, { session: selectedSession, focused: activePanel === "activity", height: mainHeight }) : /* @__PURE__ */ jsx9(
     ActivityFeed,
     {
       events,
@@ -1122,10 +1386,10 @@ var App = ({ options, config, version, firstRun }) => {
       scrollOffset: activityScroll
     }
   );
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", height: termHeight, children: [
-    /* @__PURE__ */ jsx8(StatusBar, { sessionCount: sessions.length, alertCount: alerts.length, version, updateInfo }),
-    /* @__PURE__ */ jsxs8(Box8, { flexGrow: 1, height: mainHeight, children: [
-      /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", height: termHeight, children: [
+    /* @__PURE__ */ jsx9(StatusBar, { sessionCount: sessions.length, alertCount: alerts.length, version, updateInfo }),
+    /* @__PURE__ */ jsxs9(Box9, { flexGrow: 1, height: mainHeight, children: [
+      /* @__PURE__ */ jsx9(
         SessionList,
         {
           sessions,
@@ -1136,18 +1400,18 @@ var App = ({ options, config, version, firstRun }) => {
       ),
       rightPanel
     ] }),
-    !options.noSecurity && /* @__PURE__ */ jsx8(AlertBar, { alerts }),
-    inputMode === "nickname" && /* @__PURE__ */ jsxs8(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: colors.primary, children: "nickname: " }),
-      /* @__PURE__ */ jsx8(Text8, { color: colors.bright, children: nicknameInput.value }),
-      /* @__PURE__ */ jsx8(Text8, { color: colors.muted, children: "_" })
+    !options.noSecurity && /* @__PURE__ */ jsx9(AlertBar, { alerts }),
+    inputMode === "nickname" && /* @__PURE__ */ jsxs9(Box9, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { color: colors.primary, children: "nickname: " }),
+      /* @__PURE__ */ jsx9(Text9, { color: colors.bright, children: nicknameInput.value }),
+      /* @__PURE__ */ jsx9(Text9, { color: colors.muted, children: "_" })
     ] }),
-    inputMode === "filter" && /* @__PURE__ */ jsxs8(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: colors.primary, children: "/" }),
-      /* @__PURE__ */ jsx8(Text8, { color: colors.bright, children: filterInput.value }),
-      /* @__PURE__ */ jsx8(Text8, { color: colors.muted, children: "_" })
+    inputMode === "filter" && /* @__PURE__ */ jsxs9(Box9, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { color: colors.primary, children: "/" }),
+      /* @__PURE__ */ jsx9(Text9, { color: colors.bright, children: filterInput.value }),
+      /* @__PURE__ */ jsx9(Text9, { color: colors.muted, children: "_" })
     ] }),
-    inputMode === "normal" && /* @__PURE__ */ jsx8(FooterBar, { keybindings: kb, updateStatus })
+    inputMode === "normal" && /* @__PURE__ */ jsx9(FooterBar, { keybindings: kb, updateStatus })
   ] });
 };
 
@@ -1384,7 +1648,7 @@ var main = () => {
   if (options.noUpdates) config.updates.checkOnLaunch = false;
   if (options.noSecurity) config.security.enabled = false;
   if (firstRun) saveConfig(config);
-  render(React9.createElement(App, { options, config, version: VERSION, firstRun }));
+  render(React10.createElement(App, { options, config, version: VERSION, firstRun }));
 };
 main();
 //# sourceMappingURL=index.js.map