@ondrej-svec/hog 1.21.1 → 1.22.0

package/dist/cli.js

@@ -2896,7 +2896,8 @@ function useKeyboard({
   onRepoEnter,
   onStatusEnter,
   onActivityEnter,
-  showDetailPanel
+  showDetailPanel,
+  leftPanelHidden
 }) {
   const {
     exit,
@@ -2918,7 +2919,9 @@ function useKeyboard({
     handleToggleLog,
     handleLaunchClaude,
     handleEnterWorkflow,
-    handleEnterTriage
+    handleEnterTriage,
+    handleToggleLeftPanel,
+    handleToggleZen
   } = actions;
   const handleInput = useCallback6(
     (input2, key) => {
@@ -2926,6 +2929,29 @@ function useKeyboard({
         ui.toggleHelp();
         return;
       }
+      if (ui.state.mode === "zen") {
+        if (input2 === "Z" || key.escape) {
+          handleToggleZen();
+          return;
+        }
+        if (input2 === "j" || key.downArrow) {
+          nav.moveDown();
+          return;
+        }
+        if (input2 === "k" || key.upArrow) {
+          nav.moveUp();
+          return;
+        }
+        if (input2 === "C") {
+          handleLaunchClaude();
+          return;
+        }
+        if (input2 === "q") {
+          exit();
+          return;
+        }
+        return;
+      }
       if (key.escape && ui.state.mode !== "focus") {
         if (ui.state.mode === "multiSelect") {
           multiSelect.clear();
@@ -3039,6 +3065,9 @@ function useKeyboard({
       if (ui.canAct) {
         const digit = parseInt(input2, 10);
         if (!Number.isNaN(digit) && digit >= 0 && digit <= 4) {
+          if (leftPanelHidden && (digit === 1 || digit === 2)) {
+            return;
+          }
           if (digit === 0 && !showDetailPanel) {
             ui.enterDetail();
           } else {
@@ -3113,6 +3142,14 @@ function useKeyboard({
           handleEnterFuzzyPicker();
           return;
         }
+        if (input2 === "H") {
+          handleToggleLeftPanel();
+          return;
+        }
+        if (input2 === "Z") {
+          handleToggleZen();
+          return;
+        }
         if (input2 === " ") {
           const id = nav.selectedId;
           if (id) {
@@ -3180,10 +3217,13 @@ function useKeyboard({
       handleLaunchClaude,
       handleEnterWorkflow,
       handleEnterTriage,
-      showDetailPanel
+      handleToggleLeftPanel,
+      handleToggleZen,
+      showDetailPanel,
+      leftPanelHidden
     ]
   );
-  const inputActive = ui.state.mode === "normal" || ui.state.mode === "multiSelect" || ui.state.mode === "focus" || ui.state.mode === "overlay:detail";
+  const inputActive = ui.state.mode === "normal" || ui.state.mode === "multiSelect" || ui.state.mode === "focus" || ui.state.mode === "overlay:detail" || ui.state.mode === "zen";
   useInput(handleInput, { isActive: inputActive });
   const handleSearchEscape = useCallback6(
     (_input, key) => {
@@ -3815,6 +3855,12 @@ function uiReducer(state, action) {
     case "ENTER_TRIAGE":
       if (state.mode !== "normal") return state;
       return { ...state, mode: "overlay:triage", previousMode: "normal" };
+    case "ENTER_ZEN":
+      if (state.mode !== "normal") return state;
+      return { ...state, mode: "zen", previousMode: "normal" };
+    case "EXIT_ZEN":
+      if (state.mode !== "zen") return state;
+      return { ...state, mode: "normal", previousMode: "normal" };
     case "TOGGLE_HELP":
       return { ...state, helpVisible: !state.helpVisible };
     case "EXIT_OVERLAY":
@@ -3835,7 +3881,7 @@ function uiReducer(state, action) {
 }
 function canNavigate(state) {
   const { mode } = state;
-  return mode === "normal" || mode === "multiSelect" || mode === "focus";
+  return mode === "normal" || mode === "multiSelect" || mode === "focus" || mode === "zen";
 }
 function canAct(state) {
   return state.mode === "normal";
@@ -3863,6 +3909,8 @@ function useUIState() {
     enterWorkflow: useCallback11(() => dispatch({ type: "ENTER_WORKFLOW" }), []),
     enterNudge: useCallback11(() => dispatch({ type: "ENTER_NUDGE" }), []),
     enterTriage: useCallback11(() => dispatch({ type: "ENTER_TRIAGE" }), []),
+    enterZen: useCallback11(() => dispatch({ type: "ENTER_ZEN" }), []),
+    exitZen: useCallback11(() => dispatch({ type: "EXIT_ZEN" }), []),
     toggleHelp: useCallback11(() => dispatch({ type: "TOGGLE_HELP" }), []),
     exitOverlay: useCallback11(() => dispatch({ type: "EXIT_OVERLAY" }), []),
     exitToNormal: useCallback11(() => dispatch({ type: "EXIT_TO_NORMAL" }), []),
@@ -3971,9 +4019,255 @@ var init_use_workflow_state = __esm({
   }
 });
 
+// src/board/tmux-pane.ts
+import { execFileSync as execFileSync3 } from "child_process";
+function agentWindowName(issueNumber) {
+  return `claude-${issueNumber}`;
+}
+function windowExists(windowName) {
+  try {
+    const output = execFileSync3("tmux", ["list-windows", "-F", "#{window_name}"], {
+      encoding: "utf-8",
+      stdio: ["ignore", "pipe", "ignore"]
+    });
+    return output.split("\n").some((line) => line.trim() === windowName);
+  } catch {
+    return false;
+  }
+}
+function joinAgentPane(windowName, widthPercent) {
+  try {
+    const paneId = execFileSync3(
+      "tmux",
+      [
+        "join-pane",
+        "-h",
+        "-s",
+        `${windowName}.0`,
+        "-t",
+        ".",
+        "-l",
+        `${widthPercent}%`,
+        "-P",
+        "-F",
+        "#{pane_id}"
+      ],
+      {
+        encoding: "utf-8",
+        stdio: ["ignore", "pipe", "ignore"]
+      }
+    );
+    return paneId.trim() || null;
+  } catch {
+    return null;
+  }
+}
+function breakPane(paneId) {
+  try {
+    execFileSync3("tmux", ["break-pane", "-d", "-s", paneId], {
+      stdio: "ignore"
+    });
+  } catch {
+  }
+}
+function isPaneAlive(paneId) {
+  try {
+    const output = execFileSync3("tmux", ["list-panes", "-a", "-F", "#{pane_id}"], {
+      encoding: "utf-8",
+      stdio: ["ignore", "pipe", "ignore"]
+    });
+    return output.split("\n").some((line) => line.trim() === paneId);
+  } catch {
+    return false;
+  }
+}
+function splitWithInfo(info, widthPercent) {
+  try {
+    const paneId = execFileSync3(
+      "tmux",
+      [
+        "split-window",
+        "-h",
+        "-l",
+        `${widthPercent}%`,
+        "-d",
+        "-P",
+        "-F",
+        "#{pane_id}",
+        "printf",
+        "Issue: %s\\n\\nURL: %s\\n\\nNo Claude Code session active.\\nPress C to launch one.\\n",
+        info.title,
+        info.url
+      ],
+      {
+        encoding: "utf-8",
+        stdio: ["ignore", "pipe", "ignore"]
+      }
+    );
+    return paneId.trim() || null;
+  } catch {
+    return null;
+  }
+}
+function killPane(paneId) {
+  try {
+    execFileSync3("tmux", ["kill-pane", "-t", paneId], {
+      stdio: "ignore"
+    });
+  } catch {
+  }
+}
+var init_tmux_pane = __esm({
+  "src/board/tmux-pane.ts"() {
+    "use strict";
+  }
+});
+
+// src/board/hooks/use-zen-mode.ts
+import { useCallback as useCallback13, useEffect as useEffect5, useRef as useRef11, useState as useState7 } from "react";
+function findIssue(repos, selectedId) {
+  if (!selectedId?.startsWith("gh:")) return null;
+  for (const rd of repos) {
+    for (const issue of rd.issues) {
+      if (`gh:${rd.repo.name}:${issue.number}` === selectedId)
+        return { issue, repoName: rd.repo.name };
+    }
+  }
+  return null;
+}
+function cleanupPane(paneId, isAgent) {
+  if (isAgent) {
+    breakPane(paneId);
+  } else {
+    killPane(paneId);
+  }
+}
+function openOrSplitPane(issue) {
+  const winName = agentWindowName(issue.number);
+  const hasAgent = windowExists(winName);
+  if (hasAgent) {
+    const paneId2 = joinAgentPane(winName, ZEN_PANE_WIDTH_PERCENT);
+    return paneId2 ? { paneId: paneId2, isAgent: true } : null;
+  }
+  const paneId = splitWithInfo({ title: issue.title, url: issue.url }, ZEN_PANE_WIDTH_PERCENT);
+  return paneId ? { paneId, isAgent: false } : null;
+}
+function useZenMode({
+  ui,
+  toast,
+  termCols,
+  repos,
+  selectedId
+}) {
+  const [zenPaneId, setZenPaneId] = useState7(null);
+  const [zenIsAgentPane, setZenIsAgentPane] = useState7(false);
+  const paneRef = useRef11({
+    id: null,
+    isAgent: false
+  });
+  paneRef.current = { id: zenPaneId, isAgent: zenIsAgentPane };
+  const exitZen = useCallback13(() => {
+    const { id, isAgent } = paneRef.current;
+    if (id) {
+      cleanupPane(id, isAgent);
+      setZenPaneId(null);
+      setZenIsAgentPane(false);
+    }
+    ui.exitZen();
+  }, [ui]);
+  const handleToggleZen = useCallback13(() => {
+    if (ui.state.mode === "zen") {
+      exitZen();
+      return;
+    }
+    if (!process.env["TMUX"]) {
+      toast.error("Zen mode requires tmux");
+      return;
+    }
+    if (termCols < ZEN_MIN_COLS) {
+      toast.error("Terminal too narrow for Zen mode");
+      return;
+    }
+    const found = findIssue(repos, selectedId);
+    const result = found ? openOrSplitPane(found.issue) : null;
+    if (!result) {
+      toast.error("Failed to create tmux pane");
+      return;
+    }
+    setZenPaneId(result.paneId);
+    setZenIsAgentPane(result.isAgent);
+    ui.enterZen();
+  }, [ui, toast, termCols, exitZen, repos, selectedId]);
+  const swapToAgent = useCallback13(
+    (issueNumber) => {
+      const { id, isAgent } = paneRef.current;
+      if (ui.state.mode !== "zen" || !id) return;
+      cleanupPane(id, isAgent);
+      setTimeout(() => {
+        const winName = agentWindowName(issueNumber);
+        if (windowExists(winName)) {
+          const newPaneId = joinAgentPane(winName, ZEN_PANE_WIDTH_PERCENT);
+          setZenPaneId(newPaneId);
+          setZenIsAgentPane(true);
+        }
+      }, 500);
+    },
+    [ui.state.mode]
+  );
+  const prevSelectedRef = useRef11(null);
+  useEffect5(() => {
+    if (ui.state.mode !== "zen" || !zenPaneId) {
+      prevSelectedRef.current = selectedId;
+      return;
+    }
+    if (selectedId === prevSelectedRef.current) return;
+    prevSelectedRef.current = selectedId;
+    const timer = setTimeout(() => {
+      const { id, isAgent } = paneRef.current;
+      if (!id) return;
+      const found = findIssue(repos, selectedId);
+      if (!found) return;
+      cleanupPane(id, isAgent);
+      const result = openOrSplitPane(found.issue);
+      if (!result) {
+        setZenPaneId(null);
+        setZenIsAgentPane(false);
+        ui.exitZen();
+        toast.error("Zen pane lost \u2014 exiting zen mode");
+        return;
+      }
+      setZenPaneId(result.paneId);
+      setZenIsAgentPane(result.isAgent);
+    }, CURSOR_FOLLOW_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [ui.state.mode, zenPaneId, selectedId, repos, ui, toast]);
+  useEffect5(() => {
+    if (ui.state.mode !== "zen" || !zenPaneId) return;
+    const interval = setInterval(() => {
+      if (!isPaneAlive(zenPaneId)) {
+        exitZen();
+        toast.info("Zen pane closed");
+      }
+    }, DEAD_PANE_CHECK_MS);
+    return () => clearInterval(interval);
+  }, [ui.state.mode, zenPaneId, exitZen, toast]);
+  return { zenPaneId, zenIsAgentPane, handleToggleZen, swapToAgent };
+}
+var ZEN_PANE_WIDTH_PERCENT, ZEN_MIN_COLS, CURSOR_FOLLOW_DEBOUNCE_MS, DEAD_PANE_CHECK_MS;
+var init_use_zen_mode = __esm({
+  "src/board/hooks/use-zen-mode.ts"() {
+    "use strict";
+    init_tmux_pane();
+    ZEN_PANE_WIDTH_PERCENT = 65;
+    ZEN_MIN_COLS = 100;
+    CURSOR_FOLLOW_DEBOUNCE_MS = 150;
+    DEAD_PANE_CHECK_MS = 2e3;
+  }
+});
+
 // src/board/components/action-log.tsx
 import { Box, Text } from "ink";
-import { useEffect as useEffect5, useState as useState7 } from "react";
+import { useEffect as useEffect6, useState as useState8 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function relativeTime(ago) {
   const seconds = Math.floor((Date.now() - ago) / 1e3);
@@ -3994,8 +4288,8 @@ function statusColor(status) {
   return "yellow";
 }
 function ActionLog({ entries }) {
-  const [, setTick] = useState7(0);
-  useEffect5(() => {
+  const [, setTick] = useState8(0);
+  useEffect6(() => {
     const id = setInterval(() => setTick((t) => t + 1), 5e3);
     return () => clearInterval(id);
   }, []);
@@ -4159,7 +4453,7 @@ var init_agent_activity_panel = __esm({
 
 // src/board/components/detail-panel.tsx
 import { Box as Box5, Text as Text5 } from "ink";
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function stripMarkdown(text) {
   return text.replace(/^#{1,6}\s+/gm, "").replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/__(.+?)__/g, "$1").replace(/_(.+?)_/g, "$1").replace(/~~(.+?)~~/g, "$1").replace(/`{1,3}[^`]*`{1,3}/g, (m) => m.replace(/`/g, "")).replace(/^\s*[-*+]\s+/gm, "  - ").replace(/^\s*\d+\.\s+/gm, "  ").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/!\[([^\]]*)\]\([^)]+\)/g, "[$1]").replace(/^>\s+/gm, "  ").replace(/---+/g, "").replace(/\n{3,}/g, "\n\n").trim();
@@ -4211,7 +4505,7 @@ function DetailPanel({
   fetchComments,
   issueRepo
 }) {
-  useEffect6(() => {
+  useEffect7(() => {
     if (!(issue && fetchComments && issueRepo)) return;
     if (commentsState !== null && commentsState !== void 0) return;
     fetchComments(issueRepo, issue.number);
@@ -4310,6 +4604,12 @@ function HintBar({
       /* @__PURE__ */ jsx6(Text6, { color: "gray", children: " Space:toggle Enter:actions Esc:cancel" })
     ] });
   }
+  if (uiMode === "zen") {
+    return /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsx6(Text6, { color: "green", bold: true, children: "[ZEN]" }),
+      /* @__PURE__ */ jsx6(Text6, { color: "gray", children: " j/k:nav C:claude Z/Esc:exit q:quit" })
+    ] });
+  }
   if (uiMode === "focus") {
     return /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsx6(Text6, { color: "magenta", bold: true, children: "[FOCUS] Focus mode \u2014 Esc to exit" }) });
   }
@@ -4340,7 +4640,7 @@ function HintBar({
     0: "j/k:scroll  Esc:close  ? help",
     1: "j/k:move  Enter:filter  0-4:panel  ? help",
     2: "j/k:move  Enter:filter  Esc:clear  0-4:panel  ? help",
-    3: `j/k:move  Enter:detail  g:open  p:pick  m:status  c:comment  C:claude  /:search  n:new  0-4:panel${hasUndoable ? "  u:undo" : ""}  ? help  q:quit`,
+    3: `j/k:move  Enter:detail  g:open  p:pick  m:status  c:comment  C:claude  /:search  n:new  H:hide-panel  Z:zen  0-4:panel${hasUndoable ? "  u:undo" : ""}  ? help  q:quit`,
     4: "j/k:scroll  Enter:jump  r:refresh  0-4:panel  ? help"
   };
   return /* @__PURE__ */ jsxs6(Box6, { children: [
@@ -4361,7 +4661,7 @@ var init_hint_bar = __esm({
 
 // src/board/components/bulk-action-menu.tsx
 import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function getMenuItems(selectionType) {
   if (selectionType === "github") {
@@ -4375,7 +4675,7 @@ function getMenuItems(selectionType) {
 }
 function BulkActionMenu({ count, selectionType, onSelect, onCancel }) {
   const items = getMenuItems(selectionType);
-  const [selectedIdx, setSelectedIdx] = useState8(0);
+  const [selectedIdx, setSelectedIdx] = useState9(0);
   useInput2((input2, key) => {
     if (key.escape) return onCancel();
     if (key.return) {
@@ -4478,7 +4778,7 @@ import { tmpdir } from "os";
 import { join as join5 } from "path";
 import { TextInput } from "@inkjs/ui";
 import { Box as Box8, Text as Text8, useInput as useInput3, useStdin } from "ink";
-import { useEffect as useEffect7, useRef as useRef11, useState as useState9 } from "react";
+import { useEffect as useEffect8, useRef as useRef12, useState as useState10 } from "react";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function CommentInput({
   issueNumber,
@@ -4487,13 +4787,13 @@ function CommentInput({
   onPauseRefresh,
   onResumeRefresh
 }) {
-  const [value, setValue] = useState9("");
-  const [editing, setEditing] = useState9(false);
+  const [value, setValue] = useState10("");
+  const [editing, setEditing] = useState10(false);
   const { setRawMode } = useStdin();
-  const onSubmitRef = useRef11(onSubmit);
-  const onCancelRef = useRef11(onCancel);
-  const onPauseRef = useRef11(onPauseRefresh);
-  const onResumeRef = useRef11(onResumeRefresh);
+  const onSubmitRef = useRef12(onSubmit);
+  const onCancelRef = useRef12(onCancel);
+  const onPauseRef = useRef12(onPauseRefresh);
+  const onResumeRef = useRef12(onResumeRefresh);
   onSubmitRef.current = onSubmit;
   onCancelRef.current = onCancel;
   onPauseRef.current = onPauseRefresh;
@@ -4508,7 +4808,7 @@ function CommentInput({
       setEditing(true);
     }
   });
-  useEffect7(() => {
+  useEffect8(() => {
     if (!editing) return;
     const editor = resolveEditor();
     if (!editor) {
@@ -4601,7 +4901,7 @@ var init_confirm_prompt = __esm({
 // src/board/components/label-picker.tsx
 import { Spinner } from "@inkjs/ui";
 import { Box as Box10, Text as Text10, useInput as useInput5 } from "ink";
-import { useEffect as useEffect8, useRef as useRef12, useState as useState10 } from "react";
+import { useEffect as useEffect9, useRef as useRef13, useState as useState11 } from "react";
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function LabelPicker({
   repo,
@@ -4611,13 +4911,13 @@ function LabelPicker({
   onCancel,
   onError
 }) {
-  const [labels, setLabels] = useState10(labelCache[repo] ?? null);
-  const [loading, setLoading] = useState10(labels === null);
-  const [fetchAttempted, setFetchAttempted] = useState10(false);
-  const [selected, setSelected] = useState10(new Set(currentLabels));
-  const [cursor, setCursor] = useState10(0);
-  const submittedRef = useRef12(false);
-  useEffect8(() => {
+  const [labels, setLabels] = useState11(labelCache[repo] ?? null);
+  const [loading, setLoading] = useState11(labels === null);
+  const [fetchAttempted, setFetchAttempted] = useState11(false);
+  const [selected, setSelected] = useState11(new Set(currentLabels));
+  const [cursor, setCursor] = useState11(0);
+  const submittedRef = useRef13(false);
+  useEffect9(() => {
     if (labels !== null || fetchAttempted) return;
     setFetchAttempted(true);
     setLoading(true);
@@ -4720,7 +5020,7 @@ var init_label_picker = __esm({
 // src/board/components/create-issue-form.tsx
 import { TextInput as TextInput2 } from "@inkjs/ui";
 import { Box as Box11, Text as Text11, useInput as useInput6 } from "ink";
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function CreateIssueForm({
   repos,
@@ -4733,9 +5033,9 @@ function CreateIssueForm({
     0,
     repos.findIndex((r) => r.name === defaultRepo)
   ) : 0;
-  const [repoIdx, setRepoIdx] = useState11(defaultRepoIdx);
-  const [title, setTitle] = useState11("");
-  const [field, setField] = useState11("title");
+  const [repoIdx, setRepoIdx] = useState12(defaultRepoIdx);
+  const [title, setTitle] = useState12("");
+  const [field, setField] = useState12("title");
   useInput6((input2, key) => {
     if (field === "labels") return;
     if (key.escape) return onCancel();
@@ -4837,7 +5137,7 @@ import { mkdtempSync as mkdtempSync2, readFileSync as readFileSync7, rmSync as r
 import { tmpdir as tmpdir2 } from "os";
 import { join as join6 } from "path";
 import { Box as Box12, Text as Text12, useStdin as useStdin2 } from "ink";
-import { useEffect as useEffect9, useRef as useRef13, useState as useState12 } from "react";
+import { useEffect as useEffect10, useRef as useRef14, useState as useState13 } from "react";
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function buildEditorFile(issue, repoName, statusOptions, repoLabels) {
   const statusNames = statusOptions.map((o) => o.name).join(", ");
@@ -4921,15 +5221,15 @@ function EditIssueOverlay({
   onToastError,
   onPushEntry
 }) {
-  const [editing, setEditing] = useState12(true);
+  const [editing, setEditing] = useState13(true);
   const { setRawMode } = useStdin2();
-  const onDoneRef = useRef13(onDone);
-  const onPauseRef = useRef13(onPauseRefresh);
-  const onResumeRef = useRef13(onResumeRefresh);
+  const onDoneRef = useRef14(onDone);
+  const onPauseRef = useRef14(onPauseRefresh);
+  const onResumeRef = useRef14(onResumeRefresh);
   onDoneRef.current = onDone;
   onPauseRef.current = onPauseRefresh;
   onResumeRef.current = onResumeRefresh;
-  useEffect9(() => {
+  useEffect10(() => {
     if (!editing) return;
     const editor = resolveEditor();
     if (!editor) {
@@ -5097,7 +5397,7 @@ var init_edit_issue_overlay = __esm({
 
 // src/board/components/focus-mode.tsx
 import { Box as Box13, Text as Text13, useInput as useInput7 } from "ink";
-import { useCallback as useCallback13, useEffect as useEffect10, useRef as useRef14, useState as useState13 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect11, useRef as useRef15, useState as useState14 } from "react";
 import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function formatTime(secs) {
   const m = Math.floor(secs / 60);
@@ -5105,10 +5405,10 @@ function formatTime(secs) {
   return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
 }
 function FocusMode({ label, durationSec, onExit, onEndAction }) {
-  const [remaining, setRemaining] = useState13(durationSec);
-  const [timerDone, setTimerDone] = useState13(false);
-  const bellSentRef = useRef14(false);
-  useEffect10(() => {
+  const [remaining, setRemaining] = useState14(durationSec);
+  const [timerDone, setTimerDone] = useState14(false);
+  const bellSentRef = useRef15(false);
+  useEffect11(() => {
     if (timerDone) return;
     const interval = setInterval(() => {
       setRemaining((prev) => {
@@ -5122,13 +5422,13 @@ function FocusMode({ label, durationSec, onExit, onEndAction }) {
     }, 1e3);
     return () => clearInterval(interval);
   }, [timerDone]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (timerDone && !bellSentRef.current) {
       bellSentRef.current = true;
       process.stdout.write("\x07");
     }
   }, [timerDone]);
-  const handleInput = useCallback13(
+  const handleInput = useCallback14(
     (input2, key) => {
       if (key.escape) {
         if (timerDone) {
@@ -5206,7 +5506,7 @@ var init_focus_mode = __esm({
 import { TextInput as TextInput3 } from "@inkjs/ui";
 import { Fzf } from "fzf";
 import { Box as Box14, Text as Text14, useInput as useInput8 } from "ink";
-import { useMemo as useMemo4, useState as useState14 } from "react";
+import { useMemo as useMemo4, useState as useState15 } from "react";
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function keepCursorVisible(cursor, offset, visible) {
   if (cursor < offset) return cursor;
@@ -5214,9 +5514,9 @@ function keepCursorVisible(cursor, offset, visible) {
   return offset;
 }
 function FuzzyPicker({ repos, onSelect, onClose }) {
-  const [query, setQuery] = useState14("");
-  const [cursor, setCursor] = useState14(0);
-  const [scrollOffset, setScrollOffset] = useState14(0);
+  const [query, setQuery] = useState15("");
+  const [cursor, setCursor] = useState15(0);
+  const [scrollOffset, setScrollOffset] = useState15(0);
   const allIssues = useMemo4(() => {
     const items = [];
     for (const rd of repos) {
@@ -5437,6 +5737,8 @@ var init_help_overlay = __esm({
           { key: "F", desc: "Fuzzy find issue (telescope-style)" },
           { key: "t", desc: "Toggle @me filter (my issues only)" },
           { key: "f", desc: "Focus mode" },
+          { key: "Z", desc: "Zen mode (tmux split with Claude Code)" },
+          { key: "H", desc: "Toggle left panel (repos/statuses)" },
           { key: "?", desc: "Toggle help" },
           { key: "Esc", desc: "Close overlay / Back to normal" }
         ]
@@ -5480,7 +5782,7 @@ import { tmpdir as tmpdir3 } from "os";
 import { join as join7 } from "path";
 import { Spinner as Spinner2, TextInput as TextInput4 } from "@inkjs/ui";
 import { Box as Box16, Text as Text16, useInput as useInput10, useStdin as useStdin3 } from "ink";
-import { useCallback as useCallback14, useEffect as useEffect11, useRef as useRef15, useState as useState15 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect12, useRef as useRef16, useState as useState16 } from "react";
 import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function NlCreateOverlay({
   repos,
@@ -5492,19 +5794,19 @@ function NlCreateOverlay({
   onResumeRefresh,
   onLlmFallback
 }) {
-  const [, setInput] = useState15("");
-  const [isParsing, setIsParsing] = useState15(false);
-  const [parsed, setParsed] = useState15(null);
-  const [parseError, setParseError] = useState15(null);
-  const [step, setStep] = useState15("input");
-  const [body, setBody] = useState15("");
-  const [editingBody, setEditingBody] = useState15(false);
-  const submittedRef = useRef15(false);
-  const parseParamsRef = useRef15(null);
-  const onSubmitRef = useRef15(onSubmit);
-  const onCancelRef = useRef15(onCancel);
-  const onPauseRef = useRef15(onPauseRefresh);
-  const onResumeRef = useRef15(onResumeRefresh);
+  const [, setInput] = useState16("");
+  const [isParsing, setIsParsing] = useState16(false);
+  const [parsed, setParsed] = useState16(null);
+  const [parseError, setParseError] = useState16(null);
+  const [step, setStep] = useState16("input");
+  const [body, setBody] = useState16("");
+  const [editingBody, setEditingBody] = useState16(false);
+  const submittedRef = useRef16(false);
+  const parseParamsRef = useRef16(null);
+  const onSubmitRef = useRef16(onSubmit);
+  const onCancelRef = useRef16(onCancel);
+  const onPauseRef = useRef16(onPauseRefresh);
+  const onResumeRef = useRef16(onResumeRefresh);
   onSubmitRef.current = onSubmit;
   onCancelRef.current = onCancel;
   onPauseRef.current = onPauseRefresh;
@@ -5514,7 +5816,7 @@ function NlCreateOverlay({
     0,
     repos.findIndex((r) => r.name === defaultRepoName)
   ) : 0;
-  const [repoIdx, setRepoIdx] = useState15(defaultRepoIdx);
+  const [repoIdx, setRepoIdx] = useState16(defaultRepoIdx);
   const selectedRepo = repos[repoIdx];
   useInput10((inputChar, key) => {
     if (isParsing || editingBody) return;
@@ -5541,7 +5843,7 @@ function NlCreateOverlay({
       setEditingBody(true);
     }
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (!editingBody) return;
     const editor = resolveEditor();
     if (!editor) {
@@ -5573,7 +5875,7 @@ function NlCreateOverlay({
       setEditingBody(false);
     }
   }, [editingBody, body, setRawMode]);
-  const handleInputSubmit = useCallback14(
+  const handleInputSubmit = useCallback15(
     (text) => {
       const trimmed = text.trim();
       if (!trimmed) return;
@@ -5585,7 +5887,7 @@ function NlCreateOverlay({
     },
     [selectedRepo, labelCache]
   );
-  useEffect11(() => {
+  useEffect12(() => {
     if (!(isParsing && parseParamsRef.current)) return;
     const { input: capturedInput, validLabels } = parseParamsRef.current;
     extractIssueFields(capturedInput, {
@@ -5717,10 +6019,10 @@ var init_nl_create_overlay = __esm({
 
 // src/board/components/nudge-overlay.tsx
 import { Box as Box17, Text as Text17, useInput as useInput11 } from "ink";
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 function NudgeOverlay({ candidates, onAction, onCancel }) {
-  const [selectedIdx, setSelectedIdx] = useState16(0);
+  const [selectedIdx, setSelectedIdx] = useState17(0);
   useInput11((input2, key) => {
     if (key.escape) {
       onAction({ type: "dismiss" });
@@ -5841,7 +6143,7 @@ var init_search_bar = __esm({
 
 // src/board/components/status-picker.tsx
 import { Box as Box19, Text as Text19, useInput as useInput12 } from "ink";
-import { useRef as useRef16, useState as useState17 } from "react";
+import { useRef as useRef17, useState as useState18 } from "react";
 import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function isTerminal(name) {
   return TERMINAL_STATUS_RE.test(name);
@@ -5889,12 +6191,12 @@ function StatusPicker({
   onCancel,
   showTerminalStatuses = true
 }) {
-  const [selectedIdx, setSelectedIdx] = useState17(() => {
+  const [selectedIdx, setSelectedIdx] = useState18(() => {
     const idx = options.findIndex((o) => o.name === currentStatus);
     return idx >= 0 ? idx : 0;
   });
-  const [confirmingTerminal, setConfirmingTerminal] = useState17(false);
-  const submittedRef = useRef16(false);
+  const [confirmingTerminal, setConfirmingTerminal] = useState18(false);
+  const submittedRef = useRef17(false);
   useInput12((input2, key) => {
     if (confirmingTerminal) {
       handleConfirmInput(input2, key, {
@@ -5962,12 +6264,12 @@ var init_status_picker = __esm({
 
 // src/board/components/triage-overlay.tsx
 import { Box as Box20, Text as Text20, useInput as useInput13 } from "ink";
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 function TriageOverlay({ candidates, phases, onAction, onCancel }) {
-  const [selected, setSelected] = useState18(() => /* @__PURE__ */ new Set());
-  const [cursorIdx, setCursorIdx] = useState18(0);
-  const [phaseIdx, setPhaseIdx] = useState18(0);
+  const [selected, setSelected] = useState19(() => /* @__PURE__ */ new Set());
+  const [cursorIdx, setCursorIdx] = useState19(0);
+  const [phaseIdx, setPhaseIdx] = useState19(0);
   useInput13((input2, key) => {
     if (key.escape) {
       onCancel();
@@ -6105,7 +6407,7 @@ var init_triage_overlay = __esm({
 
 // src/board/components/workflow-overlay.tsx
 import { Box as Box21, Text as Text21, useInput as useInput14 } from "ink";
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 function phaseIcon(state) {
   switch (state) {
@@ -6135,7 +6437,7 @@ function WorkflowOverlay({
   onAction,
   onCancel
 }) {
-  const [selectedIdx, setSelectedIdx] = useState19(0);
+  const [selectedIdx, setSelectedIdx] = useState20(0);
   useInput14((input2, key) => {
     if (key.escape) {
       onCancel();
@@ -6413,7 +6715,7 @@ var init_overlay_renderer = __esm({
 
 // src/board/components/panel-layout.tsx
 import { Box as Box22 } from "ink";
-import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 function getLayoutMode(cols) {
   if (cols >= WIDE_THRESHOLD) return "wide";
   if (cols >= MEDIUM_THRESHOLD) return "medium";
@@ -6429,17 +6731,18 @@ function PanelLayout({
   statusesPanel,
   issuesPanel,
   detailPanel,
-  activityPanel
+  activityPanel,
+  hideLeftPanel
 }) {
   const mode = getLayoutMode(cols);
   if (mode === "wide") {
     const detailWidth = getDetailWidth(cols);
     return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs23(Box22, { height: issuesPanelHeight, children: [
-        /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
+        !hideLeftPanel ? /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
           reposPanel,
           statusesPanel
-        ] }),
+        ] }) : null,
         /* @__PURE__ */ jsx23(Box22, { flexGrow: 1, flexDirection: "column", children: issuesPanel }),
         /* @__PURE__ */ jsx23(Box22, { width: detailWidth, flexDirection: "column", children: detailPanel })
       ] }),
@@ -6449,18 +6752,20 @@ function PanelLayout({
   if (mode === "medium") {
     return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs23(Box22, { height: issuesPanelHeight, children: [
-        /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
+        !hideLeftPanel ? /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
           reposPanel,
           statusesPanel
-        ] }),
+        ] }) : null,
         /* @__PURE__ */ jsx23(Box22, { flexGrow: 1, flexDirection: "column", children: issuesPanel })
       ] }),
       /* @__PURE__ */ jsx23(Box22, { height: ACTIVITY_HEIGHT, children: activityPanel })
     ] });
   }
   return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", children: [
-    reposPanel,
-    statusesPanel,
+    !hideLeftPanel ? /* @__PURE__ */ jsxs23(Fragment3, { children: [
+      reposPanel,
+      statusesPanel
+    ] }) : null,
     /* @__PURE__ */ jsx23(Box22, { flexGrow: 1, flexDirection: "column", children: issuesPanel }),
     /* @__PURE__ */ jsx23(Box22, { height: ACTIVITY_HEIGHT, children: activityPanel })
   ] });
@@ -6806,10 +7111,10 @@ var init_statuses_panel = __esm({
 // src/board/components/toast-container.tsx
 import { Spinner as Spinner3 } from "@inkjs/ui";
 import { Box as Box27, Text as Text26 } from "ink";
-import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
 function ToastContainer({ toasts }) {
   if (toasts.length === 0) return null;
-  return /* @__PURE__ */ jsx28(Box27, { flexDirection: "column", children: toasts.map((t) => /* @__PURE__ */ jsx28(Box27, { children: t.type === "loading" ? /* @__PURE__ */ jsxs28(Fragment3, { children: [
+  return /* @__PURE__ */ jsx28(Box27, { flexDirection: "column", children: toasts.map((t) => /* @__PURE__ */ jsx28(Box27, { children: t.type === "loading" ? /* @__PURE__ */ jsxs28(Fragment4, { children: [
     /* @__PURE__ */ jsx28(Spinner3, { label: "" }),
     /* @__PURE__ */ jsxs28(Text26, { color: "cyan", children: [
       " ",
@@ -6844,8 +7149,8 @@ var init_toast_container = __esm({
 import { execFile as execFile2, spawn as spawn4 } from "child_process";
 import { Spinner as Spinner4 } from "@inkjs/ui";
 import { Box as Box28, Text as Text27, useApp, useStdout } from "ink";
-import { useCallback as useCallback15, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef17, useState as useState20 } from "react";
-import { Fragment as Fragment4, jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
+import { useCallback as useCallback16, useEffect as useEffect13, useMemo as useMemo5, useRef as useRef18, useState as useState21 } from "react";
+import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
 function resolvePhaseConfig(rc, config2, issueTitle, phase) {
   const phasePrompts = rc.workflow?.phasePrompts ?? config2.board.workflow?.phasePrompts ?? {};
   const template = phasePrompts[phase] ?? DEFAULT_PHASE_PROMPTS[phase];
@@ -6999,8 +7304,8 @@ function findSelectedIssueWithRepo(repos, selectedId) {
   return null;
 }
 function RefreshAge({ lastRefresh }) {
-  const [, setTick] = useState20(0);
-  useEffect12(() => {
+  const [, setTick] = useState21(0);
+  useEffect13(() => {
     const id = setInterval(() => setTick((t) => t + 1), 3e4);
     return () => clearInterval(id);
   }, []);
@@ -7059,15 +7364,20 @@ function Dashboard({ config: config2, options, activeProfile }) {
   const workflowState = useWorkflowState(config2);
   const { toasts, toast, handleErrorAction } = useToast();
   const agentSessions = useAgentSessions(config2, workflowState, toast);
-  const [activePanelId, setActivePanelId] = useState20(3);
-  const focusPanel = useCallback15((id) => setActivePanelId(id), []);
+  const [activePanelId, setActivePanelId] = useState21(3);
+  const focusPanel = useCallback16((id) => setActivePanelId(id), []);
   const panelFocus = useMemo5(() => ({ activePanelId, focusPanel }), [activePanelId, focusPanel]);
-  const [searchQuery, setSearchQuery] = useState20("");
-  const [mineOnly, setMineOnly] = useState20(false);
-  const handleToggleMine = useCallback15(() => {
+  const [searchQuery, setSearchQuery] = useState21("");
+  const [mineOnly, setMineOnly] = useState21(false);
+  const handleToggleMine = useCallback16(() => {
     setMineOnly((prev) => !prev);
   }, []);
-  const [logVisible, setLogVisible] = useState20(false);
+  const [leftPanelHidden, setLeftPanelHidden] = useState21(false);
+  const handleToggleLeftPanel = useCallback16(() => {
+    setLeftPanelHidden((v) => !v);
+    setActivePanelId((id) => id === 1 || id === 2 ? 3 : id);
+  }, []);
+  const [logVisible, setLogVisible] = useState21(false);
   const { entries: logEntries, pushEntry, undoLast, hasUndoable } = useActionLog(toast, refresh);
   useAutoStatus({
     config: config2,
@@ -7077,7 +7387,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     pushEntry,
     registerPendingMutation
   });
-  const handleEnrichmentChange = useCallback15(
+  const handleEnrichmentChange = useCallback16(
     (data2) => {
       workflowState.updateEnrichment(data2);
     },
@@ -7089,7 +7399,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     enrichment: workflowState.enrichment,
     onEnrichmentChange: handleEnrichmentChange
   });
-  useEffect12(() => {
+  useEffect13(() => {
     const last = logEntries[logEntries.length - 1];
     if (last?.status === "error") setLogVisible(true);
   }, [logEntries]);
@@ -7106,38 +7416,38 @@ function Dashboard({ config: config2, options, activeProfile }) {
     return filtered.map((rd) => ({ ...rd, issues: rd.issues.filter((i) => matchesSearch(i, searchQuery)) })).filter((rd) => rd.issues.length > 0);
   }, [allRepos, searchQuery, mineOnly, config2.board.assignee]);
   const boardTree = useMemo5(() => buildBoardTree(repos, allActivity), [repos, allActivity]);
-  const [selectedRepoIdx, setSelectedRepoIdx] = useState20(0);
+  const [selectedRepoIdx, setSelectedRepoIdx] = useState21(0);
   const clampedRepoIdx = Math.min(selectedRepoIdx, Math.max(0, boardTree.sections.length - 1));
   const reposNav = {
-    moveUp: useCallback15(() => setSelectedRepoIdx((i) => Math.max(0, i - 1)), []),
-    moveDown: useCallback15(
+    moveUp: useCallback16(() => setSelectedRepoIdx((i) => Math.max(0, i - 1)), []),
+    moveDown: useCallback16(
       () => setSelectedRepoIdx((i) => Math.min(Math.max(0, boardTree.sections.length - 1), i + 1)),
       [boardTree.sections.length]
     )
   };
-  const [selectedStatusIdx, setSelectedStatusIdx] = useState20(0);
+  const [selectedStatusIdx, setSelectedStatusIdx] = useState21(0);
   const selectedSection = boardTree.sections[clampedRepoIdx] ?? null;
   const clampedStatusIdx = Math.min(
     selectedStatusIdx,
     Math.max(0, (selectedSection?.groups.length ?? 1) - 1)
   );
   const statusesNav = {
-    moveUp: useCallback15(() => setSelectedStatusIdx((i) => Math.max(0, i - 1)), []),
-    moveDown: useCallback15(
+    moveUp: useCallback16(() => setSelectedStatusIdx((i) => Math.max(0, i - 1)), []),
+    moveDown: useCallback16(
       () => setSelectedStatusIdx(
         (i) => Math.min(Math.max(0, (selectedSection?.groups.length ?? 1) - 1), i + 1)
       ),
       [selectedSection?.groups.length]
     )
   };
-  const [activitySelectedIdx, setActivitySelectedIdx] = useState20(0);
+  const [activitySelectedIdx, setActivitySelectedIdx] = useState21(0);
   const clampedActivityIdx = Math.min(
     activitySelectedIdx,
     Math.max(0, boardTree.activity.length - 1)
   );
   const activityNav = {
-    moveUp: useCallback15(() => setActivitySelectedIdx((i) => Math.max(0, i - 1)), []),
-    moveDown: useCallback15(
+    moveUp: useCallback16(() => setActivitySelectedIdx((i) => Math.max(0, i - 1)), []),
+    moveDown: useCallback16(
       () => setActivitySelectedIdx((i) => Math.min(Math.max(0, boardTree.activity.length - 1), i + 1)),
       [boardTree.activity.length]
     )
@@ -7145,14 +7455,14 @@ function Dashboard({ config: config2, options, activeProfile }) {
   const selectedRepoName = selectedSection?.sectionId ?? null;
   const selectedStatusGroup = selectedSection?.groups[clampedStatusIdx] ?? null;
   const selectedStatusGroupId = selectedStatusGroup?.subId ?? null;
-  const onRepoEnter = useCallback15(() => {
+  const onRepoEnter = useCallback16(() => {
     setSelectedStatusIdx(0);
     panelFocus.focusPanel(3);
   }, [panelFocus]);
-  const onStatusEnter = useCallback15(() => {
+  const onStatusEnter = useCallback16(() => {
     panelFocus.focusPanel(3);
   }, [panelFocus]);
-  const onActivityEnter = useCallback15(() => {
+  const onActivityEnter = useCallback16(() => {
     const event = boardTree.activity[clampedActivityIdx];
     if (!event) return;
     const repoIdx = boardTree.sections.findIndex(
@@ -7169,7 +7479,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     [boardTree.sections, selectedRepoName, selectedStatusGroupId]
   );
   const nav = useNavigation(navItems);
-  const getRepoForId = useCallback15((id) => {
+  const getRepoForId = useCallback16((id) => {
     if (id.startsWith("gh:")) {
       const parts = id.split(":");
       return parts.length >= 3 ? `${parts[1]}` : null;
@@ -7177,7 +7487,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     return null;
   }, []);
   const multiSelect = useMultiSelect(getRepoForId);
-  useEffect12(() => {
+  useEffect13(() => {
     if (multiSelect.count === 0) return;
     const validIds = new Set(navItems.map((i) => i.id));
     multiSelect.prune(validIds);
@@ -7194,11 +7504,11 @@ function Dashboard({ config: config2, options, activeProfile }) {
     registerPendingMutation,
     clearPendingMutation
   });
-  const pendingPickRef = useRef17(null);
-  const labelCacheRef = useRef17({});
-  const commentCacheRef = useRef17({});
-  const [commentTick, setCommentTick] = useState20(0);
-  const handleFetchComments = useCallback15((repo, issueNumber) => {
+  const pendingPickRef = useRef18(null);
+  const labelCacheRef = useRef18({});
+  const commentCacheRef = useRef18({});
+  const [commentTick, setCommentTick] = useState21(0);
+  const handleFetchComments = useCallback16((repo, issueNumber) => {
     const key = `${repo}:${issueNumber}`;
     if (commentCacheRef.current[key] !== void 0) return;
     commentCacheRef.current[key] = "loading";
@@ -7211,7 +7521,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
       setCommentTick((t) => t + 1);
     });
   }, []);
-  const handleCreateIssueWithPrompt = useCallback15(
+  const handleCreateIssueWithPrompt = useCallback16(
     (repo, title, body, dueDate, labels) => {
       actions.handleCreateIssue(repo, title, body, dueDate, labels).then((result) => {
         if (result) {
@@ -7222,7 +7532,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [actions, ui]
   );
-  const handleConfirmPick = useCallback15(() => {
+  const handleConfirmPick = useCallback16(() => {
     const pending = pendingPickRef.current;
     pendingPickRef.current = null;
     ui.exitOverlay();
@@ -7240,12 +7550,12 @@ function Dashboard({ config: config2, options, activeProfile }) {
       })
     );
   }, [config2, toast, refresh, ui]);
-  const handleCancelPick = useCallback15(() => {
+  const handleCancelPick = useCallback16(() => {
     pendingPickRef.current = null;
     ui.exitOverlay();
   }, [ui]);
-  const [focusLabel, setFocusLabel] = useState20(null);
-  const handleEnterFocus = useCallback15(() => {
+  const [focusLabel, setFocusLabel] = useState21(null);
+  const handleEnterFocus = useCallback16(() => {
     const id = nav.selectedId;
     if (!id || isHeaderId(id)) return;
     let label = "";
@@ -7260,11 +7570,11 @@ function Dashboard({ config: config2, options, activeProfile }) {
     setFocusLabel(label);
     ui.enterFocus();
   }, [nav.selectedId, repos, config2.repos, ui]);
-  const handleFocusExit = useCallback15(() => {
+  const handleFocusExit = useCallback16(() => {
     setFocusLabel(null);
     ui.exitToNormal();
   }, [ui]);
-  const handleFocusEndAction = useCallback15(
+  const handleFocusEndAction = useCallback16(
     (action) => {
       switch (action) {
         case "restart":
@@ -7290,13 +7600,13 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [toast, ui]
   );
-  const [focusKey, setFocusKey] = useState20(0);
+  const [focusKey, setFocusKey] = useState21(0);
   const { stdout } = useStdout();
-  const [termSize, setTermSize] = useState20({
+  const [termSize, setTermSize] = useState21({
     cols: stdout?.columns ?? 80,
     rows: stdout?.rows ?? 24
   });
-  useEffect12(() => {
+  useEffect13(() => {
     if (!stdout) return;
     const onResize = () => setTermSize({ cols: stdout.columns, rows: stdout.rows });
     stdout.on("resize", onResize);
@@ -7304,13 +7614,21 @@ function Dashboard({ config: config2, options, activeProfile }) {
       stdout.off("resize", onResize);
     };
   }, [stdout]);
+  const zen = useZenMode({
+    ui,
+    toast,
+    termCols: termSize.cols,
+    repos,
+    selectedId: nav.selectedId
+  });
   const layoutMode = getLayoutMode(termSize.cols);
   const detailPanelWidth = layoutMode === "wide" ? getDetailWidth(termSize.cols) : Math.floor(termSize.cols * 0.35);
   const showDetailPanel = layoutMode === "wide";
   const usableWidth = termSize.cols - 2;
+  const effectiveLeftWidth = leftPanelHidden ? 0 : LEFT_COL_WIDTH;
   const issuesPanelWidth = Math.max(
     20,
-    layoutMode === "wide" ? usableWidth - LEFT_COL_WIDTH - getDetailWidth(termSize.cols) : layoutMode === "medium" ? usableWidth - LEFT_COL_WIDTH : usableWidth
+    layoutMode === "wide" ? usableWidth - effectiveLeftWidth - getDetailWidth(termSize.cols) : layoutMode === "medium" ? usableWidth - effectiveLeftWidth : usableWidth
   );
   const activityPanelWidth = usableWidth;
   const overlayBarRows = ui.state.mode === "search" || ui.state.mode === "overlay:comment" ? 1 : 0;
@@ -7339,9 +7657,9 @@ function Dashboard({ config: config2, options, activeProfile }) {
       return { ...row, phaseIndicator, statusAgeDays };
     });
   }, [boardTree.sections, selectedRepoName, selectedStatusGroupId, workflowState, config2.repos]);
-  const scrollRef = useRef17(0);
-  const prevRepoRef = useRef17(null);
-  const prevStatusRef = useRef17(null);
+  const scrollRef = useRef18(0);
+  const prevRepoRef = useRef18(null);
+  const prevStatusRef = useRef18(null);
   if (selectedRepoName !== prevRepoRef.current || selectedStatusGroupId !== prevStatusRef.current) {
     prevRepoRef.current = selectedRepoName;
     prevStatusRef.current = selectedStatusGroupId;
@@ -7386,7 +7704,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     return config2.repos.find((r) => r.name === selectedItem.repoName) ?? null;
   }, [selectedItem.repoName, config2.repos]);
   const selectedIssueWorkflow = useMemo5(() => {
-    if (!selectedItem.issue || !selectedItem.repoName) return null;
+    if (!(selectedItem.issue && selectedItem.repoName)) return null;
     return workflowState.getIssueWorkflow(
       selectedItem.repoName,
       selectedItem.issue.number,
@@ -7399,16 +7717,16 @@ function Dashboard({ config: config2, options, activeProfile }) {
     const rd = repos.find((r) => r.repo.name === repoName);
     return rd?.statusOptions ?? [];
   }, [selectedItem.repoName, repos, multiSelect.count, multiSelect.constrainedRepo]);
-  const handleOpen = useCallback15(() => {
+  const handleOpen = useCallback16(() => {
     const found = findSelectedIssueWithRepo(repos, nav.selectedId);
     if (found) openInBrowser(found.issue.url);
   }, [repos, nav.selectedId]);
-  const handleSlack = useCallback15(() => {
+  const handleSlack = useCallback16(() => {
     const found = findSelectedIssueWithRepo(repos, nav.selectedId);
     if (!found?.issue.slackThreadUrl) return;
     openInBrowser(found.issue.slackThreadUrl);
   }, [repos, nav.selectedId]);
-  const handleCopyLink = useCallback15(() => {
+  const handleCopyLink = useCallback16(() => {
     const found = findSelectedIssueWithRepo(repos, nav.selectedId);
     if (!found) return;
     const rc = config2.repos.find((r) => r.name === found.repoName);
@@ -7433,7 +7751,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
       toast.info(`${label} \u2014 ${found.issue.url}`);
     }
   }, [repos, nav.selectedId, config2.repos, toast]);
-  const handleLaunchClaude = useCallback15(() => {
+  const handleLaunchClaude = useCallback16(() => {
     const found = findSelectedIssueWithRepo(repos, nav.selectedId);
     if (!found) return;
     const rc = config2.repos.find((r) => r.name === found.repoName);
@@ -7459,13 +7777,14 @@ function Dashboard({ config: config2, options, activeProfile }) {
       return;
     }
     toast.info(`Claude Code session opened in ${rc.shortName ?? found.repoName}`);
-  }, [repos, nav.selectedId, config2.repos, config2.board, toast]);
-  const handleEnterWorkflow = useCallback15(() => {
+    zen.swapToAgent(found.issue.number);
+  }, [repos, nav.selectedId, config2.repos, config2.board, toast, zen]);
+  const handleEnterWorkflow = useCallback16(() => {
     const found = findSelectedIssueWithRepo(repos, nav.selectedId);
     if (!found) return;
     ui.enterWorkflow();
   }, [repos, nav.selectedId, ui]);
-  const handleWorkflowAction = useCallback15(
+  const handleWorkflowAction = useCallback16(
     (action) => {
       const found = findSelectedIssueWithRepo(repos, nav.selectedId);
       if (!found) return;
@@ -7589,7 +7908,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [repos, nav.selectedId, config2, ui, toast, workflowState, agentSessions]
   );
-  const handleNudgeAction = useCallback15(
+  const handleNudgeAction = useCallback16(
     (action) => {
       if (action.type === "snooze") {
         nudges.snooze(action.repo, action.issueNumber, action.days);
@@ -7600,7 +7919,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [nudges, toast]
   );
-  const handleTriageAction = useCallback15(
+  const handleTriageAction = useCallback16(
     (action) => {
       if (action.type === "snooze") {
         nudges.snooze(action.repo, action.issueNumber, action.days);
@@ -7665,7 +7984,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [config2, agentSessions, workflowState, nudges, toast, ui]
   );
-  const handleEnterTriage = useCallback15(() => {
+  const handleEnterTriage = useCallback16(() => {
     if (nudges.candidates.length === 0) {
       toast.info("No stale issues to triage");
       return;
@@ -7673,7 +7992,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     ui.enterTriage();
   }, [nudges.candidates.length, toast, ui]);
   const multiSelectType = "github";
-  const handleBulkAction = useCallback15(
+  const handleBulkAction = useCallback16(
     (action) => {
       const ids = multiSelect.selected;
       switch (action.type) {
@@ -7716,7 +8035,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [multiSelect, actions, ui, toast]
   );
-  const handleBulkStatusSelect = useCallback15(
+  const handleBulkStatusSelect = useCallback16(
     (optionId) => {
       const ids = multiSelect.selected;
       ui.exitOverlay();
@@ -7732,7 +8051,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [multiSelect, actions, ui]
   );
-  const handleFuzzySelect = useCallback15(
+  const handleFuzzySelect = useCallback16(
     (navId) => {
       nav.select(navId);
       if (navId.startsWith("gh:")) {
@@ -7753,7 +8072,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [nav, ui, boardTree]
   );
-  const onSearchEscape = useCallback15(() => {
+  const onSearchEscape = useCallback16(() => {
     ui.exitOverlay();
     setSearchQuery("");
   }, [ui]);
@@ -7783,7 +8102,9 @@ function Dashboard({ config: config2, options, activeProfile }) {
       handleToggleLog: () => setLogVisible((v) => !v),
       handleLaunchClaude,
       handleEnterWorkflow,
-      handleEnterTriage
+      handleEnterTriage,
+      handleToggleLeftPanel,
+      handleToggleZen: zen.handleToggleZen
     },
     onSearchEscape,
     panelFocus,
@@ -7793,7 +8114,8 @@ function Dashboard({ config: config2, options, activeProfile }) {
     onRepoEnter,
     onStatusEnter,
     onActivityEnter,
-    showDetailPanel
+    showDetailPanel,
+    leftPanelHidden
   });
   if (status === "loading" && !data) {
     return /* @__PURE__ */ jsx29(Box28, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx29(Spinner4, { label: "Loading dashboard..." }) });
@@ -7909,10 +8231,10 @@ function Dashboard({ config: config2, options, activeProfile }) {
         dateStr
       ] }),
       /* @__PURE__ */ jsx29(Text27, { children: " " }),
-      isRefreshing ? /* @__PURE__ */ jsxs29(Fragment4, { children: [
+      isRefreshing ? /* @__PURE__ */ jsxs29(Fragment5, { children: [
         /* @__PURE__ */ jsx29(Spinner4, { label: "" }),
         /* @__PURE__ */ jsx29(Text27, { color: "cyan", children: " Refreshing..." })
-      ] }) : /* @__PURE__ */ jsxs29(Fragment4, { children: [
+      ] }) : /* @__PURE__ */ jsxs29(Fragment5, { children: [
         /* @__PURE__ */ jsx29(RefreshAge, { lastRefresh }),
         consecutiveFailures > 0 ? /* @__PURE__ */ jsx29(Text27, { color: "red", children: " (!)" }) : null
       ] }),
@@ -7991,7 +8313,18 @@ function Dashboard({ config: config2, options, activeProfile }) {
         commentsState: currentCommentsState
       }
     ) : null,
-    !ui.state.helpVisible && ui.state.mode !== "overlay:status" && ui.state.mode !== "overlay:create" && ui.state.mode !== "overlay:createNl" && ui.state.mode !== "overlay:bulkAction" && ui.state.mode !== "overlay:confirmPick" && ui.state.mode !== "overlay:detail" && ui.state.mode !== "overlay:nudge" && ui.state.mode !== "overlay:triage" && ui.state.mode !== "focus" ? /* @__PURE__ */ jsx29(
+    ui.state.mode === "zen" ? /* @__PURE__ */ jsx29(Box28, { flexDirection: "column", height: issuesPanelHeight + ACTIVITY_HEIGHT, children: /* @__PURE__ */ jsx29(Panel, { title: "Issues (Zen)", isActive: true, width: usableWidth, children: visibleRows.map((row) => /* @__PURE__ */ jsx29(
+      RowRenderer,
+      {
+        row,
+        selectedId: nav.selectedId,
+        selfLogin: config2.board.assignee,
+        panelWidth: usableWidth,
+        stalenessConfig: config2.board.workflow?.staleness
+      },
+      row.key
+    )) }) }) : null,
+    !ui.state.helpVisible && ui.state.mode !== "overlay:status" && ui.state.mode !== "overlay:create" && ui.state.mode !== "overlay:createNl" && ui.state.mode !== "overlay:bulkAction" && ui.state.mode !== "overlay:confirmPick" && ui.state.mode !== "overlay:detail" && ui.state.mode !== "overlay:nudge" && ui.state.mode !== "overlay:triage" && ui.state.mode !== "focus" && ui.state.mode !== "zen" ? /* @__PURE__ */ jsx29(
       PanelLayout,
       {
         cols: termSize.cols,
@@ -8000,7 +8333,8 @@ function Dashboard({ config: config2, options, activeProfile }) {
         statusesPanel,
         issuesPanel,
         detailPanel,
-        activityPanel
+        activityPanel,
+        hideLeftPanel: leftPanelHidden
       }
     ) : null,
     /* @__PURE__ */ jsx29(ToastContainer, { toasts }),
@@ -8037,6 +8371,7 @@ var init_dashboard = __esm({
     init_use_toast();
     init_use_ui_state();
     init_use_workflow_state();
+    init_use_zen_mode();
     init_launch_claude();
     init_action_log();
     init_activity_panel();
@@ -8108,7 +8443,7 @@ __export(fetch_exports, {
   fetchDashboard: () => fetchDashboard,
   fetchRecentActivity: () => fetchRecentActivity
 });
-import { execFileSync as execFileSync3 } from "child_process";
+import { execFileSync as execFileSync4 } from "child_process";
 function extractSlackUrl(body) {
   if (!body) return void 0;
   const match = body.match(SLACK_URL_RE2);
@@ -8127,7 +8462,7 @@ function extractLinkedIssueNumbers(title, body) {
 }
 function fetchRecentActivity(repoName, shortName2) {
   try {
-    const output = execFileSync3(
+    const output = execFileSync4(
       "gh",
       [
         "api",
@@ -8469,7 +8804,7 @@ var init_format_static = __esm({
 // src/cli.ts
 init_ai();
 init_config();
-import { execFile as execFile3, execFileSync as execFileSync4 } from "child_process";
+import { execFile as execFile3, execFileSync as execFileSync5 } from "child_process";
 import { promisify as promisify2 } from "util";
 import { Command } from "commander";
 
@@ -9081,7 +9416,7 @@ async function resolveRef(ref, config2) {
   }
 }
 var program = new Command();
-program.name("hog").description("Personal command deck \u2014 GitHub Projects dashboard with workflow orchestration").version("1.21.1").option("--json", "Force JSON output").option("--human", "Force human-readable output").hook("preAction", (thisCommand) => {
+program.name("hog").description("Personal command deck \u2014 GitHub Projects dashboard with workflow orchestration").version("1.22.0").option("--json", "Force JSON output").option("--human", "Force human-readable output").hook("preAction", (thisCommand) => {
   const opts = thisCommand.opts();
   if (opts.json) setFormat("json");
   if (opts.human) setFormat("human");
@@ -9473,7 +9808,7 @@ issueCommand.command("create <text>").description("Create a GitHub issue from na
       const issueNumber = Number.parseInt(url.split("/").pop() ?? "0", 10);
       jsonOut({ ok: true, data: { url, issueNumber, repo } });
     } else {
-      execFileSync4("gh", ghArgs, { stdio: "inherit" });
+      execFileSync5("gh", ghArgs, { stdio: "inherit" });
     }
   } catch (err) {
     errorOut(`gh issue create failed: ${err instanceof Error ? err.message : String(err)}`);
@@ -9696,7 +10031,7 @@ issueCommand.command("edit <issueRef>").description("Edit issue fields (title, b
     await execFileAsync2("gh", ghArgs, { encoding: "utf-8", timeout: 3e4 });
     jsonOut({ ok: true, data: { issue: ref.issueNumber, changes } });
   } else {
-    execFileSync4("gh", ghArgs, { stdio: "inherit" });
+    execFileSync5("gh", ghArgs, { stdio: "inherit" });
     console.log(`Updated ${ref.repo.shortName}#${ref.issueNumber}: ${changes.join("; ")}`);
   }
 });