@ogpoyraz/wtx 0.8.6 → 0.8.7

package/dist/cli.mjs

@@ -25437,6 +25437,13 @@ function wrapText(text, width) {
 function isTapWithoutDrag(down, up) {
   return Math.abs(up.x - down.x) <= 1 && Math.abs(up.y - down.y) <= 1;
 }
+function clampSplitRatio(totalWidth, ratio, dividerWidth = DIVIDER_WIDTH) {
+  if (totalWidth <= MIN_PANE_COLS * 2 + dividerWidth)
+    return 0.5;
+  const minRatio = MIN_PANE_COLS / totalWidth;
+  const maxRatio = (totalWidth - MIN_PANE_COLS - dividerWidth) / totalWidth;
+  return Math.max(minRatio, Math.min(maxRatio, ratio));
+}
 function mergeBlocks(prev, next, scope) {
   if (!scope)
     return sortBlocks(next);
@@ -25492,6 +25499,7 @@ function withCreatePlaceholders(blocks, creating) {
     return { ...block, rows: sortRowsHierarchically([...block.rows, ...placeholders]) };
   });
 }
+var MIN_PANE_COLS = 20, DIVIDER_WIDTH = 3;
 var init_utils = __esm(() => {
   init_stack();
 });
@@ -25600,14 +25608,19 @@ import { useRef as useRef2, useCallback as useCallback2 } from "react";
 function useTapHandler(onTap) {
   const down = useRef2(null);
   const onMouseDown = useCallback2((e) => {
+    if (e.button !== 0)
+      return;
     down.current = { x: e.x, y: e.y };
   }, []);
   const onMouseUp = useCallback2((e) => {
     const start = down.current;
     down.current = null;
+    if (e.button !== 0)
+      return;
     if (!start || !isTapWithoutDrag(start, e))
       return;
-    onTap();
+    e.stopPropagation();
+    onTap(e);
   }, [onTap]);
   return { onMouseDown, onMouseUp };
 }
