kandown 0.7.4 → 0.8.0

package/bin/tui.js

@@ -27895,7 +27895,7 @@ var require_backend = __commonJS({
                     });
                     return value;
                   },
-                  useEffect: function useEffect10(create3) {
+                  useEffect: function useEffect11(create3) {
                     nextHook();
                     hookLog.push({
                       displayName: null,
@@ -27983,7 +27983,7 @@ var require_backend = __commonJS({
                     });
                     return initialValue;
                   },
-                  useState: function useState9(initialState) {
+                  useState: function useState10(initialState) {
                     var hook = nextHook();
                     initialState = null !== hook ? hook.memoizedState : "function" === typeof initialState ? initialState() : initialState;
                     hookLog.push({
@@ -53951,6 +53951,8 @@ var use_app_default = useApp;
 
 // node_modules/.pnpm/ink@7.0.1_@types+react@19.2.14_react-devtools-core@7.0.1_react@19.2.5/node_modules/ink/build/hooks/use-stdout.js
 var import_react25 = __toESM(require_react(), 1);
+var useStdout = () => (0, import_react25.useContext)(StdoutContext_default);
+var use_stdout_default = useStdout;
 
 // node_modules/.pnpm/ink@7.0.1_@types+react@19.2.14_react-devtools-core@7.0.1_react@19.2.5/node_modules/ink/build/hooks/use-stderr.js
 var import_react26 = __toESM(require_react(), 1);
@@ -53976,6 +53978,9 @@ var import_react32 = __toESM(require_react(), 1);
 // node_modules/.pnpm/ink@7.0.1_@types+react@19.2.14_react-devtools-core@7.0.1_react@19.2.5/node_modules/ink/build/hooks/use-box-metrics.js
 var import_react33 = __toESM(require_react(), 1);
 
+// src/cli/app.tsx
+var import_react38 = __toESM(require_react(), 1);
+
 // src/cli/screens/settings.tsx
 var import_react34 = __toESM(require_react(), 1);
 
@@ -54584,10 +54589,137 @@ function moveTaskToColumn(kandownDir, taskId, targetColumn) {
   return true;
 }
 
+// src/cli/lib/daemon.ts
+import { existsSync as existsSync4, readFileSync as readFileSync4, unlinkSync } from "fs";
+import { dirname as dirname2, join as join3 } from "path";
+import { spawn } from "child_process";
+function metadataPath(kandownDir) {
+  return join3(kandownDir, "daemon.json");
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function parseMetadata(value) {
+  if (!isRecord(value)) return null;
+  const { pid, port, url, kandownDir, startedAt, version } = 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 };
+}
+function readDaemonMetadata(kandownDir) {
+  const path = metadataPath(kandownDir);
+  if (!existsSync4(path)) return null;
+  try {
+    return parseMetadata(JSON.parse(readFileSync4(path, "utf8")));
+  } catch {
+    return null;
+  }
+}
+function removeDaemonMetadata(kandownDir) {
+  try {
+    const path = metadataPath(kandownDir);
+    if (existsSync4(path)) unlinkSync(path);
+  } catch {
+  }
+}
+function isProcessAlive(pid) {
+  try {
+    process.kill(pid, 0);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function parseRemoteDaemonInfo(value) {
+  if (!isRecord(value)) return null;
+  const { ok, pid, kandownDir } = value;
+  if (ok !== true || typeof pid !== "number" || !Number.isInteger(pid) || typeof kandownDir !== "string") return null;
+  return { ok, pid, kandownDir };
+}
+async function fetchDaemonInfo(port) {
+  try {
+    const response = await fetch(`http://127.0.0.1:${port}/api/daemon`, {
+      signal: AbortSignal.timeout(700)
+    });
+    if (!response.ok) return null;
+    return parseRemoteDaemonInfo(await response.json());
+  } catch {
+    return null;
+  }
+}
+async function getDaemonStatus(kandownDir) {
+  const metadata = readDaemonMetadata(kandownDir);
+  if (!metadata) return { running: false, metadata: null };
+  if (!isProcessAlive(metadata.pid)) {
+    removeDaemonMetadata(kandownDir);
+    return { running: false, metadata: null };
+  }
+  const remote = await fetchDaemonInfo(metadata.port);
+  if (!remote || remote.pid !== metadata.pid || remote.kandownDir !== kandownDir) {
+    removeDaemonMetadata(kandownDir);
+    return { running: false, metadata: null };
+  }
+  return { running: true, metadata };
+}
+async function waitForDaemon(kandownDir, timeoutMs = 5e3) {
+  const started = Date.now();
+  while (Date.now() - started < timeoutMs) {
+    const status = await getDaemonStatus(kandownDir);
+    if (status.running) return status;
+    await new Promise((resolve3) => setTimeout(resolve3, 150));
+  }
+  return { running: false, metadata: null };
+}
+async function startProjectDaemon(kandownDir, preferredPort) {
+  const current = await getDaemonStatus(kandownDir);
+  if (current.running) return current;
+  const cliPath = process.argv[1];
+  if (!cliPath) throw new Error("Cannot locate kandown CLI entrypoint");
+  const args = [
+    cliPath,
+    "--no-update-check",
+    "daemon",
+    "run",
+    "--path",
+    kandownDir
+  ];
+  if (typeof preferredPort === "number" && Number.isInteger(preferredPort)) {
+    args.push("--port", String(preferredPort));
+  }
+  const child = spawn(process.execPath, args, {
+    cwd: dirname2(kandownDir),
+    detached: true,
+    stdio: "ignore",
+    env: { ...process.env, KANDOWN_DAEMON: "1" }
+  });
+  child.unref();
+  return waitForDaemon(kandownDir);
+}
+async function stopProjectDaemon(kandownDir) {
+  const status = await getDaemonStatus(kandownDir);
+  if (!status.running || !status.metadata) {
+    removeDaemonMetadata(kandownDir);
+    return false;
+  }
+  try {
+    process.kill(status.metadata.pid, "SIGTERM");
+  } catch {
+  }
+  const started = Date.now();
+  while (Date.now() - started < 2500 && isProcessAlive(status.metadata.pid)) {
+    await new Promise((resolve3) => setTimeout(resolve3, 100));
+  }
+  removeDaemonMetadata(kandownDir);
+  return true;
+}
+
 // src/cli/lib/file-watcher.ts
 import { createReadStream, statSync } from "fs";
 import { createHash } from "crypto";
-import { join as join5 } from "path";
+import { join as join6 } from "path";
 
 // node_modules/.pnpm/chokidar@4.0.3/node_modules/chokidar/esm/index.js
 import { stat as statcb } from "fs";
@@ -55318,9 +55450,9 @@ var NodeFsHandler = class {
     if (this.fsw.closed) {
       return;
     }
-    const dirname4 = sysPath.dirname(file);
+    const dirname5 = sysPath.dirname(file);
     const basename3 = sysPath.basename(file);
-    const parent = this.fsw._getWatchedDir(dirname4);
+    const parent = this.fsw._getWatchedDir(dirname5);
     let prevStats = stats;
     if (parent.has(basename3))
       return;
@@ -55347,7 +55479,7 @@ var NodeFsHandler = class {
             prevStats = newStats2;
           }
         } catch (error) {
-          this.fsw._remove(dirname4, basename3);
+          this.fsw._remove(dirname5, basename3);
         }
       } else if (parent.has(basename3)) {
         const at = newStats.atimeMs;
@@ -56309,18 +56441,18 @@ var FileWatcher = class {
    * poll to catch any races or network-mounted file changes.
    */
   start(kandownDir) {
-    const tasksDir = join5(kandownDir, "tasks");
-    const configPath = join5(kandownDir, "kandown.json");
+    const tasksDir = join6(kandownDir, "tasks");
+    const configPath = join6(kandownDir, "kandown.json");
     const existingIds = listTaskIds(kandownDir);
     for (const id of existingIds) {
       this.knownTaskIds.add(id);
       try {
-        const filePath = join5(tasksDir, `${id}.md`);
+        const filePath = join6(tasksDir, `${id}.md`);
         this.taskHashes.set(id, hashFileSync(filePath));
       } catch {
       }
     }
-    this.watcher = watch([join5(tasksDir, "*.md"), configPath], {
+    this.watcher = watch([join6(tasksDir, "*.md"), configPath], {
       ignoreInitial: true,
       awaitWriteFinish: { stabilityThreshold: 25, pollInterval: 25 },
       alwaysStat: true
@@ -56368,8 +56500,8 @@ var FileWatcher = class {
   // ─── Private ───────────────────────────────────────────────────────────────
   handleFsEvent(event, filePath, kandownDir) {
     if (this.stopped) return;
-    const tasksDir = join5(kandownDir, "tasks");
-    const configPath = join5(kandownDir, "kandown.json");
+    const tasksDir = join6(kandownDir, "tasks");
+    const configPath = join6(kandownDir, "kandown.json");
     if (filePath === configPath) {
       const key = `config:${event}`;
       const existing = this.debounceTimers.get(key);
@@ -56421,14 +56553,14 @@ var FileWatcher = class {
   /** 📖 Fallback poll — catches changes that chokidar missed (network mounts, exotic FS). */
   async pollHashes(kandownDir) {
     if (this.stopped) return;
-    const tasksDir = join5(kandownDir, "tasks");
-    const configPath = join5(kandownDir, "kandown.json");
+    const tasksDir = join6(kandownDir, "tasks");
+    const configPath = join6(kandownDir, "kandown.json");
     try {
       const newHash = hashFileSync(configPath);
     } catch {
     }
     for (const taskId of this.knownTaskIds) {
-      const filePath = join5(tasksDir, `${taskId}.md`);
+      const filePath = join6(tasksDir, `${taskId}.md`);
       try {
         statSync(filePath);
         const newHash = await hashFile(filePath);
@@ -56445,7 +56577,7 @@ var FileWatcher = class {
     const currentIds = listTaskIds(kandownDir);
     for (const id of currentIds) {
       if (!this.knownTaskIds.has(id)) {
-        const filePath = join5(tasksDir, `${id}.md`);
+        const filePath = join6(tasksDir, `${id}.md`);
         try {
           const newHash = await hashFile(filePath);
           this.knownTaskIds.add(id);
@@ -56615,9 +56747,9 @@ function buildPrompt(agentDoc, taskContent, taskId, kandownDir) {
 }
 
 // src/cli/lib/launcher.ts
-import { execSync, spawn } from "child_process";
+import { execSync, spawn as spawn2 } from "child_process";
 import { writeFileSync as writeFileSync3 } from "fs";
-import { join as join6 } from "path";
+import { join as join7 } from "path";
 import { tmpdir } from "os";
 function isInTmux() {
   return !!process.env.TMUX;
@@ -56641,7 +56773,7 @@ function launchAgent(opts) {
   ].join("\n");
   const { systemPrompt, taskPrompt } = buildPrompt(agentDoc, taskFileContent, taskId, kandownDir);
   moveTaskToColumn(kandownDir, taskId, "In Progress");
-  const contextFile = join6(tmpdir(), `kandown-${taskId}-context.md`);
+  const contextFile = join7(tmpdir(), `kandown-${taskId}-context.md`);
   writeFileSync3(contextFile, `${systemPrompt}
 
 ---
@@ -56659,7 +56791,7 @@ ${taskPrompt}`, "utf8");
     });
   } else {
     onBeforeExec?.();
-    const child = spawn(binary, args, {
+    const child = spawn2(binary, args, {
       stdio: "inherit",
       env: {
         ...process.env,
@@ -56757,8 +56889,8 @@ function AgentPicker({ agents, taskId, onSelect, onCancel }) {
 
 // src/cli/hooks/use-mouse.ts
 var import_react36 = __toESM(require_react(), 1);
-var MOUSE_ENABLE = "\x1B[?1000h\x1B[?1006h";
-var MOUSE_DISABLE = "\x1B[?1006l\x1B[?1000l";
+var MOUSE_ENABLE = "\x1B[?1000h\x1B[?1002h\x1B[?1006h";
+var MOUSE_DISABLE = "\x1B[?1006l\x1B[?1002l\x1B[?1000l";
 var RE_SGR_MOUSE = /^\[<(\d+);(\d+);(\d+)([Mm])/;
 function parseMouseInput(input) {
   const match = input.match(RE_SGR_MOUSE);
@@ -56766,31 +56898,44 @@ function parseMouseInput(input) {
   const cb = parseInt(match[1], 10);
   const cx = parseInt(match[2], 10);
   const cy = parseInt(match[3], 10);
-  const isPress = match[4] === "M";
+  const final = match[4];
+  const buttonNumber = cb & 3 | (cb & 192) >> 4;
+  const dragging = (cb & 32) === 32;
+  let action;
+  if (final === "m") action = "release";
+  else if (dragging && buttonNumber <= 2) action = "drag";
+  else if (dragging) action = "move";
+  else if (buttonNumber >= 4 && buttonNumber <= 7) action = "scroll";
+  else action = "press";
   return {
     x: cx,
     y: cy,
-    button: cb & 3,
-    action: isPress ? "press" : "release"
+    button: buttonNumber <= 2 ? buttonNumber : 0,
+    action
   };
 }
 function isMouseInput(input) {
   return input.startsWith("[<") || input.startsWith("[M");
 }
+function safeWrite(write, data) {
+  try {
+    write(data);
+  } catch {
+  }
+}
 function useMouseMode(enabled = true) {
+  const { write } = use_stdout_default();
   (0, import_react36.useEffect)(() => {
     if (!enabled) return;
     if (!process.stdin.isTTY) return;
-    process.stdout.write(MOUSE_ENABLE);
-    const cleanup = () => {
-      process.stdout.write(MOUSE_DISABLE);
-    };
+    safeWrite(write, MOUSE_ENABLE);
+    const cleanup = () => safeWrite(write, MOUSE_DISABLE);
     process.on("exit", cleanup);
     return () => {
       process.removeListener("exit", cleanup);
-      process.stdout.write(MOUSE_DISABLE);
+      safeWrite(write, MOUSE_DISABLE);
     };
-  }, [enabled]);
+  }, [enabled, write]);
 }
 
 // src/cli/components/task-context-menu.tsx
@@ -56846,8 +56991,17 @@ var RE_HEADER = /^#{1,3}\s/;
 var RE_SUBTASK = /^\s*-\s+\[([ xX])\]/;
 var RE_DONE = /^\s*-\s+\[x\]/i;
 var RE_BRACKET_TAG = /^\[([^\]]+)\]\s*/;
-function TaskRow({ task, focused, colWidth }) {
-  const cursor = focused ? "\u25B8" : " ";
+function columnAccentColor(name) {
+  const normalized = name.toLowerCase();
+  if (/backlog/.test(normalized)) return "magenta";
+  if (/todo/.test(normalized)) return "cyan";
+  if (/progress|doing/.test(normalized)) return "yellow";
+  if (/review/.test(normalized)) return "blue";
+  if (/done|archive|closed|complete/.test(normalized)) return "green";
+  return "cyan";
+}
+function TaskRow({ task, focused, dragging, colWidth }) {
+  const cursor = dragging ? "\u2195" : focused ? "\u25B8" : " ";
   const check2 = task.checked ? "\u2713" : "\u25CB";
   const idStr = task.id;
   const tagMatch = task.title.match(RE_BRACKET_TAG);
@@ -56857,15 +57011,15 @@ function TaskRow({ task, focused, colWidth }) {
   const tagChars = tag ? tag.length + 1 : 0;
   const titleStr = truncate(titleClean, Math.max(4, colWidth - fixedChars - tagChars));
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: focused ? "cyan" : void 0, bold: focused, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: dragging ? "yellow" : focused ? "cyan" : void 0, bold: focused || dragging, children: [
       cursor,
       " "
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: task.checked ? "green" : focused ? "white" : "gray", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: dragging ? "yellow" : task.checked ? "green" : focused ? "white" : "gray", children: [
       check2,
       " "
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: focused ? "cyan" : "yellow", bold: focused, children: idStr }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: dragging ? "yellow" : focused ? "cyan" : "yellow", bold: focused || dragging, children: idStr }),
     tag && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: focused ? "white" : "magenta", bold: true, children: [
       " ",
       tag
@@ -56899,10 +57053,12 @@ function KanbanColumn({
   contextMenuRow,
   contextMenuCursor,
   showMoveTarget,
-  isMoveFocused
+  isMoveFocused,
+  draggedTaskId
 }) {
-  const headerBg = isFocused ? "cyan" : void 0;
-  const headerColor = isFocused ? "black" : "cyan";
+  const accent = columnAccentColor(name);
+  const headerBg = isFocused ? accent : void 0;
+  const headerColor = isFocused ? "black" : accent;
   const countStr = tasks.length > 0 ? ` (${tasks.length})` : "";
   const rows = [];
   tasks.forEach((task, idx) => {
@@ -56912,6 +57068,7 @@ function KanbanColumn({
         {
           task,
           focused: isFocused && idx === focusedRow,
+          dragging: task.id === draggedTaskId,
           colWidth
         },
         task.id
@@ -56940,34 +57097,46 @@ function KanbanColumn({
     showMoveTarget && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MovePlaceholder, { name, focused: !!isMoveFocused, colWidth })
   ] });
 }
-function BoardHeader({ title, inTmux, modeHint, version }) {
+function BoardHeader({ title, inTmux, modeHint, version, daemonStatus, daemonBusy }) {
   const tmuxHint = inTmux ? " tmux" : "";
   const versionTag = version ? ` v${version}` : "";
-  const hint = modeHint || "h/l cols \xB7 j/k tasks \xB7 Enter detail \xB7 m menu \xB7 a agent \xB7 r reload \xB7 q quit";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { marginBottom: 1, justifyContent: "space-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { bold: true, color: "cyan", children: [
+  const daemonLabel = daemonBusy ? "\u25CC daemon\u2026" : daemonStatus.running ? `\u25CF web ${daemonStatus.metadata?.port ?? ""}` : "\u25CB web off";
+  const hint = modeHint || "h/l cols \xB7 j/k tasks \xB7 drag tasks \xB7 d daemon \xB7 r reload \xB7 q quit";
+  const width = termWidth();
+  const leftWidth = Math.min(Math.max(34, Math.floor(width * 0.46)), width);
+  const daemonWidth = Math.min(16, Math.max(0, width - leftWidth));
+  const rightWidth = Math.max(0, width - leftWidth - daemonWidth);
+  const left = pad(`  \u25C6 KANDOWN${tmuxHint}${versionTag}  ${title}`, leftWidth);
+  const daemon = pad(daemonLabel, daemonWidth);
+  const right = truncate(hint, rightWidth).padStart(rightWidth, " ");
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { bold: true, color: "cyan", children: left }),
+    daemonWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: daemonStatus.running ? "green" : "yellow", bold: true, children: daemon }),
+    rightWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "gray", dimColor: true, children: right })
+  ] });
+}
+function StatusBar({ message, task, daemonStatus }) {
+  const daemonText = daemonStatus.running && daemonStatus.metadata ? `web daemon ON \xB7 ${daemonStatus.metadata.url}` : "web daemon OFF \xB7 press d to start";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { marginTop: 1, flexDirection: "column", children: [
+    message ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "yellow", bold: true, children: [
+      "  \u2726 ",
+      message
+    ] }) : task ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "gray", children: [
       "  ",
-      "KANDOWN",
-      tmuxHint,
-      versionTag,
+      "\u25C6 ",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "yellow", bold: true, children: task.id }),
+      task.progress ? `  checklist ${task.progress.done}/${task.progress.total}` : "",
       "  ",
-      title
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "gray", dimColor: true, children: hint })
+      task.checked ? "\u2713 done" : "\u25CB open"
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "gray", children: " " }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: daemonStatus.running ? "green" : "yellow", dimColor: !daemonStatus.running, children: [
+      "  ",
+      daemonStatus.running ? "\u25CF" : "\u25CB",
+      " ",
+      daemonText
+    ] })
   ] });
 }
-function StatusBar({ message, task }) {
-  if (message) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "yellow", children: message }) });
-  }
-  if (!task) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "gray", children: " " }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "gray", children: [
-    task.id,
-    task.progress ? `  (${task.progress.done}/${task.progress.total})` : "",
-    "  ",
-    task.checked ? "\u2713 done" : "\u25CB open"
-  ] }) });
-}
 function TaskDetail({ task, taskId, scrollOffset }) {
   const fm = task.frontmatter;
   const bodyLines = task.body.split("\n");
@@ -57029,6 +57198,11 @@ function Board({ kandownDir, version }) {
   const [ctxMenuCursor, setCtxMenuCursor] = (0, import_react37.useState)(0);
   const [moveTaskId, setMoveTaskId] = (0, import_react37.useState)(null);
   const [moveTargetCol, setMoveTargetCol] = (0, import_react37.useState)(0);
+  const [mousePress, setMousePress] = (0, import_react37.useState)(null);
+  const [taskDrag, setTaskDrag] = (0, import_react37.useState)(null);
+  const [daemonStatus, setDaemonStatus] = (0, import_react37.useState)({ running: false, metadata: null });
+  const [daemonBusy, setDaemonBusy] = (0, import_react37.useState)(false);
+  const [preferredDaemonPort, setPreferredDaemonPort] = (0, import_react37.useState)(null);
   const [installedAgents, setInstalledAgents] = (0, import_react37.useState)([]);
   const inTmux = isInTmux();
   const layoutRef = (0, import_react37.useRef)({
@@ -57046,6 +57220,25 @@ function Board({ kandownDir, version }) {
     }
     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;
+    }
+    return -1;
+  }, []);
+  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]);
   (0, import_react37.useEffect)(() => {
     const loaded = readBoard(kandownDir);
     setBoard(loaded);
@@ -57083,6 +57276,42 @@ function Board({ kandownDir, version }) {
     setStatusMsg("Board reloaded");
     setTimeout(() => setStatusMsg(""), 1500);
   }, [kandownDir, updateLayout]);
+  const refreshDaemonStatus = (0, import_react37.useCallback)(async () => {
+    const next = await getDaemonStatus(kandownDir);
+    setDaemonStatus(next);
+    if (next.running && next.metadata) setPreferredDaemonPort(next.metadata.port);
+  }, [kandownDir]);
+  (0, import_react37.useEffect)(() => {
+    void refreshDaemonStatus();
+    const timer = setInterval(() => {
+      void refreshDaemonStatus();
+    }, 2e3);
+    return () => clearInterval(timer);
+  }, [refreshDaemonStatus]);
+  const toggleDaemon = (0, import_react37.useCallback)(async () => {
+    if (daemonBusy) return;
+    setDaemonBusy(true);
+    try {
+      const current = await getDaemonStatus(kandownDir);
+      if (current.running) {
+        if (current.metadata) setPreferredDaemonPort(current.metadata.port);
+        await stopProjectDaemon(kandownDir);
+        const next = await getDaemonStatus(kandownDir);
+        setDaemonStatus(next);
+        setStatusMsg("Web daemon stopped");
+      } 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");
+      }
+    } catch (error) {
+      setStatusMsg(`Daemon error: ${error instanceof Error ? error.message : String(error)}`);
+    } finally {
+      setDaemonBusy(false);
+      setTimeout(() => setStatusMsg(""), 2500);
+    }
+  }, [daemonBusy, kandownDir, preferredDaemonPort]);
   const getFocusedTask = (0, import_react37.useCallback)(() => {
     if (!board) return null;
     const col = board.columns[colIndex];
@@ -57239,12 +57468,87 @@ function Board({ kandownDir, version }) {
       return;
     }
   }, [board, mode, colIndex, rowIndex, ctxMenuRow, moveTaskId, kandownDir, updateLayout, openDetail, closeContextMenu]);
+  const handleMouseEvent = (0, import_react37.useCallback)((mouse) => {
+    if (!board) return;
+    if (mode === "browse") {
+      if (mouse.action === "press" && mouse.button === 0) {
+        const hit = taskHitAt(mouse.x, mouse.y);
+        if (hit) {
+          setMousePress(hit);
+          setColIndex(hit.colIndex);
+          setRowIndex(hit.rowIndex);
+        }
+        return;
+      }
+      if (mouse.action === "drag" && mousePress) {
+        const delta = Math.max(Math.abs(mouse.x - mousePress.startX), Math.abs(mouse.y - mousePress.startY));
+        if (delta < 1) return;
+        const hoverCol = columnAtX(mouse.x);
+        setTaskDrag({ taskId: mousePress.taskId, sourceCol: mousePress.colIndex, hoverCol });
+        setMoveTargetCol(hoverCol >= 0 ? hoverCol : mousePress.colIndex);
+        setMoveTaskId(mousePress.taskId);
+        setMode("dragging");
+        closeContextMenu();
+        return;
+      }
+      if (mouse.action === "release" && mousePress) {
+        const hit = taskHitAt(mouse.x, mouse.y);
+        if (hit && hit.taskId === mousePress.taskId) {
+          setCtxMenuRow(mousePress.rowIndex);
+          setCtxMenuCursor(0);
+          setMode("context-menu");
+        }
+        setMousePress(null);
+        return;
+      }
+      if (mouse.action === "press") handleMouseClick(mouse.x, mouse.y);
+      return;
+    }
+    if (mode === "dragging") {
+      if (!taskDrag) {
+        setMode("browse");
+        setMoveTaskId(null);
+        setMousePress(null);
+        return;
+      }
+      if (mouse.action === "drag") {
+        const hoverCol = columnAtX(mouse.x);
+        setTaskDrag((current) => current ? { ...current, hoverCol } : current);
+        setMoveTargetCol(hoverCol >= 0 ? hoverCol : taskDrag.sourceCol);
+        return;
+      }
+      if (mouse.action === "release") {
+        const targetCol = columnAtX(mouse.x);
+        if (targetCol >= 0 && targetCol !== taskDrag.sourceCol) {
+          const targetColName = board.columns[targetCol]?.name;
+          if (targetColName) {
+            moveTaskToColumn(kandownDir, taskDrag.taskId, targetColName);
+            const loaded = readBoard(kandownDir);
+            setBoard(loaded);
+            updateLayout(loaded);
+            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);
+          }
+        }
+        setTaskDrag(null);
+        setMousePress(null);
+        setMoveTaskId(null);
+        setMode("browse");
+        return;
+      }
+      return;
+    }
+    if (mouse.action === "press" && mouse.button === 0) {
+      handleMouseClick(mouse.x, mouse.y);
+    }
+  }, [board, mode, mousePress, taskDrag, taskHitAt, columnAtX, closeContextMenu, handleMouseClick, kandownDir, updateLayout]);
   use_input_default((input, key) => {
     if (isMouseInput(input)) {
       const mouse = parseMouseInput(input);
-      if (mouse && mouse.action === "press" && mouse.button === 0) {
-        handleMouseClick(mouse.x, mouse.y);
-      }
+      if (mouse) handleMouseEvent(mouse);
       return;
     }
     if (mode === "browse") {
@@ -57256,6 +57560,10 @@ function Board({ kandownDir, version }) {
         reloadBoard();
         return;
       }
+      if (input === "d") {
+        void toggleDaemon();
+        return;
+      }
       if (input === "l" || key.rightArrow) {
         const maxCol = (board?.columns.length ?? 1) - 1;
         setColIndex((c) => Math.min(c + 1, maxCol));
@@ -57335,6 +57643,16 @@ function Board({ kandownDir, version }) {
         return;
       }
     }
+    if (mode === "dragging") {
+      if (key.escape || input === "q") {
+        setTaskDrag(null);
+        setMousePress(null);
+        setMoveTaskId(null);
+        setMode("browse");
+        return;
+      }
+      return;
+    }
     if (mode === "move-target") {
       if (key.escape || input === "q") {
         setMoveTaskId(null);
@@ -57418,11 +57736,13 @@ function Board({ kandownDir, version }) {
     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";
+  } else if (mode === "dragging") {
+    modeHint = "drag over target column \xB7 release to drop \xB7 Esc cancel";
   }
   if (mode === "agent-picker") {
     const taskId = detailTaskId || focusedTask?.id || "";
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BoardHeader, { title: board.title, inTmux, version }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BoardHeader, { title: board.title, inTmux, version, daemonStatus, daemonBusy }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         AgentPicker,
         {
@@ -57448,7 +57768,7 @@ function Board({ kandownDir, version }) {
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BoardHeader, { title: board.title, inTmux, modeHint, version }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BoardHeader, { title: board.title, inTmux, modeHint, version, daemonStatus, daemonBusy }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { flexDirection: "row", children: board.columns.map((col, cIdx) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       KanbanColumn,
       {
@@ -57459,36 +57779,57 @@ function Board({ kandownDir, version }) {
         colWidth,
         contextMenuRow: mode === "context-menu" && cIdx === colIndex ? ctxMenuRow : -1,
         contextMenuCursor: ctxMenuCursor,
-        showMoveTarget: mode === "move-target" && cIdx !== colIndex,
-        isMoveFocused: mode === "move-target" && cIdx === moveTargetCol
+        showMoveTarget: mode === "move-target" && cIdx !== colIndex || mode === "dragging" && cIdx !== taskDrag?.sourceCol,
+        isMoveFocused: (mode === "move-target" || mode === "dragging") && cIdx === moveTargetCol,
+        draggedTaskId: taskDrag?.taskId ?? null
       },
       col.name
     )) }),
-    mode === "move-target" && moveTaskId && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "yellow", bold: true, children: [
+    (mode === "move-target" || mode === "dragging") && moveTaskId && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "yellow", bold: true, children: [
       "Moving ",
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "cyan", children: moveTaskId }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "gray", children: " \u2014 click " }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "yellow", bold: true, children: "\u2193" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "gray", children: " or \u2190/\u2192 + Enter" })
+      /* @__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: "gray", children: mode === "dragging" ? " \xB7 Esc cancel" : " or \u2190/\u2192 + Enter" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StatusBar, { message: statusMsg, task: focusedTask })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StatusBar, { message: statusMsg, task: focusedTask, daemonStatus })
   ] });
 }
 
 // src/cli/app.tsx
 var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
+function getTerminalRows() {
+  const rows = process.stdout.rows;
+  return typeof rows === "number" && Number.isFinite(rows) && rows > 0 ? rows : 24;
+}
+function useTerminalRows() {
+  const [rows, setRows] = (0, import_react38.useState)(getTerminalRows);
+  (0, import_react38.useEffect)(() => {
+    const handleResize = () => setRows(getTerminalRows());
+    process.stdout.on("resize", handleResize);
+    return () => {
+      process.stdout.off("resize", handleResize);
+    };
+  }, []);
+  return rows;
+}
 function App2({ screen, kandownDir, version }) {
+  const rows = useTerminalRows();
+  let content;
   switch (screen) {
     case "settings":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Settings, { kandownDir, version });
+      content = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Settings, { kandownDir, version });
+      break;
     case "board":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Board, { kandownDir, version });
+      content = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Board, { kandownDir, version });
+      break;
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "red", bold: true, children: [
+      content = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "red", bold: true, children: [
         "Unknown screen: ",
         screen
       ] }) });
   }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexDirection: "column", height: rows, overflow: "hidden", children: content });
 }
 
 // src/cli/tui.tsx
@@ -57499,15 +57840,13 @@ async function run(screen, kandownDir, version) {
       "kandown TUI requires an interactive terminal. Run this command directly in your terminal."
     );
   }
-  process.stdout.write("\x1B[?1049h\x1B[H");
   const instance = render_default(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(App2, { screen, kandownDir, version }), {
-    exitOnCtrlC: true
+    exitOnCtrlC: true,
+    interactive: true,
+    alternateScreen: true,
+    maxFps: 30
   });
-  try {
-    await instance.waitUntilExit();
-  } finally {
-    process.stdout.write("\x1B[?1049l");
-  }
+  await instance.waitUntilExit();
 }
 export {
   run