abmux 0.0.5 → 0.0.6

package/dist/cli/index.js

@@ -144,10 +144,97 @@ var createEditor = () => ({
   }
 });
 
+// src/infra/claude-cli.ts
+import { execFile as execFile2, execFileSync as execFileSync2 } from "node:child_process";
+
+// src/models/claude-session.ts
+var SESSION_SUMMARY_SCHEMA = {
+  type: "object",
+  properties: {
+    overallSummary: { type: "string" },
+    sessions: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          sessionName: { type: "string" },
+          panes: {
+            type: "array",
+            items: {
+              type: "object",
+              properties: {
+                paneTitle: { type: "string" },
+                description: { type: "string" }
+              },
+              required: ["paneTitle", "description"]
+            }
+          }
+        },
+        required: ["sessionName", "panes"]
+      }
+    }
+  },
+  required: ["overallSummary", "sessions"]
+};
+
+// src/infra/claude-cli.ts
+var resolveClaudePath = () => {
+  try {
+    return execFileSync2("which", ["claude"], { encoding: "utf-8" }).trim();
+  } catch {
+    return "claude";
+  }
+};
+var claudePath = resolveClaudePath();
+var EMPTY_RESULT = { overallSummary: "", sessions: [] };
+var execClaude = (args) => new Promise((resolve, reject) => {
+  execFile2(claudePath, args, { timeout: 12e4 }, (error, stdout, stderr) => {
+    if (error) {
+      reject(new Error(`claude failed: ${stderr || error.message}`));
+      return;
+    }
+    resolve(stdout.trim());
+  });
+});
+var parseResult = (raw) => {
+  const output = JSON.parse(raw);
+  if (output.is_error) return EMPTY_RESULT;
+  const parsed = output.structured_output;
+  if (typeof parsed !== "object" || parsed === null || !("sessions" in parsed) || !Array.isArray(parsed.sessions)) {
+    return EMPTY_RESULT;
+  }
+  const result = parsed;
+  return {
+    overallSummary: result.overallSummary ?? "",
+    sessions: result.sessions
+  };
+};
+var createClaudeCli = () => ({
+  querySessionSummary: async (prompt) => {
+    try {
+      const raw = await execClaude([
+        "-p",
+        "--output-format",
+        "json",
+        "--json-schema",
+        JSON.stringify(SESSION_SUMMARY_SCHEMA),
+        "--no-session-persistence",
+        "--model",
+        "haiku",
+        prompt
+      ]);
+      return parseResult(raw);
+    } catch {
+      return EMPTY_RESULT;
+    }
+  }
+});
+
 // src/infra/index.ts
 var createInfra = () => ({
   tmuxCli: createTmuxCli(),
-  editor: createEditor()
+  editor: createEditor(),
+  claudeCli: createClaudeCli()
 });
 
 // src/models/session.ts
@@ -387,11 +474,51 @@ var createDirectoryScanService = () => ({
   }
 });
 
+// src/services/session-summary-service.ts
+var EMPTY_RESULT2 = { overallSummary: "", sessions: [] };
+var formatGroupsForPrompt = (groups) => {
+  const lines = [];
+  for (const group of groups) {
+    const panes = group.tabs.flatMap((t) => t.panes);
+    const paneDescriptions = panes.map((p) => {
+      if (p.kind === "claude") {
+        const status = p.claudeStatus ? SESSION_STATUS_LABEL[p.claudeStatus] : "idle";
+        const title = p.claudeTitle ?? "";
+        return `  - [claude] status=${status} title="${title}"`;
+      }
+      return `  - [${p.kind}] title="${p.pane.title}"`;
+    });
+    lines.push(`session: ${group.sessionName}`);
+    lines.push(`  panes (${String(panes.length)}):`);
+    lines.push(...paneDescriptions);
+  }
+  return lines.join("\n");
+};
+var buildPrompt = (groups) => {
+  const data = formatGroupsForPrompt(groups);
+  return [
+    "\u4EE5\u4E0B\u306F tmux \u30BB\u30C3\u30B7\u30E7\u30F3\u3068\u30DA\u30A4\u30F3\u306E\u4E00\u89A7\u3067\u3059\u3002",
+    "overallSummary: \u5168\u4F53\u3068\u3057\u3066\u4ECA\u3069\u3046\u3044\u3046\u4F5C\u696D\u304C\u884C\u308F\u308C\u3066\u3044\u3066\u3001\u3069\u3046\u3044\u3046\u72B6\u614B\u304B\u3092\u65E5\u672C\u8A9E\u3067\u7C21\u6F54\u306B1\u301C2\u6587\u3067\u8AAC\u660E\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+    "sessions.panes: \u5404\u30DA\u30A4\u30F3\u304C\u4F55\u3092\u3057\u3066\u3044\u308B\u304B\u3001\u65E5\u672C\u8A9E\u3067\u7C21\u6F54\u306B1\u6587\u305A\u3064\u8AAC\u660E\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+    "sessionName \u306F\u305D\u306E\u307E\u307E\u3001paneTitle \u306F\u30DA\u30A4\u30F3\u306E title \u3092\u305D\u306E\u307E\u307E\u5165\u308C\u3066\u304F\u3060\u3055\u3044\u3002",
+    "",
+    data
+  ].join("\n");
+};
+var createSessionSummaryService = (context) => ({
+  fetchSummary: async (groups) => {
+    if (groups.length === 0) return EMPTY_RESULT2;
+    const prompt = buildPrompt(groups);
+    return await context.infra.claudeCli.querySessionSummary(prompt);
+  }
+});
+
 // src/services/index.ts
 var createServices = (context) => ({
   tmux: createTmuxService(context),
   sessionDetection: createSessionDetectionService(),
-  directoryScan: createDirectoryScanService()
+  directoryScan: createDirectoryScanService(),
+  sessionSummary: createSessionSummaryService(context)
 });
 
 // src/utils/ShellUtils.ts