@@ -25679,7 +25692,7 @@ async function openInBrowser(url2) {
 
 // src/tui/components/WorktreeTable.tsx
 import { useEffect as useEffect2, useRef as useRef3 } from "react";
-import { jsx, jsxs, Fragment } from "@opentui/react/jsx-runtime";
+import { jsx, jsxs } from "@opentui/react/jsx-runtime";
 function statusBadge(row) {
   if (row.isMainCheckout)
     return { text: "[main]", fg: tokens.accent };
@@ -25693,11 +25706,27 @@ function statusBadge(row) {
     return { text: `dirty (${row.dirtyFiles.length})`, fg: tokens.warning };
   return { text: "clean", fg: tokens.dim };
 }
-function WorktreeItem({ row, isSelected, isMultiSelected, indicator, frame, id }) {
+function WorktreeItem({
+  row,
+  isSelected,
+  isMultiSelected,
+  indicator,
+  frame,
+  id,
+  onRowClick,
+  onToggleSelect
+}) {
   const prTap = useTapHandler(() => {
     if (row.prUrl)
       openInBrowser(row.prUrl);
   });
+  const rowTap = useTapHandler(() => {
+    onRowClick?.();
+  });
+  const gutterTap = useTapHandler((e) => {
+    e.stopPropagation();
+    onToggleSelect?.();
+  });
   const badge = indicator ? indicator.running ? { text: `${frame} ${indicator.verb}…`, fg: tokens.accent } : { text: `◌ ${indicator.verb}`, fg: tokens.dim } : row.isPendingCreate ? { text: `${frame} creating…`, fg: tokens.accent } : statusBadge(row);
   const disabled = indicator !== undefined || row.isPendingCreate === true;
   const primary = isSelected ? tokens.bright : disabled ? tokens.dim : tokens.fg;
@@ -25714,98 +25743,134 @@ function WorktreeItem({ row, isSelected, isMultiSelected, indicator, frame, id }
     ownerSegment,
     baseSegment
   ].filter(Boolean).join(" ").trimEnd();
+  const isClickable = !row.isPendingCreate && !indicator;
   return /* @__PURE__ */ jsxs("box", {
     id,
     flexDirection: "column",
     backgroundColor: isSelected ? tokens.selectionBg : undefined,
     style: { paddingRight: 1 },
+    ...isClickable && onRowClick ? rowTap : {},
     children: [
-      /* @__PURE__ */ jsxs("text", {
+      /* @__PURE__ */ jsxs("box", {
+        flexDirection: "row",
         children: [
-          /* @__PURE__ */ jsx("span", {
-            fg: primary,
-            children: isSelected ? "▸ " : "  "
-          }),
-          /* @__PURE__ */ jsx("span", {
-            fg: tokens.accent,
-            children: isMultiSelected ? "✓ " : "  "
-          }),
-          /* @__PURE__ */ jsx("span", {
-            fg: tokens.dim,
-            children: hierarchyPrefix
-          }),
-          /* @__PURE__ */ jsx("span", {
-            fg: primary,
-            children: truncateBranch(row.branch)
+          /* @__PURE__ */ jsx("text", {
+            children: /* @__PURE__ */ jsx("span", {
+              fg: primary,
+              children: isSelected ? "▸ " : "  "
+            })
           }),
-          /* @__PURE__ */ jsx("span", {
-            fg: badge.fg,
-            children: `  ${badge.text}`
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("text", {
-        ...row.prUrl ? prTap : {},
-        children: [
-          /* @__PURE__ */ jsx("span", {
-            fg: tokens.dim,
-            children: secondary
+          /* @__PURE__ */ jsx("box", {
+            width: 2,
+            ...onToggleSelect ? gutterTap : {},
+            children: /* @__PURE__ */ jsx("text", {
+              fg: tokens.accent,
+              children: isMultiSelected ? "✓ " : "  "
+            })
           }),
-          row.prNumber !== null && /* @__PURE__ */ jsxs(Fragment, {
+          /* @__PURE__ */ jsxs("text", {
             children: [
               /* @__PURE__ */ jsx("span", {
                 fg: tokens.dim,
-                children: secondary ? " · " : ""
+                children: hierarchyPrefix
               }),
               /* @__PURE__ */ jsx("span", {
-                fg: tokens.accent,
-                children: `#${row.prNumber}`
-              }),
-              row.prState && /* @__PURE__ */ jsx("span", {
-                fg: tokens.dim,
-                children: ` ${row.prState}`
+                fg: primary,
+                children: truncateBranch(row.branch)
               }),
-              row.prChecks && /* @__PURE__ */ jsx("span", {
+              /* @__PURE__ */ jsx("span", {
+                fg: badge.fg,
+                children: `  ${badge.text}`
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("box", {
+        flexDirection: "row",
+        children: [
+          /* @__PURE__ */ jsxs("text", {
+            children: [
+              /* @__PURE__ */ jsx("span", {
                 fg: tokens.dim,
-                children: ` (${row.prChecks})`
+                children: secondary
               }),
-              row.prUrl && /* @__PURE__ */ jsx("span", {
+              row.prNumber !== null && secondary ? /* @__PURE__ */ jsx("span", {
                 fg: tokens.dim,
-                children: " ↗"
-              })
+                children: " · "
+              }) : null
             ]
           }),
-          baseChangedSegment && /* @__PURE__ */ jsx("span", {
-            fg: tokens.warning,
-            children: baseChangedSegment
+          row.prNumber !== null && /* @__PURE__ */ jsx("box", {
+            ...row.prUrl ? prTap : {},
+            children: /* @__PURE__ */ jsxs("text", {
+              children: [
+                /* @__PURE__ */ jsx("span", {
+                  fg: tokens.accent,
+                  children: `#${row.prNumber}`
+                }),
+                row.prState && /* @__PURE__ */ jsx("span", {
+                  fg: tokens.dim,
+                  children: ` ${row.prState}`
+                }),
+                row.prChecks && /* @__PURE__ */ jsx("span", {
+                  fg: tokens.dim,
+                  children: ` (${row.prChecks})`
+                }),
+                row.prUrl && /* @__PURE__ */ jsx("span", {
+                  fg: tokens.dim,
+                  children: " ↗"
+                })
+              ]
+            })
           }),
-          rebaseSegment && /* @__PURE__ */ jsx("span", {
-            fg: tokens.error,
-            children: rebaseSegment
+          /* @__PURE__ */ jsxs("text", {
+            children: [
+              baseChangedSegment && /* @__PURE__ */ jsx("span", {
+                fg: tokens.warning,
+                children: baseChangedSegment
+              }),
+              rebaseSegment && /* @__PURE__ */ jsx("span", {
+                fg: tokens.error,
+                children: rebaseSegment
+              })
+            ]
           })
         ]
       })
     ]
   });
 }
-function WorktreeTable({ blocks, selectedIndex, selection = new Set, frame, repoVerbs, rowVerbs }) {
+function WorktreeTable({ blocks, selectedIndex, selection = new Set, frame, repoVerbs, rowVerbs, onRowClick, onToggleSelect }) {
   const scrollRef = useRef3(null);
   useEffect2(() => {
     if (scrollRef.current?.scrollChildIntoView) {
       scrollRef.current.scrollChildIntoView("selected-row");
     }
   }, [selectedIndex]);
-  let flatIndex = 0;
+  const flatIndexMap = new Map;
+  let idx = 0;
+  for (const b of blocks) {
+    for (const r of b.rows) {
+      if (!r.isPendingCreate)
+        flatIndexMap.set(r.path, idx++);
+    }
+  }
+  let headerSeen = 0;
   return /* @__PURE__ */ jsx("scrollbox", {
     ref: scrollRef,
     id: "worktree-table",
-    flexGrow: 2,
+    flexGrow: 1,
+    width: "100%",
     height: "100%",
     border: true,
     borderColor: tokens.border,
     title: "Worktrees",
     paddingX: 1,
     focused: false,
+    onMouseScroll: (e) => {
+      e.stopPropagation();
+    },
     children: blocks.length === 0 ? /* @__PURE__ */ jsx("text", {
       fg: tokens.dim,
       children: "No repositories configured."
@@ -25816,7 +25881,7 @@ function WorktreeTable({ blocks, selectedIndex, selection = new Set, frame, repo
         style: { marginBottom: 1 },
         children: [
           /* @__PURE__ */ jsx("box", {
-            style: { marginTop: flatIndex === 0 ? 0 : 1 },
+            style: { marginTop: headerSeen === 0 ? 0 : 1 },
             children: /* @__PURE__ */ jsxs("text", {
               children: [
                 /* @__PURE__ */ jsx("span", {
@@ -25837,18 +25902,23 @@ function WorktreeTable({ blocks, selectedIndex, selection = new Set, frame, repo
               ]
             })
           }),
+          (() => {
+            headerSeen++;
+            return null;
+          })(),
           block.rows.map((row) => {
             const navigable = !row.isPendingCreate;
-            const isSelected = navigable && flatIndex === selectedIndex;
-            if (navigable)
-              flatIndex++;
+            const flatIdx = flatIndexMap.get(row.path);
+            const isSelected = navigable && flatIdx === selectedIndex;
             return /* @__PURE__ */ jsx(WorktreeItem, {
               row,
               isSelected,
               isMultiSelected: selection.has(row.path),
               indicator: rowVerbs.get(row.path),
               frame,
-              id: isSelected ? "selected-row" : undefined
+              id: isSelected ? "selected-row" : undefined,
+              onRowClick: navigable && flatIdx !== undefined && onRowClick ? () => onRowClick(flatIdx) : undefined,
+              onToggleSelect: onToggleSelect ? () => onToggleSelect(row.path) : undefined
             }, row.path);
           })
         ]
@@ -25863,7 +25933,7 @@ var init_WorktreeTable = __esm(() => {
 });
 
 // src/tui/components/DetailPane.tsx
-import { jsx as jsx2, jsxs as jsxs2, Fragment as Fragment2 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2, Fragment } from "@opentui/react/jsx-runtime";
 function DetailPane({ selectedRow }) {
   const prTap = useTapHandler(() => {
     if (selectedRow?.prUrl)
@@ -25873,6 +25943,7 @@ function DetailPane({ selectedRow }) {
     return /* @__PURE__ */ jsx2("box", {
       id: "detail-pane",
       flexGrow: 1,
+      width: "100%",
       height: "100%",
       border: true,
       borderColor: tokens.border,
@@ -25911,6 +25982,7 @@ function DetailPane({ selectedRow }) {
   return /* @__PURE__ */ jsxs2("scrollbox", {
     id: "detail-pane",
     flexGrow: 1,
+    width: "100%",
     height: "100%",
     border: true,
     borderColor: tokens.border,
@@ -26083,7 +26155,7 @@ function DetailPane({ selectedRow }) {
           })
         ]
       }),
-      prNumber !== null && /* @__PURE__ */ jsxs2(Fragment2, {
+      prNumber !== null && /* @__PURE__ */ jsxs2(Fragment, {
         children: [
           /* @__PURE__ */ jsxs2("text", {
             style: { marginTop: 1 },
@@ -26179,7 +26251,7 @@ function DetailPane({ selectedRow }) {
             fg: tokens.dim,
             children: "Actions:"
           }),
-          !isMainCheckout && /* @__PURE__ */ jsxs2(Fragment2, {
+          !isMainCheckout && /* @__PURE__ */ jsxs2(Fragment, {
             children: [
               /* @__PURE__ */ jsxs2("text", {
                 fg: tokens.dim,
@@ -26215,8 +26287,44 @@ var init_DetailPane = __esm(() => {
 
 // src/tui/components/Footer.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "@opentui/react/jsx-runtime";
-function Footer({ loading, lastRefreshed, errorCount, message, busyText, spinnerFrame, filter }) {
-  const hints = HINTS.map(([key, action]) => `${key} ${action}`).join(" · ");
+function HintItem({ hintKey, label, isFirst, onClick }) {
+  const tap = useTapHandler(() => onClick?.(hintKey));
+  return /* @__PURE__ */ jsx3("box", {
+    flexDirection: "row",
+    ...onClick ? tap : {},
+    children: /* @__PURE__ */ jsxs3("text", {
+      children: [
+        /* @__PURE__ */ jsx3("span", {
+          fg: tokens.dim,
+          children: isFirst ? "" : " · "
+        }),
+        /* @__PURE__ */ jsx3("span", {
+          fg: tokens.dim,
+          children: `${hintKey} ${label}`
+        })
+      ]
+    })
+  });
+}
+function ErrorBadge({ count: count2, onClick }) {
+  const tap = useTapHandler(() => onClick?.());
+  return /* @__PURE__ */ jsx3("box", {
+    ...onClick ? tap : {},
+    children: /* @__PURE__ */ jsxs3("text", {
+      children: [
+        /* @__PURE__ */ jsx3("span", {
+          fg: tokens.error,
+          children: `${count2} error${count2 !== 1 ? "s" : ""}`
+        }),
+        /* @__PURE__ */ jsx3("span", {
+          fg: tokens.dim,
+          children: " · e view"
+        })
+      ]
+    })
+  });
+}
+function Footer({ loading, lastRefreshed, errorCount, message, busyText, spinnerFrame, filter, onHintClick, onErrorClick }) {
   const frame = spinnerFrame ?? "◌";
   return /* @__PURE__ */ jsxs3("box", {
     id: "footer",
@@ -26232,9 +26340,15 @@ function Footer({ loading, lastRefreshed, errorCount, message, busyText, spinner
       busyText ? /* @__PURE__ */ jsx3("text", {
         fg: tokens.accent,
         children: `${frame} ${busyText}`
-      }) : /* @__PURE__ */ jsx3("text", {
-        fg: tokens.dim,
-        children: hints
+      }) : /* @__PURE__ */ jsx3("box", {
+        flexDirection: "row",
+        gap: 1,
+        children: HINTS.map(([key, label], idx) => /* @__PURE__ */ jsx3(HintItem, {
+          hintKey: key,
+          label,
+          isFirst: idx === 0,
+          onClick: onHintClick
+        }, key))
       }),
       /* @__PURE__ */ jsxs3("box", {
         flexDirection: "row",
@@ -26256,17 +26370,9 @@ function Footer({ loading, lastRefreshed, errorCount, message, busyText, spinner
               ")"
             ]
           }) : null,
-          errorCount > 0 ? /* @__PURE__ */ jsxs3("text", {
-            children: [
-              /* @__PURE__ */ jsx3("span", {
-                fg: tokens.error,
-                children: `${errorCount} error${errorCount !== 1 ? "s" : ""}`
-              }),
-              /* @__PURE__ */ jsx3("span", {
-                fg: tokens.dim,
-                children: " · e view"
-              })
-            ]
+          errorCount > 0 ? /* @__PURE__ */ jsx3(ErrorBadge, {
+            count: errorCount,
+            onClick: onErrorClick
           }) : null,
           /* @__PURE__ */ jsx3("text", {
             fg: tokens.dim,
@@ -26280,6 +26386,7 @@ function Footer({ loading, lastRefreshed, errorCount, message, busyText, spinner
 var HINTS;
 var init_Footer = __esm(() => {
   init_theme();
+  init_use_tap();
   HINTS = [
     ["c", "config"],
     ["n", "create"],
@@ -26297,10 +26404,76 @@ var init_Footer = __esm(() => {
   ];
 });
 
-// src/tui/components/Overlay.tsx
+// src/tui/components/Divider.tsx
+import { useState as useState2, useRef as useRef4, useCallback as useCallback3 } from "react";
+import { useRenderer } from "@opentui/react";
 import { jsx as jsx4 } from "@opentui/react/jsx-runtime";
-function Overlay({ title, borderColor = tokens.border, width = 64, children }) {
+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) => {
+    if (e.button !== 0)
+      return;
+    startXRef.current = e.x;
+    startRatioRef.current = splitRatio;
+    setDragging(true);
+    onDraggingChange?.(true);
+    renderer.clearSelection();
+    e.stopPropagation();
+  }, [splitRatio, onDraggingChange, renderer]);
+  const handleMouseUp = useCallback3((e) => {
+    if (e.button !== 0)
+      return;
+    startXRef.current = null;
+    setDragging(false);
+    onDraggingChange?.(false);
+    e.stopPropagation();
+  }, [onDraggingChange]);
+  const handleMouseDrag = useCallback3((e) => {
+    if (startXRef.current === null)
+      return;
+    renderer.clearSelection();
+    const dx = e.x - startXRef.current;
+    const next = clampSplitRatio(totalWidth, startRatioRef.current + dx / totalWidth);
+    onChange(next);
+    e.stopPropagation();
+  }, [totalWidth, onChange, renderer]);
+  const dragHandlers = {
+    onMouseDown: handleMouseDown,
+    onMouseUp: handleMouseUp,
+    onMouseDrag: handleMouseDrag,
+    onMouseMove: handleMouseDrag
+  };
   return /* @__PURE__ */ jsx4("box", {
+    width: 3,
+    height: "100%",
+    backgroundColor: dragging ? tokens.selectionBg : hovered ? tokens.panelBg : undefined,
+    ...dragHandlers,
+    onMouseOver: () => setHovered(true),
+    onMouseOut: () => setHovered(false),
+    alignItems: "center",
+    justifyContent: "center",
+    children: /* @__PURE__ */ jsx4("text", {
+      fg: dragging ? tokens.accent : hovered ? tokens.borderActive : tokens.border,
+      ...dragHandlers,
+      onMouseOver: () => setHovered(true),
+      onMouseOut: () => setHovered(false),
+      children: " │ "
+    })
+  });
+}
+var init_Divider = __esm(() => {
+  init_theme();
+  init_utils();
+});
+
+// src/tui/components/Overlay.tsx
+import { jsx as jsx5 } from "@opentui/react/jsx-runtime";
+function Overlay({ title, borderColor = tokens.border, width = 64, children }) {
+  return /* @__PURE__ */ jsx5("box", {
     id: "overlay-scrim",
     position: "absolute",
     width: "100%",
@@ -26312,7 +26485,7 @@ function Overlay({ title, borderColor = tokens.border, width = 64, children }) {
     flexDirection: "row",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ jsx4("box", {
+    children: /* @__PURE__ */ jsx5("box", {
       id: "overlay-panel",
       width,
       border: true,
@@ -26332,34 +26505,34 @@ var init_Overlay = __esm(() => {
 });
 
 // src/tui/components/HelpOverlay.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "@opentui/react/jsx-runtime";
 function HelpOverlay() {
   return /* @__PURE__ */ jsxs4(Overlay, {
     title: "Help",
     borderColor: tokens.border,
     children: [
-      /* @__PURE__ */ jsx5("box", {
+      /* @__PURE__ */ jsx6("box", {
         flexDirection: "column",
         style: { maxHeight: 40 },
-        children: /* @__PURE__ */ jsx5("scrollbox", {
+        children: /* @__PURE__ */ jsx6("scrollbox", {
           flexGrow: 1,
           children: HELP_ENTRIES.map(([key, desc]) => /* @__PURE__ */ jsxs4("text", {
             children: [
-              /* @__PURE__ */ jsx5("span", {
+              /* @__PURE__ */ jsx6("span", {
                 fg: tokens.accent,
                 children: key.padEnd(10)
               }),
-              /* @__PURE__ */ jsx5("span", {
+              /* @__PURE__ */ jsx6("span", {
                 children: " - "
               }),
-              /* @__PURE__ */ jsx5("span", {
+              /* @__PURE__ */ jsx6("span", {
                 children: desc
               })
             ]
           }, key))
         })
       }),
-      /* @__PURE__ */ jsx5("text", {
+      /* @__PURE__ */ jsx6("text", {
         style: { marginTop: 1, fg: tokens.dim },
         children: "Press any key to close"
       })
@@ -26398,9 +26571,11 @@ var init_HelpOverlay = __esm(() => {
 });
 
 // src/tui/components/ConfirmModal.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "@opentui/react/jsx-runtime";
-function ConfirmModal({ title, message }) {
-  return /* @__PURE__ */ jsx6(Overlay, {
+import { jsx as jsx7, jsxs as jsxs5 } from "@opentui/react/jsx-runtime";
+function ConfirmModal({ title, message, onConfirm, onCancel }) {
+  const yesTap = useTapHandler(() => onConfirm?.());
+  const noTap = useTapHandler(() => onCancel?.());
+  return /* @__PURE__ */ jsx7(Overlay, {
     title,
     borderColor: tokens.warning,
     children: /* @__PURE__ */ jsxs5("box", {
@@ -26408,25 +26583,42 @@ function ConfirmModal({ title, message }) {
       justifyContent: "center",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ jsx6("text", {
+        /* @__PURE__ */ jsx7("text", {
           children: message
         }),
-        /* @__PURE__ */ jsxs5("text", {
+        /* @__PURE__ */ jsxs5("box", {
+          flexDirection: "row",
+          gap: 2,
           style: { marginTop: 2 },
           children: [
-            /* @__PURE__ */ jsx6("span", {
-              fg: tokens.dim,
-              children: "[y] "
-            }),
-            /* @__PURE__ */ jsx6("span", {
-              children: "Yes   "
-            }),
-            /* @__PURE__ */ jsx6("span", {
-              fg: tokens.dim,
-              children: "[n/esc] "
+            /* @__PURE__ */ jsx7("box", {
+              ...onConfirm ? yesTap : {},
+              children: /* @__PURE__ */ jsxs5("text", {
+                children: [
+                  /* @__PURE__ */ jsx7("span", {
+                    fg: tokens.dim,
+                    children: "[y] "
+                  }),
+                  /* @__PURE__ */ jsx7("span", {
+                    fg: tokens.success,
+                    children: "Yes"
+                  })
+                ]
+              })
             }),
-            /* @__PURE__ */ jsx6("span", {
-              children: "Cancel"
+            /* @__PURE__ */ jsx7("box", {
+              ...onCancel ? noTap : {},
+              children: /* @__PURE__ */ jsxs5("text", {
+                children: [
+                  /* @__PURE__ */ jsx7("span", {
+                    fg: tokens.dim,
+                    children: "[n/esc] "
+                  }),
+                  /* @__PURE__ */ jsx7("span", {
+                    children: "Cancel"
+                  })
+                ]
+              })
             })
           ]
         })
@@ -26437,6 +26629,7 @@ function ConfirmModal({ title, message }) {
 var init_ConfirmModal = __esm(() => {
   init_Overlay();
   init_theme();
+  init_use_tap();
 });
 
 // src/tui/actions.ts
@@ -26497,20 +26690,20 @@ async function runWtxAction(args, onLine) {
 }
 
 // src/tui/components/ActionLogModal.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "@opentui/react/jsx-runtime";
 function ActionLogModal({ title, lines, done, exitCode, remaining }) {
   return /* @__PURE__ */ jsxs6(Overlay, {
     title,
     borderColor: tokens.border,
     children: [
-      /* @__PURE__ */ jsx7("box", {
+      /* @__PURE__ */ jsx8("box", {
         flexGrow: 1,
         flexDirection: "column",
         style: { minHeight: 10, maxHeight: 20 },
-        children: /* @__PURE__ */ jsx7("scrollbox", {
+        children: /* @__PURE__ */ jsx8("scrollbox", {
           flexGrow: 1,
           stickyScroll: true,
-          children: lines.map((line, i2) => /* @__PURE__ */ jsx7("text", {
+          children: lines.map((line, i2) => /* @__PURE__ */ jsx8("text", {
             fg: line.type === "err" ? tokens.error : tokens.fg,
             children: line.text
           }, i2))
@@ -26521,11 +26714,11 @@ function ActionLogModal({ title, lines, done, exitCode, remaining }) {
         flexDirection: "row",
         justifyContent: "center",
         children: [
-          !done && /* @__PURE__ */ jsx7("text", {
+          !done && /* @__PURE__ */ jsx8("text", {
             fg: tokens.warning,
             children: "Running..."
           }),
-          done && exitCode === 0 && /* @__PURE__ */ jsx7("text", {
+          done && exitCode === 0 && /* @__PURE__ */ jsx8("text", {
             fg: tokens.success,
             children: "✓ Done (exit 0)"
           }),
@@ -26538,11 +26731,11 @@ function ActionLogModal({ title, lines, done, exitCode, remaining }) {
                   exitCode
                 ]
               }),
-              remaining !== undefined && remaining > 0 && /* @__PURE__ */ jsx7("span", {
+              remaining !== undefined && remaining > 0 && /* @__PURE__ */ jsx8("span", {
                 fg: tokens.warning,
                 children: ` · ${remaining} more failure${remaining > 1 ? "s" : ""}`
               }),
-              /* @__PURE__ */ jsx7("span", {
+              /* @__PURE__ */ jsx8("span", {
                 fg: tokens.dim,
                 children: " - press any key to close"
               })
@@ -26629,8 +26822,8 @@ var init_history = __esm(() => {
 });
 
 // src/tui/components/HistoryOverlay.tsx
-import { useEffect as useEffect3, useState as useState2 } from "react";
-import { jsx as jsx8, jsxs as jsxs7 } from "@opentui/react/jsx-runtime";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "@opentui/react/jsx-runtime";
 function formatShortTime(iso) {
   const d = new Date(iso);
   if (Number.isNaN(d.getTime()))
@@ -26652,7 +26845,7 @@ function HistoryEntryLine({ entry }) {
             prefix
           ]
         }),
-        duration3 && /* @__PURE__ */ jsx8("span", {
+        duration3 && /* @__PURE__ */ jsx9("span", {
           fg: tokens.dim,
           children: duration3
         })
@@ -26669,7 +26862,7 @@ function HistoryEntryLine({ entry }) {
             prefix
           ]
         }),
-        duration3 && /* @__PURE__ */ jsx8("span", {
+        duration3 && /* @__PURE__ */ jsx9("span", {
           fg: tokens.dim,
           children: duration3
         })
@@ -26678,11 +26871,11 @@ function HistoryEntryLine({ entry }) {
   }
   return /* @__PURE__ */ jsxs7("text", {
     children: [
-      /* @__PURE__ */ jsx8("span", {
+      /* @__PURE__ */ jsx9("span", {
         fg: tokens.error,
         children: "✗ "
       }),
-      /* @__PURE__ */ jsx8("span", {
+      /* @__PURE__ */ jsx9("span", {
         children: prefix
       }),
       /* @__PURE__ */ jsxs7("span", {
@@ -26698,7 +26891,7 @@ function HistoryEntryLine({ entry }) {
   });
 }
 function HistoryOverlay() {
-  const [entries, setEntries] = useState2([]);
+  const [entries, setEntries] = useState3([]);
   useEffect3(() => {
     setEntries(readRecentHistory(500));
   }, []);
@@ -26707,23 +26900,23 @@ function HistoryOverlay() {
     borderColor: tokens.border,
     width: 110,
     children: [
-      /* @__PURE__ */ jsx8("box", {
+      /* @__PURE__ */ jsx9("box", {
         flexGrow: 1,
         flexDirection: "column",
         style: { minHeight: 30, maxHeight: 46 },
-        children: entries.length === 0 ? /* @__PURE__ */ jsx8("text", {
+        children: entries.length === 0 ? /* @__PURE__ */ jsx9("text", {
           fg: tokens.dim,
           children: "No actions recorded yet."
-        }) : /* @__PURE__ */ jsx8("scrollbox", {
+        }) : /* @__PURE__ */ jsx9("scrollbox", {
           flexGrow: 1,
-          children: entries.map((entry, i2) => /* @__PURE__ */ jsx8(HistoryEntryLine, {
+          children: entries.map((entry, i2) => /* @__PURE__ */ jsx9(HistoryEntryLine, {
             entry
           }, i2))
         })
       }),
-      /* @__PURE__ */ jsx8("box", {
+      /* @__PURE__ */ jsx9("box", {
         marginTop: 1,
-        children: /* @__PURE__ */ jsx8("text", {
+        children: /* @__PURE__ */ jsx9("text", {
           fg: tokens.dim,
           children: "Press any key to close · newest first"
         })
@@ -26738,28 +26931,28 @@ var init_HistoryOverlay = __esm(() => {
 });
 
 // src/tui/components/InputModal.tsx
-import { useState as useState3 } from "react";
-import { jsx as jsx9, jsxs as jsxs8 } from "@opentui/react/jsx-runtime";
+import { useState as useState4 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "@opentui/react/jsx-runtime";
 function InputModal({ title, placeholder, initialValue, errorMessage: errorMessage2, onSubmit }) {
-  const [value, setValue] = useState3(initialValue ?? "");
-  return /* @__PURE__ */ jsx9(Overlay, {
+  const [value, setValue] = useState4(initialValue ?? "");
+  return /* @__PURE__ */ jsx10(Overlay, {
     title,
     borderColor: tokens.accent,
     children: /* @__PURE__ */ jsxs8("box", {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx9("input", {
+        /* @__PURE__ */ jsx10("input", {
           focused: true,
           value: initialValue ?? "",
           placeholder,
           onInput: (val) => setValue(val),
           onSubmit: () => onSubmit(value)
         }),
-        errorMessage2 ? /* @__PURE__ */ jsx9("text", {
+        errorMessage2 ? /* @__PURE__ */ jsx10("text", {
           fg: tokens.error,
           style: { marginTop: 1 },
           children: errorMessage2
-        }) : /* @__PURE__ */ jsx9("text", {
+        }) : /* @__PURE__ */ jsx10("text", {
           fg: tokens.dim,
           style: { marginTop: 1 },
           children: "Press Enter to submit, empty to cancel"
@@ -26774,11 +26967,31 @@ var init_InputModal = __esm(() => {
 });
 
 // src/tui/components/ChoiceModal.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 import { useKeyboard } from "@opentui/react";
-import { jsx as jsx10, jsxs as jsxs9 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "@opentui/react/jsx-runtime";
+function ChoiceOptionRow({ option, index, isSelected, onSelect }) {
+  const tap = useTapHandler(() => onSelect(option.value));
+  return /* @__PURE__ */ jsxs9("box", {
+    flexDirection: "column",
+    backgroundColor: isSelected ? tokens.selectionBg : undefined,
+    ...tap,
+    children: [
+      /* @__PURE__ */ jsx11("text", {
+        children: /* @__PURE__ */ jsx11("span", {
+          fg: isSelected ? tokens.bright : tokens.fg,
+          children: `${index + 1}. ${option.label}`
+        })
+      }),
+      option.desc && /* @__PURE__ */ jsx11("text", {
+        fg: tokens.dim,
+        children: `   ${option.desc}`
+      })
+    ]
+  });
+}
 function ChoiceModal({ title, options, initialIndex = 0, onSubmit, onCancel }) {
-  const [index, setIndex] = useState4(Math.min(Math.max(initialIndex, 0), options.length - 1));
+  const [index, setIndex] = useState5(Math.min(Math.max(initialIndex, 0), options.length - 1));
   useKeyboard((key) => {
     if (key.name === "escape") {
       onCancel();
@@ -26805,27 +27018,17 @@ function ChoiceModal({ title, options, initialIndex = 0, onSubmit, onCancel }) {
         onSubmit(option.value);
     }
   });
-  return /* @__PURE__ */ jsx10(Overlay, {
+  return /* @__PURE__ */ jsx11(Overlay, {
     title,
     borderColor: tokens.accent,
     children: /* @__PURE__ */ jsxs9("box", {
       flexDirection: "column",
       children: [
-        options.map((option, i2) => /* @__PURE__ */ jsxs9("box", {
-          flexDirection: "column",
-          backgroundColor: i2 === index ? tokens.selectionBg : undefined,
-          children: [
-            /* @__PURE__ */ jsx10("text", {
-              children: /* @__PURE__ */ jsx10("span", {
-                fg: i2 === index ? tokens.bright : tokens.fg,
-                children: `${i2 + 1}. ${option.label}`
-              })
-            }),
-            option.desc && /* @__PURE__ */ jsx10("text", {
-              fg: tokens.dim,
-              children: `   ${option.desc}`
-            })
-          ]
+        options.map((option, i2) => /* @__PURE__ */ jsx11(ChoiceOptionRow, {
+          option,
+          index: i2,
+          isSelected: i2 === index,
+          onSelect: onSubmit
         }, option.value)),
         /* @__PURE__ */ jsxs9("text", {
           fg: tokens.dim,
@@ -26833,7 +27036,7 @@ function ChoiceModal({ title, options, initialIndex = 0, onSubmit, onCancel }) {
           children: [
             "↑/↓ to choose · Enter to confirm · 1-",
             options.length,
-            " quick pick · Esc to cancel"
+            " quick pick · Esc to cancel · click to select"
           ]
         })
       ]
@@ -26843,18 +27046,19 @@ function ChoiceModal({ title, options, initialIndex = 0, onSubmit, onCancel }) {
 var init_ChoiceModal = __esm(() => {
   init_Overlay();
   init_theme();
+  init_use_tap();
 });
 
 // src/tui/components/ConfigOverlay.tsx
-import { useState as useState5, useEffect as useEffect4 } from "react";
+import { useState as useState6, useEffect as useEffect4 } from "react";
 import { useKeyboard as useKeyboard2 } from "@opentui/react";
-import { jsx as jsx11, jsxs as jsxs10, Fragment as Fragment3 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10, Fragment as Fragment2 } from "@opentui/react/jsx-runtime";
 function ConfigOverlay({ onClose, onSaved, onError }) {
-  const [config2, setConfig] = useState5(null);
-  const [viewState, setViewState] = useState5({ type: "main" });
-  const [selectedIndex, setSelectedIndex] = useState5(1);
-  const [windowStart, setWindowStart] = useState5(0);
-  const [editState, setEditState] = useState5({ type: "none" });
+  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(() => {
     try {
       setConfig(loadConfig());
@@ -27111,9 +27315,9 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
       hint = "Remove this repository from config";
     }
   }
-  return /* @__PURE__ */ jsxs10(Fragment3, {
+  return /* @__PURE__ */ jsxs10(Fragment2, {
     children: [
-      /* @__PURE__ */ jsx11(Overlay, {
+      /* @__PURE__ */ jsx12(Overlay, {
         title: "Configuration",
         borderColor: tokens.border,
         children: /* @__PURE__ */ jsxs10("box", {
@@ -27121,7 +27325,7 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
           width: "100%",
           height: 24,
           children: [
-            /* @__PURE__ */ jsx11("box", {
+            /* @__PURE__ */ jsx12("box", {
               flexDirection: "column",
               flexGrow: 1,
               overflow: "hidden",
@@ -27129,7 +27333,7 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
                 const i2 = windowStart + idx;
                 const isSelected = i2 === selectedIndex;
                 if (row.type === "header") {
-                  return /* @__PURE__ */ jsx11("text", {
+                  return /* @__PURE__ */ jsx12("text", {
                     fg: tokens.dim,
                     style: { marginTop: i2 === 0 ? 0 : 1 },
                     children: row.label
@@ -27171,7 +27375,7 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
                         labelText
                       ]
                     }),
-                    valText && /* @__PURE__ */ jsx11("text", {
+                    valText && /* @__PURE__ */ jsx12("text", {
                       fg: isSelected ? tokens.accent : tokens.dim,
                       bg: isSelected ? tokens.selectionBg : undefined,
                       flexShrink: 1,
@@ -27181,14 +27385,14 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
                 }, i2);
               })
             }),
-            /* @__PURE__ */ jsx11("box", {
+            /* @__PURE__ */ jsx12("box", {
               flexDirection: "row",
               border: true,
               borderColor: tokens.border,
               paddingTop: 1,
               marginTop: 1,
               minHeight: 3,
-              children: /* @__PURE__ */ jsx11("text", {
+              children: /* @__PURE__ */ jsx12("text", {
                 fg: tokens.dim,
                 children: hint
               })
@@ -27196,14 +27400,14 @@ function ConfigOverlay({ onClose, onSaved, onError }) {
           ]
         })
       }),
-      editState.type === "input" && /* @__PURE__ */ jsx11(InputModal, {
+      editState.type === "input" && /* @__PURE__ */ jsx12(InputModal, {
         title: editState.title,
         initialValue: editState.currentValue,
         placeholder: "Enter value...",
         errorMessage: editState.error,
         onSubmit: handleInputSubmit
       }),
-      editState.type === "confirm_remove" && /* @__PURE__ */ jsx11(ConfirmModal, {
+      editState.type === "confirm_remove" && /* @__PURE__ */ jsx12(ConfirmModal, {
         title: "Remove Repo",
         message: `Remove repo ${editState.repo} from config?`
       })
@@ -27220,26 +27424,26 @@ var init_ConfigOverlay = __esm(() => {
 });
 
 // src/tui/components/WarningsOverlay.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "@opentui/react/jsx-runtime";
 function WarningsOverlay({ warnings }) {
   return /* @__PURE__ */ jsxs11(Overlay, {
     title: `Warnings (${warnings.length})`,
     borderColor: tokens.warning,
     children: [
-      /* @__PURE__ */ jsx12("box", {
+      /* @__PURE__ */ jsx13("box", {
         flexDirection: "column",
         style: { maxHeight: 30 },
-        children: /* @__PURE__ */ jsx12("scrollbox", {
+        children: /* @__PURE__ */ jsx13("scrollbox", {
           flexGrow: 1,
           children: warnings.map((warning, i2) => /* @__PURE__ */ jsxs11("box", {
             flexDirection: "column",
             style: { marginBottom: 1 },
             children: [
-              /* @__PURE__ */ jsx12("text", {
+              /* @__PURE__ */ jsx13("text", {
                 fg: tokens.warning,
                 children: `⚠ ${warning.repoName}`
               }),
-              wrapText(warning.message, 56).map((line, j) => /* @__PURE__ */ jsx12("text", {
+              wrapText(warning.message, 56).map((line, j) => /* @__PURE__ */ jsx13("text", {
                 fg: tokens.fg,
                 children: `  ${line}`
               }, j))
@@ -27247,7 +27451,7 @@ function WarningsOverlay({ warnings }) {
           }, i2))
         })
       }),
-      /* @__PURE__ */ jsx12("text", {
+      /* @__PURE__ */ jsx13("text", {
         style: { marginTop: 1, fg: tokens.dim },
         children: "Press any key to close"
       })
@@ -27261,9 +27465,9 @@ var init_WarningsOverlay = __esm(() => {
 });
 
 // src/tui/hooks/useSpinnerFrame.ts
-import { useEffect as useEffect5, useState as useState6 } from "react";
+import { useEffect as useEffect5, useState as useState7 } from "react";
 function useSpinnerFrame(active) {
-  const [index, setIndex] = useState6(0);
+  const [index, setIndex] = useState7(0);
   useEffect5(() => {
     if (!active)
       return;
@@ -27278,10 +27482,10 @@ var init_useSpinnerFrame = __esm(() => {
 });
 
 // src/tui/components/App.tsx
-import { useState as useState7, useEffect as useEffect6, useMemo, useRef as useRef4, useCallback as useCallback3 } from "react";
+import { useState as useState8, useEffect as useEffect6, useMemo, useRef as useRef5, useCallback as useCallback4 } from "react";
 import { existsSync as existsSync4 } from "node:fs";
-import { useKeyboard as useKeyboard3, useRenderer, useSelectionHandler } from "@opentui/react";
-import { jsx as jsx13, jsxs as jsxs12 } from "@opentui/react/jsx-runtime";
+import { useKeyboard as useKeyboard3, useRenderer as useRenderer2, useSelectionHandler, useTerminalDimensions } from "@opentui/react";
+import { jsx as jsx14, jsxs as jsxs12 } from "@opentui/react/jsx-runtime";
 function getWorktreePathFor(repoName, branch) {
   try {
     const config2 = loadConfig();
@@ -27292,31 +27496,39 @@ function getWorktreePathFor(repoName, branch) {
   }
 }
 function App({ opts }) {
-  const renderer = useRenderer();
+  const renderer = useRenderer2();
   const { blocks, loading, refreshing, error: error52, warnings, lastRefreshed, pendingRepos, refresh } = useWorktrees(opts);
-  const [selectedIndex, setSelectedIndex] = useState7(0);
-  const [modal, setModal] = useState7({ type: "none" });
-  const [actionMessage, setActionMessage] = useState7();
-  const messageTimer = useRef4(null);
-  const [ops, setOps] = useState7([]);
-  const [failedLogs, setFailedLogs] = useState7([]);
-  const nextOpId = useRef4(1);
-  const [createModal, setCreateModal] = useState7(false);
-  const [createError, setCreateError] = useState7();
-  const [createBaseModal, setCreateBaseModal] = useState7(null);
-  const [createBaseError, setCreateBaseError] = useState7();
-  const [createDepsChoice, setCreateDepsChoice] = useState7(null);
-  const [pullPrModal, setPullPrModal] = useState7(false);
-  const [pullPrError, setPullPrError] = useState7();
-  const [pullForceChoice, setPullForceChoice] = useState7(null);
-  const [renameModal, setRenameModal] = useState7(false);
-  const [renameError, setRenameError] = useState7();
-  const [configOpen, setConfigOpen] = useState7(false);
-  const [refreshScopes, setRefreshScopes] = useState7([]);
-  const [filterText, setFilterText] = useState7("");
-  const [isFiltering, setIsFiltering] = useState7(false);
-  const [selection, setSelection] = useState7(new Set);
-  const doRefresh = useCallback3(async (scope) => {
+  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 targets = scope ?? [
       ...new Set([...blocks.map((b) => b.repoName), ...pendingRepos])
     ];
@@ -27332,13 +27544,17 @@ function App({ opts }) {
       setModal({ type: "error", message: error52 });
     }
   }, [error52]);
-  const flash = useCallback3((message, ms = 3000) => {
+  const flash = useCallback4((message, ms = 3000) => {
     if (messageTimer.current)
       clearTimeout(messageTimer.current);
     setActionMessage(message);
     messageTimer.current = setTimeout(() => setActionMessage(undefined), ms);
   }, []);
-  const copySelectedText = useCallback3((warnOnEmpty) => {
+  const copySelectedText = useCallback4((warnOnEmpty) => {
+    if (isResizing) {
+      renderer.clearSelection();
+      return;
+    }
     const text = renderer.getSelection()?.getSelectedText() ?? "";
     if (!text) {
       if (warnOnEmpty)
@@ -27346,7 +27562,7 @@ function App({ opts }) {
       return;
     }
     copyTextToClipboard(renderer, text).then((ok) => flash(ok ? `Copied ${text.length} character${text.length !== 1 ? "s" : ""}` : "Copy failed"));
-  }, [renderer, flash]);
+  }, [renderer, flash, isResizing]);
   useSelectionHandler(() => copySelectedText(false));
   const busyRepos = useMemo(() => new Set(ops.flatMap((o2) => o2.repoNames)), [ops]);
   const busyRowPaths = useMemo(() => new Set(ops.map((o2) => o2.rowPath).filter((p) => p !== undefined)), [ops]);
@@ -27508,6 +27724,159 @@ function App({ opts }) {
       args.push("--force");
     executeOp(op, args, [repoName]);
   };
+  const handleHintClick = useCallback4((key) => {
+    if (key === "c") {
+      setConfigOpen(true);
+      return;
+    }
+    if (key === "?") {
+      setModal({ type: "help" });
+      return;
+    }
+    if (key === "H") {
+      setModal({ type: "history" });
+      return;
+    }
+    if (key === "r") {
+      doRefresh();
+      return;
+    }
+    if (key === "e" && warnings.length > 0) {
+      setModal({ type: "warnings" });
+      return;
+    }
+    if (key === "n") {
+      if (!selectedRow)
+        return;
+      setCreateModal(true);
+      setCreateError(undefined);
+      return;
+    }
+    if (key === "m") {
+      const target = selectedRow;
+      if (!target || target.isMainCheckout || !target.branch || target.branch === "(detached)") {
+        if (target?.isMainCheckout)
+          flash("Cannot rename main checkout");
+        else if (target && (!target.branch || target.branch === "(detached)"))
+          flash("Cannot rename detached worktree");
+        return;
+      }
+      const conflict = findConflict([target]);
+      if (conflict) {
+        flash(conflict);
+        return;
+      }
+      setRenameModal(true);
+      setRenameError(undefined);
+      return;
+    }
+    if (key === "f") {
+      const targets = getSelectedRows();
+      if (targets.length > 0)
+        startFetch(targets);
+      return;
+    }
+    if (key === "o") {
+      const targets = getSelectedRows();
+      if (targets.length === 0)
+        return;
+      if (targets.length > 1) {
+        flash("Cannot open multiple worktrees");
+        return;
+      }
+      const target = targets[0];
+      const conflict = findConflict(targets);
+      if (conflict) {
+        flash(conflict);
+        return;
+      }
+      const op = {
+        id: nextOpId.current++,
+        kind: "open",
+        repoNames: [target.repoName],
+        rowPath: target.path,
+        label: target.branch,
+        title: `Open ${target.branch}`,
+        status: "queued",
+        lines: []
+      };
+      setOps((prev) => [...prev, op]);
+      executeOp(op, ["open", target.branch, "--repo", target.repoName], null);
+      return;
+    }
+    if (key === "i") {
+      const targets = getSelectedRows();
+      if (targets.length === 0)
+        return;
+      const conflict = findConflict(targets);
+      if (conflict) {
+        flash(conflict);
+        return;
+      }
+      startBatchActions("install", targets, (r) => r.isMainCheckout ? ["deps", "--repo", r.repoName, "--install"] : ["deps", r.branch, "--repo", r.repoName, "--install"]);
+      return;
+    }
+    if (key === "p") {
+      const targets = getSelectedRows();
+      if (targets.length === 0)
+        return;
+      const conflict = findConflict(targets);
+      if (conflict) {
+        flash(conflict);
+        return;
+      }
+      startBatchActions("pull", targets, (r) => ["pull-branch", r.branch, "--repo", r.repoName]);
+      return;
+    }
+    if (key === "b") {
+      const targets = getSelectedRows();
+      if (targets.length === 0)
+        return;
+      if (targets.some((r) => r.isMainCheckout)) {
+        flash("Cannot rebase main checkout");
+        return;
+      }
+      const conflict = findConflict(targets);
+      if (conflict) {
+        flash(conflict);
+        return;
+      }
+      setModal({ type: "confirm_rebase", rows: targets });
+      return;
+    }
+    if (key === "d") {
+      const targets = getSelectedRows();
+      if (targets.length === 0)
+        return;
+      if (targets.some((r) => r.isMainCheckout)) {
+        flash("Cannot remove main checkout");
+        return;
+      }
+      const conflict = findConflict(targets);
+      if (conflict) {
+        flash(conflict);
+        return;
+      }
+      setModal({ type: "confirm_remove", rows: targets });
+      return;
+    }
+    if (key === "s") {
+      const targets = getSelectedRows();
+      if (targets.length === 0)
+        return;
+      if (targets.some((r) => r.isMainCheckout)) {
+        flash("Cannot sync main checkout");
+        return;
+      }
+      const conflict = findConflict(targets);
+      if (conflict) {
+        flash(conflict);
+        return;
+      }
+      setModal({ type: "confirm_sync", rows: targets });
+      return;
+    }
+  }, [selectedRow, selection, warnings, busyRepos, busyRowPaths, doRefresh, flash, blocks]);
   useKeyboard3((key) => {
     if (isFiltering) {
       if (key.name === "escape") {
@@ -27848,6 +28217,9 @@ function App({ opts }) {
       })();
     }
   });
+  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", {
     flexDirection: "column",
     width: "100%",
@@ -27858,16 +28230,34 @@ function App({ opts }) {
         width: "100%",
         flexGrow: 1,
         children: [
-          /* @__PURE__ */ jsx13(WorktreeTable, {
-            blocks: displayBlocks,
-            selectedIndex,
-            selection,
-            frame: spinnerFrame,
-            repoVerbs,
-            rowVerbs
+          /* @__PURE__ */ jsx14("box", {
+            width: leftCols,
+            height: "100%",
+            flexDirection: "column",
+            children: /* @__PURE__ */ jsx14(WorktreeTable, {
+              blocks: displayBlocks,
+              selectedIndex,
+              selection,
+              frame: spinnerFrame,
+              repoVerbs,
+              rowVerbs,
+              onRowClick: (idx) => setSelectedIndex(idx),
+              onToggleSelect: (path37) => setSelection((prev) => toggleSelection(prev, path37))
+            })
           }),
-          /* @__PURE__ */ jsx13(DetailPane, {
-            selectedRow
+          /* @__PURE__ */ jsx14(Divider, {
+            splitRatio,
+            totalWidth,
+            onChange: setSplitRatio,
+            onDraggingChange: setIsResizing
+          }),
+          /* @__PURE__ */ jsx14("box", {
+            width: rightCols,
+            height: "100%",
+            flexDirection: "column",
+            children: /* @__PURE__ */ jsx14(DetailPane, {
+              selectedRow
+            })
           })
         ]
       }),
@@ -27877,35 +28267,51 @@ function App({ opts }) {
         border: true,
         borderColor: "magenta",
         children: [
-          /* @__PURE__ */ jsx13("text", {
+          /* @__PURE__ */ jsx14("text", {
             children: "filter: "
           }),
-          /* @__PURE__ */ jsx13("input", {
+          /* @__PURE__ */ jsx14("input", {
             focused: true,
             placeholder: "Type to filter...",
             onInput: (v) => setFilterText(v)
           })
         ]
       }),
-      /* @__PURE__ */ jsx13(Footer, {
+      /* @__PURE__ */ jsx14(Footer, {
         loading: loading || refreshing,
         lastRefreshed,
         errorCount: warnings.length,
         message: actionMessage,
         busyText: latestOp ? `${capitalize(VERBS[latestOp.kind])} ${latestOp.label}…${runningOps.length > 1 ? ` (+${runningOps.length - 1})` : ""}` : undefined,
         spinnerFrame,
-        filter: filterText ? { term: filterText, matches: flatRows.length, total: totalRows } : undefined
+        filter: filterText ? { term: filterText, matches: flatRows.length, total: totalRows } : undefined,
+        onHintClick: handleHintClick,
+        onErrorClick: () => setModal({ type: "warnings" })
       }),
-      modal.type === "help" && /* @__PURE__ */ jsx13(HelpOverlay, {}),
-      modal.type === "history" && /* @__PURE__ */ jsx13(HistoryOverlay, {}),
-      modal.type === "warnings" && /* @__PURE__ */ jsx13(WarningsOverlay, {
+      modal.type === "help" && /* @__PURE__ */ jsx14(HelpOverlay, {}),
+      modal.type === "history" && /* @__PURE__ */ jsx14(HistoryOverlay, {}),
+      modal.type === "warnings" && /* @__PURE__ */ jsx14(WarningsOverlay, {
         warnings
       }),
-      modal.type === "error" && /* @__PURE__ */ jsx13(ConfirmModal, {
+      modal.type === "error" && /* @__PURE__ */ jsx14(ConfirmModal, {
         title: "Error",
-        message: modal.message
+        message: modal.message,
+        onConfirm: () => {
+          setModal({ type: "none" });
+          if (error52) {
+            renderer.destroy();
+            process.exit(1);
+          }
+        },
+        onCancel: () => {
+          setModal({ type: "none" });
+          if (error52) {
+            renderer.destroy();
+            process.exit(1);
+          }
+        }
       }),
-      modal.type === "confirm_remove" && /* @__PURE__ */ jsx13(ConfirmModal, {
+      modal.type === "confirm_remove" && /* @__PURE__ */ jsx14(ConfirmModal, {
         title: `Remove ${modal.rows.length} Worktree(s)`,
         message: (() => {
           const count2 = modal.rows.length;
@@ -27920,17 +28326,41 @@ function App({ opts }) {
           }
           return lines.join(`
 `);
-        })()
+        })(),
+        onConfirm: () => {
+          const rows = modal.rows;
+          setModal({ type: "none" });
+          startBatchActions("remove", rows, (r) => {
+            const args = ["remove", r.branch, "--repo", r.repoName, "--yes"];
+            const needsForce = r.dirtyFiles.length > 0 || !existsSync4(r.path);
+            if (needsForce)
+              args.push("--force");
+            return args;
+          });
+        },
+        onCancel: () => setModal({ type: "none" })
       }),
-      modal.type === "confirm_rebase" && /* @__PURE__ */ jsx13(ConfirmModal, {
+      modal.type === "confirm_rebase" && /* @__PURE__ */ jsx14(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"}?`
+        message: `Are you sure you want to fetch and rebase ${modal.rows.length === 1 ? modal.rows[0]?.branch : modal.rows.length + " worktrees"}?`,
+        onConfirm: () => {
+          const rows = modal.rows;
+          setModal({ type: "none" });
+          startBatchActions("rebase", rows, (r) => ["rebase", r.branch, "--repo", r.repoName]);
+        },
+        onCancel: () => setModal({ type: "none" })
       }),
-      modal.type === "confirm_sync" && /* @__PURE__ */ jsx13(ConfirmModal, {
+      modal.type === "confirm_sync" && /* @__PURE__ */ jsx14(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"}?`
+        message: `Are you sure you want to sync ${modal.rows.length === 1 ? modal.rows[0]?.branch : modal.rows.length + " worktrees"}?`,
+        onConfirm: () => {
+          const rows = modal.rows;
+          setModal({ type: "none" });
+          startBatchActions("sync", rows, (r) => ["sync", r.branch, "--repo", r.repoName]);
+        },
+        onCancel: () => setModal({ type: "none" })
       }),
-      createModal && /* @__PURE__ */ jsx13(InputModal, {
+      createModal && /* @__PURE__ */ jsx14(InputModal, {
         title: `New worktree branch in ${selectedRow?.repoName ?? ""}`,
         placeholder: "Branch name (empty to cancel)",
         errorMessage: createError,
@@ -27957,7 +28387,7 @@ function App({ opts }) {
           setCreateBaseModal({ branch, repoName });
         }
       }),
-      createBaseModal && /* @__PURE__ */ jsx13(InputModal, {
+      createBaseModal && /* @__PURE__ */ jsx14(InputModal, {
         title: `Base ref for ${createBaseModal.branch}`,
         placeholder: "origin/main (empty for default main)",
         errorMessage: createBaseError,
@@ -27973,7 +28403,7 @@ function App({ opts }) {
           setCreateDepsChoice({ branch, repoName, base: base2 || undefined });
         }
       }),
-      createDepsChoice && /* @__PURE__ */ jsx13(ChoiceModal, {
+      createDepsChoice && /* @__PURE__ */ jsx14(ChoiceModal, {
         title: `Dependencies for ${createDepsChoice.branch}`,
         options: DEPS_CHOICES,
         onSubmit: (choice) => {
@@ -27983,7 +28413,7 @@ function App({ opts }) {
         },
         onCancel: () => setCreateDepsChoice(null)
       }),
-      pullPrModal && /* @__PURE__ */ jsx13(InputModal, {
+      pullPrModal && /* @__PURE__ */ jsx14(InputModal, {
         title: `Pull PR into ${selectedRow?.repoName ?? ""}`,
         placeholder: "https://github.com/owner/repo/pull/123",
         errorMessage: pullPrError,
@@ -28011,7 +28441,7 @@ function App({ opts }) {
           setPullForceChoice({ link, repoName });
         }
       }),
-      pullForceChoice && /* @__PURE__ */ jsx13(ChoiceModal, {
+      pullForceChoice && /* @__PURE__ */ jsx14(ChoiceModal, {
         title: `Pull ${pullForceChoice.link.split("/").pop()}?`,
         options: [
           { value: "normal", label: "Pull (skip if exists)", desc: "Fails if branch already exists" },
@@ -28024,7 +28454,7 @@ function App({ opts }) {
         },
         onCancel: () => setPullForceChoice(null)
       }),
-      renameModal && selectedRow && /* @__PURE__ */ jsx13(InputModal, {
+      renameModal && selectedRow && /* @__PURE__ */ jsx14(InputModal, {
         title: `Rename branch ${selectedRow.branch}`,
         initialValue: selectedRow.branch,
         placeholder: "New branch name",
@@ -28049,7 +28479,7 @@ function App({ opts }) {
           setModal({ type: "confirm_rename", row: target, to });
         }
       }),
-      modal.type === "confirm_rename" && /* @__PURE__ */ jsx13(ConfirmModal, {
+      modal.type === "confirm_rename" && /* @__PURE__ */ jsx14(ConfirmModal, {
         title: "Rename Worktree",
         message: [
           `${modal.row.branch} → ${modal.to}`,
@@ -28060,14 +28490,32 @@ function App({ opts }) {
           "Uncommitted changes and synced files move with it.",
           "Proceed?"
         ].join(`
-`)
+`),
+        onConfirm: () => {
+          const { row, to } = modal;
+          setModal({ type: "none" });
+          const op = {
+            id: nextOpId.current++,
+            kind: "rename",
+            repoNames: [row.repoName],
+            rowPath: row.path,
+            branch: row.branch,
+            label: `${row.branch} → ${to}`,
+            title: `Rename ${row.branch} → ${to}`,
+            status: "queued",
+            lines: []
+          };
+          setOps((prev) => [...prev, op]);
+          executeOp(op, ["rename", row.branch, to, "--repo", row.repoName], [row.repoName]);
+        },
+        onCancel: () => setModal({ type: "none" })
       }),
-      configOpen && /* @__PURE__ */ jsx13(ConfigOverlay, {
+      configOpen && /* @__PURE__ */ jsx14(ConfigOverlay, {
         onClose: () => setConfigOpen(false),
         onSaved: () => void doRefresh(),
         onError: (msg) => setModal({ type: "error", message: msg })
       }),
-      failedLogs.length > 0 && /* @__PURE__ */ jsx13(ActionLogModal, {
+      failedLogs.length > 0 && /* @__PURE__ */ jsx14(ActionLogModal, {
         title: failedLogs[0].title,
         lines: failedLogs[0].lines,
         done: true,
@@ -28083,6 +28531,7 @@ var init_App = __esm(() => {
   init_WorktreeTable();
   init_DetailPane();
   init_Footer();
+  init_Divider();
   init_HelpOverlay();
   init_ConfirmModal();
   init_git();
@@ -28122,14 +28571,14 @@ __export(exports_tui, {
 });
 import { createCliRenderer, TextTableRenderable } from "@opentui/core";
 import { createRoot, extend as extend2 } from "@opentui/react";
-import { jsx as jsx14 } from "@opentui/react/jsx-runtime";
+import { jsx as jsx15 } from "@opentui/react/jsx-runtime";
 async function runTerminal(opts) {
   const renderer = await createCliRenderer({
     exitOnCtrlC: false
   });
   const root = createRoot(renderer);
   try {
-    root.render(/* @__PURE__ */ jsx14(App, {
+    root.render(/* @__PURE__ */ jsx15(App, {
       opts
     }));
   } catch (err) {