kandown 0.17.0 → 0.17.2

package/bin/tui.js

@@ -53985,8 +53985,26 @@ var import_react38 = __toESM(require_react(), 1);
 var import_react34 = __toESM(require_react(), 1);
 
 // src/cli/lib/config.ts
-import { readFileSync as readFileSync2, writeFileSync, existsSync as existsSync2 } from "fs";
+import { readFileSync as readFileSync2, existsSync as existsSync2 } from "fs";
 import { join } from "path";
+
+// src/cli/lib/atomic-write.ts
+import { renameSync, unlinkSync, writeFileSync } from "fs";
+function atomicWriteFileSync(path, content) {
+  const tmp = `${path}.${process.pid}.tmp`;
+  try {
+    writeFileSync(tmp, content, "utf8");
+    renameSync(tmp, path);
+  } catch (e) {
+    try {
+      unlinkSync(tmp);
+    } catch {
+    }
+    throw e;
+  }
+}
+
+// src/cli/lib/config.ts
 var DEFAULT_CONFIG = {
   ui: { language: "en", theme: "auto", skin: "kandown", font: "inter" },
   agent: { suggestFollowUp: false, maxSuggestions: 3 },
@@ -54051,7 +54069,7 @@ function loadConfig(kandownDir) {
 }
 function saveConfig(kandownDir, config) {
   const configPath = join(kandownDir, "kandown.json");
-  writeFileSync(configPath, JSON.stringify(config, null, 2) + "\n", "utf8");
+  atomicWriteFileSync(configPath, JSON.stringify(config, null, 2) + "\n");
 }
 function getConfigValue(config, path) {
   const parts = path.split(".");
@@ -54359,7 +54377,7 @@ function ValueDisplay({ setting, value, focused }) {
 var import_react37 = __toESM(require_react(), 1);
 
 // src/cli/lib/board-reader.ts
-import { existsSync as existsSync3, readdirSync, readFileSync as readFileSync3, writeFileSync as writeFileSync2 } from "fs";
+import { existsSync as existsSync3, readdirSync, readFileSync as readFileSync3 } from "fs";
 import { dirname, join as join2 } from "path";
 
 // src/lib/types.ts
@@ -54635,11 +54653,11 @@ function moveTaskToColumn(kandownDir, taskId, targetColumn) {
   if (!existsSync3(taskPath)) return false;
   try {
     const parsed = readTask(kandownDir, taskId);
-    writeFileSync2(taskPath, serializeTaskFile({
+    atomicWriteFileSync(taskPath, serializeTaskFile({
       ...parsed.frontmatter,
       id: taskId,
       status: targetColumn
-    }, parsed.body), "utf8");
+    }, parsed.body));
     return true;
   } catch (e) {
     console.error(`[kandown] Failed to move task ${taskId} to ${targetColumn}:`, e.message);
@@ -54648,9 +54666,9 @@ function moveTaskToColumn(kandownDir, taskId, targetColumn) {
 }
 
 // src/cli/lib/daemon.ts
-import { existsSync as existsSync4, readFileSync as readFileSync4, unlinkSync } from "fs";
+import { existsSync as existsSync4, readFileSync as readFileSync4, unlinkSync as unlinkSync2 } from "fs";
 import { dirname as dirname2, join as join3 } from "path";
-import { spawn } from "child_process";
+import { execFileSync as execFileSync2, spawn } from "child_process";
 import { createConnection } from "net";
 function metadataPath(kandownDir) {
   return join3(kandownDir, "daemon.json");
@@ -54660,13 +54678,14 @@ function isRecord(value) {
 }
 function parseMetadata(value) {
   if (!isRecord(value)) return null;
-  const { pid, port, url, kandownDir, startedAt, version } = value;
+  const { pid, port, url, kandownDir, startedAt, version, token } = value;
   if (typeof pid !== "number" || !Number.isInteger(pid)) return null;
   if (typeof port !== "number" || !Number.isInteger(port)) return null;
   if (typeof url !== "string" || typeof kandownDir !== "string") return null;
   if (typeof startedAt !== "string") return null;
   if (version !== null && typeof version !== "string" && version !== void 0) return null;
-  return { pid, port, url, kandownDir, startedAt, version: version ?? null };
+  if (token !== null && typeof token !== "string" && token !== void 0) return null;
+  return { pid, port, url, kandownDir, startedAt, version: version ?? null, token: typeof token === "string" ? token : null };
 }
 function readDaemonMetadata(kandownDir) {
   const path = metadataPath(kandownDir);
@@ -54680,7 +54699,7 @@ function readDaemonMetadata(kandownDir) {
 function removeDaemonMetadata(kandownDir) {
   try {
     const path = metadataPath(kandownDir);
-    if (existsSync4(path)) unlinkSync(path);
+    if (existsSync4(path)) unlinkSync2(path);
   } catch {
   }
 }
@@ -54776,20 +54795,45 @@ async function startProjectDaemon(kandownDir, preferredPort) {
   child.unref();
   return waitForDaemon(kandownDir);
 }
+async function isOwnedKandownDaemon(pid, port, kandownDir) {
+  const remote = await fetchDaemonInfo(port);
+  if (remote) return remote.pid === pid && remote.kandownDir === kandownDir;
+  try {
+    const cmd = execFileSync2("ps", ["-p", String(pid), "-o", "command="], {
+      encoding: "utf8",
+      timeout: 2e3
+    }).trim();
+    return /kandown/.test(cmd) && cmd.includes(kandownDir);
+  } catch {
+    return false;
+  }
+}
 async function stopProjectDaemon(kandownDir) {
-  const status = await getDaemonStatus(kandownDir);
-  if (!status.running || !status.metadata) {
+  const metadata = readDaemonMetadata(kandownDir);
+  if (!metadata) return false;
+  const pid = metadata.pid;
+  if (!isProcessAlive(pid)) {
+    removeDaemonMetadata(kandownDir);
+    return false;
+  }
+  if (!await isOwnedKandownDaemon(pid, metadata.port, kandownDir)) {
     removeDaemonMetadata(kandownDir);
     return false;
   }
   try {
-    process.kill(status.metadata.pid, "SIGTERM");
+    process.kill(pid, "SIGTERM");
   } catch {
   }
   const started = Date.now();
-  while (Date.now() - started < 2500 && isProcessAlive(status.metadata.pid)) {
+  while (Date.now() - started < 2500 && isProcessAlive(pid)) {
     await new Promise((resolve3) => setTimeout(resolve3, 100));
   }
+  if (isProcessAlive(pid)) {
+    try {
+      process.kill(pid, "SIGKILL");
+    } catch {
+    }
+  }
   removeDaemonMetadata(kandownDir);
   return true;
 }
@@ -56700,7 +56744,7 @@ function createWatcher() {
 }
 
 // src/cli/lib/agents.ts
-import { execFileSync as execFileSync2 } from "child_process";
+import { execFileSync as execFileSync3 } from "child_process";
 var AGENTS = [
   {
     id: "claude",
@@ -56797,7 +56841,7 @@ var installCache = /* @__PURE__ */ new Map();
 function isAgentInstalled(bin) {
   if (installCache.has(bin)) return installCache.get(bin);
   try {
-    execFileSync2("which", [bin], { stdio: "ignore" });
+    execFileSync3("which", [bin], { stdio: "ignore" });
     installCache.set(bin, true);
     return true;
   } catch {
@@ -56834,7 +56878,7 @@ function buildPrompt(agentDoc, taskContent, taskId, kandownDir) {
 
 // src/cli/lib/launcher.ts
 import { execSync, spawn as spawn2 } from "child_process";
-import { writeFileSync as writeFileSync3 } from "fs";
+import { writeFileSync as writeFileSync2 } from "fs";
 import { join as join7 } from "path";
 import { tmpdir } from "os";
 function isInTmux() {
@@ -56870,7 +56914,7 @@ function launchAgent(opts) {
   }
   const contextFile = join7(tmpdir(), `kandown-${taskId}-context.md`);
   try {
-    writeFileSync3(contextFile, `${systemPrompt}
+    writeFileSync2(contextFile, `${systemPrompt}
 
 ---
 
@@ -57224,6 +57268,24 @@ function MovePlaceholder({ name, focused, colWidth }) {
     }
   ) });
 }
+function computeScrollIdx(tasks, focusedRow, contextMenuRow, maxTasksHeight) {
+  if (focusedRow < 0) return 0;
+  const reserveBottom = focusedRow < tasks.length - 1 ? 1 : 0;
+  let currentScroll = 0;
+  while (currentScroll < focusedRow) {
+    const hasTopIndicator = currentScroll > 0;
+    const adjustedMaxHeight = maxTasksHeight - (hasTopIndicator ? 1 : 0) - reserveBottom;
+    let h = 0;
+    for (let k = currentScroll; k <= focusedRow; k++) {
+      h += getTitleCategory(tasks[k].title) !== null ? 3 : 1;
+      if (contextMenuRow === k) h += MENU_HEIGHT;
+      if (k < focusedRow) h += 1;
+    }
+    if (h <= adjustedMaxHeight) break;
+    currentScroll++;
+  }
+  return currentScroll;
+}
 function KanbanColumn({
   name,
   tasks,
@@ -57234,14 +57296,48 @@ function KanbanColumn({
   contextMenuCursor,
   showMoveTarget,
   isMoveFocused,
-  draggedTaskId
+  draggedTaskId,
+  maxTasksHeight
 }) {
   const accent = columnAccentColor(name);
   const headerBg = isFocused ? accent : void 0;
   const headerColor = isFocused ? "black" : accent;
   const countStr = tasks.length > 0 ? ` (${tasks.length})` : "";
+  const scrollIdx = isFocused ? computeScrollIdx(tasks, focusedRow, contextMenuRow ?? -1, maxTasksHeight) : 0;
+  let accumulatedHeight = 0;
+  let endIdx = scrollIdx;
+  const hasTopIndicator = scrollIdx > 0;
+  const topIndicatorHeight = hasTopIndicator ? 1 : 0;
+  while (endIdx < tasks.length) {
+    const hasCategory = getTitleCategory(tasks[endIdx].title) !== null;
+    let taskHeight = hasCategory ? 3 : 1;
+    if (contextMenuRow === endIdx) taskHeight += MENU_HEIGHT;
+    const sepHeight = endIdx < tasks.length - 1 ? 1 : 0;
+    const hasBottomIndicator = endIdx < tasks.length - 1;
+    const bottomIndicatorHeight = hasBottomIndicator ? 1 : 0;
+    const currentMax = maxTasksHeight - topIndicatorHeight - bottomIndicatorHeight;
+    if (accumulatedHeight + taskHeight + sepHeight > currentMax) {
+      if (endIdx === scrollIdx) {
+        endIdx++;
+      }
+      break;
+    }
+    accumulatedHeight += taskHeight + sepHeight;
+    endIdx++;
+  }
   const rows = [];
-  tasks.forEach((task, idx) => {
+  if (hasTopIndicator) {
+    rows.push(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "cyan", dimColor: true, children: [
+        " ".repeat(2),
+        "\u25B2 ",
+        scrollIdx,
+        " more"
+      ] }, "scroll-up")
+    );
+  }
+  for (let idx = scrollIdx; idx < endIdx; idx++) {
+    const task = tasks[idx];
     const hasCategory = getTitleCategory(task.title) !== null;
     rows.push(
       hasCategory ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CategoryTaskRow, { task, focused: !!(isFocused && idx === focusedRow), dragging: task.id === draggedTaskId, colWidth }, task.id) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SingleTaskRow, { task, focused: !!(isFocused && idx === focusedRow), dragging: task.id === draggedTaskId, colWidth }, task.id)
@@ -57258,12 +57354,22 @@ function KanbanColumn({
         )
       );
     }
-    if (idx < tasks.length - 1) {
+    if (idx < endIdx - 1) {
       rows.push(
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: isFocused ? "cyan" : "gray", dimColor: true, children: "\u2500".repeat(colWidth) }, `sep-${task.id}`)
       );
     }
-  });
+  }
+  if (endIdx < tasks.length) {
+    rows.push(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "cyan", dimColor: true, children: [
+        " ".repeat(2),
+        "\u25BC ",
+        tasks.length - endIdx,
+        " more"
+      ] }, "scroll-down")
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { flexDirection: "column", width: colWidth, marginRight: 1, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { backgroundColor: headerBg, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: headerColor, bold: true, children: pad(`${name}${countStr}`, colWidth) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: isFocused ? "cyan" : "gray", children: "\u2500".repeat(colWidth) }),
@@ -57380,6 +57486,22 @@ function Board({ kandownDir, version }) {
   const [rowIndex, setRowIndex] = (0, import_react37.useState)(0);
   const [mode, setMode] = (0, import_react37.useState)("browse");
   const [statusMsg, setStatusMsg] = (0, import_react37.useState)("");
+  const statusTimerRef = (0, import_react37.useRef)(null);
+  const showStatus = (0, import_react37.useCallback)((msg, ms = 2e3) => {
+    setStatusMsg(msg);
+    if (statusTimerRef.current) clearTimeout(statusTimerRef.current);
+    if (msg) {
+      statusTimerRef.current = setTimeout(() => {
+        setStatusMsg("");
+        statusTimerRef.current = null;
+      }, ms);
+    }
+  }, []);
+  (0, import_react37.useEffect)(() => {
+    return () => {
+      if (statusTimerRef.current) clearTimeout(statusTimerRef.current);
+    };
+  }, []);
   const [boardError, setBoardError] = (0, import_react37.useState)(null);
   const [detailTask, setDetailTask] = (0, import_react37.useState)(null);
   const [detailTaskId, setDetailTaskId] = (0, import_react37.useState)("");
@@ -57395,45 +57517,73 @@ function Board({ kandownDir, version }) {
   const [preferredDaemonPort, setPreferredDaemonPort] = (0, import_react37.useState)(null);
   const [installedAgents, setInstalledAgents] = (0, import_react37.useState)([]);
   const inTmux = isInTmux();
-  const layoutRef = (0, import_react37.useRef)({
-    colStarts: [],
-    colWidth: 0
-  });
-  const updateLayout = (0, import_react37.useCallback)((b) => {
-    if (!b) return;
-    const cw = calcColWidth(b.columns.length);
-    const starts = [];
-    let x = 1;
-    for (let i = 0; i < b.columns.length; i++) {
-      starts.push(x);
-      x += cw + 1;
-    }
-    layoutRef.current = { colStarts: starts, colWidth: cw };
-  }, []);
   const columnAtX = (0, import_react37.useCallback)((x) => {
-    const layout = layoutRef.current;
-    for (let c = 0; c < layout.colStarts.length; c++) {
-      const start = layout.colStarts[c];
-      if (x >= start && x < start + layout.colWidth) return c;
+    if (!board) return -1;
+    const numCols = board.columns.length;
+    const cw = calcColWidth(numCols);
+    let startX = 1;
+    for (let c = 0; c < numCols; c++) {
+      if (x >= startX && x < startX + cw) return c;
+      startX += cw + 1;
     }
     return -1;
-  }, []);
+  }, [board]);
   const taskHitAt = (0, import_react37.useCallback)((x, y) => {
     if (!board) return null;
     const clickedCol = columnAtX(x);
     if (clickedCol < 0) return null;
     const col = board.columns[clickedCol];
-    if (!col) return null;
-    const taskIdx = y - TASKS_START_Y;
-    const task = taskIdx >= 0 ? col.tasks[taskIdx] : void 0;
-    if (!task) return null;
-    return { taskId: task.id, colIndex: clickedCol, rowIndex: taskIdx, startX: x, startY: y };
-  }, [board, columnAtX]);
+    if (!col || col.tasks.length === 0) return null;
+    const maxTasksHeight = Math.max(5, (process.stdout.rows || 24) - TASKS_START_Y - 3 - (mode === "move-target" || mode === "dragging" ? 2 : 0));
+    const isFocused = clickedCol === colIndex;
+    const focusedRow = isFocused ? rowIndex : -1;
+    const contextMenuRowVal = mode === "context-menu" && isFocused ? ctxMenuRow : -1;
+    const scrollIdx = isFocused ? computeScrollIdx(col.tasks, focusedRow, contextMenuRowVal, maxTasksHeight) : 0;
+    const hasTopIndicator = scrollIdx > 0;
+    let currentY = TASKS_START_Y;
+    if (hasTopIndicator) {
+      if (y === currentY) return null;
+      currentY += 1;
+    }
+    let endIdx = scrollIdx;
+    let accumulatedHeight = 0;
+    const topIndicatorHeight = hasTopIndicator ? 1 : 0;
+    while (endIdx < col.tasks.length) {
+      const hasCategory = getTitleCategory(col.tasks[endIdx].title) !== null;
+      const taskHeight = hasCategory ? 3 : 1;
+      const sepHeight = endIdx < col.tasks.length - 1 ? 1 : 0;
+      const hasBottomIndicator = endIdx < col.tasks.length - 1;
+      const bottomIndicatorHeight = hasBottomIndicator ? 1 : 0;
+      const currentMax = maxTasksHeight - topIndicatorHeight - bottomIndicatorHeight;
+      if (accumulatedHeight + taskHeight + sepHeight > currentMax) {
+        if (endIdx === scrollIdx) {
+          endIdx++;
+        }
+        break;
+      }
+      if (y >= currentY && y < currentY + taskHeight) {
+        return { taskId: col.tasks[endIdx].id, colIndex: clickedCol, rowIndex: endIdx, startX: x, startY: y };
+      }
+      currentY += taskHeight;
+      if (contextMenuRowVal === endIdx) {
+        if (y >= currentY && y < currentY + MENU_HEIGHT) {
+          return { taskId: col.tasks[endIdx].id, colIndex: clickedCol, rowIndex: endIdx, startX: x, startY: y, isMenu: true };
+        }
+        currentY += MENU_HEIGHT;
+      }
+      if (endIdx < col.tasks.length - 1) {
+        if (y === currentY) return null;
+        currentY += 1;
+      }
+      accumulatedHeight += taskHeight + sepHeight;
+      endIdx++;
+    }
+    return null;
+  }, [board, colIndex, rowIndex, mode, ctxMenuRow, columnAtX]);
   const loadBoardInto = (0, import_react37.useCallback)(() => {
     try {
       const loaded = readBoard(kandownDir);
       setBoard(loaded);
-      updateLayout(loaded);
       setBoardError(null);
       return loaded;
     } catch (e) {
@@ -57442,7 +57592,7 @@ function Board({ kandownDir, version }) {
       setStatusMsg("");
       return null;
     }
-  }, [kandownDir, updateLayout]);
+  }, [kandownDir]);
   (0, import_react37.useEffect)(() => {
     loadBoardInto();
     setInstalledAgents(detectInstalledAgents());
@@ -57454,8 +57604,7 @@ function Board({ kandownDir, version }) {
     });
     watcher.on("newTaskDetected", (taskId) => {
       loadBoardInto();
-      setStatusMsg(`New task: ${taskId}`);
-      setTimeout(() => setStatusMsg(""), 2e3);
+      showStatus(`New task: ${taskId}`, 2e3);
     });
     watcher.on("configChanged", () => {
       loadBoardInto();
@@ -57464,14 +57613,13 @@ function Board({ kandownDir, version }) {
     return () => {
       watcher.stop();
     };
-  }, [kandownDir, loadBoardInto]);
+  }, [kandownDir, loadBoardInto, showStatus]);
   const reloadBoard = (0, import_react37.useCallback)(() => {
     const loaded = loadBoardInto();
     if (loaded) {
-      setStatusMsg("Board reloaded");
-      setTimeout(() => setStatusMsg(""), 1500);
+      showStatus("Board reloaded", 1500);
     }
-  }, [loadBoardInto]);
+  }, [loadBoardInto, showStatus]);
   const refreshDaemonStatus = (0, import_react37.useCallback)(async () => {
     const next = await getDaemonStatus(kandownDir);
     setDaemonStatus(next);
@@ -57494,20 +57642,19 @@ function Board({ kandownDir, version }) {
         await stopProjectDaemon(kandownDir);
         const next = await getDaemonStatus(kandownDir);
         setDaemonStatus(next);
-        setStatusMsg("Web daemon stopped");
+        showStatus("Web daemon stopped", 2500);
       } else {
         const next = await startProjectDaemon(kandownDir, preferredDaemonPort);
         setDaemonStatus(next);
         if (next.running && next.metadata) setPreferredDaemonPort(next.metadata.port);
-        setStatusMsg(next.running ? "Web daemon started" : "Web daemon failed to start");
+        showStatus(next.running ? "Web daemon started" : "Web daemon failed to start", 2500);
       }
     } catch (error) {
-      setStatusMsg(`Daemon error: ${error instanceof Error ? error.message : String(error)}`);
+      showStatus(`Daemon error: ${error instanceof Error ? error.message : String(error)}`, 2500);
     } finally {
       setDaemonBusy(false);
-      setTimeout(() => setStatusMsg(""), 2500);
     }
-  }, [daemonBusy, kandownDir, preferredDaemonPort]);
+  }, [daemonBusy, kandownDir, preferredDaemonPort, showStatus]);
   const tryMoveWithGate = (0, import_react37.useCallback)((taskId, targetCol) => {
     if (!board) return false;
     const cfg = loadConfig(kandownDir);
@@ -57533,36 +57680,35 @@ function Board({ kandownDir, version }) {
     }
     if (blocked.length > 0) {
       const list = blocked.length === 1 ? blocked[0] : `${blocked.slice(0, -1).join(", ")} and ${blocked[blocked.length - 1]}`;
-      setStatusMsg(`Blocked: ${taskId} \u2190 ${list}`);
-      setTimeout(() => setStatusMsg(""), 3500);
+      showStatus(`Blocked: ${taskId} \u2190 ${list}`, 3500);
       return false;
     }
     return true;
-  }, [board, kandownDir]);
+  }, [board, kandownDir, showStatus]);
   const sendTaskToAgentHook = (0, import_react37.useCallback)(async (taskId) => {
     const status = await getDaemonStatus(kandownDir);
     if (!status.running || !status.metadata) {
-      setStatusMsg("Web daemon not running (press d to start)");
-      setTimeout(() => setStatusMsg(""), 2500);
+      showStatus("Web daemon not running (press d to start)", 2500);
       return;
     }
     try {
       const res = await fetch(`http://127.0.0.1:${status.metadata.port}/api/tasks/${encodeURIComponent(taskId)}/agent`, {
         method: "POST",
+        // 📖 The daemon requires its per-instance token (M5); the TUI reads it
+        // from daemon.json via getDaemonStatus.
+        headers: status.metadata.token ? { "X-Kandown-Token": status.metadata.token } : {},
         signal: AbortSignal.timeout(8e3)
       });
       if (res.ok) {
-        setStatusMsg(`Sent ${taskId} to agent hook`);
+        showStatus(`Sent ${taskId} to agent hook`, 2e3);
       } else {
         const body = await res.text().catch(() => "");
-        setStatusMsg(`Agent hook: ${res.status}${body ? " \u2014 " + body.slice(0, 60) : ""}`);
+        showStatus(`Agent hook: ${res.status}${body ? " \u2014 " + body.slice(0, 60) : ""}`, 3e3);
       }
     } catch (error) {
-      setStatusMsg(`Agent hook failed: ${error instanceof Error ? error.message : String(error)}`);
-    } finally {
-      setTimeout(() => setStatusMsg(""), 3e3);
+      showStatus(`Agent hook failed: ${error instanceof Error ? error.message : String(error)}`, 3e3);
     }
-  }, [kandownDir]);
+  }, [kandownDir, showStatus]);
   const getFocusedTask = (0, import_react37.useCallback)(() => {
     if (!board) return null;
     const col = board.columns[colIndex];
@@ -57577,10 +57723,9 @@ function Board({ kandownDir, version }) {
       setDetailScroll(0);
       setMode("detail");
     } catch (e) {
-      setStatusMsg(`Error opening task: ${e instanceof Error ? e.message : String(e)}`);
-      setTimeout(() => setStatusMsg(""), 4e3);
+      showStatus(`Error opening task: ${e instanceof Error ? e.message : String(e)}`, 4e3);
     }
-  }, [kandownDir]);
+  }, [kandownDir, showStatus]);
   const closeContextMenu = (0, import_react37.useCallback)(() => {
     setCtxMenuRow(-1);
     setCtxMenuCursor(0);
@@ -57590,143 +57735,176 @@ function Board({ kandownDir, version }) {
     const taskId = mode === "detail" ? detailTaskId : task?.id;
     if (!taskId) return;
     setMode("browse");
-    setStatusMsg(`Launching ${agentId} for ${taskId}\u2026`);
+    showStatus(`Launching ${agentId} for ${taskId}\u2026`, 5e3);
     setTimeout(() => {
       try {
         launchAgent({ taskId, agentId, kandownDir, onBeforeExec: () => exit() });
         reloadBoard();
-        setStatusMsg(`${agentId} launched in tmux pane`);
-        setTimeout(() => setStatusMsg(""), 3e3);
+        showStatus(`${agentId} launched in tmux pane`, 3e3);
       } catch (err) {
-        setStatusMsg(`Error: ${err instanceof Error ? err.message : String(err)}`);
-        setTimeout(() => setStatusMsg(""), 4e3);
+        showStatus(`Error: ${err instanceof Error ? err.message : String(err)}`, 4e3);
       }
     }, 50);
-  }, [mode, detailTaskId, getFocusedTask, kandownDir, exit, reloadBoard]);
+  }, [mode, detailTaskId, getFocusedTask, kandownDir, exit, reloadBoard, showStatus]);
   useMouseMode(mode !== "agent-picker");
   const handleMouseClick = (0, import_react37.useCallback)((x, y) => {
     if (!board) return;
-    const layout = layoutRef.current;
-    let clickedCol = -1;
-    for (let c = 0; c < layout.colStarts.length; c++) {
-      const start = layout.colStarts[c];
-      if (x >= start && x < start + layout.colWidth) {
-        clickedCol = c;
+    const clickedCol = columnAtX(x);
+    if (clickedCol < 0) {
+      if (mode === "context-menu") {
+        closeContextMenu();
+        setMode("browse");
+      } else if (mode === "move-target") {
+        setMoveTaskId(null);
+        setMode("browse");
+      }
+      return;
+    }
+    const col = board.columns[clickedCol];
+    if (mode === "move-target") {
+      if (clickedCol === colIndex) {
+        setMoveTaskId(null);
+        setMode("browse");
+        return;
+      }
+      if (moveTaskId) {
+        if (!tryMoveWithGate(moveTaskId, col.name)) {
+          setMoveTaskId(null);
+          setMode("browse");
+          return;
+        }
+        moveTaskToColumn(kandownDir, moveTaskId, col.name);
+        loadBoardInto();
+        showStatus(`Moved ${moveTaskId} \u2192 ${col.name}`);
+      }
+      setMoveTaskId(null);
+      setMode("browse");
+      return;
+    }
+    const maxTasksHeight = Math.max(5, (process.stdout.rows || 24) - TASKS_START_Y - 3 - (mode === "dragging" ? 2 : 0));
+    const isFocused = clickedCol === colIndex;
+    const focusedRow = isFocused ? rowIndex : -1;
+    const contextMenuRowVal = mode === "context-menu" && isFocused ? ctxMenuRow : -1;
+    const scrollIdx = isFocused ? computeScrollIdx(col.tasks, focusedRow, contextMenuRowVal, maxTasksHeight) : 0;
+    const hasTopIndicator = scrollIdx > 0;
+    let currentY = TASKS_START_Y;
+    if (hasTopIndicator) {
+      if (y === currentY) {
+        if (isFocused) {
+          setRowIndex((r) => Math.max(0, r - 1));
+        }
+        return;
+      }
+      currentY += 1;
+    }
+    let endIdx = scrollIdx;
+    let accumulatedHeight = 0;
+    const topIndicatorHeight = hasTopIndicator ? 1 : 0;
+    let clickedTaskIdx = -1;
+    let clickedMenuOffset = -1;
+    while (endIdx < col.tasks.length) {
+      const hasCategory = getTitleCategory(col.tasks[endIdx].title) !== null;
+      const taskHeight = hasCategory ? 3 : 1;
+      const sepHeight = endIdx < col.tasks.length - 1 ? 1 : 0;
+      const hasBottomIndicator = endIdx < col.tasks.length - 1;
+      const bottomIndicatorHeight = hasBottomIndicator ? 1 : 0;
+      const currentMax = maxTasksHeight - topIndicatorHeight - bottomIndicatorHeight;
+      if (accumulatedHeight + taskHeight + sepHeight > currentMax) {
+        if (endIdx === scrollIdx) {
+          endIdx++;
+        }
         break;
       }
+      if (y >= currentY && y < currentY + taskHeight) {
+        clickedTaskIdx = endIdx;
+        break;
+      }
+      currentY += taskHeight;
+      if (contextMenuRowVal === endIdx) {
+        if (y >= currentY && y < currentY + MENU_HEIGHT) {
+          clickedTaskIdx = endIdx;
+          clickedMenuOffset = y - currentY;
+          break;
+        }
+        currentY += MENU_HEIGHT;
+      }
+      if (endIdx < col.tasks.length - 1) {
+        if (y === currentY) {
+          return;
+        }
+        currentY += 1;
+      }
+      accumulatedHeight += taskHeight + sepHeight;
+      endIdx++;
+    }
+    if (endIdx < col.tasks.length) {
+      if (y === currentY) {
+        if (isFocused) {
+          setRowIndex((r) => Math.min(col.tasks.length - 1, r + 1));
+        }
+        return;
+      }
+      currentY += 1;
     }
     if (mode === "browse") {
-      if (clickedCol < 0) return;
-      const col = board.columns[clickedCol];
-      const taskIdx = y - TASKS_START_Y;
-      if (taskIdx >= 0 && taskIdx < col.tasks.length) {
+      if (clickedTaskIdx >= 0) {
         setColIndex(clickedCol);
-        setRowIndex(taskIdx);
-        setCtxMenuRow(taskIdx);
+        setRowIndex(clickedTaskIdx);
+        setCtxMenuRow(clickedTaskIdx);
         setCtxMenuCursor(0);
         setMode("context-menu");
       }
       return;
     }
     if (mode === "context-menu") {
-      if (clickedCol < 0) {
-        closeContextMenu();
-        setMode("browse");
-        return;
-      }
-      const col = board.columns[clickedCol];
       const hasMenu = clickedCol === colIndex && ctxMenuRow >= 0;
       if (hasMenu) {
-        const taskIdx = y - TASKS_START_Y;
-        if (taskIdx >= 0 && taskIdx < ctxMenuRow) {
-          setRowIndex(taskIdx);
-          setCtxMenuRow(taskIdx);
-          setCtxMenuCursor(0);
-          return;
-        }
-        if (taskIdx === ctxMenuRow) {
-          closeContextMenu();
-          setMode("browse");
-          return;
-        }
-        const menuOffset = taskIdx - ctxMenuRow - 1;
-        if (menuOffset >= 0 && menuOffset < MENU_HEIGHT) {
-          if (menuOffset === 0) {
-            const task = col.tasks[ctxMenuRow];
-            if (task) {
-              closeContextMenu();
-              openDetail(task.id);
+        if (clickedTaskIdx >= 0) {
+          if (clickedMenuOffset >= 0) {
+            if (clickedMenuOffset === 0) {
+              const task = col.tasks[ctxMenuRow];
+              if (task) {
+                closeContextMenu();
+                openDetail(task.id);
+              }
+            } else {
+              const task = col.tasks[ctxMenuRow];
+              if (task) {
+                setMoveTaskId(task.id);
+                const target = colIndex === 0 ? Math.min(1, board.columns.length - 1) : 0;
+                setMoveTargetCol(target);
+                closeContextMenu();
+                setMode("move-target");
+              }
             }
+          } else if (clickedTaskIdx === ctxMenuRow) {
+            closeContextMenu();
+            setMode("browse");
           } else {
-            const task = col.tasks[ctxMenuRow];
-            if (task) {
-              setMoveTaskId(task.id);
-              const target = colIndex === 0 ? Math.min(1, board.columns.length - 1) : 0;
-              setMoveTargetCol(target);
-              closeContextMenu();
-              setMode("move-target");
-            }
+            setRowIndex(clickedTaskIdx);
+            closeContextMenu();
+            setCtxMenuRow(clickedTaskIdx);
+            setCtxMenuCursor(0);
           }
-          return;
-        }
-        const belowIdx = taskIdx - MENU_HEIGHT;
-        if (belowIdx >= 0 && belowIdx < col.tasks.length) {
-          setRowIndex(belowIdx);
+        } else {
           closeContextMenu();
-          setCtxMenuRow(belowIdx);
-          setCtxMenuCursor(0);
-          return;
+          setMode("browse");
         }
       } else {
-        const taskIdx = y - TASKS_START_Y;
-        if (taskIdx >= 0 && taskIdx < col.tasks.length) {
+        if (clickedTaskIdx >= 0) {
           closeContextMenu();
           setColIndex(clickedCol);
-          setRowIndex(taskIdx);
-          setCtxMenuRow(taskIdx);
+          setRowIndex(clickedTaskIdx);
+          setCtxMenuRow(clickedTaskIdx);
           setCtxMenuCursor(0);
-          return;
-        }
-      }
-      closeContextMenu();
-      setMode("browse");
-      return;
-    }
-    if (mode === "move-target") {
-      if (clickedCol < 0) {
-        setMoveTaskId(null);
-        setMode("browse");
-        return;
-      }
-      if (clickedCol === colIndex) {
-        setMoveTaskId(null);
-        setMode("browse");
-        return;
-      }
-      const col = board.columns[clickedCol];
-      const placeholderY = TASKS_START_Y + col.tasks.length;
-      if (y === placeholderY) {
-        const targetColName = col.name;
-        if (moveTaskId) {
-          if (!tryMoveWithGate(moveTaskId, targetColName)) {
-            setMoveTaskId(null);
-            setMode("browse");
-            return;
-          }
-          moveTaskToColumn(kandownDir, moveTaskId, targetColName);
-          loadBoardInto();
-          setStatusMsg(`Moved ${moveTaskId} \u2192 ${targetColName}`);
-          setTimeout(() => setStatusMsg(""), 2e3);
+        } else {
+          closeContextMenu();
+          setMode("browse");
         }
-        setMoveTaskId(null);
-        setMode("browse");
-        return;
       }
-      setMoveTaskId(null);
-      setMode("browse");
       return;
     }
-  }, [board, mode, colIndex, rowIndex, ctxMenuRow, moveTaskId, kandownDir, updateLayout, openDetail, closeContextMenu, loadBoardInto]);
+  }, [board, mode, colIndex, rowIndex, ctxMenuRow, moveTaskId, kandownDir, columnAtX, closeContextMenu, openDetail, loadBoardInto, tryMoveWithGate, taskDrag, showStatus]);
   const handleMouseEvent = (0, import_react37.useCallback)((mouse) => {
     if (!board) return;
     if (mode === "browse") {
@@ -57792,8 +57970,7 @@ function Board({ kandownDir, version }) {
             setColIndex(targetCol);
             const movedRow = loaded?.columns[targetCol]?.tasks.findIndex((task) => task.id === taskDrag.taskId) ?? 0;
             setRowIndex(Math.max(0, movedRow));
-            setStatusMsg(`Dragged ${taskDrag.taskId} \u2192 ${targetColName}`);
-            setTimeout(() => setStatusMsg(""), 2e3);
+            showStatus(`Dragged ${taskDrag.taskId} \u2192 ${targetColName}`, 2e3);
           }
         }
         setTaskDrag(null);
@@ -57807,7 +57984,7 @@ function Board({ kandownDir, version }) {
     if (mouse.action === "press" && mouse.button === 0) {
       handleMouseClick(mouse.x, mouse.y);
     }
-  }, [board, mode, mousePress, taskDrag, taskHitAt, columnAtX, closeContextMenu, handleMouseClick, kandownDir, updateLayout]);
+  }, [board, mode, mousePress, taskDrag, taskHitAt, columnAtX, closeContextMenu, handleMouseClick, kandownDir]);
   use_input_default((input, key) => {
     if (isMouseInput(input)) {
       const mouse = parseMouseInput(input);
@@ -57864,8 +58041,7 @@ function Board({ kandownDir, version }) {
       }
       if (input === "a") {
         if (installedAgents.length === 0) {
-          setStatusMsg("No AI agents found in PATH");
-          setTimeout(() => setStatusMsg(""), 3e3);
+          showStatus("No AI agents found in PATH", 3e3);
           return;
         }
         const task = getFocusedTask();
@@ -57953,8 +58129,7 @@ function Board({ kandownDir, version }) {
           }
           moveTaskToColumn(kandownDir, moveTaskId, name);
           loadBoardInto();
-          setStatusMsg(`Moved ${moveTaskId} \u2192 ${name}`);
-          setTimeout(() => setStatusMsg(""), 2e3);
+          showStatus(`Moved ${moveTaskId} \u2192 ${name}`, 2e3);
         }
         setMoveTaskId(null);
         setMode("browse");
@@ -57967,7 +58142,10 @@ function Board({ kandownDir, version }) {
         return;
       }
       if (input === "j" || key.downArrow) {
-        setDetailScroll((s) => s + 1);
+        const bodyLines = detailTask ? detailTask.body.split("\n") : [];
+        const maxVisible = (process.stdout.rows || 24) - 10;
+        const maxScroll = Math.max(0, bodyLines.length - maxVisible);
+        setDetailScroll((s) => Math.min(s + 1, maxScroll));
         return;
       }
       if (input === "k" || key.upArrow) {
@@ -57976,8 +58154,7 @@ function Board({ kandownDir, version }) {
       }
       if (input === "a") {
         if (installedAgents.length === 0) {
-          setStatusMsg("No AI agents found in PATH");
-          setTimeout(() => setStatusMsg(""), 3e3);
+          showStatus("No AI agents found in PATH", 3e3);
           return;
         }
         setMode("agent-picker");
@@ -58014,7 +58191,7 @@ function Board({ kandownDir, version }) {
   if (mode === "context-menu") {
     modeHint = "j/k choose \xB7 Enter confirm \xB7 Esc cancel \xB7 or click";
   } else if (mode === "move-target") {
-    modeHint = "\u2190/\u2192 pick column \xB7 Enter confirm \xB7 Esc cancel \xB7 or click \u2193";
+    modeHint = "\u2190/\u2192 pick column \xB7 Enter confirm \xB7 Esc cancel \xB7 or click a column";
   } else if (mode === "dragging") {
     modeHint = "drag over target column \xB7 release to drop \xB7 Esc cancel";
   }
@@ -58060,7 +58237,8 @@ function Board({ kandownDir, version }) {
         contextMenuCursor: ctxMenuCursor,
         showMoveTarget: mode === "move-target" && cIdx !== colIndex || mode === "dragging" && cIdx !== taskDrag?.sourceCol,
         isMoveFocused: (mode === "move-target" || mode === "dragging") && cIdx === moveTargetCol,
-        draggedTaskId: taskDrag?.taskId ?? null
+        draggedTaskId: taskDrag?.taskId ?? null,
+        maxTasksHeight: Math.max(5, (process.stdout.rows || 24) - TASKS_START_Y - 3 - (mode === "move-target" || mode === "dragging" ? 2 : 0))
       },
       col.name
     )) }),
@@ -58068,7 +58246,7 @@ function Board({ kandownDir, version }) {
       "Moving ",
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", children: moveTaskId }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "gray", children: " \u2014 " }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "yellow", bold: true, children: mode === "dragging" ? "release over a column" : "click \u2193" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "yellow", bold: true, children: mode === "dragging" ? "release over a column" : "click a column" }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "gray", children: mode === "dragging" ? " \xB7 Esc cancel" : " or \u2190/\u2192 + Enter" })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StatusBar, { message: statusMsg, task: focusedTask, daemonStatus })