@@ -424,6 +551,9 @@ var createManagerUsecase = (context) => {
       const sessionGroups = sessionDetection.groupBySession({ panes });
       return { sessionGroups };
     },
+    fetchOverview: async (groups) => {
+      return await context.services.sessionSummary.fetchSummary(groups);
+    },
     enrichStatus: async (up) => {
       if (up.kind !== "claude") return up;
       try {
@@ -467,7 +597,7 @@ var createUsecases = (context) => ({
 // package.json
 var package_default = {
   name: "abmux",
-  version: "0.0.5",
+  version: "0.0.6",
   repository: {
     type: "git",
     url: "https://github.com/cut0/abmux.git"
@@ -537,8 +667,8 @@ import { createElement } from "react";
 
 // src/components/ManagerView.tsx
 import { basename as basename2 } from "node:path";
-import { Box as Box10, Text as Text10 } from "ink";
-import { useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo5, useState as useState5 } from "react";
+import { Box as Box11 } from "ink";
+import { useCallback as useCallback4, useMemo as useMemo7, useRef as useRef3, useState as useState6 } from "react";
 
 // src/components/shared/Header.tsx
 import { Box, Text } from "ink";
@@ -549,24 +679,57 @@ var Header = ({ title }) => {
 
 // src/components/shared/StatusBar.tsx
 import { Box as Box2, Text as Text2 } from "ink";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var STATUS_ICON = {
+  [SESSION_STATUS.waitingInput]: "\u276F",
+  [SESSION_STATUS.waitingConfirm]: "\u2753",
+  [SESSION_STATUS.thinking]: "\u25CF",
+  [SESSION_STATUS.toolRunning]: "\u2733",
+  [SESSION_STATUS.idle]: "\u25CB"
+};
 var COLOR_MAP = {
   success: "green",
   error: "red",
   info: "gray"
 };
-var StatusBar = ({ message, type = "info" }) => {
-  return /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { color: COLOR_MAP[type], children: message }) });
+var STATUS_ORDER = [
+  SESSION_STATUS.thinking,
+  SESSION_STATUS.toolRunning,
+  SESSION_STATUS.waitingConfirm,
+  SESSION_STATUS.waitingInput,
+  SESSION_STATUS.idle
+];
+var StatusBar = ({ message, type = "info", statusCounts }) => {
+  const summaryEntries = useMemo(() => {
+    if (!statusCounts) return [];
+    return STATUS_ORDER.filter((s) => (statusCounts[s] ?? 0) > 0).map((s) => ({
+      status: s,
+      icon: STATUS_ICON[s],
+      label: SESSION_STATUS_LABEL[s],
+      color: SESSION_STATUS_COLOR[s],
+      count: statusCounts[s] ?? 0
+    }));
+  }, [statusCounts]);
+  return /* @__PURE__ */ jsxs(Box2, { children: [
+    /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, children: /* @__PURE__ */ jsx2(Text2, { color: COLOR_MAP[type], children: message }) }),
+    summaryEntries.length > 0 && /* @__PURE__ */ jsx2(Box2, { gap: 1, children: summaryEntries.map((entry) => /* @__PURE__ */ jsxs(Text2, { color: entry.color, children: [
+      entry.icon,
+      String(entry.count),
+      " ",
+      entry.label
+    ] }, entry.status)) })
+  ] });
 };
 
 // src/components/shared/DirectorySelect.tsx
 import { Box as Box3, Text as Text3, useApp, useInput } from "ink";
-import { useCallback, useMemo as useMemo2, useState } from "react";
+import { useCallback, useMemo as useMemo3, useState } from "react";
 
 // src/hooks/use-scroll.ts
-import { useMemo } from "react";
+import { useMemo as useMemo2 } from "react";
 var useScroll = (cursor, totalItems, availableRows) => {
-  return useMemo(() => {
+  return useMemo2(() => {
     const visibleCount = Math.max(1, availableRows);
     if (totalItems <= visibleCount) {
       return { scrollOffset: 0, visibleCount };
@@ -592,7 +755,7 @@ var findMatchingDirectory = (path, directories) => directories.filter((dir) => p
 );
 
 // src/components/shared/DirectorySelect.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var sortSessions = (sessions, currentSession) => {
   const current = sessions.filter((s) => s.name === currentSession);
   const rest = sessions.filter((s) => s.name !== currentSession);
@@ -610,11 +773,11 @@ var SessionListPanel = ({
 }) => {
   const { exit } = useApp();
   const [cursor, setCursor] = useState(0);
-  const sortedSessions = useMemo2(
+  const sortedSessions = useMemo3(
     () => sortSessions(sessions, currentSession),
     [sessions, currentSession]
   );
-  const names = useMemo2(() => sortedSessions.map((s) => s.name), [sortedSessions]);
+  const names = useMemo3(() => sortedSessions.map((s) => s.name), [sortedSessions]);
   const clampedCursor = cursor >= names.length ? Math.max(0, names.length - 1) : cursor;
   if (clampedCursor !== cursor) {
     setCursor(clampedCursor);
@@ -665,10 +828,10 @@ var SessionListPanel = ({
     },
     { isActive: isFocused }
   );
-  return /* @__PURE__ */ jsxs(Box3, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Box3, { paddingLeft: 1, children: [
+  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs2(Box3, { paddingLeft: 1, children: [
       /* @__PURE__ */ jsx3(Text3, { bold: true, color: isFocused ? "green" : "gray", children: "Sessions" }),
-      /* @__PURE__ */ jsxs(Text3, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
         " ",
         "(",
         clampedCursor + 1,
@@ -681,7 +844,7 @@ var SessionListPanel = ({
       const globalIndex = scrollOffset + i;
       const isHighlighted = globalIndex === clampedCursor;
       const isCurrent = session.name === currentSession;
-      return /* @__PURE__ */ jsxs(Box3, { paddingLeft: 1, gap: 1, children: [
+      return /* @__PURE__ */ jsxs2(Box3, { paddingLeft: 1, gap: 1, children: [
         /* @__PURE__ */ jsx3(Text3, { color: isHighlighted ? "green" : void 0, children: isHighlighted ? "\u25B6" : " " }),
         /* @__PURE__ */ jsx3(Text3, { color: isHighlighted ? "green" : "cyan", bold: isHighlighted, wrap: "truncate", children: session.path ? formatCwd(session.path) : session.name }),
         isCurrent && /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: "(cwd)" })
@@ -695,21 +858,21 @@ import { Box as Box6, Text as Text6 } from "ink";
 
 // src/components/PaneListView.tsx
 import { Box as Box5, Text as Text5, useApp as useApp2, useInput as useInput2 } from "ink";
-import { useCallback as useCallback2, useMemo as useMemo3, useRef, useState as useState2 } from "react";
+import { useCallback as useCallback2, useMemo as useMemo4, useRef, useState as useState2 } from "react";
 
 // src/components/sessions/PaneItem.tsx
 import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var PaneItem = ({ unifiedPane, isHighlighted }) => {
   const { pane, kind, claudeStatus, claudeTitle } = unifiedPane;
   if (kind === "claude") {
     const icon = pane.title.charAt(0);
     const statusLabel = claudeStatus ? SESSION_STATUS_LABEL[claudeStatus] : "";
     const statusColor = claudeStatus ? SESSION_STATUS_COLOR[claudeStatus] : "gray";
-    return /* @__PURE__ */ jsxs2(Box4, { paddingLeft: 3, gap: 1, children: [
+    return /* @__PURE__ */ jsxs3(Box4, { paddingLeft: 3, gap: 1, children: [
       /* @__PURE__ */ jsx4(Text4, { color: isHighlighted ? "green" : void 0, children: isHighlighted ? "\u25B6" : " " }),
       /* @__PURE__ */ jsx4(Text4, { color: "#FF8C00", children: icon }),
-      /* @__PURE__ */ jsxs2(Text4, { color: statusColor, children: [
+      /* @__PURE__ */ jsxs3(Text4, { color: statusColor, children: [
         "[",
         statusLabel,
         "]"
@@ -718,7 +881,7 @@ var PaneItem = ({ unifiedPane, isHighlighted }) => {
       /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: pane.paneId })
     ] });
   }
-  return /* @__PURE__ */ jsxs2(Box4, { paddingLeft: 3, gap: 1, children: [
+  return /* @__PURE__ */ jsxs3(Box4, { paddingLeft: 3, gap: 1, children: [
     /* @__PURE__ */ jsx4(Text4, { color: isHighlighted ? "green" : void 0, children: isHighlighted ? "\u25B6" : " " }),
     kind === "available" && /* @__PURE__ */ jsx4(Text4, { color: "#4AA8D8", children: "\u25CB" }),
     kind === "busy" && /* @__PURE__ */ jsx4(Text4, { color: "#E05252", children: "\u25CF" }),
@@ -728,7 +891,7 @@ var PaneItem = ({ unifiedPane, isHighlighted }) => {
 };
 
 // src/components/PaneListView.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var PaneListView = ({
   selectedSession,
   group,
@@ -744,7 +907,7 @@ var PaneListView = ({
   const { exit } = useApp2();
   const [cursor, setCursor] = useState2(0);
   const highlightedRef = useRef(void 0);
-  const panes = useMemo3(() => group.tabs.flatMap((t) => t.panes), [group]);
+  const panes = useMemo4(() => group.tabs.flatMap((t) => t.panes), [group]);
   const clampedCursor = cursor >= panes.length ? Math.max(0, panes.length - 1) : cursor;
   if (clampedCursor !== cursor) {
     setCursor(clampedCursor);
@@ -755,7 +918,7 @@ var PaneListView = ({
     panes.length,
     availableRows - reservedLines
   );
-  const visiblePanes = useMemo3(
+  const visiblePanes = useMemo4(
     () => panes.slice(scrollOffset, scrollOffset + visibleCount),
     [panes, scrollOffset, visibleCount]
   );
@@ -824,10 +987,10 @@ var PaneListView = ({
     },
     { isActive: isFocused }
   );
-  return /* @__PURE__ */ jsxs3(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs3(Box5, { paddingLeft: 1, children: [
+  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs4(Box5, { paddingLeft: 1, children: [
       /* @__PURE__ */ jsx5(Text5, { bold: true, color: isFocused ? "green" : "gray", children: "Panes" }),
-      /* @__PURE__ */ jsxs3(Text5, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
         " ",
         selectedSession,
         " (",
@@ -883,15 +1046,140 @@ var PaneListPanel = ({
   );
 };
 
+// src/components/SessionOverviewPanel.tsx
+import { Spinner } from "@inkjs/ui";
+import { Box as Box7, Text as Text7, useApp as useApp3, useInput as useInput3 } from "ink";
+import { useCallback as useCallback3, useMemo as useMemo5, useState as useState3 } from "react";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var SessionOverviewPanel = ({
+  overallSummary,
+  items,
+  groups,
+  isLoading,
+  isFocused,
+  availableRows,
+  onBack
+}) => {
+  const { exit } = useApp3();
+  const [cursor, setCursor] = useState3(0);
+  const lines = useMemo5(() => {
+    const summaryLines = overallSummary ? [
+      { key: "summary", type: "summary", text: overallSummary },
+      { key: "spacer:summary", type: "spacer" }
+    ] : [];
+    const sessionLines = items.flatMap((item, idx) => {
+      const group = groups.find((g) => g.sessionName === item.sessionName);
+      const allPanes = group?.tabs.flatMap((t) => t.panes) ?? [];
+      const paneLines = item.panes.map((paneSummary) => {
+        const matched = allPanes.find(
+          (p) => (p.claudeTitle ?? p.pane.title) === paneSummary.paneTitle
+        );
+        const statusLabel = matched?.claudeStatus ? SESSION_STATUS_LABEL[matched.claudeStatus] : void 0;
+        const statusColor = matched?.claudeStatus ? SESSION_STATUS_COLOR[matched.claudeStatus] : void 0;
+        return {
+          key: `p:${item.sessionName}:${paneSummary.paneTitle}`,
+          type: "pane",
+          statusLabel,
+          statusColor,
+          description: paneSummary.description
+        };
+      });
+      const spacer = idx > 0 ? [{ key: `spacer:${item.sessionName}`, type: "spacer" }] : [];
+      return [
+        ...spacer,
+        { key: `s:${item.sessionName}`, type: "session", sessionName: item.sessionName },
+        ...paneLines
+      ];
+    });
+    return [...summaryLines, ...sessionLines];
+  }, [overallSummary, items, groups]);
+  const clampedCursor = cursor >= lines.length ? Math.max(0, lines.length - 1) : cursor;
+  if (clampedCursor !== cursor) {
+    setCursor(clampedCursor);
+  }
+  const reservedLines = 3;
+  const { scrollOffset, visibleCount } = useScroll(
+    clampedCursor,
+    lines.length,
+    availableRows - reservedLines
+  );
+  const visibleLines = useMemo5(
+    () => lines.slice(scrollOffset, scrollOffset + visibleCount),
+    [lines, scrollOffset, visibleCount]
+  );
+  const moveCursor = useCallback3(
+    (next) => {
+      setCursor(Math.max(0, Math.min(lines.length - 1, next)));
+    },
+    [lines.length]
+  );
+  useInput3(
+    (input, key) => {
+      if (input === "q") {
+        exit();
+        return;
+      }
+      if (key.escape || key.leftArrow) {
+        onBack();
+        return;
+      }
+      if (key.upArrow) {
+        moveCursor(clampedCursor - 1);
+        return;
+      }
+      if (key.downArrow) {
+        moveCursor(clampedCursor + 1);
+      }
+    },
+    { isActive: isFocused }
+  );
+  return /* @__PURE__ */ jsxs5(
+    Box7,
+    {
+      flexDirection: "column",
+      height: availableRows,
+      borderStyle: "round",
+      borderColor: isFocused ? "green" : "gray",
+      children: [
+        /* @__PURE__ */ jsxs5(Box7, { paddingLeft: 1, gap: 1, children: [
+          /* @__PURE__ */ jsx7(Text7, { bold: true, color: isFocused ? "green" : "gray", children: "Overview" }),
+          isLoading && /* @__PURE__ */ jsx7(Spinner, { label: "" })
+        ] }),
+        /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: lines.length === 0 && !isLoading ? /* @__PURE__ */ jsx7(Box7, { paddingLeft: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "No sessions." }) }) : visibleLines.map((line, i) => {
+          const globalIndex = scrollOffset + i;
+          const isHighlighted = isFocused && globalIndex === clampedCursor;
+          if (line.type === "spacer") {
+            return /* @__PURE__ */ jsx7(Box7, { height: 1 }, line.key);
+          }
+          if (line.type === "summary") {
+            return /* @__PURE__ */ jsx7(Box7, { paddingLeft: 1, children: /* @__PURE__ */ jsx7(Text7, { color: isHighlighted ? "green" : void 0, wrap: "wrap", children: line.text }) }, line.key);
+          }
+          if (line.type === "session") {
+            return /* @__PURE__ */ jsx7(Box7, { paddingLeft: 1, children: /* @__PURE__ */ jsx7(Text7, { color: isHighlighted ? "green" : "cyan", children: line.sessionName }) }, line.key);
+          }
+          return /* @__PURE__ */ jsxs5(Box7, { paddingLeft: 3, gap: 1, children: [
+            line.statusLabel ? /* @__PURE__ */ jsxs5(Text7, { color: isHighlighted ? "green" : line.statusColor, children: [
+              "[",
+              line.statusLabel,
+              "]"
+            ] }) : /* @__PURE__ */ jsx7(Text7, { color: isHighlighted ? "green" : "gray", children: "[--]" }),
+            /* @__PURE__ */ jsx7(Text7, { color: isHighlighted ? "green" : void 0, wrap: "wrap", children: line.description })
+          ] }, line.key);
+        }) })
+      ]
+    }
+  );
+};
+
 // src/components/ConfirmView.tsx
-import { Box as Box7, Text as Text7, useInput as useInput3 } from "ink";
+import { Box as Box8, Text as Text8, useInput as useInput4 } from "ink";
 
 // src/hooks/use-terminal-size.ts
 import { useStdout } from "ink";
-import { useEffect, useState as useState3 } from "react";
+import { useEffect, useState as useState4 } from "react";
 var useTerminalSize = () => {
   const { stdout } = useStdout();
-  const [size, setSize] = useState3({
+  const [size, setSize] = useState4({
     rows: stdout.rows ?? 24,
     columns: stdout.columns ?? 80
   });
@@ -911,12 +1199,12 @@ var useTerminalSize = () => {
 };
 
 // src/components/ConfirmView.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var ConfirmView = ({ selectedDir, prompt, onConfirm, onCancel }) => {
   const { rows } = useTerminalSize();
   const previewLines = prompt.split("\n");
   const maxPreview = Math.min(previewLines.length, rows - 6);
-  useInput3((_input, key) => {
+  useInput4((_input, key) => {
     if (key.return) {
       onConfirm();
       return;
@@ -925,30 +1213,30 @@ var ConfirmView = ({ selectedDir, prompt, onConfirm, onCancel }) => {
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsxs4(Box7, { flexDirection: "column", height: rows, children: [
-    /* @__PURE__ */ jsx7(Header, { title: `${APP_TITLE} \u2014 ${selectedDir}` }),
-    /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text7, { bold: true, children: "New Claude session:" }) }),
-    /* @__PURE__ */ jsxs4(Box7, { flexDirection: "column", flexGrow: 1, overflow: "hidden", paddingLeft: 2, children: [
-      previewLines.slice(0, maxPreview).map((line, i) => /* @__PURE__ */ jsx7(Text7, { color: "white", children: line }, i)),
-      previewLines.length > maxPreview && /* @__PURE__ */ jsxs4(Text7, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs6(Box8, { flexDirection: "column", height: rows, children: [
+    /* @__PURE__ */ jsx8(Header, { title: `${APP_TITLE} \u2014 ${selectedDir}` }),
+    /* @__PURE__ */ jsx8(Box8, { marginBottom: 1, children: /* @__PURE__ */ jsx8(Text8, { bold: true, children: "New Claude session:" }) }),
+    /* @__PURE__ */ jsxs6(Box8, { flexDirection: "column", flexGrow: 1, overflow: "hidden", paddingLeft: 2, children: [
+      previewLines.slice(0, maxPreview).map((line, i) => /* @__PURE__ */ jsx8(Text8, { color: "white", children: line }, i)),
+      previewLines.length > maxPreview && /* @__PURE__ */ jsxs6(Text8, { dimColor: true, children: [
         "... (",
         previewLines.length - maxPreview,
         " more lines)"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4(Box7, { gap: 2, children: [
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Enter confirm" }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Esc cancel" })
+    /* @__PURE__ */ jsxs6(Box8, { gap: 2, children: [
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Enter confirm" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Esc cancel" })
     ] })
   ] });
 };
 
 // src/components/DeleteSessionView.tsx
-import { Box as Box8, Text as Text8, useInput as useInput4 } from "ink";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box9, Text as Text9, useInput as useInput5 } from "ink";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var DeleteSessionView = ({ sessionName, paneCount, onConfirm, onCancel }) => {
   const { rows } = useTerminalSize();
-  useInput4((_input, key) => {
+  useInput5((_input, key) => {
     if (key.return) {
       onConfirm();
       return;
@@ -957,33 +1245,33 @@ var DeleteSessionView = ({ sessionName, paneCount, onConfirm, onCancel }) => {
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsxs5(Box8, { flexDirection: "column", height: rows, children: [
-    /* @__PURE__ */ jsx8(Header, { title: APP_TITLE }),
-    /* @__PURE__ */ jsxs5(Box8, { flexDirection: "column", gap: 1, paddingLeft: 2, children: [
-      /* @__PURE__ */ jsx8(Text8, { bold: true, color: "red", children: "Delete session?" }),
-      /* @__PURE__ */ jsxs5(Text8, { children: [
+  return /* @__PURE__ */ jsxs7(Box9, { flexDirection: "column", height: rows, children: [
+    /* @__PURE__ */ jsx9(Header, { title: APP_TITLE }),
+    /* @__PURE__ */ jsxs7(Box9, { flexDirection: "column", gap: 1, paddingLeft: 2, children: [
+      /* @__PURE__ */ jsx9(Text9, { bold: true, color: "red", children: "Delete session?" }),
+      /* @__PURE__ */ jsxs7(Text9, { children: [
         "Session: ",
-        /* @__PURE__ */ jsx8(Text8, { bold: true, children: sessionName })
+        /* @__PURE__ */ jsx9(Text9, { bold: true, children: sessionName })
       ] }),
-      /* @__PURE__ */ jsxs5(Text8, { children: [
+      /* @__PURE__ */ jsxs7(Text9, { children: [
         "Panes: ",
-        /* @__PURE__ */ jsx8(Text8, { bold: true, children: paneCount })
+        /* @__PURE__ */ jsx9(Text9, { bold: true, children: paneCount })
       ] }),
-      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "All processes in this session will be terminated." })
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "All processes in this session will be terminated." })
     ] }),
-    /* @__PURE__ */ jsx8(Box8, { flexGrow: 1 }),
-    /* @__PURE__ */ jsxs5(Box8, { gap: 2, children: [
-      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Enter confirm" }),
-      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Esc cancel" })
+    /* @__PURE__ */ jsx9(Box9, { flexGrow: 1 }),
+    /* @__PURE__ */ jsxs7(Box9, { gap: 2, children: [
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Enter confirm" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Esc cancel" })
     ] })
   ] });
 };
 
 // src/components/DirectorySearchView.tsx
-import { Box as Box9, Text as Text9, useInput as useInput5 } from "ink";
-import { useMemo as useMemo4, useState as useState4 } from "react";
+import { Box as Box10, Text as Text10, useInput as useInput6 } from "ink";
+import { useMemo as useMemo6, useState as useState5 } from "react";
 import { basename } from "node:path";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var formatPath = (path) => {
   const home = process.env["HOME"] ?? "";
   if (home && path.startsWith(home)) {
@@ -993,9 +1281,9 @@ var formatPath = (path) => {
 };
 var DirectorySearchView = ({ directories, onSelect, onCancel }) => {
   const { rows } = useTerminalSize();
-  const [query, setQuery] = useState4("");
-  const [cursor, setCursor] = useState4(0);
-  const filtered = useMemo4(() => {
+  const [query, setQuery] = useState5("");
+  const [cursor, setCursor] = useState5(0);
+  const filtered = useMemo6(() => {
     if (!query) return directories;
     const lower = query.toLowerCase();
     return directories.filter((d) => {
@@ -1010,11 +1298,11 @@ var DirectorySearchView = ({ directories, onSelect, onCancel }) => {
   }
   const listHeight = rows - 6;
   const { scrollOffset, visibleCount } = useScroll(clampedCursor, filtered.length, listHeight);
-  const visibleItems = useMemo4(
+  const visibleItems = useMemo6(
     () => filtered.slice(scrollOffset, scrollOffset + visibleCount),
     [filtered, scrollOffset, visibleCount]
   );
-  useInput5((input, key) => {
+  useInput6((input, key) => {
     if (key.escape) {
       onCancel();
       return;
@@ -1042,33 +1330,50 @@ var DirectorySearchView = ({ directories, onSelect, onCancel }) => {
       setCursor(0);
     }
   });
-  return /* @__PURE__ */ jsxs6(Box9, { flexDirection: "column", height: rows, children: [
-    /* @__PURE__ */ jsx9(Header, { title: `${APP_TITLE} \u2014 Add Session` }),
-    /* @__PURE__ */ jsxs6(Box9, { paddingLeft: 1, gap: 1, children: [
-      /* @__PURE__ */ jsx9(Text9, { bold: true, children: ">" }),
-      /* @__PURE__ */ jsx9(Text9, { children: query }),
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: query ? "" : "type to filter..." })
+  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", height: rows, children: [
+    /* @__PURE__ */ jsx10(Header, { title: `${APP_TITLE} \u2014 Add Session` }),
+    /* @__PURE__ */ jsxs8(Box10, { paddingLeft: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: ">" }),
+      /* @__PURE__ */ jsx10(Text10, { children: query }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: query ? "" : "type to filter..." })
     ] }),
-    /* @__PURE__ */ jsx9(Box9, { paddingLeft: 1, children: /* @__PURE__ */ jsxs6(Text9, { dimColor: true, children: [
+    /* @__PURE__ */ jsx10(Box10, { paddingLeft: 1, children: /* @__PURE__ */ jsxs8(Text10, { dimColor: true, children: [
       filtered.length,
       "/",
       directories.length
     ] }) }),
-    /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: visibleItems.map((dir, i) => {
+    /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: visibleItems.map((dir, i) => {
       const globalIndex = scrollOffset + i;
       const isHighlighted = globalIndex === clampedCursor;
-      return /* @__PURE__ */ jsxs6(Box9, { paddingLeft: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx9(Text9, { color: isHighlighted ? "green" : void 0, children: isHighlighted ? "\u25B6" : " " }),
-        /* @__PURE__ */ jsx9(Text9, { color: isHighlighted ? "green" : void 0, bold: isHighlighted, children: formatPath(dir) })
+      return /* @__PURE__ */ jsxs8(Box10, { paddingLeft: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx10(Text10, { color: isHighlighted ? "green" : void 0, children: isHighlighted ? "\u25B6" : " " }),
+        /* @__PURE__ */ jsx10(Text10, { color: isHighlighted ? "green" : void 0, bold: isHighlighted, children: formatPath(dir) })
       ] }, dir);
     }) }),
-    /* @__PURE__ */ jsxs6(Box9, { gap: 2, children: [
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Enter select" }),
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Esc cancel" })
+    /* @__PURE__ */ jsxs8(Box10, { gap: 2, children: [
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Enter select" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Esc cancel" })
     ] })
   ] });
 };
 
+// src/hooks/use-interval.ts
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
+var useInterval = (fn, intervalMs, enabled = true) => {
+  const fnRef = useRef2(fn);
+  fnRef.current = fn;
+  useEffect2(() => {
+    if (!enabled) return;
+    fnRef.current();
+    const timer = setInterval(() => {
+      fnRef.current();
+    }, intervalMs);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [intervalMs, enabled]);
+};
+
 // src/utils/PromiseUtils.ts
 var swallow = async (fn) => {
   try {
@@ -1078,7 +1383,7 @@ var swallow = async (fn) => {
 };
 
 // src/components/ManagerView.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var MODE = {
   split: "split",
   confirm: "confirm",
@@ -1087,9 +1392,11 @@ var MODE = {
 };
 var FOCUS = {
   left: "left",
-  right: "right"
+  right: "right",
+  bottom: "bottom"
 };
 var POLL_INTERVAL = 3e3;
+var OVERVIEW_POLL_INTERVAL = 6e4;
 var ManagerView = ({
   actions,
   currentSession,
@@ -1099,16 +1406,22 @@ var ManagerView = ({
   restoredCwd
 }) => {
   const { rows, columns } = useTerminalSize();
-  const [sessionsState, setSessionsState] = useState5({
+  const [sessionsState, setSessionsState] = useState6({
     sessions: [],
     isLoading: true
   });
-  const [mode, setMode] = useState5(restoredPrompt ? MODE.confirm : MODE.split);
-  const [focus, setFocus] = useState5(FOCUS.left);
-  const [selectedSession, setSelectedSession] = useState5(restoredSession);
-  const [pendingPrompt, setPendingPrompt] = useState5(restoredPrompt ?? "");
-  const [pendingDeleteSession, setPendingDeleteSession] = useState5(void 0);
-  const refresh = useCallback3(async () => {
+  const [mode, setMode] = useState6(restoredPrompt ? MODE.confirm : MODE.split);
+  const [focus, setFocus] = useState6(FOCUS.left);
+  const [selectedSession, setSelectedSession] = useState6(restoredSession);
+  const [pendingPrompt, setPendingPrompt] = useState6(restoredPrompt ?? "");
+  const [pendingDeleteSession, setPendingDeleteSession] = useState6(void 0);
+  const [overviewResult, setOverviewResult] = useState6({
+    overallSummary: "",
+    sessions: []
+  });
+  const [overviewLoading, setOverviewLoading] = useState6(true);
+  const overviewInFlightRef = useRef3(false);
+  const refresh = useCallback4(async () => {
     try {
       const fetched = await actions.fetchSessions();
       setSessionsState((prev) => {
@@ -1122,31 +1435,51 @@ var ManagerView = ({
       setSessionsState((prev) => ({ ...prev, isLoading: false }));
     }
   }, [actions]);
-  useEffect2(() => {
-    void refresh();
-    const timer = setInterval(() => {
-      void refresh();
-    }, POLL_INTERVAL);
-    return () => {
-      clearInterval(timer);
-    };
-  }, [refresh]);
+  useInterval(() => void refresh(), POLL_INTERVAL);
+  useInterval(
+    () => {
+      if (overviewInFlightRef.current) return;
+      overviewInFlightRef.current = true;
+      setOverviewLoading(true);
+      void actions.fetchOverview(sessionsState.sessions).then((result) => {
+        setOverviewResult(result);
+      }).catch(() => {
+      }).finally(() => {
+        setOverviewLoading(false);
+        overviewInFlightRef.current = false;
+      });
+    },
+    OVERVIEW_POLL_INTERVAL,
+    !sessionsState.isLoading
+  );
   const resolvedSession = selectedSession ?? sessionsState.sessions[0]?.name;
-  const selectedManagedSession = useMemo5(
+  const selectedManagedSession = useMemo7(
     () => sessionsState.sessions.find((s) => s.name === resolvedSession),
     [sessionsState.sessions, resolvedSession]
   );
-  const selectedGroup = useMemo5(() => {
+  const selectedGroup = useMemo7(() => {
     if (!selectedManagedSession) return void 0;
     return {
       sessionName: selectedManagedSession.name,
       tabs: selectedManagedSession.groups.flatMap((g) => g.tabs)
     };
   }, [selectedManagedSession]);
-  const handleOpenAddSession = useCallback3(() => {
+  const allGroups = useMemo7(
+    () => sessionsState.sessions.flatMap((s) => s.groups),
+    [sessionsState.sessions]
+  );
+  const statusCounts = useMemo7(
+    () => allGroups.flatMap((g) => g.tabs).flatMap((t) => t.panes).filter((p) => p.kind === "claude" && p.claudeStatus).reduce((acc, p) => {
+      const s = p.claudeStatus;
+      if (!s) return acc;
+      return { ...acc, [s]: (acc[s] ?? 0) + 1 };
+    }, {}),
+    [allGroups]
+  );
+  const handleOpenAddSession = useCallback4(() => {
     setMode(MODE.addSession);
   }, []);
-  const handleAddSessionSelect = useCallback3((path) => {
+  const handleAddSessionSelect = useCallback4((path) => {
     const name = basename2(path);
     setSessionsState((prev) => {
       const exists2 = prev.sessions.some((s) => s.name === name);
@@ -1159,14 +1492,14 @@ var ManagerView = ({
     setSelectedSession(name);
     setMode(MODE.split);
   }, []);
-  const handleCancelAddSession = useCallback3(() => {
+  const handleCancelAddSession = useCallback4(() => {
     setMode(MODE.split);
   }, []);
-  const handleDeleteSession = useCallback3((name) => {
+  const handleDeleteSession = useCallback4((name) => {
     setPendingDeleteSession(name);
     setMode(MODE.deleteSession);
   }, []);
-  const handleConfirmDelete = useCallback3(() => {
+  const handleConfirmDelete = useCallback4(() => {
     if (!pendingDeleteSession) return;
     const session = sessionsState.sessions.find((s) => s.name === pendingDeleteSession);
     setSessionsState((prev) => ({
@@ -1185,11 +1518,11 @@ var ManagerView = ({
     setPendingDeleteSession(void 0);
     setMode(MODE.split);
   }, [pendingDeleteSession, resolvedSession, sessionsState.sessions, actions, refresh]);
-  const handleCancelDelete = useCallback3(() => {
+  const handleCancelDelete = useCallback4(() => {
     setPendingDeleteSession(void 0);
     setMode(MODE.split);
   }, []);
-  const handleNewSession = useCallback3(
+  const handleNewSession = useCallback4(
     (sessionName) => {
       const cwd = selectedManagedSession?.path;
       if (!cwd) return;
@@ -1197,7 +1530,7 @@ var ManagerView = ({
     },
     [actions, selectedManagedSession]
   );
-  const handleConfirmNew = useCallback3(() => {
+  const handleConfirmNew = useCallback4(() => {
     if (!resolvedSession) return;
     const cwd = restoredCwd ?? selectedManagedSession?.path;
     if (!cwd) return;
@@ -1205,53 +1538,53 @@ var ManagerView = ({
     setPendingPrompt("");
     setMode(MODE.split);
   }, [resolvedSession, restoredCwd, selectedManagedSession, pendingPrompt, actions, refresh]);
-  const handleCancelConfirm = useCallback3(() => {
+  const handleCancelConfirm = useCallback4(() => {
     setPendingPrompt("");
     setMode(MODE.split);
   }, []);
-  const handleSessionSelect = useCallback3((name) => {
+  const handleSessionSelect = useCallback4((name) => {
     setSelectedSession(name);
     setFocus(FOCUS.right);
   }, []);
-  const handleSessionCursorChange = useCallback3((name) => {
+  const handleSessionCursorChange = useCallback4((name) => {
     setSelectedSession(name);
   }, []);
-  const handleNavigate = useCallback3(
+  const handleNavigate = useCallback4(
     (up) => {
       void actions.navigateToPane(up);
     },
     [actions]
   );
-  const handleBack = useCallback3(() => {
+  const handleBack = useCallback4(() => {
     setFocus(FOCUS.left);
   }, []);
-  const handleKillPane = useCallback3(
+  const handleKillPane = useCallback4(
     async (paneId) => {
       await swallow(() => actions.killPane(paneId));
       void refresh();
     },
     [actions, refresh]
   );
-  const handleHighlight = useCallback3(
+  const handleHighlight = useCallback4(
     async (up) => {
       await swallow(() => actions.highlightWindow(up));
     },
     [actions]
   );
-  const handleUnhighlight = useCallback3(
+  const handleUnhighlight = useCallback4(
     async (up) => {
       await swallow(() => actions.unhighlightWindow(up));
     },
     [actions]
   );
   if (sessionsState.isLoading) {
-    return /* @__PURE__ */ jsxs7(Box10, { flexDirection: "column", height: rows, children: [
-      /* @__PURE__ */ jsx10(Header, { title: `${APP_TITLE} v${APP_VERSION}` }),
-      /* @__PURE__ */ jsx10(StatusBar, { message: "Loading...", type: "info" })
+    return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", height: rows, children: [
+      /* @__PURE__ */ jsx11(Header, { title: `${APP_TITLE} v${APP_VERSION}` }),
+      /* @__PURE__ */ jsx11(StatusBar, { message: "Loading...", type: "info" })
     ] });
   }
   if (mode === MODE.addSession) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       DirectorySearchView,
       {
         directories,
@@ -1266,7 +1599,7 @@ var ManagerView = ({
       (sum, g) => sum + g.tabs.reduce((s, t) => s + t.panes.length, 0),
       0
     ) ?? 0;
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       DeleteSessionView,
       {
         sessionName: pendingDeleteSession,
@@ -1277,7 +1610,7 @@ var ManagerView = ({
     );
   }
   if (mode === MODE.confirm && pendingPrompt) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       ConfirmView,
       {
         selectedDir: resolvedSession ?? "",
@@ -1287,26 +1620,29 @@ var ManagerView = ({
       }
     );
   }
-  const panelHeight = rows - 5;
+  const fixedRows = 3;
+  const contentHeight = rows - fixedRows;
+  const topHeight = Math.floor(contentHeight / 2);
+  const bottomHeight = contentHeight - topHeight;
   const leftWidth = Math.floor(columns / 3);
   const rightWidth = columns - leftWidth;
-  return /* @__PURE__ */ jsxs7(Box10, { flexDirection: "column", height: rows, children: [
-    /* @__PURE__ */ jsx10(Header, { title: `${APP_TITLE} - v${APP_VERSION}` }),
-    /* @__PURE__ */ jsxs7(Box10, { flexDirection: "row", flexGrow: 1, children: [
-      /* @__PURE__ */ jsx10(
-        Box10,
+  return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", height: rows, children: [
+    /* @__PURE__ */ jsx11(Header, { title: `${APP_TITLE} - v${APP_VERSION}` }),
+    /* @__PURE__ */ jsxs9(Box11, { flexDirection: "row", height: topHeight, children: [
+      /* @__PURE__ */ jsx11(
+        Box11,
         {
           flexDirection: "column",
           width: leftWidth,
           borderStyle: "round",
           borderColor: focus === FOCUS.left ? "green" : "gray",
-          children: /* @__PURE__ */ jsx10(
+          children: /* @__PURE__ */ jsx11(
             SessionListPanel,
             {
               sessions: sessionsState.sessions,
               currentSession,
               isFocused: focus === FOCUS.left,
-              availableRows: panelHeight,
+              availableRows: topHeight - 2,
               onSelect: handleSessionSelect,
               onCursorChange: handleSessionCursorChange,
               onDeleteSession: handleDeleteSession,
@@ -1315,20 +1651,20 @@ var ManagerView = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx10(
-        Box10,
+      /* @__PURE__ */ jsx11(
+        Box11,
         {
           flexDirection: "column",
           width: rightWidth,
           borderStyle: "round",
           borderColor: focus === FOCUS.right ? "green" : "gray",
-          children: /* @__PURE__ */ jsx10(
+          children: /* @__PURE__ */ jsx11(
             PaneListPanel,
             {
               selectedSession: resolvedSession,
               group: selectedGroup,
               isFocused: focus === FOCUS.right,
-              availableRows: panelHeight,
+              availableRows: topHeight - 2,
               onNavigate: handleNavigate,
               onHighlight: handleHighlight,
               onUnhighlight: handleUnhighlight,
@@ -1340,7 +1676,25 @@ var ManagerView = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: focus === FOCUS.left ? "\u2191/\u2193 move  Enter/\u2192 select  n add  d delete  q quit" : "\u2191/\u2193 move  Enter focus  n new  d kill  Esc/\u2190 back  q quit" })
+    /* @__PURE__ */ jsx11(
+      SessionOverviewPanel,
+      {
+        overallSummary: overviewResult.overallSummary,
+        items: overviewResult.sessions,
+        groups: allGroups,
+        isLoading: overviewLoading,
+        isFocused: focus === FOCUS.bottom,
+        availableRows: bottomHeight,
+        onBack: handleBack
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      StatusBar,
+      {
+        message: focus === FOCUS.left ? "\u2191/\u2193 move  Enter/\u2192 select  n add  d delete  q quit" : focus === FOCUS.right ? "\u2191/\u2193 move  Enter focus  n new  d kill  Esc/\u2190 back  q quit" : "\u2191/\u2193 scroll  Esc/\u2190 back  q quit",
+        statusCounts
+      }
+    )
   ] });
 };
 
@@ -1380,6 +1734,10 @@ var createTuiCommand = ({ usecases, services, infra }) => async () => {
         groups: items.map((item) => item.group)
       }));
     },
+    fetchOverview: async (sessions) => {
+      const groups = sessions.flatMap((s) => s.groups);
+      return await usecases.manager.fetchOverview(groups);
+    },
     createSession: async (sessionName, cwd, prompt) => {
       await usecases.manager.createSession({ sessionName, cwd, prompt });
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "abmux",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/cut0/abmux.git"