zui-agent-manager 0.1.1 → 0.1.2

package/README.md

@@ -2,19 +2,7 @@
 
 A terminal UI for managing [Claude Code](https://docs.anthropic.com/en/docs/claude-code) agents running in tmux sessions.
 
-```
-┌─────────────────────── zui - Agent Manager ───────────────────────┐
-│                                                                    │
-│  Session                Status    Running   Preview                │
-│  ──────────────────────────────────────────────────────────────    │
-│> myapp-feat-auth        [WORK]    12m 34s   Implementing login...  │
-│  myapp-fix-api          [WAIT]    3m 12s    Allow tool use? (y/n)  │
-│  myapp-main             [IDLE]    1h 5m     >                      │
-│                                                                    │
-│ Ent:View g:Git Tab:Pane n:New y:YOLO w:Tree s:Set h:Help k:Kill  │
-└────────────────────────────────────────────────────────────────────┘
-```
-
+<img width="1728" height="1087" alt="image" src="https://github.com/user-attachments/assets/edfcb7fe-b18f-49a4-a385-e2d76bfb1a8f" />
 
 ## Features
 

package/dist/index.js

@@ -518,10 +518,64 @@ function showLazygitPane(workdir, rightWidth = 70, lazygitHeight = 40) {
 function killBottomRightPane() {
   runCommand("tmux", ["kill-pane", "-t", "{bottom-right}"]);
 }
+function closeRightPane() {
+  if (getPaneCount() <= 1) return false;
+  const baseIdx = runCommand("tmux", ["show-options", "-gv", "pane-base-index"]);
+  const first = /^\d+$/.test(baseIdx) ? baseIdx : "0";
+  return runCommandOk("tmux", ["kill-pane", "-a", "-t", `zui-manager:zui.${first}`]);
+}
+function focusBottomRightPane() {
+  runCommand("tmux", ["select-pane", "-t", "{bottom-right}"]);
+}
 function killZuiSession() {
   runCommand("tmux", ["kill-session", "-t", "zui-manager"]);
 }
 
+// src/ui/keybindings.ts
+var ALT_KEYS = [
+  "M-0",
+  "M-1",
+  "M-2",
+  "M-3",
+  "M-4",
+  "M-5",
+  "M-6",
+  "M-7",
+  "M-8",
+  "M-9",
+  "M-Enter",
+  "M-Tab",
+  "M-n",
+  "M-y",
+  "M-k",
+  "M-x",
+  "M-g",
+  "M-w",
+  "M-s",
+  "M-h",
+  "M-q",
+  "M-c"
+];
+function getFirstPaneIndex() {
+  const result = runCommand("tmux", ["show-options", "-gv", "pane-base-index"]);
+  return /^\d+$/.test(result) ? result : "0";
+}
+function registerAltBindings() {
+  const first = getFirstPaneIndex();
+  const condition = `[ "#{session_name}" = "zui-manager" ] && [ "#{pane_index}" != "${first}" ]`;
+  for (const key of ALT_KEYS) {
+    const target = `zui-manager:zui.${first}`;
+    const action = key === "M-Tab" ? `select-pane -t ${target}` : `send-keys -t ${target} ${key}`;
+    const fallback = `send-keys ${key}`;
+    runCommandOk("tmux", ["bind-key", "-n", key, "if-shell", condition, action, fallback]);
+  }
+}
+function unregisterAltBindings() {
+  for (const key of ALT_KEYS) {
+    runCommandOk("tmux", ["unbind-key", "-n", key]);
+  }
+}
+
 // src/ui/Header.tsx
 import { Box, Text } from "ink";
 import { jsx } from "react/jsx-runtime";
@@ -533,7 +587,7 @@ function Header() {
 import { Box as Box2, Text as Text2 } from "ink";
 import { jsx as jsx2 } from "react/jsx-runtime";
 function Footer() {
-  return /* @__PURE__ */ jsx2(Box2, { justifyContent: "center", width: "100%", children: /* @__PURE__ */ jsx2(Text2, { backgroundColor: "cyan", color: "black", children: " 1-9:Jump Ent:View g:Git Tab:Pane n:New y:YOLO w:Tree s:Set h:Help k:Kill q:Quit " }) });
+  return /* @__PURE__ */ jsx2(Box2, { justifyContent: "center", width: "100%", children: /* @__PURE__ */ jsx2(Text2, { backgroundColor: "cyan", color: "black", children: " 1-9:Jump Ent:View g:Git Tab:Pane n:New y:YOLO w:Tree s:Set h:Help k:Kill q:Quit Alt:Remote " }) });
 }
 
 // src/ui/SessionList.tsx
@@ -781,6 +835,18 @@ var sections = [
     ["r", "Refresh session list"],
     ["h", "This help screen"],
     ["q/Esc", "Quit ZUI"]
+  ] },
+  { title: "Remote Control (from session pane)", items: [
+    ["Alt+1-9", "Jump to session by index"],
+    ["Alt+0", "Jump to session 10"],
+    ["Alt+Enter", "View selected session"],
+    ["Alt+Tab", "Toggle focus (ZUI \u2194 pane)"],
+    ["Alt+n/y", "New / YOLO session"],
+    ["Alt+k", "Kill selected session"],
+    ["Alt+g", "Show + focus lazygit"],
+    ["Alt+w", "Create worktree"],
+    ["Alt+c", "Close right pane"],
+    ["Alt+q", "Quit ZUI"]
   ] }
 ];
 function HelpDialog({ onClose }) {
@@ -865,6 +931,65 @@ function App({ config: initialConfig, initialFocus }) {
     }
   }, [sessions, selected]);
   useInput6((input, key) => {
+    if (key.meta && key.return && sessions.length > 0) {
+      viewSession();
+      return;
+    }
+    if (key.meta && input.length > 0) {
+      if (/^[0-9]$/.test(input) && sessions.length > 0) {
+        const idx = input === "0" ? 9 : parseInt(input, 10) - 1;
+        if (idx < sessions.length) {
+          setSelected(idx);
+          const session = sessions[idx];
+          if (showSessionInPane(session.name, config)) {
+            focusRightPane();
+            setStatus(`Showing: ${session.name}`);
+          }
+        }
+        return;
+      }
+      if (input === "q") {
+        shutdownZui();
+        return;
+      }
+      if (input === "n") {
+        launchSession(false);
+        return;
+      }
+      if (input === "y") {
+        launchSession(true);
+        return;
+      }
+      if (input === "k" && sessions.length > 0) {
+        killSessionAction();
+        return;
+      }
+      if (input === "x") {
+        cleanupWorktree();
+        return;
+      }
+      if (input === "g" && sessions.length > 0) {
+        showLazygitFromRemote();
+        return;
+      }
+      if (input === "w") {
+        createWorktreeAction();
+        return;
+      }
+      if (input === "s") {
+        setDialog({ type: "settings" });
+        return;
+      }
+      if (input === "h") {
+        setDialog({ type: "help" });
+        return;
+      }
+      if (input === "c") {
+        if (closeRightPane()) setStatus("Pane closed");
+        return;
+      }
+      return;
+    }
     if (dialog.type !== "none") return;
     if (sessions.length > 0 && /^[1-9]$/.test(input)) {
       const idx = parseInt(input, 10) - 1;
@@ -879,8 +1004,7 @@ function App({ config: initialConfig, initialFocus }) {
       return;
     }
     if (input === "q" || key.escape) {
-      killZuiSession();
-      exit();
+      shutdownZui();
       return;
     }
     if (input === "r") {
@@ -906,6 +1030,11 @@ function App({ config: initialConfig, initialFocus }) {
     if (input === "h") setDialog({ type: "help" });
     if (key.tab) focusRightPane();
   });
+  function shutdownZui() {
+    unregisterAltBindings();
+    killZuiSession();
+    exit();
+  }
   function viewSession() {
     const session = sessions[selected];
     if (!session) return;
@@ -916,6 +1045,33 @@ function App({ config: initialConfig, initialFocus }) {
       setStatus("Error: Failed to open pane");
     }
   }
+  function showLazygitFromRemote() {
+    const numPanes = getPaneCount();
+    const session = sessions[selected];
+    if (!session) return;
+    if (numPanes >= 3) {
+      focusBottomRightPane();
+      return;
+    }
+    const workdir = getSessionWorkdir(session.name, config);
+    if (!workdir) {
+      setStatus("Error: Can't find session workdir");
+      return;
+    }
+    if (numPanes < 2) {
+      if (showSessionInPane(session.name, config)) {
+        setTimeout(() => {
+          showLazygitPane(workdir, config.layoutRightWidth, config.layoutLazygitHeight);
+          focusBottomRightPane();
+          setStatus(`View + Git: ${session.name}`);
+        }, 200);
+      }
+    } else {
+      showLazygitPane(workdir, config.layoutRightWidth, config.layoutLazygitHeight);
+      focusBottomRightPane();
+      setStatus(`Git: ${workdir.split("/").pop()}`);
+    }
+  }
   function launchSession(yolo) {
     const refreshedProjects = discoverProjects(config);
     setProjects(refreshedProjects);
@@ -1223,6 +1379,16 @@ function main() {
   }
   const initialFocus = focusArg ? parseInt(focusArg, 10) : void 0;
   const config = loadConfig();
+  registerAltBindings();
+  process2.on("exit", () => unregisterAltBindings());
+  process2.on("SIGINT", () => {
+    unregisterAltBindings();
+    process2.exit();
+  });
+  process2.on("SIGTERM", () => {
+    unregisterAltBindings();
+    process2.exit();
+  });
   render(React5.createElement(App, { config, initialFocus }));
 }
 main();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zui-agent-manager",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "TUI for managing AI coding agents (Claude Code) in tmux sessions",
   "type": "module",
   "bin": {