@ogpoyraz/wtx 0.8.8 → 0.8.9

package/dist/cli.mjs

@@ -14672,7 +14672,7 @@ function getVersion() {
     return "0.0.0";
   }
 }
-var DepsManagerEnum, DepsStrategyEnum, DepsConfigSchema, AgentConfigSchema, PortsConfigSchema, LEGACY_REPO_KEYS, RepoConfigSchema, ConfigSchema, VERSION;
+var DepsManagerEnum, DepsStrategyEnum, DepsConfigSchema, AgentConfigSchema, PortsConfigSchema, TuiConfigSchema, LEGACY_REPO_KEYS, RepoConfigSchema, ConfigSchema, VERSION;
 var init_types = __esm(() => {
   init_v4();
   DepsManagerEnum = exports_external.enum(["auto", "npm", "bun", "pnpm", "yarn", "go", "python", "cargo"]);
@@ -14688,6 +14688,10 @@ var init_types = __esm(() => {
     min: exports_external.number().int().min(1024).max(65535).default(4100),
     max: exports_external.number().int().min(1024).max(65535).default(4999)
   }).refine((v) => v.min <= v.max, { message: "ports.min must be less than or equal to ports.max" });
+  TuiConfigSchema = exports_external.object({
+    leftPaneWidthWeight: exports_external.number().int().min(1).max(10).default(3),
+    rightPaneWidthWeight: exports_external.number().int().min(1).max(10).default(7)
+  });
   LEGACY_REPO_KEYS = {
     pr: "check_prs",
     forge: "forge_provider",
@@ -14730,7 +14734,8 @@ var init_types = __esm(() => {
     user: exports_external.string().trim().min(1, { message: "must not be empty if provided" }).nullable().default(null),
     repos: exports_external.record(exports_external.string().regex(/^[a-zA-Z0-9][a-zA-Z0-9._-]*$/, "Invalid repo key format"), RepoConfigSchema),
     agents: exports_external.record(exports_external.string().regex(/^[a-z][a-z0-9_-]*$/, "Agent names must be lowercase alphanumeric with dashes/underscores"), AgentConfigSchema).optional(),
-    ports: PortsConfigSchema.default({ min: 4100, max: 4999 })
+    ports: PortsConfigSchema.default({ min: 4100, max: 4999 }),
+    tui: TuiConfigSchema.default({ leftPaneWidthWeight: 3, rightPaneWidthWeight: 7 })
   });
   VERSION = getVersion();
 });
@@ -25010,80 +25015,6 @@ var init_owner = __esm(() => {
   init_git();
 });
 
-// src/lib/agents.ts
-function resolveAgentCommand(name, configured) {
-  return configured?.[name]?.command ?? DEFAULT_AGENTS[name] ?? null;
-}
-function listAvailableAgents(configured) {
-  return [...new Set([...Object.keys(DEFAULT_AGENTS), ...Object.keys(configured ?? {})])];
-}
-async function isTmuxAvailable() {
-  if (tmuxAvailable !== undefined)
-    return tmuxAvailable;
-  try {
-    await execa("tmux", ["-V"]);
-    tmuxAvailable = true;
-  } catch {
-    tmuxAvailable = false;
-  }
-  return tmuxAvailable;
-}
-function tmuxSessionName(repoName, branch) {
-  const sanitized = `${repoName}-${branch}`.replace(/[\/.:]/g, "-");
-  return `wtx-${sanitized}`.substring(0, 60);
-}
-function buildTmuxArgs(session, wtPath, cmd) {
-  return ["new-session", "-d", "-s", session, "-c", wtPath, cmd];
-}
-async function spawnAgentInWorktree(commandTemplate, wtPath, opts = {}) {
-  const cmd = buildAgentCommand(commandTemplate, wtPath, opts.prompt, {
-    branch: opts.branch,
-    repo: opts.repoName
-  });
-  const session = opts.repoName && opts.branch ? tmuxSessionName(opts.repoName, opts.branch) : undefined;
-  if (opts.dryRun) {
-    if (session && await isTmuxAvailable()) {
-      return { mode: "tmux", session };
-    }
-    return { mode: "direct" };
-  }
-  if (session && await isTmuxAvailable()) {
-    try {
-      const args = buildTmuxArgs(session, wtPath, cmd);
-      await execa("tmux", args, { stdio: "inherit" });
-      return { mode: "tmux", session };
-    } catch {}
-  }
-  await execa(cmd, { shell: true, cwd: wtPath, stdio: "inherit" });
-  return { mode: "direct" };
-}
-function shellQuote(value) {
-  return `'${value.replaceAll("'", `'''`)}'`;
-}
-function buildAgentCommand(commandTemplate, wtPath, prompt, vars) {
-  let cmd = commandTemplate.replaceAll("{wt}", shellQuote(wtPath));
-  if (vars?.branch) {
-    cmd = cmd.replaceAll("{branch}", shellQuote(vars.branch));
-  }
-  if (vars?.repo) {
-    cmd = cmd.replaceAll("{repo}", shellQuote(vars.repo));
-  }
-  if (prompt) {
-    cmd += ` ${shellQuote(prompt)}`;
-  }
-  return cmd;
-}
-var DEFAULT_AGENTS, tmuxAvailable = undefined;
-var init_agents = __esm(() => {
-  init_execa();
-  DEFAULT_AGENTS = {
-    claude: "claude",
-    codex: "codex",
-    opencode: "opencode",
-    cursor: "cursor"
-  };
-});
-
 // src/lib/forge/types.ts
 function displayStateRank(state) {
   return DISPLAY_PRIORITY.indexOf(state);
@@ -25935,28 +25866,133 @@ var init_WorktreeTable = __esm(() => {
   init_use_tap();
 });
 
-// src/tui/components/DetailPane.tsx
-import { jsx as jsx2, jsxs as jsxs2, Fragment } from "@opentui/react/jsx-runtime";
-function DetailPane({ selectedRow }) {
+// src/tui/tabs/TabBar.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "@opentui/react/jsx-runtime";
+function TabItem({
+  id,
+  label,
+  closable,
+  active,
+  onSelect,
+  onClose
+}) {
+  const tap = useTapHandler(() => onSelect(id));
+  const closeTap = useTapHandler((e) => {
+    e.stopPropagation();
+    onClose?.(id);
+  });
+  return /* @__PURE__ */ jsxs2("box", {
+    flexDirection: "row",
+    paddingRight: 1,
+    ...tap,
+    children: [
+      /* @__PURE__ */ jsx2("text", {
+        fg: active ? tokens.accent : tokens.dim,
+        attributes: active ? 1 : 0,
+        children: label
+      }),
+      closable ? /* @__PURE__ */ jsx2("box", {
+        ...closeTap,
+        style: { marginLeft: 1 },
+        children: /* @__PURE__ */ jsx2("text", {
+          fg: active ? tokens.accent : tokens.dim,
+          children: "✕"
+        })
+      }) : null,
+      /* @__PURE__ */ jsx2("text", {
+        children: " "
+      })
+    ]
+  });
+}
+function TabBar({ tabs, activeId, onSelect, onClose }) {
+  return /* @__PURE__ */ jsx2("box", {
+    flexDirection: "row",
+    width: "100%",
+    alignItems: "center",
+    paddingLeft: 1,
+    children: tabs.map((tab) => /* @__PURE__ */ jsx2(TabItem, {
+      id: tab.id,
+      label: tab.label,
+      closable: tab.closable,
+      active: tab.id === activeId,
+      onSelect,
+      onClose
+    }, tab.id))
+  });
+}
+var init_TabBar = __esm(() => {
+  init_theme();
+  init_use_tap();
+});
+
+// src/tui/tabs/TabPane.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "@opentui/react/jsx-runtime";
+function TabPane({
+  selectedRow,
+  tabs,
+  activeId,
+  focused,
+  canAdd,
+  onSelect,
+  onAdd,
+  onClose,
+  onFocusTerminal: _onFocusTerminal,
+  onBlurTerminal: _onBlurTerminal
+}) {
+  const activeTab = tabs.find((t) => t.id === activeId) ?? tabs[0] ?? null;
+  const borderColor = focused ? tokens.accent : tokens.border;
+  return /* @__PURE__ */ jsxs3("box", {
+    flexDirection: "column",
+    flexGrow: 1,
+    width: "100%",
+    height: "100%",
+    border: true,
+    borderColor,
+    focusedBorderColor: borderColor,
+    focusable: false,
+    id: "detail-pane",
+    children: [
+      /* @__PURE__ */ jsx3(TabBar, {
+        tabs,
+        activeId,
+        canAdd,
+        onSelect,
+        onAdd,
+        onClose
+      }),
+      /* @__PURE__ */ jsx3("box", {
+        flexGrow: 1,
+        width: "100%",
+        flexDirection: "column",
+        children: activeTab ? activeTab.render({ worktree: selectedRow, isActive: true }) : /* @__PURE__ */ jsx3("text", {
+          fg: tokens.dim,
+          children: "No tab"
+        })
+      })
+    ]
+  });
+}
+var init_TabPane = __esm(() => {
+  init_theme();
+  init_TabBar();
+});
+
+// src/tui/components/DetailsTab.tsx
+import { jsx as jsx4, jsxs as jsxs4, Fragment } from "@opentui/react/jsx-runtime";
+function DetailsContent({ selectedRow }) {
   const prTap = useTapHandler(() => {
     if (selectedRow?.prUrl)
       openInBrowser(selectedRow.prUrl);
   });
   if (!selectedRow) {
-    return /* @__PURE__ */ jsx2("box", {
-      id: "detail-pane",
+    return /* @__PURE__ */ jsx4("box", {
       flexGrow: 1,
       width: "100%",
       height: "100%",
-      border: true,
-      borderColor: tokens.border,
-      focusedBorderColor: tokens.border,
-      focusable: false,
-      title: "Details",
-      padding: 1,
       justifyContent: "center",
       alignItems: "center",
-      children: /* @__PURE__ */ jsx2("text", {
+      children: /* @__PURE__ */ jsx4("text", {
         fg: tokens.dim,
         children: "No worktree selected"
       })
@@ -25984,26 +26020,20 @@ function DetailPane({ selectedRow }) {
     baseChanged
   } = selectedRow;
   const aheadBehindStr = ahead !== null && behind !== null ? `${ahead} ahead, ${behind} behind` : "unknown";
-  return /* @__PURE__ */ jsxs2("scrollbox", {
-    id: "detail-pane",
+  return /* @__PURE__ */ jsxs4("scrollbox", {
     flexGrow: 1,
     width: "100%",
     height: "100%",
-    border: true,
-    borderColor: tokens.border,
-    focusedBorderColor: tokens.border,
-    focusable: false,
-    title: "Details",
-    padding: 1,
     focused: false,
+    padding: 1,
     children: [
-      /* @__PURE__ */ jsxs2("text", {
+      /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Repo:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.fg,
             children: [
               "   ",
@@ -26012,13 +26042,13 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs2("text", {
+      /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Branch:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.fg,
             children: [
               " ",
@@ -26029,13 +26059,13 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs2("text", {
+      /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Path:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.fg,
             children: [
               "   ",
@@ -26044,13 +26074,13 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs2("text", {
+      /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Commit:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.fg,
             children: [
               " ",
@@ -26059,13 +26089,13 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      owner && /* @__PURE__ */ jsxs2("text", {
+      owner && /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Owner:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.fg,
             children: [
               "  ",
@@ -26074,13 +26104,13 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs2("text", {
+      /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Status:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.fg,
             children: [
               " ",
@@ -26089,13 +26119,13 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      base2 && /* @__PURE__ */ jsxs2("text", {
+      base2 && /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Base:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.accent,
             children: [
               "   ",
@@ -26104,26 +26134,26 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      baseChanged && /* @__PURE__ */ jsxs2("text", {
+      baseChanged && /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Base state:"
           }),
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.warning,
             children: " moved since recorded"
           })
         ]
       }),
-      /* @__PURE__ */ jsxs2("text", {
+      /* @__PURE__ */ jsxs4("text", {
         style: { marginTop: 1 },
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: base2 ? "vs base:" : "vs main:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.fg,
             children: [
               " ",
@@ -26132,13 +26162,13 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs2("text", {
+      /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Deps:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.fg,
             children: [
               "    ",
@@ -26147,13 +26177,13 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      rebaseStatus && /* @__PURE__ */ jsxs2("text", {
+      rebaseStatus && /* @__PURE__ */ jsxs4("text", {
         children: [
-          /* @__PURE__ */ jsx2("span", {
+          /* @__PURE__ */ jsx4("span", {
             fg: tokens.dim,
             children: "Rebase:"
           }),
-          /* @__PURE__ */ jsxs2("span", {
+          /* @__PURE__ */ jsxs4("span", {
             fg: tokens.error,
             children: [
               "  ",
@@ -26162,12 +26192,12 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      prNumber !== null && /* @__PURE__ */ jsxs2(Fragment, {
+      prNumber !== null && /* @__PURE__ */ jsxs4(Fragment, {
         children: [
-          /* @__PURE__ */ jsxs2("text", {
+          /* @__PURE__ */ jsxs4("text", {
             style: { marginTop: 1 },
             children: [
-              /* @__PURE__ */ jsxs2("span", {
+              /* @__PURE__ */ jsxs4("span", {
                 fg: tokens.accent,
                 children: [
                   "PR #",
@@ -26175,7 +26205,7 @@ function DetailPane({ selectedRow }) {
                   ":"
                 ]
               }),
-              /* @__PURE__ */ jsxs2("span", {
+              /* @__PURE__ */ jsxs4("span", {
                 fg: tokens.dim,
                 children: [
                   " ",
@@ -26184,13 +26214,13 @@ function DetailPane({ selectedRow }) {
               })
             ]
           }),
-          prChecks && /* @__PURE__ */ jsxs2("text", {
+          prChecks && /* @__PURE__ */ jsxs4("text", {
             children: [
-              /* @__PURE__ */ jsx2("span", {
+              /* @__PURE__ */ jsx4("span", {
                 fg: tokens.dim,
                 children: "Checks:"
               }),
-              /* @__PURE__ */ jsxs2("span", {
+              /* @__PURE__ */ jsxs4("span", {
                 fg: tokens.fg,
                 children: [
                   " ",
@@ -26199,20 +26229,20 @@ function DetailPane({ selectedRow }) {
               })
             ]
           }),
-          prUrl && /* @__PURE__ */ jsx2("box", {
+          prUrl && /* @__PURE__ */ jsx4("box", {
             ...prTap,
-            children: /* @__PURE__ */ jsxs2("text", {
+            children: /* @__PURE__ */ jsxs4("text", {
               selectable: false,
               children: [
-                /* @__PURE__ */ jsx2("span", {
+                /* @__PURE__ */ jsx4("span", {
                   fg: tokens.dim,
                   children: "URL:"
                 }),
-                /* @__PURE__ */ jsx2("span", {
+                /* @__PURE__ */ jsx4("span", {
                   fg: tokens.accent,
                   children: ` ${prUrl}`
                 }),
-                /* @__PURE__ */ jsx2("span", {
+                /* @__PURE__ */ jsx4("span", {
                   fg: tokens.dim,
                   children: " ↗ click"
                 })
@@ -26221,11 +26251,11 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      dirtyFiles.length > 0 && /* @__PURE__ */ jsxs2("box", {
+      dirtyFiles.length > 0 && /* @__PURE__ */ jsxs4("box", {
         flexDirection: "column",
         style: { marginTop: 1 },
         children: [
-          /* @__PURE__ */ jsxs2("text", {
+          /* @__PURE__ */ jsxs4("text", {
             fg: tokens.warning,
             children: [
               "Dirty Files (",
@@ -26233,14 +26263,14 @@ function DetailPane({ selectedRow }) {
               "):"
             ]
           }),
-          dirtyFiles.slice(0, 20).map((file2, idx) => /* @__PURE__ */ jsxs2("text", {
+          dirtyFiles.slice(0, 20).map((file2, idx) => /* @__PURE__ */ jsxs4("text", {
             fg: tokens.warning,
             children: [
               "  ",
               file2
             ]
           }, idx)),
-          dirtyFiles.length > 20 && /* @__PURE__ */ jsxs2("text", {
+          dirtyFiles.length > 20 && /* @__PURE__ */ jsxs4("text", {
             fg: tokens.warning,
             children: [
               "  ...and ",
@@ -26250,17 +26280,17 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsxs2("box", {
+      /* @__PURE__ */ jsxs4("box", {
         flexDirection: "column",
         style: { marginTop: 1 },
         children: [
-          /* @__PURE__ */ jsx2("text", {
+          /* @__PURE__ */ jsx4("text", {
             fg: tokens.dim,
             children: "Actions:"
           }),
-          !isMainCheckout && /* @__PURE__ */ jsxs2(Fragment, {
+          !isMainCheckout && /* @__PURE__ */ jsxs4(Fragment, {
             children: [
-              /* @__PURE__ */ jsxs2("text", {
+              /* @__PURE__ */ jsxs4("text", {
                 fg: tokens.dim,
                 children: [
                   "  i install deps (",
@@ -26268,44 +26298,218 @@ function DetailPane({ selectedRow }) {
                   ")"
                 ]
               }),
-              /* @__PURE__ */ jsx2("text", {
+              /* @__PURE__ */ jsx4("text", {
                 fg: tokens.dim,
                 children: "  m rename worktree"
               })
             ]
           }),
-          /* @__PURE__ */ jsx2("text", {
+          /* @__PURE__ */ jsx4("text", {
             fg: tokens.dim,
             children: "  p pull branch"
           }),
-          /* @__PURE__ */ jsx2("text", {
+          /* @__PURE__ */ jsx4("text", {
             fg: tokens.dim,
             children: "  b rebase · s sync · o open in IDE · d remove"
+          }),
+          /* @__PURE__ */ jsx4("text", {
+            fg: tokens.dim,
+            children: "  t new terminal session (max 5)"
           })
         ]
       })
     ]
   });
 }
-var init_DetailPane = __esm(() => {
+var init_DetailsTab = __esm(() => {
+  init_theme();
+  init_use_tap();
+});
+
+// src/tui/components/TerminalView.tsx
+import { useState as useState2, useEffect as useEffect3, useRef as useRef4, useCallback as useCallback3 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "@opentui/react/jsx-runtime";
+function TerminalView({ session, focused, onFocus, onSend, onResize, registerListener, unregisterListener }) {
+  const [draft, setDraft] = useState2("");
+  const focusTap = useTapHandler(() => onFocus());
+  const termRef = useRef4(null);
+  const handleData = useCallback3((data, source) => {
+    if (source !== "input")
+      return;
+    if (session.usePty && focused)
+      return;
+    onSend(data);
+  }, [onSend, focused, session.id, session.usePty]);
+  const handleResize = useCallback3((cols, rows) => {
+    onResize?.(cols, rows);
+  }, [onResize]);
+  useEffect3(() => {
+    if (!session.usePty || !session.terminal)
+      return;
+    if (!termRef.current || !registerListener || !unregisterListener)
+      return;
+    try {
+      termRef.current.write(new TextEncoder().encode("\x1B[2J\x1B[H"));
+    } catch {}
+    const write = (data) => {
+      try {
+        termRef.current?.write(data);
+      } catch {}
+    };
+    registerListener(session.id, write);
+    return () => unregisterListener(session.id);
+  }, [session.id, session.usePty, session.terminal, registerListener, unregisterListener]);
+  useEffect3(() => {
+    if (!session.usePty)
+      return;
+    if (!termRef.current)
+      return;
+    try {
+      if (focused)
+        termRef.current.focus?.();
+      else
+        termRef.current.blur?.();
+    } catch {}
+  }, [focused, session.usePty]);
+  if (session.usePty && session.terminal) {
+    return /* @__PURE__ */ jsxs5("box", {
+      flexDirection: "column",
+      flexGrow: 1,
+      width: "100%",
+      height: "100%",
+      ...focusTap,
+      children: [
+        /* @__PURE__ */ jsx5("box", {
+          flexGrow: 1,
+          width: "100%",
+          height: "100%",
+          flexDirection: "column",
+          padding: 1,
+          children: /* @__PURE__ */ jsx5("embedded-terminal", {
+            ref: termRef,
+            width: "100%",
+            height: "100%",
+            cols: session.cols,
+            rows: session.rows,
+            maxScrollback: 1000,
+            onData: handleData,
+            onTerminalResize: handleResize,
+            selectable: true,
+            focused
+          })
+        }),
+        session.exited !== null && /* @__PURE__ */ jsxs5("text", {
+          fg: tokens.warning,
+          children: [
+            "— exited with code ",
+            session.exited,
+            " — press t for new session"
+          ]
+        }),
+        !focused && /* @__PURE__ */ jsxs5("text", {
+          fg: tokens.dim,
+          children: [
+            "Click to focus · Ctrl+G or click table to unfocus · ",
+            session.label,
+            " PTY"
+          ]
+        }),
+        focused && /* @__PURE__ */ jsx5("text", {
+          fg: tokens.accent,
+          children: "Focused PTY — all keys go to shell · Ctrl+G to unfocus"
+        })
+      ]
+    });
+  }
+  const lines = session.lines;
+  return /* @__PURE__ */ jsxs5("box", {
+    flexDirection: "column",
+    flexGrow: 1,
+    width: "100%",
+    height: "100%",
+    ...focusTap,
+    children: [
+      /* @__PURE__ */ jsxs5("scrollbox", {
+        flexGrow: 1,
+        width: "100%",
+        border: false,
+        focused: false,
+        style: { marginBottom: 1 },
+        children: [
+          lines.length === 0 ? /* @__PURE__ */ jsx5("text", {
+            fg: tokens.dim,
+            children: "No output yet — type a command below."
+          }) : lines.slice(-200).map((line, idx) => /* @__PURE__ */ jsx5("text", {
+            fg: session.exited !== null ? tokens.dim : tokens.fg,
+            children: line || " "
+          }, idx)),
+          session.exited !== null && /* @__PURE__ */ jsxs5("text", {
+            fg: tokens.warning,
+            children: [
+              "— exited with code ",
+              session.exited,
+              " —"
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs5("box", {
+        flexDirection: "row",
+        gap: 1,
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsx5("text", {
+            fg: tokens.dim,
+            children: "$"
+          }),
+          /* @__PURE__ */ jsx5("box", {
+            flexGrow: 1,
+            children: /* @__PURE__ */ jsx5("input", {
+              focused,
+              value: draft,
+              placeholder: focused ? "Type command, Enter to send, Esc to unfocus" : "Click to focus terminal",
+              onInput: (v) => setDraft(v),
+              onSubmit: () => {
+                if (!draft)
+                  return;
+                onSend(draft + `
+`);
+                setDraft("");
+              }
+            })
+          })
+        ]
+      }),
+      !focused && /* @__PURE__ */ jsx5("text", {
+        fg: tokens.dim,
+        children: "Click terminal or press 't' to focus · Ctrl+G or click table to unfocus"
+      }),
+      focused && /* @__PURE__ */ jsx5("text", {
+        fg: tokens.accent,
+        children: "Focused — typing goes to shell · Ctrl+G to unfocus · max 5 per worktree persist across switches"
+      })
+    ]
+  });
+}
+var init_TerminalView = __esm(() => {
   init_theme();
   init_use_tap();
 });
 
 // src/tui/components/Footer.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "@opentui/react/jsx-runtime";
 function HintItem({ hintKey, label, isFirst, onClick }) {
   const tap = useTapHandler(() => onClick?.(hintKey));
-  return /* @__PURE__ */ jsx3("box", {
+  return /* @__PURE__ */ jsx6("box", {
     flexDirection: "row",
     ...onClick ? tap : {},
-    children: /* @__PURE__ */ jsxs3("text", {
+    children: /* @__PURE__ */ jsxs6("text", {
       children: [
-        /* @__PURE__ */ jsx3("span", {
+        /* @__PURE__ */ jsx6("span", {
           fg: tokens.dim,
           children: isFirst ? "" : " · "
         }),
-        /* @__PURE__ */ jsx3("span", {
+        /* @__PURE__ */ jsx6("span", {
           fg: tokens.dim,
           children: `${hintKey} ${label}`
         })
@@ -26315,15 +26519,15 @@ function HintItem({ hintKey, label, isFirst, onClick }) {
 }
 function ErrorBadge({ count: count2, onClick }) {
   const tap = useTapHandler(() => onClick?.());
-  return /* @__PURE__ */ jsx3("box", {
+  return /* @__PURE__ */ jsx6("box", {
     ...onClick ? tap : {},
-    children: /* @__PURE__ */ jsxs3("text", {
+    children: /* @__PURE__ */ jsxs6("text", {
       children: [
-        /* @__PURE__ */ jsx3("span", {
+        /* @__PURE__ */ jsx6("span", {
           fg: tokens.error,
           children: `${count2} error${count2 !== 1 ? "s" : ""}`
         }),
-        /* @__PURE__ */ jsx3("span", {
+        /* @__PURE__ */ jsx6("span", {
           fg: tokens.dim,
           children: " · e view"
         })
@@ -26333,7 +26537,7 @@ function ErrorBadge({ count: count2, onClick }) {
 }
 function Footer({ loading, lastRefreshed, errorCount, message, busyText, spinnerFrame, filter, onHintClick, onErrorClick }) {
   const frame = spinnerFrame ?? "◌";
-  return /* @__PURE__ */ jsxs3("box", {
+  return /* @__PURE__ */ jsxs6("box", {
     id: "footer",
     width: "100%",
     height: 3,
@@ -26344,29 +26548,29 @@ function Footer({ loading, lastRefreshed, errorCount, message, busyText, spinner
     justifyContent: "space-between",
     alignItems: "center",
     children: [
-      busyText ? /* @__PURE__ */ jsx3("text", {
+      busyText ? /* @__PURE__ */ jsx6("text", {
         fg: tokens.accent,
         children: `${frame} ${busyText}`
-      }) : /* @__PURE__ */ jsx3("box", {
+      }) : /* @__PURE__ */ jsx6("box", {
         flexDirection: "row",
         gap: 1,
-        children: HINTS.map(([key, label], idx) => /* @__PURE__ */ jsx3(HintItem, {
+        children: HINTS.map(([key, label], idx) => /* @__PURE__ */ jsx6(HintItem, {
           hintKey: key,
           label,
           isFirst: idx === 0,
           onClick: onHintClick
         }, key))
       }),
-      /* @__PURE__ */ jsxs3("box", {
+      /* @__PURE__ */ jsxs6("box", {
         flexDirection: "row",
         gap: 2,
         alignItems: "center",
         children: [
-          message ? /* @__PURE__ */ jsx3("text", {
+          message ? /* @__PURE__ */ jsx6("text", {
             fg: tokens.warning,
             children: message
           }) : null,
-          filter ? /* @__PURE__ */ jsxs3("text", {
+          filter ? /* @__PURE__ */ jsxs6("text", {
             fg: "magenta",
             children: [
               "filter: ",
@@ -26378,17 +26582,17 @@ function Footer({ loading, lastRefreshed, errorCount, message, busyText, spinner
               ")"
             ]
           }) : null,
-          errorCount > 0 ? /* @__PURE__ */ jsx3(ErrorBadge, {
+          errorCount > 0 ? /* @__PURE__ */ jsx6(ErrorBadge, {
             count: errorCount,
             onClick: onErrorClick
           }) : null,
-          /* @__PURE__ */ jsx3(HintItem, {
+          /* @__PURE__ */ jsx6(HintItem, {
             hintKey: "?",
             label: "help",
             isFirst: errorCount === 0,
             onClick: onHintClick
           }),
-          /* @__PURE__ */ jsx3("text", {
+          /* @__PURE__ */ jsx6("text", {
             fg: tokens.dim,
             children: loading ? `${frame} Refreshing…` : `Updated ${lastRefreshed}`
           })
@@ -26408,16 +26612,16 @@ var init_Footer = __esm(() => {
 });
 
 // src/tui/components/Divider.tsx
-import { useState as useState2, useRef as useRef4, useCallback as useCallback3 } from "react";
+import { useState as useState3, useRef as useRef5, useCallback as useCallback4 } from "react";
 import { useRenderer } from "@opentui/react";
-import { jsx as jsx4 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx7 } from "@opentui/react/jsx-runtime";
 function Divider({ splitRatio, totalWidth, onChange, onDraggingChange }) {
   const renderer = useRenderer();
-  const [hovered, setHovered] = useState2(false);
-  const [dragging, setDragging] = useState2(false);
-  const startXRef = useRef4(null);
-  const startRatioRef = useRef4(splitRatio);
-  const handleMouseDown = useCallback3((e) => {
+  const [hovered, setHovered] = useState3(false);
+  const [dragging, setDragging] = useState3(false);
+  const startXRef = useRef5(null);
+  const startRatioRef = useRef5(splitRatio);
+  const handleMouseDown = useCallback4((e) => {
     if (e.button !== 0)
       return;
     startXRef.current = e.x;
@@ -26427,7 +26631,7 @@ function Divider({ splitRatio, totalWidth, onChange, onDraggingChange }) {
     renderer.clearSelection();
     e.stopPropagation();
   }, [splitRatio, onDraggingChange, renderer]);
-  const handleMouseUp = useCallback3((e) => {
+  const handleMouseUp = useCallback4((e) => {
     if (e.button !== 0)
       return;
     startXRef.current = null;
@@ -26435,7 +26639,7 @@ function Divider({ splitRatio, totalWidth, onChange, onDraggingChange }) {
     onDraggingChange?.(false);
     e.stopPropagation();
   }, [onDraggingChange]);
-  const handleMouseDrag = useCallback3((e) => {
+  const handleMouseDrag = useCallback4((e) => {
     if (startXRef.current === null)
       return;
     renderer.clearSelection();
@@ -26450,7 +26654,7 @@ function Divider({ splitRatio, totalWidth, onChange, onDraggingChange }) {
     onMouseDrag: handleMouseDrag,
     onMouseMove: handleMouseDrag
   };
-  return /* @__PURE__ */ jsx4("box", {
+  return /* @__PURE__ */ jsx7("box", {
     width: 3,
     height: "100%",
     backgroundColor: dragging ? tokens.selectionBg : hovered ? tokens.panelBg : undefined,
@@ -26459,7 +26663,7 @@ function Divider({ splitRatio, totalWidth, onChange, onDraggingChange }) {
     onMouseOut: () => setHovered(false),
     alignItems: "center",
     justifyContent: "center",
-    children: /* @__PURE__ */ jsx4("text", {
+    children: /* @__PURE__ */ jsx7("text", {
       fg: dragging ? tokens.accent : hovered ? tokens.borderActive : tokens.border,
       ...dragHandlers,
       onMouseOver: () => setHovered(true),
@@ -26474,9 +26678,9 @@ var init_Divider = __esm(() => {
 });
 
 // src/tui/components/Overlay.tsx
-import { jsx as jsx5 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx8 } from "@opentui/react/jsx-runtime";
 function Overlay({ title, borderColor = tokens.border, width = 64, children }) {
-  return /* @__PURE__ */ jsx5("box", {
+  return /* @__PURE__ */ jsx8("box", {
     id: "overlay-scrim",
     position: "absolute",
     width: "100%",
@@ -26488,7 +26692,7 @@ function Overlay({ title, borderColor = tokens.border, width = 64, children }) {
     flexDirection: "row",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ jsx5("box", {
+    children: /* @__PURE__ */ jsx8("box", {
       id: "overlay-panel",
       width,
       border: true,
@@ -26508,37 +26712,38 @@ var init_Overlay = __esm(() => {
 });
 
 // src/tui/components/HelpOverlay.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "@opentui/react/jsx-runtime";
 function HelpOverlay() {
-  return /* @__PURE__ */ jsxs4(Overlay, {
+  return /* @__PURE__ */ jsxs7(Overlay, {
     title: "Help",
     borderColor: tokens.border,
     width: 84,
     children: [
-      /* @__PURE__ */ jsx6("box", {
+      /* @__PURE__ */ jsx9("box", {
         flexDirection: "column",
         style: { maxHeight: 36 },
-        children: /* @__PURE__ */ jsx6("scrollbox", {
+        children: /* @__PURE__ */ jsx9("scrollbox", {
           flexGrow: 1,
-          children: HELP_ENTRIES.map(([key, desc]) => /* @__PURE__ */ jsxs4("box", {
+          children: HELP_ENTRIES.map(([key, desc]) => /* @__PURE__ */ jsxs7("box", {
             flexDirection: "row",
             gap: 1,
             children: [
-              /* @__PURE__ */ jsx6("box", {
+              /* @__PURE__ */ jsx9("box", {
                 width: 18,
                 flexShrink: 0,
-                children: /* @__PURE__ */ jsx6("text", {
+                justifyContent: "flex-end",
+                children: /* @__PURE__ */ jsx9("text", {
                   fg: tokens.accent,
                   children: key
                 })
               }),
-              /* @__PURE__ */ jsx6("text", {
+              /* @__PURE__ */ jsx9("text", {
                 fg: tokens.dim,
                 children: "-"
               }),
-              /* @__PURE__ */ jsx6("box", {
+              /* @__PURE__ */ jsx9("box", {
                 flexGrow: 1,
-                children: /* @__PURE__ */ jsx6("text", {
+                children: /* @__PURE__ */ jsx9("text", {
                   fg: tokens.fg,
                   children: desc
                 })
@@ -26547,7 +26752,7 @@ function HelpOverlay() {
           }, key))
         })
       }),
-      /* @__PURE__ */ jsx6("text", {
+      /* @__PURE__ */ jsx9("text", {
         style: { marginTop: 1, fg: tokens.dim },
         children: "Press any key to close"
       })
@@ -26572,7 +26777,9 @@ var init_HelpOverlay = __esm(() => {
     ["i", "Install dependencies in selection (worktrees and main)"],
     ["m", "Rename selected worktree (branch + directory)"],
     ["o", "Open selected in IDE"],
-    ["a", "Spawn agent in selected"],
+    ["t", "New terminal session (max 5 per worktree, Details ↔ Session tabs)"],
+    ["click tab", "Switch Details ↔ Session (professional tabs with ▎ active)"],
+    ["Ctrl+G / click table", "Leave terminal focus — focused terminal gets all keys"],
     ["d", "Remove selected worktree(s)"],
     ["e", "View data warnings (when count > 0)"],
     ["r", "Refresh data"],
@@ -26586,50 +26793,50 @@ var init_HelpOverlay = __esm(() => {
 });
 
 // src/tui/components/ConfirmModal.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "@opentui/react/jsx-runtime";
 function ConfirmModal({ title, message, onConfirm, onCancel }) {
   const yesTap = useTapHandler(() => onConfirm?.());
   const noTap = useTapHandler(() => onCancel?.());
-  return /* @__PURE__ */ jsx7(Overlay, {
+  return /* @__PURE__ */ jsx10(Overlay, {
     title,
     borderColor: tokens.warning,
-    children: /* @__PURE__ */ jsxs5("box", {
+    children: /* @__PURE__ */ jsxs8("box", {
       flexDirection: "column",
       justifyContent: "center",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ jsx7("text", {
+        /* @__PURE__ */ jsx10("text", {
           children: message
         }),
-        /* @__PURE__ */ jsxs5("box", {
+        /* @__PURE__ */ jsxs8("box", {
           flexDirection: "row",
           gap: 2,
           style: { marginTop: 2 },
           children: [
-            /* @__PURE__ */ jsx7("box", {
+            /* @__PURE__ */ jsx10("box", {
               ...onConfirm ? yesTap : {},
-              children: /* @__PURE__ */ jsxs5("text", {
+              children: /* @__PURE__ */ jsxs8("text", {
                 children: [
-                  /* @__PURE__ */ jsx7("span", {
+                  /* @__PURE__ */ jsx10("span", {
                     fg: tokens.dim,
                     children: "[y] "
                   }),
-                  /* @__PURE__ */ jsx7("span", {
+                  /* @__PURE__ */ jsx10("span", {
                     fg: tokens.success,
                     children: "Yes"
                   })
                 ]
               })
             }),
-            /* @__PURE__ */ jsx7("box", {
+            /* @__PURE__ */ jsx10("box", {
               ...onCancel ? noTap : {},
-              children: /* @__PURE__ */ jsxs5("text", {
+              children: /* @__PURE__ */ jsxs8("text", {
                 children: [
-                  /* @__PURE__ */ jsx7("span", {
+                  /* @__PURE__ */ jsx10("span", {
                     fg: tokens.dim,
                     children: "[n/esc] "
                   }),
-                  /* @__PURE__ */ jsx7("span", {
+                  /* @__PURE__ */ jsx10("span", {
                     children: "Cancel"
                   })
                 ]
@@ -26705,52 +26912,52 @@ async function runWtxAction(args, onLine) {
 }
 
 // src/tui/components/ActionLogModal.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "@opentui/react/jsx-runtime";
 function ActionLogModal({ title, lines, done, exitCode, remaining }) {
-  return /* @__PURE__ */ jsxs6(Overlay, {
+  return /* @__PURE__ */ jsxs9(Overlay, {
     title,
     borderColor: tokens.border,
     children: [
-      /* @__PURE__ */ jsx8("box", {
+      /* @__PURE__ */ jsx11("box", {
         flexGrow: 1,
         flexDirection: "column",
         style: { minHeight: 10, maxHeight: 20 },
-        children: /* @__PURE__ */ jsx8("scrollbox", {
+        children: /* @__PURE__ */ jsx11("scrollbox", {
           flexGrow: 1,
           stickyScroll: true,
-          children: lines.map((line, i2) => /* @__PURE__ */ jsx8("text", {
+          children: lines.map((line, i2) => /* @__PURE__ */ jsx11("text", {
             fg: line.type === "err" ? tokens.error : tokens.fg,
             children: line.text
           }, i2))
         })
       }),
-      /* @__PURE__ */ jsxs6("box", {
+      /* @__PURE__ */ jsxs9("box", {
         marginTop: 1,
         flexDirection: "row",
         justifyContent: "center",
         children: [
-          !done && /* @__PURE__ */ jsx8("text", {
+          !done && /* @__PURE__ */ jsx11("text", {
             fg: tokens.warning,
             children: "Running..."
           }),
-          done && exitCode === 0 && /* @__PURE__ */ jsx8("text", {
+          done && exitCode === 0 && /* @__PURE__ */ jsx11("text", {
             fg: tokens.success,
             children: "✓ Done (exit 0)"
           }),
-          done && exitCode !== 0 && /* @__PURE__ */ jsxs6("text", {
+          done && exitCode !== 0 && /* @__PURE__ */ jsxs9("text", {
             children: [
-              /* @__PURE__ */ jsxs6("span", {
+              /* @__PURE__ */ jsxs9("span", {
                 fg: tokens.error,
                 children: [
                   "✗ Exit ",
                   exitCode
                 ]
               }),
-              remaining !== undefined && remaining > 0 && /* @__PURE__ */ jsx8("span", {
+              remaining !== undefined && remaining > 0 && /* @__PURE__ */ jsx11("span", {
                 fg: tokens.warning,
                 children: ` · ${remaining} more failure${remaining > 1 ? "s" : ""}`
               }),
-              /* @__PURE__ */ jsx8("span", {
+              /* @__PURE__ */ jsx11("span", {
                 fg: tokens.dim,
                 children: " - press any key to close"
               })
@@ -26837,8 +27044,8 @@ var init_history = __esm(() => {
 });
 
 // src/tui/components/HistoryOverlay.tsx
-import { useEffect as useEffect3, useState as useState3 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "@opentui/react/jsx-runtime";
+import { useEffect as useEffect4, useState as useState4 } from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "@opentui/react/jsx-runtime";
 function formatShortTime(iso) {
   const d = new Date(iso);
   if (Number.isNaN(d.getTime()))
@@ -26851,16 +27058,16 @@ function HistoryEntryLine({ entry }) {
   const duration3 = entry.durationMs !== null && entry.durationMs !== undefined ? ` ${entry.durationMs}ms` : "";
   const prefix = `${formatShortTime(entry.ts)}  ${entry.source.padEnd(8)}  ${args}`;
   if (entry.exit === null || entry.exit === undefined) {
-    return /* @__PURE__ */ jsxs7("text", {
+    return /* @__PURE__ */ jsxs10("text", {
       children: [
-        /* @__PURE__ */ jsxs7("span", {
+        /* @__PURE__ */ jsxs10("span", {
           fg: tokens.dim,
           children: [
             "◌ ",
             prefix
           ]
         }),
-        duration3 && /* @__PURE__ */ jsx9("span", {
+        duration3 && /* @__PURE__ */ jsx12("span", {
           fg: tokens.dim,
           children: duration3
         })
@@ -26868,32 +27075,32 @@ function HistoryEntryLine({ entry }) {
     });
   }
   if (entry.exit === 0) {
-    return /* @__PURE__ */ jsxs7("text", {
+    return /* @__PURE__ */ jsxs10("text", {
       children: [
-        /* @__PURE__ */ jsxs7("span", {
+        /* @__PURE__ */ jsxs10("span", {
           fg: tokens.success,
           children: [
             "✓ ",
             prefix
           ]
         }),
-        duration3 && /* @__PURE__ */ jsx9("span", {
+        duration3 && /* @__PURE__ */ jsx12("span", {
           fg: tokens.dim,
           children: duration3
         })
       ]
     });
   }
-  return /* @__PURE__ */ jsxs7("text", {
+  return /* @__PURE__ */ jsxs10("text", {
     children: [
-      /* @__PURE__ */ jsx9("span", {
+      /* @__PURE__ */ jsx12("span", {
         fg: tokens.error,
         children: "✗ "
       }),
-      /* @__PURE__ */ jsx9("span", {
+      /* @__PURE__ */ jsx12("span", {
         children: prefix
       }),
-      /* @__PURE__ */ jsxs7("span", {
+      /* @__PURE__ */ jsxs10("span", {
         fg: tokens.dim,
         children: [
           " (exit ",
@@ -26906,32 +27113,32 @@ function HistoryEntryLine({ entry }) {
   });
 }
 function HistoryOverlay() {
-  const [entries, setEntries] = useState3([]);
-  useEffect3(() => {
+  const [entries, setEntries] = useState4([]);
+  useEffect4(() => {
     setEntries(readRecentHistory(500));
   }, []);
-  return /* @__PURE__ */ jsxs7(Overlay, {
+  return /* @__PURE__ */ jsxs10(Overlay, {
     title: "Action History",
     borderColor: tokens.border,
     width: 110,
     children: [
-      /* @__PURE__ */ jsx9("box", {
+      /* @__PURE__ */ jsx12("box", {
         flexGrow: 1,
         flexDirection: "column",
         style: { minHeight: 30, maxHeight: 46 },
-        children: entries.length === 0 ? /* @__PURE__ */ jsx9("text", {
+        children: entries.length === 0 ? /* @__PURE__ */ jsx12("text", {
           fg: tokens.dim,
           children: "No actions recorded yet."
-        }) : /* @__PURE__ */ jsx9("scrollbox", {
+        }) : /* @__PURE__ */ jsx12("scrollbox", {
           flexGrow: 1,
-          children: entries.map((entry, i2) => /* @__PURE__ */ jsx9(HistoryEntryLine, {
+          children: entries.map((entry, i2) => /* @__PURE__ */ jsx12(HistoryEntryLine, {
             entry
           }, i2))
         })
       }),
-      /* @__PURE__ */ jsx9("box", {
+      /* @__PURE__ */ jsx12("box", {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx9("text", {
+        children: /* @__PURE__ */ jsx12("text", {
           fg: tokens.dim,
           children: "Press any key to close · newest first"
         })
@@ -26946,28 +27153,28 @@ var init_HistoryOverlay = __esm(() => {
 });
 
 // src/tui/components/InputModal.tsx
-import { useState as useState4 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "@opentui/react/jsx-runtime";
+import { useState as useState5 } from "react";
+import { jsx as jsx13, jsxs as jsxs11 } from "@opentui/react/jsx-runtime";
 function InputModal({ title, placeholder, initialValue, errorMessage: errorMessage2, onSubmit }) {
-  const [value, setValue] = useState4(initialValue ?? "");
-  return /* @__PURE__ */ jsx10(Overlay, {
+  const [value, setValue] = useState5(initialValue ?? "");
+  return /* @__PURE__ */ jsx13(Overlay, {
     title,
     borderColor: tokens.accent,
-    children: /* @__PURE__ */ jsxs8("box", {
+    children: /* @__PURE__ */ jsxs11("box", {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx10("input", {
+        /* @__PURE__ */ jsx13("input", {
           focused: true,
           value: initialValue ?? "",
           placeholder,
           onInput: (val) => setValue(val),
           onSubmit: () => onSubmit(value)
         }),
-        errorMessage2 ? /* @__PURE__ */ jsx10("text", {
+        errorMessage2 ? /* @__PURE__ */ jsx13("text", {
           fg: tokens.error,
           style: { marginTop: 1 },
           children: errorMessage2
-        }) : /* @__PURE__ */ jsx10("text", {
+        }) : /* @__PURE__ */ jsx13("text", {
           fg: tokens.dim,
           style: { marginTop: 1 },
           children: "Press Enter to submit, empty to cancel"
@@ -26982,23 +27189,23 @@ var init_InputModal = __esm(() => {
 });
 
 // src/tui/components/ChoiceModal.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import { useKeyboard } from "@opentui/react";
-import { jsx as jsx11, jsxs as jsxs9 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "@opentui/react/jsx-runtime";
 function ChoiceOptionRow({ option, index, isSelected, onSelect }) {
   const tap = useTapHandler(() => onSelect(option.value));
-  return /* @__PURE__ */ jsxs9("box", {
+  return /* @__PURE__ */ jsxs12("box", {
     flexDirection: "column",
     backgroundColor: isSelected ? tokens.selectionBg : undefined,
     ...tap,
     children: [
-      /* @__PURE__ */ jsx11("text", {
-        children: /* @__PURE__ */ jsx11("span", {
+      /* @__PURE__ */ jsx14("text", {
+        children: /* @__PURE__ */ jsx14("span", {
           fg: isSelected ? tokens.bright : tokens.fg,
           children: `${index + 1}. ${option.label}`
         })
       }),
-      option.desc && /* @__PURE__ */ jsx11("text", {
+      option.desc && /* @__PURE__ */ jsx14("text", {
         fg: tokens.dim,
         children: `   ${option.desc}`
       })
@@ -27006,7 +27213,7 @@ function ChoiceOptionRow({ option, index, isSelected, onSelect }) {
   });
 }
 function ChoiceModal({ title, options, initialIndex = 0, onSubmit, onCancel }) {
-  const [index, setIndex] = useState5(Math.min(Math.max(initialIndex, 0), options.length - 1));
+  const [index, setIndex] = useState6(Math.min(Math.max(initialIndex, 0), options.length - 1));
   useKeyboard((key) => {
     if (key.name === "escape") {
       onCancel();
@@ -27033,19 +27240,19 @@ function ChoiceModal({ title, options, initialIndex = 0, onSubmit, onCancel }) {
         onSubmit(option.value);
     }
   });
-  return /* @__PURE__ */ jsx11(Overlay, {
+  return /* @__PURE__ */ jsx14(Overlay, {
     title,
     borderColor: tokens.accent,
-    children: /* @__PURE__ */ jsxs9("box", {
+    children: /* @__PURE__ */ jsxs12("box", {
       flexDirection: "column",
       children: [
-        options.map((option, i2) => /* @__PURE__ */ jsx11(ChoiceOptionRow, {
+        options.map((option, i2) => /* @__PURE__ */ jsx14(ChoiceOptionRow, {
           option,
           index: i2,
           isSelected: i2 === index,
           onSelect: onSubmit
         }, option.value)),
-        /* @__PURE__ */ jsxs9("text", {
+        /* @__PURE__ */ jsxs12("text", {
           fg: tokens.dim,
           style: { marginTop: 1 },
           children: [
@@ -27065,16 +27272,16 @@ var init_ChoiceModal = __esm(() => {
 });
 
 // src/tui/components/ConfigOverlay.tsx
-import { useState as useState6, useEffect as useEffect4 } from "react";
+import { useState as useState7, useEffect as useEffect5 } from "react";
 import { useKeyboard as useKeyboard2 } from "@opentui/react";
-import { jsx as jsx12, jsxs as jsxs10, Fragment as Fragment2 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13, Fragment as Fragment2 } from "@opentui/react/jsx-runtime";
 function ConfigOverlay({ onClose, onSaved, onError }) {
-  const [config2, setConfig] = useState6(null);
-  const [viewState, setViewState] = useState6({ type: "main" });
-  const [selectedIndex, setSelectedIndex] = useState6(1);
-  const [windowStart, setWindowStart] = useState6(0);
-  const [editState, setEditState] = useState6({ type: "none" });
-  useEffect4(() => {
+  const [config2, setConfig] = useState7(null);
+  const [viewState, setViewState] = useState7({ type: "main" });
+  const [selectedIndex, setSelectedIndex] = useState7(1);
+  const [windowStart, setWindowStart] = useState7(0);
+  const [editState, setEditState] = useState7({ type: "none" });
+  useEffect5(() => {
     try {
       setConfig(loadConfig());
     } catch (err) {
@@ -27110,7 +27317,7 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
     detailRows.push({ type: "remove_repo" });
   }
   const activeRows = viewState.type === "main" ? mainRows : detailRows;
-  useEffect4(() => {
+  useEffect5(() => {
     if (!activeRows || selectedIndex >= activeRows.length) {
       let newIdx = activeRows.length - 1;
       while (newIdx > 0 && activeRows[newIdx]?.type === "header") {
@@ -27330,17 +27537,17 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
       hint = "Remove this repository from config";
     }
   }
-  return /* @__PURE__ */ jsxs10(Fragment2, {
+  return /* @__PURE__ */ jsxs13(Fragment2, {
     children: [
-      /* @__PURE__ */ jsx12(Overlay, {
+      /* @__PURE__ */ jsx15(Overlay, {
         title: "Configuration",
         borderColor: tokens.border,
-        children: /* @__PURE__ */ jsxs10("box", {
+        children: /* @__PURE__ */ jsxs13("box", {
           flexDirection: "column",
           width: "100%",
           height: 24,
           children: [
-            /* @__PURE__ */ jsx12("box", {
+            /* @__PURE__ */ jsx15("box", {
               flexDirection: "column",
               flexGrow: 1,
               overflow: "hidden",
@@ -27348,7 +27555,7 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
                 const i2 = windowStart + idx;
                 const isSelected = i2 === selectedIndex;
                 if (row.type === "header") {
-                  return /* @__PURE__ */ jsx12("text", {
+                  return /* @__PURE__ */ jsx15("text", {
                     fg: tokens.dim,
                     style: { marginTop: i2 === 0 ? 0 : 1 },
                     children: row.label
@@ -27377,11 +27584,11 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
                   labelText = "Remove this repo";
                   valText = "";
                 }
-                return /* @__PURE__ */ jsxs10("box", {
+                return /* @__PURE__ */ jsxs13("box", {
                   flexDirection: "row",
                   width: "100%",
                   children: [
-                    /* @__PURE__ */ jsxs10("text", {
+                    /* @__PURE__ */ jsxs13("text", {
                       fg: isSelected ? tokens.bright : tokens.fg,
                       bg: isSelected ? tokens.selectionBg : undefined,
                       width: 24,
@@ -27390,7 +27597,7 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
                         labelText
                       ]
                     }),
-                    valText && /* @__PURE__ */ jsx12("text", {
+                    valText && /* @__PURE__ */ jsx15("text", {
                       fg: isSelected ? tokens.accent : tokens.dim,
                       bg: isSelected ? tokens.selectionBg : undefined,
                       flexShrink: 1,
@@ -27400,14 +27607,14 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
                 }, i2);
               })
             }),
-            /* @__PURE__ */ jsx12("box", {
+            /* @__PURE__ */ jsx15("box", {
               flexDirection: "row",
               border: true,
               borderColor: tokens.border,
               paddingTop: 1,
               marginTop: 1,
               minHeight: 3,
-              children: /* @__PURE__ */ jsx12("text", {
+              children: /* @__PURE__ */ jsx15("text", {
                 fg: tokens.dim,
                 children: hint
               })
@@ -27415,14 +27622,14 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
           ]
         })
       }),
-      editState.type === "input" && /* @__PURE__ */ jsx12(InputModal, {
+      editState.type === "input" && /* @__PURE__ */ jsx15(InputModal, {
         title: editState.title,
         initialValue: editState.currentValue,
         placeholder: "Enter value...",
         errorMessage: editState.error,
         onSubmit: handleInputSubmit
       }),
-      editState.type === "confirm_remove" && /* @__PURE__ */ jsx12(ConfirmModal, {
+      editState.type === "confirm_remove" && /* @__PURE__ */ jsx15(ConfirmModal, {
         title: "Remove Repo",
         message: `Remove repo ${editState.repo} from config?`
       })
@@ -27439,29 +27646,29 @@ var init_ConfigOverlay = __esm(() => {
 });
 
 // src/tui/components/WarningsOverlay.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "@opentui/react/jsx-runtime";
 function WarningsOverlay({ warnings, onAcknowledge, onClose }) {
   const ackTap = useTapHandler(() => onAcknowledge?.());
   const closeTap = useTapHandler(() => onClose?.());
-  return /* @__PURE__ */ jsxs11(Overlay, {
+  return /* @__PURE__ */ jsxs14(Overlay, {
     title: `Warnings (${warnings.length})`,
     borderColor: tokens.warning,
     width: 80,
     children: [
-      /* @__PURE__ */ jsx13("box", {
+      /* @__PURE__ */ jsx16("box", {
         flexDirection: "column",
         style: { maxHeight: 28 },
-        children: /* @__PURE__ */ jsx13("scrollbox", {
+        children: /* @__PURE__ */ jsx16("scrollbox", {
           flexGrow: 1,
-          children: warnings.map((warning, i2) => /* @__PURE__ */ jsxs11("box", {
+          children: warnings.map((warning, i2) => /* @__PURE__ */ jsxs14("box", {
             flexDirection: "column",
             style: { marginBottom: 1 },
             children: [
-              /* @__PURE__ */ jsx13("text", {
+              /* @__PURE__ */ jsx16("text", {
                 fg: tokens.warning,
                 children: `⚠ ${warning.repoName}`
               }),
-              wrapText(warning.message, 72).map((line, j) => /* @__PURE__ */ jsx13("text", {
+              wrapText(warning.message, 72).map((line, j) => /* @__PURE__ */ jsx16("text", {
                 fg: tokens.fg,
                 children: `  ${line}`
               }, j))
@@ -27469,36 +27676,36 @@ function WarningsOverlay({ warnings, onAcknowledge, onClose }) {
           }, i2))
         })
       }),
-      /* @__PURE__ */ jsxs11("box", {
+      /* @__PURE__ */ jsxs14("box", {
         flexDirection: "row",
         gap: 3,
         style: { marginTop: 2 },
         justifyContent: "center",
         children: [
-          /* @__PURE__ */ jsx13("box", {
+          /* @__PURE__ */ jsx16("box", {
             ...ackTap,
-            children: /* @__PURE__ */ jsxs11("text", {
+            children: /* @__PURE__ */ jsxs14("text", {
               children: [
-                /* @__PURE__ */ jsx13("span", {
+                /* @__PURE__ */ jsx16("span", {
                   fg: tokens.dim,
                   children: "[a] "
                 }),
-                /* @__PURE__ */ jsx13("span", {
+                /* @__PURE__ */ jsx16("span", {
                   fg: tokens.success,
                   children: "Acknowledge"
                 })
               ]
             })
           }),
-          /* @__PURE__ */ jsx13("box", {
+          /* @__PURE__ */ jsx16("box", {
             ...closeTap,
-            children: /* @__PURE__ */ jsxs11("text", {
+            children: /* @__PURE__ */ jsxs14("text", {
               children: [
-                /* @__PURE__ */ jsx13("span", {
+                /* @__PURE__ */ jsx16("span", {
                   fg: tokens.dim,
                   children: "[esc] "
                 }),
-                /* @__PURE__ */ jsx13("span", {
+                /* @__PURE__ */ jsx16("span", {
                   children: "Close"
                 })
               ]
@@ -27506,7 +27713,7 @@ function WarningsOverlay({ warnings, onAcknowledge, onClose }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsx13("text", {
+      /* @__PURE__ */ jsx16("text", {
         style: { marginTop: 1, fg: tokens.dim },
         children: "Press a to acknowledge and clear errors"
       })
@@ -27521,10 +27728,10 @@ var init_WarningsOverlay = __esm(() => {
 });
 
 // src/tui/hooks/useSpinnerFrame.ts
-import { useEffect as useEffect5, useState as useState7 } from "react";
+import { useEffect as useEffect6, useState as useState8 } from "react";
 function useSpinnerFrame(active) {
-  const [index, setIndex] = useState7(0);
-  useEffect5(() => {
+  const [index, setIndex] = useState8(0);
+  useEffect6(() => {
     if (!active)
       return;
     const id = setInterval(() => setIndex((i2) => (i2 + 1) % FRAMES.length), INTERVAL_MS);
@@ -27537,11 +27744,393 @@ var init_useSpinnerFrame = __esm(() => {
   FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 });
 
+// src/tui/hooks/useTerminalSessions.ts
+import { useState as useState9, useCallback as useCallback5, useRef as useRef6, useEffect as useEffect7 } from "react";
+function worktreeKeyFor(repoName, branch, path37) {
+  return path37 || `${repoName}:${branch}`;
+}
+function nextTerminalSessionLabel(existingCount) {
+  return `Session ${existingCount + 1}`;
+}
+function isSameSize(session, cols, rows) {
+  return session.cols === cols && session.rows === rows;
+}
+function updateSessionSize(session, cols, rows) {
+  return isSameSize(session, cols, rows) ? session : { ...session, cols, rows };
+}
+function relabelTerminalSessions(sessions) {
+  return sessions.map((session, index) => ({ ...session, label: nextTerminalSessionLabel(index) }));
+}
+function useTerminalSessions() {
+  const [sessionsByKey, setSessionsByKey] = useState9(() => new Map);
+  const procsRef = useRef6(new Map);
+  const listenersRef = useRef6(new Map);
+  const rawBuffersRef = useRef6(new Map);
+  const getSessions = useCallback5((repoName, branch, path37) => {
+    const key = worktreeKeyFor(repoName, branch, path37);
+    return sessionsByKey.get(key) ?? [];
+  }, [sessionsByKey]);
+  const getKey = useCallback5((repoName, branch, path37) => worktreeKeyFor(repoName, branch, path37), []);
+  const createSession = useCallback5((repoName, branch, path37, opts) => {
+    const key = worktreeKeyFor(repoName, branch, path37);
+    const existing = sessionsByKey.get(key) ?? [];
+    if (existing.length >= MAX_TERMINAL_SESSIONS) {
+      return { session: null, error: `Max ${MAX_TERMINAL_SESSIONS} sessions per worktree` };
+    }
+    const id = `${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+    const label = nextTerminalSessionLabel(existing.length);
+    const cols = opts?.cols ?? 80;
+    const rows = opts?.rows ?? 24;
+    const session = {
+      id,
+      label,
+      worktreeKey: key,
+      worktreePath: path37,
+      repoName,
+      branch,
+      lines: [],
+      inputBuffer: "",
+      exited: null,
+      proc: null,
+      terminal: null,
+      cols,
+      rows,
+      usePty: false
+    };
+    const shell = process.env.SHELL || "/bin/bash";
+    const appendPipe = (data) => {
+      const text = new TextDecoder().decode(data);
+      const parts = text.split(`
+`);
+      setSessionsByKey((prev) => {
+        const next = new Map(prev);
+        const list = next.get(key);
+        if (!list)
+          return prev;
+        const idx = list.findIndex((s) => s.id === id);
+        if (idx === -1)
+          return prev;
+        const updated = [...list];
+        const sess = updated[idx];
+        const newLines = [...sess.lines];
+        for (let i2 = 0;i2 < parts.length; i2++) {
+          const part = parts[i2];
+          if (i2 === 0 && newLines.length > 0) {
+            if (part)
+              newLines[newLines.length - 1] = (newLines[newLines.length - 1] ?? "") + part;
+          } else {
+            if (part || i2 < parts.length - 1)
+              newLines.push(part);
+          }
+        }
+        if (newLines.length > 1000)
+          newLines.splice(0, newLines.length - 1000);
+        updated[idx] = { ...sess, lines: newLines };
+        next.set(key, updated);
+        return next;
+      });
+    };
+    const onPtyData = (data) => {
+      const buf = rawBuffersRef.current.get(id) ?? [];
+      buf.push(data);
+      if (buf.length > 500)
+        buf.shift();
+      rawBuffersRef.current.set(id, buf);
+      const listener = listenersRef.current.get(id);
+      if (listener) {
+        listener(data);
+        return;
+      }
+    };
+    const onExit2 = (code) => {
+      setSessionsByKey((prev) => {
+        const next = new Map(prev);
+        const list = next.get(key);
+        if (!list)
+          return prev;
+        const idx = list.findIndex((s) => s.id === id);
+        if (idx === -1)
+          return prev;
+        const updated = [...list];
+        updated[idx] = { ...updated[idx], exited: code ?? 0, proc: null, terminal: null };
+        next.set(key, updated);
+        return next;
+      });
+      procsRef.current.delete(id);
+      listenersRef.current.delete(id);
+    };
+    let usePty = false;
+    try {
+      if (typeof Bun !== "undefined" && typeof Bun.spawn === "function") {
+        try {
+          const proc = Bun.spawn([shell], {
+            cwd: path37 || process.cwd(),
+            env: { ...process.env, TERM: "xterm-256color", COLORTERM: "truecolor", WTX_SESSION: label },
+            terminal: {
+              cols,
+              rows,
+              name: "xterm-256color",
+              data(_terminal, data) {
+                onPtyData(data);
+              },
+              exit(_terminal, exitCode) {
+                onExit2(exitCode);
+              }
+            }
+          });
+          if (proc && proc.terminal) {
+            session.proc = proc;
+            session.terminal = proc.terminal;
+            session.usePty = true;
+            usePty = true;
+            procsRef.current.set(id, proc);
+            (async () => {
+              try {
+                const code = await proc.exited;
+                onExit2(code);
+              } catch {}
+            })();
+          }
+        } catch {}
+      }
+      if (!usePty)
+        throw new Error("pty not available");
+    } catch {
+      try {
+        const proc = Bun.spawn([shell], {
+          cwd: path37 || process.cwd(),
+          stdin: "pipe",
+          stdout: "pipe",
+          stderr: "pipe",
+          env: { ...process.env, TERM: "xterm-256color", WTX_SESSION: label }
+        });
+        session.proc = proc;
+        session.usePty = false;
+        procsRef.current.set(id, proc);
+        (async () => {
+          const stdout = proc.stdout;
+          if (stdout) {
+            const reader = stdout.getReader();
+            try {
+              while (true) {
+                const { value, done } = await reader.read();
+                if (done)
+                  break;
+                if (value)
+                  appendPipe(value);
+              }
+            } catch {}
+          }
+        })();
+        (async () => {
+          const stderr = proc.stderr;
+          if (stderr) {
+            const reader = stderr.getReader();
+            try {
+              while (true) {
+                const { value, done } = await reader.read();
+                if (done)
+                  break;
+                if (value)
+                  appendPipe(value);
+              }
+            } catch {}
+          }
+        })();
+        (async () => {
+          try {
+            const code = await proc.exited;
+            onExit2(code);
+          } catch {}
+        })();
+      } catch (e) {
+        session.lines = [`Failed to spawn shell: ${e.message}`];
+      }
+    }
+    if (session.usePty) {
+      session.lines = [`${label} — ${path37} (${shell}) [pty]`, ""];
+    } else if (session.lines.length === 0) {
+      session.lines = [`${label} — ${path37} (${shell})`, ""];
+    }
+    setSessionsByKey((prev) => {
+      const next = new Map(prev);
+      const list = next.get(key) ?? [];
+      next.set(key, [...list, session]);
+      return next;
+    });
+    return { session };
+  }, [sessionsByKey]);
+  const removeSession = useCallback5((repoName, branch, path37, id) => {
+    const key = worktreeKeyFor(repoName, branch, path37);
+    setSessionsByKey((prev) => {
+      const next = new Map(prev);
+      const list = next.get(key);
+      if (!list)
+        return prev;
+      const sess = list.find((s) => s.id === id);
+      if (sess?.proc) {
+        try {
+          if (sess.terminal) {
+            try {
+              sess.terminal.close();
+            } catch {}
+          }
+          sess.proc.kill();
+        } catch {}
+        procsRef.current.delete(id);
+        listenersRef.current.delete(id);
+        rawBuffersRef.current.delete(id);
+      }
+      const filtered = list.filter((s) => s.id !== id);
+      const relabeled = relabelTerminalSessions(filtered);
+      if (relabeled.length === 0) {
+        next.delete(key);
+      } else {
+        next.set(key, relabeled);
+      }
+      return next;
+    });
+  }, []);
+  const sendInput = useCallback5((repoName, branch, path37, id, data) => {
+    const key = worktreeKeyFor(repoName, branch, path37);
+    const list = sessionsByKey.get(key) ?? [];
+    const sess = list.find((s) => s.id === id);
+    if (!sess?.proc)
+      return;
+    try {
+      if (sess.usePty && sess.terminal) {
+        if (typeof data === "string") {
+          sess.terminal.write(new TextEncoder().encode(data));
+        } else {
+          sess.terminal.write(data);
+        }
+        return;
+      }
+      const proc = sess.proc;
+      const str = typeof data === "string" ? data : new TextDecoder().decode(data);
+      if (proc.stdin && typeof proc.stdin.write === "function") {
+        proc.stdin.write(str);
+      } else if (proc.stdin instanceof WritableStream) {
+        const writer = proc.stdin.getWriter();
+        writer.write(new TextEncoder().encode(str));
+        writer.releaseLock();
+      } else {
+        proc.stdin?.write?.(str);
+      }
+    } catch {}
+    if (!sess.usePty) {
+      const str = typeof data === "string" ? data : new TextDecoder().decode(data);
+      if (str.endsWith(`
+`)) {
+        const cmd = str.slice(0, -1);
+        if (cmd) {
+          setSessionsByKey((prev) => {
+            const next = new Map(prev);
+            const l = next.get(key);
+            if (!l)
+              return prev;
+            const idx = l.findIndex((s2) => s2.id === id);
+            if (idx === -1)
+              return prev;
+            const updated = [...l];
+            const s = updated[idx];
+            updated[idx] = { ...s, lines: [...s.lines, `$ ${cmd}`] };
+            next.set(key, updated);
+            return next;
+          });
+        }
+      }
+    }
+  }, [sessionsByKey]);
+  const resizeSession = useCallback5((repoName, branch, path37, id, cols, rows) => {
+    const key = worktreeKeyFor(repoName, branch, path37);
+    setSessionsByKey((prev) => {
+      const list = prev.get(key);
+      if (!list)
+        return prev;
+      const idx = list.findIndex((s) => s.id === id);
+      if (idx === -1)
+        return prev;
+      const sess = list[idx];
+      if (isSameSize(sess, cols, rows))
+        return prev;
+      try {
+        sess.terminal?.resize?.(cols, rows);
+      } catch {}
+      const next = new Map(prev);
+      const updated = [...list];
+      updated[idx] = updateSessionSize(sess, cols, rows);
+      next.set(key, updated);
+      return next;
+    });
+  }, []);
+  const registerListener = useCallback5((id, fn) => {
+    listenersRef.current.set(id, fn);
+    const buf = rawBuffersRef.current.get(id);
+    if (buf) {
+      for (const chunk of buf) {
+        try {
+          fn(chunk);
+        } catch {}
+      }
+    }
+  }, []);
+  const unregisterListener = useCallback5((id) => {
+    listenersRef.current.delete(id);
+  }, []);
+  const cleanupAll = useCallback5(() => {
+    for (const proc of procsRef.current.values()) {
+      try {
+        if (proc.terminal) {
+          try {
+            proc.terminal.close();
+          } catch {}
+        }
+        proc.kill();
+      } catch {}
+    }
+    procsRef.current.clear();
+    listenersRef.current.clear();
+    rawBuffersRef.current.clear();
+  }, []);
+  useEffect7(() => {
+    return () => cleanupAll();
+  }, [cleanupAll]);
+  const pruneKey = useCallback5((key) => {
+    setSessionsByKey((prev) => {
+      const next = new Map(prev);
+      const list = next.get(key);
+      if (!list)
+        return prev;
+      for (const s of list) {
+        if (s.proc) {
+          try {
+            if (s.terminal) {
+              try {
+                s.terminal.close();
+              } catch {}
+            }
+            s.proc.kill();
+          } catch {}
+          procsRef.current.delete(s.id);
+          listenersRef.current.delete(s.id);
+          rawBuffersRef.current.delete(s.id);
+        }
+      }
+      next.delete(key);
+      return next;
+    });
+  }, []);
+  return { sessionsByKey, getSessions, getKey, createSession, removeSession, sendInput, resizeSession, registerListener, unregisterListener, pruneKey, cleanupAll };
+}
+var MAX_TERMINAL_SESSIONS = 5;
+var init_useTerminalSessions = () => {};
+
 // src/tui/components/App.tsx
-import { useState as useState8, useEffect as useEffect6, useMemo, useRef as useRef5, useCallback as useCallback4 } from "react";
+import { useState as useState10, useEffect as useEffect8, useMemo, useRef as useRef7, useCallback as useCallback6 } from "react";
 import { existsSync as existsSync4 } from "node:fs";
 import { useKeyboard as useKeyboard3, useRenderer as useRenderer2, useSelectionHandler, useTerminalDimensions } from "@opentui/react";
-import { jsx as jsx14, jsxs as jsxs12 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "@opentui/react/jsx-runtime";
 function getWorktreePathFor(repoName, branch) {
   try {
     const config2 = loadConfig();
@@ -27554,37 +28143,51 @@ function getWorktreePathFor(repoName, branch) {
 function App({ opts }) {
   const renderer = useRenderer2();
   const { blocks, loading, refreshing, error: error52, warnings, lastRefreshed, pendingRepos, refresh, clearWarnings } = useWorktrees(opts);
-  const [selectedIndex, setSelectedIndex] = useState8(0);
-  const [modal, setModal] = useState8({ type: "none" });
-  const [actionMessage, setActionMessage] = useState8();
-  const messageTimer = useRef5(null);
-  const [ops, setOps] = useState8([]);
-  const [failedLogs, setFailedLogs] = useState8([]);
-  const nextOpId = useRef5(1);
-  const [createModal, setCreateModal] = useState8(false);
-  const [createError, setCreateError] = useState8();
-  const [createBaseModal, setCreateBaseModal] = useState8(null);
-  const [createBaseError, setCreateBaseError] = useState8();
-  const [createDepsChoice, setCreateDepsChoice] = useState8(null);
-  const [pullPrModal, setPullPrModal] = useState8(false);
-  const [pullPrError, setPullPrError] = useState8();
-  const [pullForceChoice, setPullForceChoice] = useState8(null);
-  const [renameModal, setRenameModal] = useState8(false);
-  const [renameError, setRenameError] = useState8();
-  const [configOpen, setConfigOpen] = useState8(false);
-  const [refreshScopes, setRefreshScopes] = useState8([]);
-  const [filterText, setFilterText] = useState8("");
-  const [isFiltering, setIsFiltering] = useState8(false);
-  const [selection, setSelection] = useState8(new Set);
-  const [splitRatio, setSplitRatio] = useState8(0.6);
-  const [isResizing, setIsResizing] = useState8(false);
-  const { width: termWidth } = useTerminalDimensions();
-  const totalWidth = termWidth || renderer.width || 80;
-  useEffect6(() => {
-    if (termWidth)
-      setSplitRatio((prev) => clampSplitRatio(termWidth, prev));
-  }, [termWidth]);
-  const doRefresh = useCallback4(async (scope) => {
+  const [selectedIndex, setSelectedIndex] = useState10(0);
+  const [modal, setModal] = useState10({ type: "none" });
+  const [actionMessage, setActionMessage] = useState10();
+  const messageTimer = useRef7(null);
+  const [ops, setOps] = useState10([]);
+  const [failedLogs, setFailedLogs] = useState10([]);
+  const nextOpId = useRef7(1);
+  const [createModal, setCreateModal] = useState10(false);
+  const [createError, setCreateError] = useState10();
+  const [createBaseModal, setCreateBaseModal] = useState10(null);
+  const [createBaseError, setCreateBaseError] = useState10();
+  const [createDepsChoice, setCreateDepsChoice] = useState10(null);
+  const [pullPrModal, setPullPrModal] = useState10(false);
+  const [pullPrError, setPullPrError] = useState10();
+  const [pullForceChoice, setPullForceChoice] = useState10(null);
+  const [renameModal, setRenameModal] = useState10(false);
+  const [renameError, setRenameError] = useState10();
+  const [configOpen, setConfigOpen] = useState10(false);
+  const [refreshScopes, setRefreshScopes] = useState10([]);
+  const [filterText, setFilterText] = useState10("");
+  const [isFiltering, setIsFiltering] = useState10(false);
+  const [selection, setSelection] = useState10(new Set);
+  const [splitRatio, setSplitRatio] = useState10(() => {
+    try {
+      const cfg = loadConfig();
+      const left = cfg.tui?.leftPaneWidthWeight ?? 3;
+      const right = cfg.tui?.rightPaneWidthWeight ?? 7;
+      const total = left + right;
+      if (total > 0)
+        return left / total;
+    } catch {}
+    return 3 / 10;
+  });
+  const [isResizing, setIsResizing] = useState10(false);
+  const terminalSessions = useTerminalSessions();
+  const [activeTabByWorktree, setActiveTabByWorktree] = useState10(() => new Map);
+  const [terminalFocused, setTerminalFocused] = useState10(false);
+  const { width: termW, height: termH } = useTerminalDimensions();
+  const totalWidth = termW || renderer.width || 80;
+  const totalHeight = termH || renderer.height || 24;
+  useEffect8(() => {
+    if (termW)
+      setSplitRatio((prev) => clampSplitRatio(termW, prev));
+  }, [termW]);
+  const doRefresh = useCallback6(async (scope) => {
     const targets = scope ?? [
       ...new Set([...blocks.map((b) => b.repoName), ...pendingRepos])
     ];
@@ -27595,18 +28198,18 @@ function App({ opts }) {
       setRefreshScopes([]);
     }
   }, [blocks, pendingRepos, refresh]);
-  useEffect6(() => {
+  useEffect8(() => {
     if (error52) {
       setModal({ type: "error", message: error52 });
     }
   }, [error52]);
-  const flash = useCallback4((message, ms = 3000) => {
+  const flash = useCallback6((message, ms = 3000) => {
     if (messageTimer.current)
       clearTimeout(messageTimer.current);
     setActionMessage(message);
     messageTimer.current = setTimeout(() => setActionMessage(undefined), ms);
   }, []);
-  const copySelectedText = useCallback4((warnOnEmpty) => {
+  const copySelectedText = useCallback6((warnOnEmpty) => {
     if (isResizing) {
       renderer.clearSelection();
       return;
@@ -27636,12 +28239,130 @@ function App({ opts }) {
   const flatRows = useMemo(() => displayBlocks.flatMap((b) => b.rows.filter((r) => !r.isPendingCreate)), [displayBlocks]);
   const totalRows = blocks.flatMap((b) => b.rows).length;
   const maxIndex = Math.max(0, flatRows.length - 1);
-  useEffect6(() => {
+  useEffect8(() => {
     if (selectedIndex > maxIndex && maxIndex >= 0) {
       setSelectedIndex(maxIndex);
     }
   }, [maxIndex, selectedIndex]);
   const selectedRow = flatRows[selectedIndex] ?? null;
+  const worktreeKey = selectedRow ? terminalSessions.getKey(selectedRow.repoName, selectedRow.branch, selectedRow.path) : "";
+  const sessionsForSelected = selectedRow ? terminalSessions.getSessions(selectedRow.repoName, selectedRow.branch, selectedRow.path) : [];
+  const activeTabId = worktreeKey ? activeTabByWorktree.get(worktreeKey) ?? "details" : "details";
+  useEffect8(() => {
+    if (worktreeKey && !activeTabByWorktree.has(worktreeKey)) {
+      setActiveTabByWorktree((prev) => {
+        if (prev.has(worktreeKey))
+          return prev;
+        const next = new Map(prev);
+        next.set(worktreeKey, "details");
+        return next;
+      });
+    }
+  }, [worktreeKey, activeTabByWorktree]);
+  useEffect8(() => {
+    if (sessionsForSelected.length === 0 && activeTabId !== "details") {
+      setActiveTabByWorktree((prev) => {
+        const next = new Map(prev);
+        next.set(worktreeKey, "details");
+        return next;
+      });
+      setTerminalFocused(false);
+    } else if (sessionsForSelected.length > 0) {
+      const exists = sessionsForSelected.some((s) => s.id === activeTabId) || activeTabId === "details";
+      if (!exists) {
+        setActiveTabByWorktree((prev) => {
+          const next = new Map(prev);
+          next.set(worktreeKey, sessionsForSelected[0].id);
+          return next;
+        });
+      }
+    }
+  }, [sessionsForSelected, activeTabId, worktreeKey]);
+  const handleSelectTab = useCallback6((id) => {
+    if (!worktreeKey)
+      return;
+    setActiveTabByWorktree((prev) => {
+      const next = new Map(prev);
+      next.set(worktreeKey, id);
+      return next;
+    });
+    const isSession = sessionsForSelected.some((s) => s.id === id);
+    setTerminalFocused(isSession);
+  }, [worktreeKey, sessionsForSelected]);
+  const handleAddSession = useCallback6(() => {
+    if (!selectedRow) {
+      flash("No worktree selected");
+      return;
+    }
+    const rawLeftTmp = Math.floor(totalWidth * splitRatio);
+    const leftColsTmp = Math.max(20, Math.min(totalWidth - 20 - DIVIDER_WIDTH, rawLeftTmp));
+    const rightColsTmp = Math.max(20, totalWidth - leftColsTmp - DIVIDER_WIDTH);
+    const cols = Math.max(20, rightColsTmp - 4);
+    const rows = Math.max(10, totalHeight - 10);
+    const { session, error: error53 } = terminalSessions.createSession(selectedRow.repoName, selectedRow.branch, selectedRow.path, { cols, rows });
+    if (error53 || !session) {
+      flash(error53 ?? "Failed to create session");
+      return;
+    }
+    const key = terminalSessions.getKey(selectedRow.repoName, selectedRow.branch, selectedRow.path);
+    setActiveTabByWorktree((prev) => {
+      const next = new Map(prev);
+      next.set(key, session.id);
+      return next;
+    });
+    setTerminalFocused(true);
+    flash(`Session ${session.label} created`, 2000);
+  }, [selectedRow, terminalSessions, flash, totalWidth, splitRatio, totalHeight]);
+  const handleCloseSession = useCallback6((id) => {
+    if (!selectedRow)
+      return;
+    terminalSessions.removeSession(selectedRow.repoName, selectedRow.branch, selectedRow.path, id);
+    const key = terminalSessions.getKey(selectedRow.repoName, selectedRow.branch, selectedRow.path);
+    setActiveTabByWorktree((prev) => {
+      const next = new Map(prev);
+      const current = next.get(key);
+      if (current === id)
+        next.set(key, "details");
+      return next;
+    });
+    setTerminalFocused(false);
+    flash("Session closed", 2000);
+  }, [selectedRow, terminalSessions, flash]);
+  useEffect8(() => {
+    const existingKeys = new Set(blocks.flatMap((b) => b.rows.map((r) => terminalSessions.getKey(r.repoName, r.branch, r.path))));
+    for (const key of terminalSessions.sessionsByKey.keys()) {
+      if (!existingKeys.has(key))
+        terminalSessions.pruneKey(key);
+    }
+  }, [blocks, terminalSessions]);
+  const tabsForSelected = useMemo(() => {
+    const base2 = [
+      {
+        id: "details",
+        label: "Details",
+        render: ({ worktree }) => /* @__PURE__ */ jsx17(DetailsContent, {
+          selectedRow: worktree
+        })
+      }
+    ];
+    for (const s of sessionsForSelected) {
+      base2.push({
+        id: s.id,
+        label: s.label,
+        closable: true,
+        render: () => /* @__PURE__ */ jsx17(TerminalView, {
+          session: s,
+          focused: terminalFocused && activeTabId === s.id,
+          onFocus: () => setTerminalFocused(true),
+          onSend: (data) => terminalSessions.sendInput(s.repoName, s.branch, s.worktreePath, s.id, data),
+          onResize: (cols, rows) => terminalSessions.resizeSession(s.repoName, s.branch, s.worktreePath, s.id, cols, rows),
+          registerListener: terminalSessions.registerListener,
+          unregisterListener: terminalSessions.unregisterListener
+        })
+      });
+    }
+    return base2;
+  }, [sessionsForSelected, terminalFocused, activeTabId, terminalSessions]);
   const { repoVerbs, rowVerbs } = useMemo(() => {
     const rv = new Map;
     const nv = new Map;
@@ -27780,7 +28501,7 @@ function App({ opts }) {
       args.push("--force");
     executeOp(op, args, [repoName]);
   };
-  const handleHintClick = useCallback4((key) => {
+  const handleHintClick = useCallback6((key) => {
     if (key === "c") {
       setConfigOpen(true);
       return;
@@ -27932,8 +28653,72 @@ function App({ opts }) {
       setModal({ type: "confirm_sync", rows: targets });
       return;
     }
-  }, [selectedRow, selection, warnings, busyRepos, busyRowPaths, doRefresh, flash, blocks]);
+    if (key === "t") {
+      if (!selectedRow)
+        return;
+      const sessions = terminalSessions.getSessions(selectedRow.repoName, selectedRow.branch, selectedRow.path);
+      if (sessions.length >= MAX_TERMINAL_SESSIONS) {
+        flash(`Max ${MAX_TERMINAL_SESSIONS} sessions per worktree`);
+        return;
+      }
+      handleAddSession();
+      return;
+    }
+  }, [selectedRow, selection, warnings, busyRepos, busyRowPaths, doRefresh, flash, blocks, terminalSessions]);
   useKeyboard3((key) => {
+    if (terminalFocused) {
+      if (key.ctrl && key.name === "g") {
+        setTerminalFocused(false);
+        return;
+      }
+      const activeSession = sessionsForSelected.find((s) => s.id === activeTabId);
+      if (activeSession) {
+        let data = null;
+        const seq = key.sequence;
+        const raw = key.raw;
+        if (key.ctrl && key.name && key.name.length === 1) {
+          const code = key.name.charCodeAt(0) - 96;
+          if (code >= 1 && code <= 26)
+            data = String.fromCharCode(code);
+          else if (seq)
+            data = seq;
+          else if (raw)
+            data = raw;
+        } else if (seq) {
+          data = seq;
+        } else if (raw) {
+          data = raw;
+        } else if (key.name === "return" || key.name === "enter") {
+          data = "\r";
+        } else if (key.name === "backspace") {
+          data = "";
+        } else if (key.name === "tab") {
+          data = "\t";
+        } else if (key.name === "escape") {
+          data = "\x1B";
+        } else if (key.name && key.name.length === 1) {
+          data = key.name;
+        }
+        if (data !== null) {
+          terminalSessions.sendInput(activeSession.repoName, activeSession.branch, activeSession.worktreePath, activeSession.id, data);
+        }
+      }
+      return;
+    }
+    if (key.ctrl && key.name === "g") {
+      if (sessionsForSelected.length > 0) {
+        const targetId = activeTabId !== "details" ? activeTabId : sessionsForSelected[0].id;
+        if (worktreeKey) {
+          setActiveTabByWorktree((prev) => {
+            const next = new Map(prev);
+            next.set(worktreeKey, targetId);
+            return next;
+          });
+        }
+        setTerminalFocused(true);
+        return;
+      }
+    }
     if (isFiltering) {
       if (key.name === "escape") {
         setIsFiltering(false);
@@ -28245,108 +29030,106 @@ function App({ opts }) {
       setModal({ type: "confirm_sync", rows: targets });
       return;
     }
-    if (key.name === "a") {
-      const targets = getSelectedRows();
-      if (targets.length === 0)
-        return;
-      const target = targets[0];
-      if (!target)
+    if (key.name === "t") {
+      if (!selectedRow) {
+        flash("No worktree selected");
         return;
-      const conflict = findConflict([target]);
-      if (conflict) {
-        flash(conflict);
+      }
+      const sessions = terminalSessions.getSessions(selectedRow.repoName, selectedRow.branch, selectedRow.path);
+      if (sessions.length >= MAX_TERMINAL_SESSIONS) {
+        flash(`Max ${MAX_TERMINAL_SESSIONS} sessions per worktree`);
         return;
       }
-      (async () => {
-        const startedAt = Date.now();
-        try {
-          const config2 = await loadConfig();
-          const cmdTemplate = resolveAgentCommand("claude", config2.agents) ?? "claude";
-          const result = await spawnAgentInWorktree(cmdTemplate, target.path, { repoName: target.repoName, branch: target.branch });
-          appendHistory({
-            ts: new Date().toISOString(),
-            source: "terminal",
-            command: "agent",
-            args: ["agent", target.branch, "--repo", target.repoName],
-            durationMs: Date.now() - startedAt,
-            exit: 0
-          });
-          flash(`Agent spawned (${result.mode}${result.session ? ` session ${result.session}` : ""})`, 5000);
-        } catch (e) {
-          appendHistory({
-            ts: new Date().toISOString(),
-            source: "terminal",
-            command: "agent",
-            args: ["agent", target.branch, "--repo", target.repoName],
-            durationMs: Date.now() - startedAt,
-            exit: 1
-          });
-          flash(`Agent failed: ${e.message}`, 5000);
-        }
-      })();
+      handleAddSession();
+      return;
     }
   });
   const rawLeft = Math.floor(totalWidth * splitRatio);
   const leftCols = Math.max(20, Math.min(totalWidth - 20 - DIVIDER_WIDTH, rawLeft));
   const rightCols = Math.max(20, totalWidth - leftCols - DIVIDER_WIDTH);
-  return /* @__PURE__ */ jsxs12("box", {
+  const paneCols = Math.max(20, rightCols - 4);
+  const paneRows = Math.max(10, totalHeight - 10);
+  useEffect8(() => {
+    for (const sessions of terminalSessions.sessionsByKey.values()) {
+      for (const s of sessions) {
+        if (s.usePty && s.terminal && (s.cols !== paneCols || s.rows !== paneRows)) {
+          terminalSessions.resizeSession(s.repoName, s.branch, s.worktreePath, s.id, paneCols, paneRows);
+        }
+      }
+    }
+  }, [paneCols, paneRows, terminalSessions]);
+  useEffect8(() => {
+    setTerminalFocused(false);
+  }, [selectedIndex]);
+  return /* @__PURE__ */ jsxs15("box", {
     flexDirection: "column",
     width: "100%",
     height: "100%",
     children: [
-      /* @__PURE__ */ jsxs12("box", {
+      /* @__PURE__ */ jsxs15("box", {
         flexDirection: "row",
         width: "100%",
         flexGrow: 1,
         children: [
-          /* @__PURE__ */ jsx14("box", {
+          /* @__PURE__ */ jsx17("box", {
             width: leftCols,
             height: "100%",
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx14(WorktreeTable, {
+            onMouseDown: () => setTerminalFocused(false),
+            children: /* @__PURE__ */ jsx17(WorktreeTable, {
               blocks: displayBlocks,
               selectedIndex,
               selection,
               frame: spinnerFrame,
               repoVerbs,
               rowVerbs,
-              onRowClick: (idx) => setSelectedIndex(idx),
+              onRowClick: (idx) => {
+                setTerminalFocused(false);
+                setSelectedIndex(idx);
+              },
               onToggleSelect: (path37) => setSelection((prev) => toggleSelection(prev, path37))
             })
           }),
-          /* @__PURE__ */ jsx14(Divider, {
+          /* @__PURE__ */ jsx17(Divider, {
             splitRatio,
             totalWidth,
             onChange: setSplitRatio,
             onDraggingChange: setIsResizing
           }),
-          /* @__PURE__ */ jsx14("box", {
+          /* @__PURE__ */ jsx17("box", {
             width: rightCols,
             height: "100%",
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx14(DetailPane, {
-              selectedRow
+            children: /* @__PURE__ */ jsx17(TabPane, {
+              selectedRow,
+              tabs: tabsForSelected,
+              activeId: activeTabId,
+              focused: terminalFocused && tabsForSelected.some((t) => t.id === activeTabId && t.id !== "details"),
+              canAdd: sessionsForSelected.length < MAX_TERMINAL_SESSIONS,
+              onSelect: handleSelectTab,
+              onAdd: handleAddSession,
+              onClose: handleCloseSession
             })
           })
         ]
       }),
-      isFiltering && /* @__PURE__ */ jsxs12("box", {
+      isFiltering && /* @__PURE__ */ jsxs15("box", {
         flexDirection: "row",
         paddingX: 1,
         border: true,
         borderColor: "magenta",
         children: [
-          /* @__PURE__ */ jsx14("text", {
+          /* @__PURE__ */ jsx17("text", {
             children: "filter: "
           }),
-          /* @__PURE__ */ jsx14("input", {
+          /* @__PURE__ */ jsx17("input", {
             focused: true,
             placeholder: "Type to filter...",
             onInput: (v) => setFilterText(v)
           })
         ]
       }),
-      /* @__PURE__ */ jsx14(Footer, {
+      /* @__PURE__ */ jsx17(Footer, {
         loading: loading || refreshing,
         lastRefreshed,
         errorCount: warnings.length,
@@ -28357,9 +29140,9 @@ function App({ opts }) {
         onHintClick: handleHintClick,
         onErrorClick: () => setModal({ type: "warnings" })
       }),
-      modal.type === "help" && /* @__PURE__ */ jsx14(HelpOverlay, {}),
-      modal.type === "history" && /* @__PURE__ */ jsx14(HistoryOverlay, {}),
-      modal.type === "warnings" && /* @__PURE__ */ jsx14(WarningsOverlay, {
+      modal.type === "help" && /* @__PURE__ */ jsx17(HelpOverlay, {}),
+      modal.type === "history" && /* @__PURE__ */ jsx17(HistoryOverlay, {}),
+      modal.type === "warnings" && /* @__PURE__ */ jsx17(WarningsOverlay, {
         warnings,
         onAcknowledge: () => {
           clearWarnings();
@@ -28367,7 +29150,7 @@ function App({ opts }) {
         },
         onClose: () => setModal({ type: "none" })
       }),
-      modal.type === "error" && /* @__PURE__ */ jsx14(ConfirmModal, {
+      modal.type === "error" && /* @__PURE__ */ jsx17(ConfirmModal, {
         title: "Error",
         message: modal.message,
         onConfirm: () => {
@@ -28385,7 +29168,7 @@ function App({ opts }) {
           }
         }
       }),
-      modal.type === "confirm_remove" && /* @__PURE__ */ jsx14(ConfirmModal, {
+      modal.type === "confirm_remove" && /* @__PURE__ */ jsx17(ConfirmModal, {
         title: `Remove ${modal.rows.length} Worktree(s)`,
         message: (() => {
           const count2 = modal.rows.length;
@@ -28414,7 +29197,7 @@ function App({ opts }) {
         },
         onCancel: () => setModal({ type: "none" })
       }),
-      modal.type === "confirm_rebase" && /* @__PURE__ */ jsx14(ConfirmModal, {
+      modal.type === "confirm_rebase" && /* @__PURE__ */ jsx17(ConfirmModal, {
         title: `Rebase ${modal.rows.length} Worktree(s)`,
         message: `Are you sure you want to fetch and rebase ${modal.rows.length === 1 ? modal.rows[0]?.branch : modal.rows.length + " worktrees"}?`,
         onConfirm: () => {
@@ -28424,7 +29207,7 @@ function App({ opts }) {
         },
         onCancel: () => setModal({ type: "none" })
       }),
-      modal.type === "confirm_sync" && /* @__PURE__ */ jsx14(ConfirmModal, {
+      modal.type === "confirm_sync" && /* @__PURE__ */ jsx17(ConfirmModal, {
         title: `Sync ${modal.rows.length} Worktree(s)`,
         message: `Are you sure you want to sync ${modal.rows.length === 1 ? modal.rows[0]?.branch : modal.rows.length + " worktrees"}?`,
         onConfirm: () => {
@@ -28434,7 +29217,7 @@ function App({ opts }) {
         },
         onCancel: () => setModal({ type: "none" })
       }),
-      createModal && /* @__PURE__ */ jsx14(InputModal, {
+      createModal && /* @__PURE__ */ jsx17(InputModal, {
         title: `New worktree branch in ${selectedRow?.repoName ?? ""}`,
         placeholder: "Branch name (empty to cancel)",
         errorMessage: createError,
@@ -28461,7 +29244,7 @@ function App({ opts }) {
           setCreateBaseModal({ branch, repoName });
         }
       }),
-      createBaseModal && /* @__PURE__ */ jsx14(InputModal, {
+      createBaseModal && /* @__PURE__ */ jsx17(InputModal, {
         title: `Base ref for ${createBaseModal.branch}`,
         placeholder: "origin/main (empty for default main)",
         errorMessage: createBaseError,
@@ -28477,7 +29260,7 @@ function App({ opts }) {
           setCreateDepsChoice({ branch, repoName, base: base2 || undefined });
         }
       }),
-      createDepsChoice && /* @__PURE__ */ jsx14(ChoiceModal, {
+      createDepsChoice && /* @__PURE__ */ jsx17(ChoiceModal, {
         title: `Dependencies for ${createDepsChoice.branch}`,
         options: DEPS_CHOICES,
         onSubmit: (choice) => {
@@ -28487,7 +29270,7 @@ function App({ opts }) {
         },
         onCancel: () => setCreateDepsChoice(null)
       }),
-      pullPrModal && /* @__PURE__ */ jsx14(InputModal, {
+      pullPrModal && /* @__PURE__ */ jsx17(InputModal, {
         title: `Pull PR into ${selectedRow?.repoName ?? ""}`,
         placeholder: "https://github.com/owner/repo/pull/123",
         errorMessage: pullPrError,
@@ -28515,7 +29298,7 @@ function App({ opts }) {
           setPullForceChoice({ link, repoName });
         }
       }),
-      pullForceChoice && /* @__PURE__ */ jsx14(ChoiceModal, {
+      pullForceChoice && /* @__PURE__ */ jsx17(ChoiceModal, {
         title: `Pull ${pullForceChoice.link.split("/").pop()}?`,
         options: [
           { value: "normal", label: "Pull (skip if exists)", desc: "Fails if branch already exists" },
@@ -28528,7 +29311,7 @@ function App({ opts }) {
         },
         onCancel: () => setPullForceChoice(null)
       }),
-      renameModal && selectedRow && /* @__PURE__ */ jsx14(InputModal, {
+      renameModal && selectedRow && /* @__PURE__ */ jsx17(InputModal, {
         title: `Rename branch ${selectedRow.branch}`,
         initialValue: selectedRow.branch,
         placeholder: "New branch name",
@@ -28553,7 +29336,7 @@ function App({ opts }) {
           setModal({ type: "confirm_rename", row: target, to });
         }
       }),
-      modal.type === "confirm_rename" && /* @__PURE__ */ jsx14(ConfirmModal, {
+      modal.type === "confirm_rename" && /* @__PURE__ */ jsx17(ConfirmModal, {
         title: "Rename Worktree",
         message: [
           `${modal.row.branch} → ${modal.to}`,
@@ -28584,12 +29367,12 @@ function App({ opts }) {
         },
         onCancel: () => setModal({ type: "none" })
       }),
-      configOpen && /* @__PURE__ */ jsx14(ConfigOverlay, {
+      configOpen && /* @__PURE__ */ jsx17(ConfigOverlay, {
         onClose: () => setConfigOpen(false),
         onSaved: () => void doRefresh(),
         onError: (msg) => setModal({ type: "error", message: msg })
       }),
-      failedLogs.length > 0 && /* @__PURE__ */ jsx14(ActionLogModal, {
+      failedLogs.length > 0 && /* @__PURE__ */ jsx17(ActionLogModal, {
         title: failedLogs[0].title,
         lines: failedLogs[0].lines,
         done: true,
@@ -28603,7 +29386,9 @@ var VERBS, capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1), DEPS_CHOI
 var init_App = __esm(() => {
   init_useWorktrees();
   init_WorktreeTable();
-  init_DetailPane();
+  init_TabPane();
+  init_DetailsTab();
+  init_TerminalView();
   init_Footer();
   init_Divider();
   init_HelpOverlay();
@@ -28616,10 +29401,9 @@ var init_App = __esm(() => {
   init_ConfigOverlay();
   init_WarningsOverlay();
   init_utils();
-  init_agents();
   init_config();
-  init_history();
   init_useSpinnerFrame();
+  init_useTerminalSessions();
   VERBS = {
     create: "creating worktree",
     remove: "deleting",
@@ -28643,16 +29427,16 @@ var exports_tui = {};
 __export(exports_tui, {
   runTerminal: () => runTerminal
 });
-import { createCliRenderer, TextTableRenderable } from "@opentui/core";
+import { createCliRenderer, TextTableRenderable, EmbeddedTerminalRenderable } from "@opentui/core";
 import { createRoot, extend as extend2 } from "@opentui/react";
-import { jsx as jsx15 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx18 } from "@opentui/react/jsx-runtime";
 async function runTerminal(opts) {
   const renderer = await createCliRenderer({
     exitOnCtrlC: false
   });
   const root = createRoot(renderer);
   try {
-    root.render(/* @__PURE__ */ jsx15(App, {
+    root.render(/* @__PURE__ */ jsx18(App, {
       opts
     }));
   } catch (err) {
@@ -28663,7 +29447,7 @@ async function runTerminal(opts) {
 }
 var init_tui = __esm(() => {
   init_App();
-  extend2({ "text-table": TextTableRenderable });
+  extend2({ "text-table": TextTableRenderable, "embedded-terminal": EmbeddedTerminalRenderable });
 });
 
 // node_modules/commander/lib/error.js
@@ -31002,7 +31786,80 @@ async function runPostCreateSetup(params) {
 init_deps();
 init_forge();
 init_owner();
-init_agents();
+
+// src/lib/agents.ts
+init_execa();
+var DEFAULT_AGENTS = {
+  claude: "claude",
+  codex: "codex",
+  opencode: "opencode",
+  cursor: "cursor"
+};
+function resolveAgentCommand(name, configured) {
+  return configured?.[name]?.command ?? DEFAULT_AGENTS[name] ?? null;
+}
+function listAvailableAgents(configured) {
+  return [...new Set([...Object.keys(DEFAULT_AGENTS), ...Object.keys(configured ?? {})])];
+}
+var tmuxAvailable = undefined;
+async function isTmuxAvailable() {
+  if (tmuxAvailable !== undefined)
+    return tmuxAvailable;
+  try {
+    await execa("tmux", ["-V"]);
+    tmuxAvailable = true;
+  } catch {
+    tmuxAvailable = false;
+  }
+  return tmuxAvailable;
+}
+function tmuxSessionName(repoName, branch) {
+  const sanitized = `${repoName}-${branch}`.replace(/[\/.:]/g, "-");
+  return `wtx-${sanitized}`.substring(0, 60);
+}
+function buildTmuxArgs(session, wtPath, cmd) {
+  return ["new-session", "-d", "-s", session, "-c", wtPath, cmd];
+}
+async function spawnAgentInWorktree(commandTemplate, wtPath, opts = {}) {
+  const cmd = buildAgentCommand(commandTemplate, wtPath, opts.prompt, {
+    branch: opts.branch,
+    repo: opts.repoName
+  });
+  const session = opts.repoName && opts.branch ? tmuxSessionName(opts.repoName, opts.branch) : undefined;
+  if (opts.dryRun) {
+    if (session && await isTmuxAvailable()) {
+      return { mode: "tmux", session };
+    }
+    return { mode: "direct" };
+  }
+  if (session && await isTmuxAvailable()) {
+    try {
+      const args = buildTmuxArgs(session, wtPath, cmd);
+      await execa("tmux", args, { stdio: "inherit" });
+      return { mode: "tmux", session };
+    } catch {}
+  }
+  await execa(cmd, { shell: true, cwd: wtPath, stdio: "inherit" });
+  return { mode: "direct" };
+}
+function shellQuote(value) {
+  return `'${value.replaceAll("'", `'''`)}'`;
+}
+function buildAgentCommand(commandTemplate, wtPath, prompt, vars) {
+  let cmd = commandTemplate.replaceAll("{wt}", shellQuote(wtPath));
+  if (vars?.branch) {
+    cmd = cmd.replaceAll("{branch}", shellQuote(vars.branch));
+  }
+  if (vars?.repo) {
+    cmd = cmd.replaceAll("{repo}", shellQuote(vars.repo));
+  }
+  if (prompt) {
+    cmd += ` ${shellQuote(prompt)}`;
+  }
+  return cmd;
+}
+
+// src/commands/create.ts
 var DEPS_STRATEGIES = ["auto", "link", "symlink", "install", "off"];
 async function applyDepsStrategy(strategy, wtPath, mainPath, opts) {
   if (strategy === "install") {