@runfusion/fusion 0.2.0 → 0.2.1

package/dist/bin.js

@@ -14150,7 +14150,7 @@ var require_multicast_dns = __commonJS({
     var dgram = __require("dgram");
     var thunky = require_thunky();
     var events = __require("events");
-    var os3 = __require("os");
+    var os4 = __require("os");
     var noop = function() {
     };
     module.exports = function(opts) {
@@ -14280,14 +14280,14 @@ var require_multicast_dns = __commonJS({
       return that;
     };
     function defaultInterface() {
-      var networks = os3.networkInterfaces();
+      var networks = os4.networkInterfaces();
       var names = Object.keys(networks);
       for (var i = 0; i < names.length; i++) {
         var net = networks[names[i]];
         for (var j = 0; j < net.length; j++) {
           var iface = net[j];
           if (isIPv4(iface.family) && !iface.internal) {
-            if (os3.platform() === "darwin" && names[i] === "en0") return iface.address;
+            if (os4.platform() === "darwin" && names[i] === "en0") return iface.address;
             return "0.0.0.0";
           }
         }
@@ -14295,7 +14295,7 @@ var require_multicast_dns = __commonJS({
       return "127.0.0.1";
     }
     function allInterfaces() {
-      var networks = os3.networkInterfaces();
+      var networks = os4.networkInterfaces();
       var names = Object.keys(networks);
       var res = [];
       for (var i = 0; i < names.length; i++) {
@@ -16717,9 +16717,9 @@ var init_central_core = __esm({
       async generateProjectName(projectPath) {
         try {
           const { execFile: execFile5 } = await import("node:child_process");
-          const { promisify: promisify14 } = await import("node:util");
-          const execFileAsync3 = promisify14(execFile5);
-          const { stdout } = await execFileAsync3(
+          const { promisify: promisify15 } = await import("node:util");
+          const execFileAsync4 = promisify15(execFile5);
+          const { stdout } = await execFileAsync4(
             "git",
             ["remote", "get-url", "origin"],
             { cwd: projectPath, timeout: 5e3 }
@@ -17204,8 +17204,8 @@ function hasProjectDbFile(dir2, folderName, dbName) {
   if (!existsSync8(projectDir)) return false;
   if (!existsSync8(dbPath)) return false;
   try {
-    const stat10 = statSync2(dbPath);
-    return stat10.isFile() && stat10.size > 0;
+    const stat11 = statSync2(dbPath);
+    return stat11.isFile() && stat11.size > 0;
   } catch {
     return false;
   }
@@ -17333,9 +17333,9 @@ var init_migration = __esm({
         }
         try {
           const { execFile: execFile5 } = await import("node:child_process");
-          const { promisify: promisify14 } = await import("node:util");
-          const execFileAsync3 = promisify14(execFile5);
-          const { stdout } = await execFileAsync3(
+          const { promisify: promisify15 } = await import("node:util");
+          const execFileAsync4 = promisify15(execFile5);
+          const { stdout } = await execFileAsync4(
             "git",
             ["remote", "get-url", "origin"],
             { cwd: projectPath, timeout: 1e3 }
@@ -28036,12 +28036,12 @@ async function searchWithQmd(rootDir, options) {
   const limit = Math.max(1, Math.min(options.limit ?? 5, 20));
   try {
     const { execFile: execFile5 } = await import("node:child_process");
-    const { promisify: promisify14 } = await import("node:util");
-    const execFileAsync3 = promisify14(execFile5);
-    await ensureQmdProjectMemoryCollection(rootDir, execFileAsync3);
+    const { promisify: promisify15 } = await import("node:util");
+    const execFileAsync4 = promisify15(execFile5);
+    await ensureQmdProjectMemoryCollection(rootDir, execFileAsync4);
     scheduleQmdProjectMemoryRefresh(rootDir);
     const args = buildQmdSearchArgs(rootDir, options);
-    const { stdout } = await execFileAsync3(command, args, {
+    const { stdout } = await execFileAsync4(command, args, {
       cwd: rootDir,
       timeout: 4e3,
       maxBuffer: 1024 * 1024
@@ -28066,12 +28066,12 @@ async function searchWithQmd(rootDir, options) {
     return [];
   }
 }
-async function ensureQmdProjectMemoryCollection(rootDir, execFileAsync3) {
+async function ensureQmdProjectMemoryCollection(rootDir, execFileAsync4) {
   const collectionName = qmdMemoryCollectionName(rootDir);
   const memoryDir = memoryWorkspacePath(rootDir);
   await mkdir6(memoryDir, { recursive: true });
   try {
-    await execFileAsync3("qmd", buildQmdCollectionAddArgs(rootDir), {
+    await execFileAsync4("qmd", buildQmdCollectionAddArgs(rootDir), {
       cwd: rootDir,
       timeout: 4e3,
       maxBuffer: 512 * 1024
@@ -28088,8 +28088,8 @@ ${stderr}`)) {
 }
 async function getDefaultExecFileAsync() {
   const { execFile: execFile5 } = await import("node:child_process");
-  const { promisify: promisify14 } = await import("node:util");
-  return promisify14(execFile5);
+  const { promisify: promisify15 } = await import("node:util");
+  return promisify15(execFile5);
 }
 async function refreshQmdProjectMemoryIndex(rootDir, options) {
   const key = resolve5(rootDir);
@@ -28104,14 +28104,14 @@ async function refreshQmdProjectMemoryIndex(rootDir, options) {
     }
   }
   const promise = (async () => {
-    const execFileAsync3 = options?.execFileAsync ?? await getDefaultExecFileAsync();
-    await ensureQmdProjectMemoryCollection(rootDir, execFileAsync3);
-    await execFileAsync3("qmd", ["update"], {
+    const execFileAsync4 = options?.execFileAsync ?? await getDefaultExecFileAsync();
+    await ensureQmdProjectMemoryCollection(rootDir, execFileAsync4);
+    await execFileAsync4("qmd", ["update"], {
       cwd: rootDir,
       timeout: 3e4,
       maxBuffer: 1024 * 1024
     });
-    await execFileAsync3("qmd", ["embed"], {
+    await execFileAsync4("qmd", ["embed"], {
       cwd: rootDir,
       timeout: 12e4,
       maxBuffer: 1024 * 1024
@@ -28136,8 +28136,8 @@ function scheduleQmdProjectMemoryRefresh(rootDir) {
 }
 async function isQmdAvailable() {
   try {
-    const execFileAsync3 = await getDefaultExecFileAsync();
-    await execFileAsync3("qmd", ["--help"], {
+    const execFileAsync4 = await getDefaultExecFileAsync();
+    await execFileAsync4("qmd", ["--help"], {
       timeout: 3e3,
       maxBuffer: 128 * 1024
     });
@@ -28147,12 +28147,12 @@ async function isQmdAvailable() {
   }
 }
 async function installQmd(options) {
-  const execFileAsync3 = options?.execFileAsync ?? await getDefaultExecFileAsync();
+  const execFileAsync4 = options?.execFileAsync ?? await getDefaultExecFileAsync();
   const [command, ...args] = QMD_INSTALL_COMMAND.split(" ");
   if (!command || args.length === 0) {
     throw new MemoryBackendError("BACKEND_UNAVAILABLE", "qmd install command is not configured", "qmd");
   }
-  await execFileAsync3(command, args, {
+  await execFileAsync4(command, args, {
     timeout: 12e4,
     maxBuffer: 1024 * 1024
   });
@@ -37215,7 +37215,7 @@ var require_has_flag = __commonJS({
 var require_supports_color = __commonJS({
   "../../node_modules/.pnpm/supports-color@7.2.0/node_modules/supports-color/index.js"(exports, module) {
     "use strict";
-    var os3 = __require("os");
+    var os4 = __require("os");
     var tty = __require("tty");
     var hasFlag = require_has_flag();
     var { env } = process;
@@ -37263,7 +37263,7 @@ var require_supports_color = __commonJS({
         return min;
       }
       if (process.platform === "win32") {
-        const osRelease = os3.release().split(".");
+        const osRelease = os4.release().split(".");
         if (Number(osRelease[0]) >= 10 && Number(osRelease[2]) >= 10586) {
           return Number(osRelease[2]) >= 14931 ? 3 : 2;
         }
@@ -39096,11 +39096,11 @@ var require_extract_zip = __commonJS({
     var { createWriteStream: createWriteStream2, promises: fs2 } = __require("fs");
     var getStream = require_get_stream();
     var path4 = __require("path");
-    var { promisify: promisify14 } = __require("util");
+    var { promisify: promisify15 } = __require("util");
     var stream = __require("stream");
     var yauzl = require_yauzl();
-    var openZip = promisify14(yauzl.open);
-    var pipeline = promisify14(stream.pipeline);
+    var openZip = promisify15(yauzl.open);
+    var pipeline = promisify15(stream.pipeline);
     var Extractor = class {
       constructor(zipPath, opts) {
         this.zipPath = zipPath;
@@ -39182,7 +39182,7 @@ var require_extract_zip = __commonJS({
         await fs2.mkdir(destDir, mkdirOptions);
         if (isDir) return;
         debug("opening read stream", dest);
-        const readStream = await promisify14(this.zipfile.openReadStream.bind(this.zipfile))(entry);
+        const readStream = await promisify15(this.zipfile.openReadStream.bind(this.zipfile))(entry);
         if (symlink) {
           const link = await getStream(readStream);
           debug("creating symlink", link, dest);
@@ -46843,12 +46843,12 @@ function resolveExtractionRoot(tempDir) {
   return tempDir;
 }
 async function extractTarArchive(archivePath, outputDir) {
-  const [{ execFile: execFile5 }, { promisify: promisify14 }] = await Promise.all([
+  const [{ execFile: execFile5 }, { promisify: promisify15 }] = await Promise.all([
     import("node:child_process"),
     import("node:util")
   ]);
-  const execFileAsync3 = promisify14(execFile5);
-  await execFileAsync3("tar", ["xzf", archivePath, "-C", outputDir]);
+  const execFileAsync4 = promisify15(execFile5);
+  await execFileAsync4("tar", ["xzf", archivePath, "-C", outputDir]);
 }
 async function parseCompanyArchive(archivePath) {
   const resolvedArchivePath = resolve8(archivePath);
@@ -50654,7 +50654,7 @@ var require_windowsPtyAgent = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.argsToCommandLine = exports.WindowsPtyAgent = void 0;
     var fs2 = __require("fs");
-    var os3 = __require("os");
+    var os4 = __require("os");
     var path4 = __require("path");
     var child_process_1 = __require("child_process");
     var net_1 = __require("net");
@@ -50836,7 +50836,7 @@ var require_windowsPtyAgent = __commonJS({
           configurable: true
         });
         WindowsPtyAgent2.prototype._getWindowsBuildNumber = function() {
-          var osVersion = /(\d+)\.(\d+)\.(\d+)/g.exec(os3.release());
+          var osVersion = /(\d+)\.(\d+)\.(\d+)/g.exec(os4.release());
           var buildNumber = 0;
           if (osVersion && osVersion.length === 4) {
             buildNumber = parseInt(osVersion[3]);
@@ -51735,8 +51735,8 @@ var init_terminal_service = __esm({
           return this.projectRoot;
         }
         try {
-          const stat10 = await import("node:fs/promises").then((fs2) => fs2.stat(cwd));
-          if (stat10.isDirectory()) {
+          const stat11 = await import("node:fs/promises").then((fs2) => fs2.stat(cwd));
+          if (stat11.isDirectory()) {
             return cwd;
           }
         } catch {
@@ -60177,10 +60177,10 @@ async function refreshAgentMemoryQmdIndex(rootDir, agentMemory) {
   }
   const promise = (async () => {
     const { execFile: execFile5 } = await import("node:child_process");
-    const { promisify: promisify14 } = await import("node:util");
-    const execFileAsync3 = promisify14(execFile5);
+    const { promisify: promisify15 } = await import("node:util");
+    const execFileAsync4 = promisify15(execFile5);
     try {
-      await execFileAsync3("qmd", buildQmdAgentMemoryCollectionAddArgs(rootDir, agentMemory.agentId), {
+      await execFileAsync4("qmd", buildQmdAgentMemoryCollectionAddArgs(rootDir, agentMemory.agentId), {
         cwd: rootDir,
         timeout: 4e3,
         maxBuffer: 512 * 1024
@@ -60193,8 +60193,8 @@ ${stderr}`)) {
         throw error;
       }
     }
-    await execFileAsync3("qmd", ["update"], { cwd: rootDir, timeout: 3e4, maxBuffer: 1024 * 1024 });
-    await execFileAsync3("qmd", ["embed"], { cwd: rootDir, timeout: 12e4, maxBuffer: 1024 * 1024 });
+    await execFileAsync4("qmd", ["update"], { cwd: rootDir, timeout: 3e4, maxBuffer: 1024 * 1024 });
+    await execFileAsync4("qmd", ["embed"], { cwd: rootDir, timeout: 12e4, maxBuffer: 1024 * 1024 });
   })();
   agentQmdRefreshState.set(key, { lastStartedAt: now, inFlight: promise });
   try {
@@ -60216,9 +60216,9 @@ async function searchAgentMemoryWithQmd(rootDir, agentMemory, query, limit) {
   try {
     await refreshAgentMemoryQmdIndex(rootDir, agentMemory);
     const { execFile: execFile5 } = await import("node:child_process");
-    const { promisify: promisify14 } = await import("node:util");
-    const execFileAsync3 = promisify14(execFile5);
-    const { stdout } = await execFileAsync3("qmd", buildQmdAgentMemorySearchArgs(rootDir, agentMemory.agentId, query, limit), {
+    const { promisify: promisify15 } = await import("node:util");
+    const execFileAsync4 = promisify15(execFile5);
+    const { stdout } = await execFileAsync4("qmd", buildQmdAgentMemorySearchArgs(rootDir, agentMemory.agentId, query, limit), {
       cwd: rootDir,
       timeout: 4e3,
       maxBuffer: 1024 * 1024
@@ -79190,7 +79190,7 @@ var init_self_healing = __esm({
         const recoverFn = this.options.recoverCompletedTask;
         if (!recoverFn) return 0;
         try {
-          const tasks = await this.store.listTasks({ column: "in-progress" });
+          const tasks = await this.store.listTasks({ column: "in-progress", slim: true });
           const executingIds = this.options.getExecutingTaskIds?.() ?? /* @__PURE__ */ new Set();
           const stuckCompleted = tasks.filter(
             (t) => t.column === "in-progress" && !t.paused && !executingIds.has(t.id) && t.steps.length > 0 && t.steps.every((s) => s.status === "done" || s.status === "skipped")
@@ -79224,7 +79224,7 @@ var init_self_healing = __esm({
        */
       async recoverMergeableReviewTasks() {
         try {
-          const tasks = await this.store.listTasks({ column: "in-review" });
+          const tasks = await this.store.listTasks({ column: "in-review", slim: true });
           const mergeable = tasks.filter(
             (t) => t.column === "in-review" && Boolean(t.worktree) && t.mergeDetails?.mergeConfirmed !== true && getTaskMergeBlocker(t) === void 0
           );
@@ -79281,7 +79281,7 @@ var init_self_healing = __esm({
           const settings = await this.store.getSettings();
           const maxFixes = settings.maxPostReviewFixes ?? 1;
           if (!Number.isFinite(maxFixes) || maxFixes <= 0) return 0;
-          const tasks = await this.store.listTasks({ column: "in-review" });
+          const tasks = await this.store.listTasks({ column: "in-review", slim: true });
           const executingIds = this.options.getExecutingTaskIds?.() ?? /* @__PURE__ */ new Set();
           const candidates = tasks.filter((task) => {
             if (task.column !== "in-review") return false;
@@ -79346,7 +79346,7 @@ var init_self_healing = __esm({
           const timeoutMs = settings.taskStuckTimeoutMs;
           if (!timeoutMs || timeoutMs <= 0) return 0;
           const now = Date.now();
-          const tasks = await this.store.listTasks({ column: "in-review" });
+          const tasks = await this.store.listTasks({ column: "in-review", slim: true });
           const staleIncomplete = tasks.filter(
             (task) => task.column === "in-review" && !task.paused && !task.status && task.steps.length > 0 && task.steps.some((step) => NON_TERMINAL_STEP_STATUSES2.has(step.status)) && now - new Date(task.updatedAt).getTime() >= timeoutMs
           );
@@ -79393,7 +79393,7 @@ var init_self_healing = __esm({
           const settings = await this.store.getSettings();
           const timeoutMs = settings.taskStuckTimeoutMs;
           if (!timeoutMs || timeoutMs <= 0) return 0;
-          const tasks = await this.store.listTasks({ column: "in-review" });
+          const tasks = await this.store.listTasks({ column: "in-review", slim: true });
           const candidates = tasks.filter(
             (task) => task.column === "in-review" && Boolean(task.status && ACTIVE_MERGE_STATUSES.has(task.status)) && this.isPastInterruptedMergeGrace(task, timeoutMs)
           );
@@ -79464,7 +79464,7 @@ var init_self_healing = __esm({
        */
       async recoverMergedReviewTasks() {
         try {
-          const tasks = await this.store.listTasks({ column: "in-review" });
+          const tasks = await this.store.listTasks({ column: "in-review", slim: true });
           const mergedButNotDone = tasks.filter(
             (t) => t.column === "in-review" && t.mergeDetails?.mergeConfirmed === true
           );
@@ -79512,7 +79512,7 @@ var init_self_healing = __esm({
        */
       async recoverMisclassifiedFailures() {
         try {
-          const tasks = await this.store.listTasks({ column: "in-review" });
+          const tasks = await this.store.listTasks({ column: "in-review", slim: true });
           const misclassified = tasks.filter(
             (t) => t.column === "in-review" && t.status === "failed" && t.error?.includes("without calling task_done") && t.steps.length > 0 && t.steps.every((s) => s.status === "done" || s.status === "skipped")
           );
@@ -79553,7 +79553,7 @@ var init_self_healing = __esm({
        */
       async recoverOrphanedExecutions() {
         try {
-          const tasks = await this.store.listTasks({ column: "in-progress" });
+          const tasks = await this.store.listTasks({ column: "in-progress", slim: true });
           const executingIds = this.options.getExecutingTaskIds?.() ?? /* @__PURE__ */ new Set();
           const now = Date.now();
           const orphaned = tasks.filter((t) => {
@@ -79610,7 +79610,7 @@ var init_self_healing = __esm({
        */
       async recoverNoProgressNoTaskDoneFailures() {
         try {
-          const tasks = await this.store.listTasks({ column: "in-progress" });
+          const tasks = await this.store.listTasks({ column: "in-progress", slim: true });
           const executingIds = this.options.getExecutingTaskIds?.() ?? /* @__PURE__ */ new Set();
           const candidates = tasks.filter(
             (task) => task.column === "in-progress" && task.status === "failed" && isNoTaskDoneFailure(task) && !task.paused && !executingIds.has(task.id) && !isTaskWorkComplete(task) && !hasStepProgress(task)
@@ -79672,7 +79672,7 @@ var init_self_healing = __esm({
        */
       async recoverPartialProgressNoTaskDoneFailures() {
         try {
-          const tasks = await this.store.listTasks({ column: "in-review" });
+          const tasks = await this.store.listTasks({ column: "in-review", slim: true });
           const candidates = tasks.filter(
             (task) => task.column === "in-review" && task.status === "failed" && isNoTaskDoneFailure(task) && !task.paused && !isTaskWorkComplete(task) && hasStepProgress(task) && (task.taskDoneRetryCount ?? 0) < MAX_TASK_DONE_RETRIES
           );
@@ -89559,7 +89559,7 @@ var require_readdir_glob = __commonJS({
     var { EventEmitter: EventEmitter33 } = __require("events");
     var { Minimatch } = require_minimatch();
     var { resolve: resolve31 } = __require("path");
-    function readdir11(dir2, strict) {
+    function readdir12(dir2, strict) {
       return new Promise((resolve32, reject2) => {
         fs2.readdir(dir2, { withFileTypes: true }, (err, files) => {
           if (err) {
@@ -89592,7 +89592,7 @@ var require_readdir_glob = __commonJS({
         });
       });
     }
-    function stat10(file, followSymlinks) {
+    function stat11(file, followSymlinks) {
       return new Promise((resolve32, reject2) => {
         const statFunc = followSymlinks ? fs2.stat : fs2.lstat;
         statFunc(file, (err, stats) => {
@@ -89600,7 +89600,7 @@ var require_readdir_glob = __commonJS({
             switch (err.code) {
               case "ENOENT":
                 if (followSymlinks) {
-                  resolve32(stat10(file, false));
+                  resolve32(stat11(file, false));
                 } else {
                   resolve32(null);
                 }
@@ -89616,7 +89616,7 @@ var require_readdir_glob = __commonJS({
       });
     }
     async function* exploreWalkAsync(dir2, path4, followSymlinks, useStat, shouldSkip, strict) {
-      let files = await readdir11(path4 + dir2, strict);
+      let files = await readdir12(path4 + dir2, strict);
       for (const file of files) {
         let name = file.name;
         if (name === void 0) {
@@ -89628,7 +89628,7 @@ var require_readdir_glob = __commonJS({
         const absolute = path4 + "/" + relative12;
         let stats = null;
         if (useStat || followSymlinks) {
-          stats = await stat10(absolute, followSymlinks);
+          stats = await stat11(absolute, followSymlinks);
         }
         if (!stats && file.name !== void 0) {
           stats = file;
@@ -92197,9 +92197,9 @@ var require_graceful_fs = __commonJS({
         }
       }
       var fs$readdir = fs3.readdir;
-      fs3.readdir = readdir11;
+      fs3.readdir = readdir12;
       var noReaddirOptionVersions = /^v[0-5]\./;
-      function readdir11(path4, options, cb) {
+      function readdir12(path4, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
         var go$readdir = noReaddirOptionVersions.test(process.version) ? function go$readdir2(path5, options2, cb2, startTime) {
@@ -115707,9 +115707,9 @@ async function getRemoteCommits(remoteRef, limit = 10, cwd) {
 async function getCommitDiff(hash, cwd) {
   try {
     await runGitCommand(["cat-file", "-t", hash], cwd, 5e3);
-    const stat10 = (await runGitCommand(["show", "--stat", "--format=", hash], cwd, 1e4)).trim();
+    const stat11 = (await runGitCommand(["show", "--stat", "--format=", hash], cwd, 1e4)).trim();
     const patch = await runGitCommand(["show", "--format=", hash], cwd, 1e4);
-    return { stat: stat10, patch };
+    return { stat: stat11, patch };
   } catch {
     return null;
   }
@@ -116111,17 +116111,56 @@ async function getGitFileChanges(cwd) {
 }
 async function getGitWorkingDiff(cwd) {
   try {
-    const stat10 = (await runGitCommand(["diff", "--stat"], cwd, 1e4)).trim();
+    const stat11 = (await runGitCommand(["diff", "--stat"], cwd, 1e4)).trim();
     const patch = await runGitCommand(["diff"], cwd, 1e4);
-    return { stat: stat10, patch };
+    return { stat: stat11, patch };
   } catch {
     return { stat: "", patch: "" };
   }
 }
+function isValidGitFilePath(filePath) {
+  if (!filePath || !filePath.trim()) return false;
+  if (filePath.startsWith("-")) return false;
+  if (isAbsolute12(filePath)) return false;
+  if (filePath.includes("\0")) return false;
+  if (filePath.includes("..")) return false;
+  if (/[;&|`$(){}[\]\r\n]/.test(filePath)) return false;
+  return true;
+}
+async function runNoIndexDiff(args, cwd) {
+  try {
+    return await runGitCommand(args, cwd, 1e4);
+  } catch (error) {
+    const commandError = error;
+    if (typeof commandError.stdout === "string") {
+      return commandError.stdout;
+    }
+    throw error;
+  }
+}
+async function getGitFileDiff(filePath, staged, cwd) {
+  if (!isValidGitFilePath(filePath)) {
+    throw new Error(`Invalid file path: ${filePath}`);
+  }
+  if (staged) {
+    const stat12 = (await runGitCommand(["diff", "--cached", "--stat", "--", filePath], cwd, 1e4)).trim();
+    const patch2 = await runGitCommand(["diff", "--cached", "--", filePath], cwd, 1e4);
+    return { stat: stat12, patch: patch2 };
+  }
+  const untracked = (await runGitCommand(["ls-files", "--others", "--exclude-standard", "--", filePath], cwd, 5e3)).trim();
+  if (untracked === filePath) {
+    const stat12 = (await runNoIndexDiff(["diff", "--no-index", "--stat", "/dev/null", filePath], cwd)).trim();
+    const patch2 = await runNoIndexDiff(["diff", "--no-index", "/dev/null", filePath], cwd);
+    return { stat: stat12, patch: patch2 };
+  }
+  const stat11 = (await runGitCommand(["diff", "--stat", "--", filePath], cwd, 1e4)).trim();
+  const patch = await runGitCommand(["diff", "--", filePath], cwd, 1e4);
+  return { stat: stat11, patch };
+}
 async function stageGitFiles(files, cwd) {
   if (!files.length) throw new Error("No files specified");
   for (const f of files) {
-    if (/[;&|`$(){}[\]\r\n]/.test(f)) {
+    if (!isValidGitFilePath(f)) {
       throw new Error(`Invalid file path: ${f}`);
     }
   }
@@ -116131,7 +116170,7 @@ async function stageGitFiles(files, cwd) {
 async function unstageGitFiles(files, cwd) {
   if (!files.length) throw new Error("No files specified");
   for (const f of files) {
-    if (/[;&|`$(){}[\]\r\n]/.test(f)) {
+    if (!isValidGitFilePath(f)) {
       throw new Error(`Invalid file path: ${f}`);
     }
   }
@@ -116149,7 +116188,7 @@ async function createGitCommit(message, cwd) {
 async function discardGitChanges(files, cwd) {
   if (!files.length) throw new Error("No files specified");
   for (const f of files) {
-    if (/[;&|`$(){}[\]\r\n]/.test(f)) {
+    if (!isValidGitFilePath(f)) {
       throw new Error(`Invalid file path: ${f}`);
     }
   }
@@ -119470,6 +119509,33 @@ function createApiRoutes(store, options) {
       rethrowAsApiError3(err);
     }
   });
+  router.get("/git/diff/file", async (req, res) => {
+    try {
+      const { store: scopedStore } = await getProjectContext2(req);
+      const rootDir = scopedStore.getRootDir();
+      if (!await isGitRepo(rootDir)) {
+        throw badRequest("Not a git repository");
+      }
+      const rawPath = req.query.path;
+      const rawStaged = req.query.staged;
+      if (typeof rawPath !== "string" || !rawPath.trim()) {
+        throw badRequest("path query parameter is required");
+      }
+      if (rawStaged !== "true" && rawStaged !== "false") {
+        throw badRequest("staged query parameter must be 'true' or 'false'");
+      }
+      if (!isValidGitFilePath(rawPath)) {
+        throw badRequest(`Invalid file path: ${rawPath}`);
+      }
+      const diff = await getGitFileDiff(rawPath, rawStaged === "true", rootDir);
+      res.json(diff);
+    } catch (err) {
+      if (err instanceof ApiError) {
+        throw err;
+      }
+      rethrowAsApiError3(err);
+    }
+  });
   router.get("/git/changes", async (req, res) => {
     try {
       const { store: scopedStore } = await getProjectContext2(req);
@@ -125858,7 +125924,7 @@ ${body}`;
         }
       }
       const { resolve: resolve31, dirname: dirname25, join: join60 } = await import("node:path");
-      const { readdir: readdir11, stat: stat10 } = await import("node:fs/promises");
+      const { readdir: readdir12, stat: stat11 } = await import("node:fs/promises");
       const rawPath = req.query.path || process.env.HOME || process.env.USERPROFILE || "/";
       const showHidden = req.query.showHidden === "true";
       const resolvedPath = resolve31(rawPath);
@@ -125870,14 +125936,14 @@ ${body}`;
       }
       let pathStat;
       try {
-        pathStat = await stat10(resolvedPath);
+        pathStat = await stat11(resolvedPath);
       } catch {
         throw notFound("Directory not found");
       }
       if (!pathStat.isDirectory()) {
         throw badRequest("Path is not a directory");
       }
-      const dirEntries = await readdir11(resolvedPath, { withFileTypes: true });
+      const dirEntries = await readdir12(resolvedPath, { withFileTypes: true });
       const entries = [];
       for (const entry of dirEntries) {
         if (!entry.isDirectory()) continue;
@@ -125885,7 +125951,7 @@ ${body}`;
         const entryPath = join60(resolvedPath, entry.name);
         let hasChildren = false;
         try {
-          const subEntries = await readdir11(entryPath, { withFileTypes: true });
+          const subEntries = await readdir12(entryPath, { withFileTypes: true });
           hasChildren = subEntries.some((e) => e.isDirectory());
         } catch {
         }
@@ -128405,8 +128471,8 @@ function validateAutomationSteps(steps) {
 }
 async function executeSingleCommand(command, timeoutMs, startedAt) {
   const { exec: exec12 } = await import("node:child_process");
-  const { promisify: promisify14 } = await import("node:util");
-  const execAsyncFn = promisify14(exec12);
+  const { promisify: promisify15 } = await import("node:util");
+  const execAsyncFn = promisify15(exec12);
   const DEFAULT_TIMEOUT_MS3 = 5 * 60 * 1e3;
   const MAX_BUFFER3 = 1024 * 1024;
   const MAX_OUTPUT = 10240;
@@ -129060,11 +129126,14 @@ function markSSEClientAlive(clientId, projectId) {
 }
 function safeWrite(res, data) {
   try {
-    if (res.writableEnded || res.destroyed) return false;
+    if (res.writableEnded || res.destroyed) return "dead";
+    if (typeof res.writableLength === "number" && res.writableLength > SSE_MAX_BUFFERED_BYTES) {
+      return "backpressure";
+    }
     res.write(data);
-    return true;
+    return "ok";
   } catch {
-    return false;
+    return "dead";
   }
 }
 function stripTaskListHeavyFields(task) {
@@ -129143,7 +129212,16 @@ function createSSE(store, missionStore, aiSessionStore, pluginStore, options, ag
     console.log(`[sse] + connection (active=${activeConnections}, hwm=${highWaterMark})`);
     res.write(": connected\n\n");
     const send = (data) => {
-      if (!safeWrite(res, data)) cleanup("send-failed");
+      const result = safeWrite(res, data);
+      if (result === "ok") return;
+      if (result === "backpressure") {
+        console.warn(
+          `[sse] connection ${connectionId} backpressure exceeded (buffered=${res.writableLength}B, threshold=${SSE_MAX_BUFFERED_BYTES}B); closing`
+        );
+        closeConnection("backpressure");
+        return;
+      }
+      cleanup("send-failed");
     };
     const onCreated = (task) => {
       send(`event: task:created
@@ -129636,7 +129714,7 @@ data: ${JSON.stringify({ id: messageId })}
     }
   };
 }
-var activeConnections, highWaterMark, nextConnectionId, SSE_CLIENT_ID_MAX_LENGTH, SSE_CLIENT_STALE_MS, managedConnections;
+var activeConnections, highWaterMark, nextConnectionId, SSE_CLIENT_ID_MAX_LENGTH, SSE_CLIENT_STALE_MS, SSE_MAX_BUFFERED_BYTES, managedConnections;
 var init_sse = __esm({
   "../dashboard/src/sse.ts"() {
     "use strict";
@@ -129645,6 +129723,7 @@ var init_sse = __esm({
     nextConnectionId = 1;
     SSE_CLIENT_ID_MAX_LENGTH = 128;
     SSE_CLIENT_STALE_MS = 5e3;
+    SSE_MAX_BUFFERED_BYTES = 4 * 1024 * 1024;
     managedConnections = /* @__PURE__ */ new Map();
   }
 });
@@ -136000,8 +136079,8 @@ function installFusionSkillIntoProject(projectPath, options = {}) {
     mkdirSync7(dirname19(target), { recursive: true });
     let replaced = false;
     if (existsSync35(target) || isBrokenSymlink(target)) {
-      const stat10 = lstatSync2(target);
-      if (stat10.isSymbolicLink()) {
+      const stat11 = lstatSync2(target);
+      if (stat11.isSymbolicLink()) {
         const current = safeReadlink(target);
         if (current && resolve21(dirname19(target), current) === resolve21(source)) {
           return { outcome: "already-installed", target, source };
@@ -136067,8 +136146,8 @@ function ensureFusionSkillForProjects(projects, options = { enabled: false }) {
 }
 function isBrokenSymlink(path4) {
   try {
-    const stat10 = lstatSync2(path4);
-    if (!stat10.isSymbolicLink()) return false;
+    const stat11 = lstatSync2(path4);
+    if (!stat11.isSymbolicLink()) return false;
     return !existsSync35(path4);
   } catch {
     return false;
@@ -136306,7 +136385,7 @@ var init_state = __esm({
 });
 
 // src/commands/dashboard-tui/logo.ts
-var FUSION_LOGO_LINES, FUSION_TAGLINE;
+var FUSION_LOGO_LINES, FUSION_LOGO_LARGE_LINES, FUSION_TAGLINE;
 var init_logo = __esm({
   "src/commands/dashboard-tui/logo.ts"() {
     "use strict";
@@ -136318,6 +136397,20 @@ var init_logo = __esm({
       "\u2588\u2588\u2551     \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551",
       "\u255A\u2550\u255D      \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D"
     ];
+    FUSION_LOGO_LARGE_LINES = [
+      "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2557   \u2588\u2588\u2557",
+      "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2557   \u2588\u2588\u2557",
+      "\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551",
+      "\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551",
+      "\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551",
+      "\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551",
+      "\u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2551   \u2588\u2588\u2551\u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551",
+      "\u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2551   \u2588\u2588\u2551\u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551",
+      "\u2588\u2588\u2551     \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551",
+      "\u2588\u2588\u2551     \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551",
+      "\u255A\u2550\u255D      \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D",
+      "\u255A\u2550\u255D      \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D"
+    ];
     FUSION_TAGLINE = "AI coding agent dashboard";
   }
 });
@@ -136431,43 +136524,48 @@ function formatRelativeTime(iso) {
   const h = Math.floor(m / 60);
   return `${h}h ago`;
 }
-function logoColor(index2) {
-  return LOGO_COLORS[Math.min(index2, LOGO_COLORS.length - 1)];
+function logoColor(index2, total) {
+  const slot = Math.min(
+    LOGO_COLORS.length - 1,
+    Math.floor(index2 / Math.max(1, total - 1) * (LOGO_COLORS.length - 1))
+  );
+  return LOGO_COLORS[slot];
 }
-function AnimatedFusionLogo() {
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", alignItems: "center", children: FUSION_LOGO_LINES.map((line, i) => /* @__PURE__ */ jsx(Text, { color: logoColor(i), bold: true, children: line }, i)) });
+function AnimatedFusionLogo({ lines }) {
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", alignItems: "center", children: lines.map((line, i) => /* @__PURE__ */ jsx(Text, { color: logoColor(i, lines.length), bold: true, children: line }, i)) });
 }
 function SplashScreen({ loadingStatus }) {
   const { stdout } = useStdout();
   const cols = stdout?.columns ?? 80;
   const rows = stdout?.rows ?? 24;
   const compact = cols < SPLASH_MIN_COLS || rows < SPLASH_MIN_ROWS;
+  const large = cols >= LARGE_LOGO_MIN_COLS && rows >= LARGE_LOGO_MIN_ROWS;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
-    compact ? /* @__PURE__ */ jsx(Text, { bold: true, color: "cyanBright", children: "FUSION" }) : /* @__PURE__ */ jsx(AnimatedFusionLogo, {}),
-    /* @__PURE__ */ jsx(Text, { color: "blueBright", dimColor: true, children: FUSION_TAGLINE }),
+    compact ? /* @__PURE__ */ jsx(Text, { bold: true, color: "cyanBright", children: "FUSION" }) : /* @__PURE__ */ jsx(AnimatedFusionLogo, { lines: large ? FUSION_LOGO_LARGE_LINES : FUSION_LOGO_LINES }),
+    /* @__PURE__ */ jsx(Text, { color: "cyanBright", dimColor: true, children: FUSION_TAGLINE }),
     /* @__PURE__ */ jsx(Box, { height: 1 }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
       /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
-      /* @__PURE__ */ jsx(Text, { color: "blueBright", dimColor: true, children: loadingStatus })
+      /* @__PURE__ */ jsx(Text, { color: "cyanBright", dimColor: true, children: loadingStatus })
     ] })
   ] });
 }
 function MiniLogo() {
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "FUSION" }) });
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyanBright", bold: true, children: "FUSION" }) });
 }
 function Panel({ title, isFocused, children, flexGrow, flexShrink, width }) {
   return /* @__PURE__ */ jsxs(
     Box,
     {
       borderStyle: "round",
-      borderColor: isFocused ? "cyan" : "gray",
+      borderColor: isFocused ? "cyanBright" : "gray",
       flexDirection: "column",
       flexGrow,
       flexShrink,
       width,
       overflow: "hidden",
       children: [
-        /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: isFocused, color: isFocused ? "cyan" : void 0, dimColor: !isFocused, children: title }) }),
+        /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: isFocused, color: isFocused ? "cyanBright" : void 0, dimColor: !isFocused, children: title }) }),
         /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children })
       ]
     }
@@ -136486,7 +136584,7 @@ function SystemPanel({ state, isFocused }) {
     ] }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "URL:" }),
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: info.baseUrl })
+      /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: info.baseUrl })
     ] }),
     info.authEnabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
@@ -136499,24 +136597,12 @@ function SystemPanel({ state, isFocused }) {
       ] }),
       info.tokenizedUrl && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Open:" }),
-        /* @__PURE__ */ jsx(Text, { wrap: "truncate", color: "cyanBright", children: info.tokenizedUrl })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press" }),
-        /* @__PURE__ */ jsx(Text, { color: "cyanBright", bold: true, children: "[Enter]" }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "to open in browser" })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Auth:" }),
-        /* @__PURE__ */ jsx(Text, { color: "yellow", children: "no auth" })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press" }),
-        /* @__PURE__ */ jsx(Text, { color: "cyanBright", bold: true, children: "[Enter]" }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "to open in browser" })
+        /* @__PURE__ */ jsx(Text, { wrap: "truncate", color: "white", children: info.tokenizedUrl })
       ] })
-    ] }),
+    ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Auth:" }),
+      /* @__PURE__ */ jsx(Text, { color: "yellow", children: "no auth" })
+    ] }) }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Engine:" }),
       info.engineMode === "dev" && /* @__PURE__ */ jsx(Text, { color: "yellow", children: "dev" }),
@@ -136533,40 +136619,113 @@ function SystemPanel({ state, isFocused }) {
     ] })
   ] }) });
 }
+function formatBytes2(bytes) {
+  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
+  const mb = bytes / (1024 * 1024);
+  if (mb < 1024) return `${mb.toFixed(0)} MB`;
+  return `${(mb / 1024).toFixed(2)} GB`;
+}
+function heapColor(used, limit) {
+  if (limit <= 0) return "green";
+  const pct = used / limit;
+  if (pct >= 0.85) return "red";
+  if (pct >= 0.65) return "yellow";
+  return "green";
+}
+function rssColor(rss, totalSystemMem) {
+  if (totalSystemMem <= 0) return void 0;
+  const pct = rss / totalSystemMem;
+  if (pct >= 0.5) return "red";
+  if (pct >= 0.25) return "yellow";
+  return void 0;
+}
+function sysMemColor(used, total) {
+  if (total <= 0) return void 0;
+  const pct = used / total;
+  if (pct >= 0.9) return "red";
+  if (pct >= 0.75) return "yellow";
+  return void 0;
+}
+function cpuColor(percent, cores) {
+  const norm = cores > 0 ? percent / cores : percent;
+  if (norm >= 80) return "red";
+  if (norm >= 50) return "yellow";
+  return void 0;
+}
+function StatRow({ label, children }) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx(Box, { width: 10, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: label }) }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children })
+  ] });
+}
+function SectionHeader({ title }) {
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "cyanBright", children: title }) });
+}
 function StatsPanel({ state, isFocused }) {
   const stats = state.taskStats;
-  return /* @__PURE__ */ jsx(Panel, { title: "Stats", isFocused, flexGrow: 1, children: !stats ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Statistics not available." }) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Total:" }),
-      /* @__PURE__ */ jsx(Text, { children: stats.total })
-    ] }),
-    Object.entries(stats.byColumn).map(([col, count]) => {
-      const name = col.replace(/-/g, " ");
-      const isActive = (col === "in-progress" || col === "in-review") && count > 0;
-      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginLeft: 1, children: [
-        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          name,
-          ":"
+  const sys = state.systemStats;
+  return /* @__PURE__ */ jsx(Panel, { title: "Stats", isFocused, flexGrow: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    sys && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SectionHeader, { title: "Process" }),
+      /* @__PURE__ */ jsxs(StatRow, { label: "RSS", children: [
+        /* @__PURE__ */ jsx(Text, { color: rssColor(sys.rss, sys.systemTotalMem), children: formatBytes2(sys.rss) }),
+        sys.systemTotalMem > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          (sys.rss / sys.systemTotalMem * 100).toFixed(1),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(StatRow, { label: "Heap", children: [
+        /* @__PURE__ */ jsx(Text, { color: heapColor(sys.heapUsed, sys.heapLimit), children: formatBytes2(sys.heapUsed) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "/" }),
+        /* @__PURE__ */ jsx(Text, { children: formatBytes2(sys.heapTotal) })
+      ] }),
+      /* @__PURE__ */ jsxs(StatRow, { label: "", children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "limit" }),
+        /* @__PURE__ */ jsx(Text, { children: formatBytes2(sys.heapLimit) })
+      ] }),
+      /* @__PURE__ */ jsxs(StatRow, { label: "External", children: [
+        /* @__PURE__ */ jsx(Text, { children: formatBytes2(sys.external) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "buffers" }),
+        /* @__PURE__ */ jsx(Text, { children: formatBytes2(sys.arrayBuffers) })
+      ] }),
+      /* @__PURE__ */ jsxs(StatRow, { label: "CPU", children: [
+        /* @__PURE__ */ jsxs(Text, { color: cpuColor(sys.cpuPercent, sys.cpuCount), children: [
+          sys.cpuPercent.toFixed(1),
+          "%"
         ] }),
-        /* @__PURE__ */ jsx(Text, { color: isActive ? "green" : void 0, children: count })
-      ] }, col);
-    }),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Agents:" }),
-    /* @__PURE__ */ jsxs(Box, { marginLeft: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "idle: ",
-        /* @__PURE__ */ jsx(Text, { color: "white", children: stats.agents.idle })
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "load" }),
+        /* @__PURE__ */ jsx(Text, { children: sys.loadAvg.map((n) => n.toFixed(2)).join(" ") })
       ] }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "active: ",
-        /* @__PURE__ */ jsx(Text, { color: "green", children: stats.agents.active })
+      /* @__PURE__ */ jsx(SectionHeader, { title: "System" }),
+      /* @__PURE__ */ jsxs(StatRow, { label: "Memory", children: [
+        /* @__PURE__ */ jsx(Text, { color: sysMemColor(sys.systemTotalMem - sys.systemFreeMem, sys.systemTotalMem), children: formatBytes2(sys.systemTotalMem - sys.systemFreeMem) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "used" }),
+        /* @__PURE__ */ jsx(Text, { children: formatBytes2(sys.systemFreeMem) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "free" })
       ] }),
-      /* @__PURE__ */ jsxs(Text, { color: stats.agents.error > 0 ? "red" : void 0, dimColor: stats.agents.error === 0, children: [
-        "error: ",
-        stats.agents.error
+      /* @__PURE__ */ jsxs(StatRow, { label: "Cores", children: [
+        /* @__PURE__ */ jsx(Text, { children: sys.cpuCount }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: sys.platform })
+      ] }),
+      /* @__PURE__ */ jsxs(StatRow, { label: "Node", children: [
+        /* @__PURE__ */ jsx(Text, { children: sys.nodeVersion }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "pid" }),
+        /* @__PURE__ */ jsx(Text, { children: sys.pid })
       ] })
-    ] })
+    ] }),
+    stats && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SectionHeader, { title: "Tasks" }),
+      Object.entries(stats.byColumn).map(([col, count]) => {
+        const name = col.replace(/-/g, " ");
+        const isActive = (col === "in-progress" || col === "in-review") && count > 0;
+        return /* @__PURE__ */ jsx(StatRow, { label: name, children: /* @__PURE__ */ jsx(Text, { color: isActive ? "green" : void 0, children: count }) }, col);
+      }),
+      /* @__PURE__ */ jsx(SectionHeader, { title: "Agents" }),
+      /* @__PURE__ */ jsx(StatRow, { label: "idle", children: /* @__PURE__ */ jsx(Text, { children: stats.agents.idle }) }),
+      /* @__PURE__ */ jsx(StatRow, { label: "active", children: /* @__PURE__ */ jsx(Text, { color: "green", children: stats.agents.active }) }),
+      /* @__PURE__ */ jsx(StatRow, { label: "error", children: /* @__PURE__ */ jsx(Text, { color: stats.agents.error > 0 ? "red" : void 0, children: stats.agents.error }) })
+    ] }),
+    !sys && !stats && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Stats not available." })
   ] }) });
 }
 function SettingsPanel({ state, isFocused }) {
@@ -136646,7 +136805,7 @@ function LogsPanel({
     visibleEntries.map((entry, displayIdx) => {
       const absoluteIndex = visibleStart + displayIdx;
       const isSelected = absoluteIndex === cursor;
-      const bg = isSelected ? "blue" : void 0;
+      const bg = isSelected ? "cyan" : void 0;
       const fg = isSelected ? "whiteBright" : void 0;
       const ts = formatTimestamp3(entry.timestamp);
       const lvl = entry.level === "error" ? "\u2717" : entry.level === "warn" ? "\u26A0" : "\u2713";
@@ -136659,7 +136818,7 @@ function LogsPanel({
           backgroundColor: bg,
           wrap: logsWrapEnabled ? "wrap" : "truncate-end",
           children: [
-            /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyanBright" : "gray", bold: isSelected, children: marker }),
+            /* @__PURE__ */ jsx(Text, { color: isSelected ? "white" : "gray", bold: isSelected, children: marker }),
             /* @__PURE__ */ jsxs(Text, { color: fg, dimColor: !isSelected, children: [
               ts,
               " "
@@ -136675,7 +136834,7 @@ function LogsPanel({
   ] }) });
 }
 function ExpandedLog({ entry, index: index2, total }) {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, width: "100%", children: [
     /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
       "Entry ",
       index2 + 1,
@@ -136722,6 +136881,7 @@ function HelpOverlay() {
     ["[b]", "Board view (interactive mode)"],
     ["[a]", "Agents view"],
     ["[g]", "Settings view"],
+    ["[t]", "Git view"],
     ["[s]", "Status mode"],
     ["[1] / [2] / [3]", "Board / Agents / Settings (interactive)"],
     ["[Tab]", "Cycle focused panel forward"],
@@ -136750,8 +136910,8 @@ function HelpOverlay() {
   const rowDescWidth = Math.max(...shortcuts.map(([, d]) => d.length));
   const innerWidth = rowKeyWidth + 2 + rowDescWidth + 2;
   const titleRow = " KEYBOARD SHORTCUTS".padEnd(innerWidth);
-  return /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", backgroundColor: "black", children: [
-    /* @__PURE__ */ jsx(Text, { backgroundColor: "black", bold: true, color: "cyanBright", children: titleRow }),
+  return /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: "cyanBright", flexDirection: "column", backgroundColor: "black", children: [
+    /* @__PURE__ */ jsx(Text, { backgroundColor: "black", bold: true, color: "white", children: titleRow }),
     /* @__PURE__ */ jsx(Text, { backgroundColor: "black", children: " " }),
     shortcuts.map(([key, desc]) => {
       const keyCell = ` ${key.padEnd(rowKeyWidth - 1)} `;
@@ -136772,24 +136932,13 @@ function StatusModeGrid({
   const bodyRows = Math.max(8, rows - 7);
   const logsAvailableRows = Math.max(4, bodyRows - 4);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingX: 1, paddingY: 0, children: [
-      /* @__PURE__ */ jsx(MiniLogo, {}),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-      SECTION_ORDER.map((section, i) => {
-        const isActive = section === focused;
-        const label = section.charAt(0).toUpperCase() + section.slice(1);
-        return /* @__PURE__ */ jsx(Box, { marginRight: 1, children: isActive ? /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: ` [${i + 1}] ${label} ` }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${i + 1}] ${label}` }) }, section);
-      }),
-      /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[b] board  [a] agents  [g] settings  [?] help  [q] quit" })
-    ] }),
+    /* @__PURE__ */ jsx(MainHeader, { state }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexGrow: 1, overflow: "hidden", children: [
-      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 5, overflow: "hidden", children: [
         /* @__PURE__ */ jsx(SystemPanel, { state, isFocused: focused === "system" }),
-        /* @__PURE__ */ jsx(StatsPanel, { state, isFocused: focused === "stats" }),
-        /* @__PURE__ */ jsx(SettingsPanel, { state, isFocused: focused === "settings" })
+        /* @__PURE__ */ jsx(StatsPanel, { state, isFocused: focused === "stats" })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 2, overflow: "hidden", children: [
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 6, overflow: "hidden", children: [
         /* @__PURE__ */ jsx(
           LogsPanel,
           {
@@ -136798,7 +136947,10 @@ function StatusModeGrid({
             availableRows: logsAvailableRows
           }
         ),
-        /* @__PURE__ */ jsx(UtilitiesPanel, { isFocused: focused === "utilities" })
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", overflow: "hidden", children: [
+          /* @__PURE__ */ jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx(UtilitiesPanel, { isFocused: focused === "utilities" }) }),
+          /* @__PURE__ */ jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx(SettingsPanel, { state, isFocused: focused === "settings" }) })
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ jsx(StatusBar, { state, controller })
@@ -136824,15 +136976,7 @@ function StatusModeSingle({
     }
   };
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingX: 1, children: [
-      /* @__PURE__ */ jsx(MiniLogo, {}),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-      SECTION_ORDER.map((section, i) => {
-        const isActive = section === focused;
-        const label = section.charAt(0).toUpperCase() + section.slice(1);
-        return /* @__PURE__ */ jsx(Box, { marginRight: 1, children: isActive ? /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: ` [${i + 1}] ${label} ` }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${i + 1}] ${label}` }) }, section);
-      })
-    ] }),
+    /* @__PURE__ */ jsx(MainHeader, { state }),
     /* @__PURE__ */ jsx(Box, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: activePanel() }),
     /* @__PURE__ */ jsx(StatusBar, { state, controller })
   ] });
@@ -136857,21 +137001,53 @@ function StatusBar({ state, controller: _controller }) {
     statusParts.length > 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: statusParts.join(" | ") })
   ] });
 }
-function InteractiveHeader({ activeView }) {
-  const tabs = [
+function MainHeader({ state }) {
+  const inInteractive = state.mode === "interactive";
+  const focused = state.activeSection;
+  const interactiveView = state.interactiveView;
+  const { stdout } = useStdout();
+  const cols = stdout?.columns ?? 80;
+  const rows = stdout?.rows ?? 24;
+  const interactiveTabs = [
     { key: "b", label: "Board", view: "board" },
     { key: "a", label: "Agents", view: "agents" },
-    { key: "g", label: "Settings", view: "settings" }
+    { key: "g", label: "Settings", view: "settings" },
+    { key: "t", label: "Git", view: "git" },
+    { key: "e", label: "Explorer", view: "files" }
   ];
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, paddingX: 1, children: [
+  if (rows < 10) return null;
+  const showHelpHint = cols >= 110;
+  const compactInteractive = cols < 100;
+  const compactSections = cols < 90;
+  const minimal = cols < 70;
+  const tiny = cols < 50;
+  if (tiny) {
+    const activeSectionIdx = inInteractive ? -1 : SECTION_ORDER.indexOf(focused);
+    const activeSectionLabel = activeSectionIdx >= 0 ? SECTION_ORDER[activeSectionIdx].charAt(0).toUpperCase() + SECTION_ORDER[activeSectionIdx].slice(1) : null;
+    const activeInteractive = inInteractive ? interactiveTabs.find((t) => t.view === interactiveView) ?? null : null;
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingX: 1, children: [
+      /* @__PURE__ */ jsx(MiniLogo, {}),
+      activeSectionLabel && /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: ` ${activeSectionIdx + 1} ${activeSectionLabel} ` }),
+      activeInteractive && /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: ` ${activeInteractive.key} ${activeInteractive.label} ` })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingX: 1, paddingY: 0, children: [
     /* @__PURE__ */ jsx(MiniLogo, {}),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-    tabs.map(({ key, label, view }) => {
-      const isActive = view === activeView;
-      return isActive ? /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: ` [${key}] ${label} ` }, view) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${key}] ${label}` }, view);
+    !minimal && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+    SECTION_ORDER.map((section, i) => {
+      const isActive = !inInteractive && section === focused;
+      const label = section.charAt(0).toUpperCase() + section.slice(1);
+      if (minimal && !isActive) return null;
+      return /* @__PURE__ */ jsx(Box, { marginRight: 1, children: isActive ? /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: compactSections ? ` ${i + 1} ${label} ` : ` [${i + 1}] ${label} ` }) : compactSections ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${i + 1}]` }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${i + 1}] ${label}` }) }, section);
+    }),
+    !minimal && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+    interactiveTabs.map(({ key, label, view }) => {
+      const isActive = inInteractive && view === interactiveView;
+      if (minimal && !isActive) return null;
+      return /* @__PURE__ */ jsx(Box, { marginRight: 1, children: isActive ? /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: compactInteractive ? ` ${key} ${label} ` : ` [${key}] ${label} ` }) : compactInteractive ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${key}]` }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${key}] ${label}` }) }, view);
     }),
     /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[s] status  [?] help  [q] quit" })
+    showHelpHint && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[?] help  [q] quit" })
   ] });
 }
 function columnLabel(col) {
@@ -136886,6 +137062,7 @@ function TaskCard({
   const borderColor = selected ? "cyanBright" : "gray";
   const titleColor = selected ? "whiteBright" : void 0;
   const shortId = task.id.length > 10 ? task.id.slice(0, 8) : task.id;
+  const title = task.title ?? task.description ?? "(untitled)";
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -136903,7 +137080,7 @@ function TaskCard({
             task.agentState
           ] })
         ] }),
-        /* @__PURE__ */ jsx(Text, { bold: selected, color: titleColor, wrap: "truncate-end", children: task.title ?? task.id })
+        /* @__PURE__ */ jsx(Text, { bold: selected, color: titleColor, wrap: "wrap", children: title })
       ]
     }
   );
@@ -136913,27 +137090,60 @@ function KanbanColumnView({
   tasks,
   isFocused,
   selectedIndex,
-  width
+  width,
+  availableRows
 }) {
   const accent = COLUMN_COLORS[column];
   const headerColor = isFocused ? "whiteBright" : accent;
-  const cardWidth = Math.max(12, width - 4);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width, flexShrink: 0, paddingX: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: headerColor, backgroundColor: isFocused ? accent : void 0, children: ` ${columnLabel(column).toUpperCase()} ` }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: tasks.length })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    tasks.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2014" }) : /* @__PURE__ */ jsx(Box, { flexDirection: "column", gap: 0, children: tasks.map((task, i) => /* @__PURE__ */ jsx(
-      TaskCard,
-      {
-        task,
-        selected: isFocused && i === selectedIndex,
-        width: cardWidth
-      },
-      task.id
-    )) })
-  ] });
+  const cardWidth = Math.max(16, width - 2);
+  const innerHeaderWidth = Math.max(8, width - 2);
+  const label = `${columnLabel(column).toUpperCase()} (${tasks.length})`;
+  const headerText = ` ${label} `.length > innerHeaderWidth ? ` ${label} `.slice(0, innerHeaderWidth) : ` ${label} `.padEnd(innerHeaderWidth, " ");
+  const cardRowsBudget = Math.max(0, availableRows - 4);
+  const visibleCount = Math.max(1, Math.floor(cardRowsBudget / 4));
+  const halfWindow = Math.floor(visibleCount / 2);
+  const maxStart = Math.max(0, tasks.length - visibleCount);
+  const windowStart = Math.max(0, Math.min(selectedIndex - halfWindow, maxStart));
+  const windowEnd = Math.min(tasks.length, windowStart + visibleCount);
+  const visibleTasks = tasks.slice(windowStart, windowEnd);
+  const hiddenAbove = windowStart;
+  const hiddenBelow = tasks.length - windowEnd;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      width,
+      flexShrink: 1,
+      flexGrow: 1,
+      paddingX: 1,
+      overflow: "hidden",
+      children: [
+        /* @__PURE__ */ jsx(Box, { width: innerHeaderWidth, flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { bold: true, color: headerColor, backgroundColor: isFocused ? accent : void 0, children: headerText }) }),
+        /* @__PURE__ */ jsx(Box, { height: 1, flexShrink: 0 }),
+        tasks.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2014" }) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", gap: 0, flexShrink: 1, overflow: "hidden", children: [
+          hiddenAbove > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "\u2191 ",
+            hiddenAbove,
+            " more"
+          ] }),
+          visibleTasks.map((task, i) => /* @__PURE__ */ jsx(
+            TaskCard,
+            {
+              task,
+              selected: isFocused && windowStart + i === selectedIndex,
+              width: cardWidth
+            },
+            task.id
+          )),
+          hiddenBelow > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "\u2193 ",
+            hiddenBelow,
+            " more"
+          ] })
+        ] })
+      ]
+    }
+  );
 }
 function ProjectSelector({
   open,
@@ -136945,7 +137155,7 @@ function ProjectSelector({
   if (!open) {
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Project:" }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyanBright", children: current?.name ?? "(none)" }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: current?.name ?? "(none)" }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[p] change" })
     ] });
   }
@@ -136953,17 +137163,17 @@ function ProjectSelector({
     Box,
     {
       borderStyle: "round",
-      borderColor: "cyan",
+      borderColor: "cyanBright",
       flexDirection: "column",
       paddingX: 1,
       backgroundColor: "black",
       width: Math.max(30, ...projects.map((p) => p.name.length + 4)),
       children: [
-        /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", backgroundColor: "black", children: "Pick a project" }),
+        /* @__PURE__ */ jsx(Text, { bold: true, color: "cyanBright", backgroundColor: "black", children: "Pick a project" }),
         projects.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, backgroundColor: "black", children: "(no projects registered)" }) : projects.map((p, i) => {
           const isSel = i === selectedIndex;
           return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, backgroundColor: "black", children: [
-            /* @__PURE__ */ jsx(Text, { color: isSel ? "cyanBright" : "gray", backgroundColor: "black", children: isSel ? "\u25B6" : " " }),
+            /* @__PURE__ */ jsx(Text, { color: isSel ? "white" : "gray", backgroundColor: "black", children: isSel ? "\u25B6" : " " }),
             /* @__PURE__ */ jsx(Text, { bold: isSel, color: isSel ? "whiteBright" : void 0, backgroundColor: "black", children: p.name })
           ] }, p.id);
         }),
@@ -136973,40 +137183,226 @@ function ProjectSelector({
     }
   );
 }
-function TaskDetailScreen({ task }) {
+function formatDurationMs(ms) {
+  const s = Math.floor(ms / 1e3);
+  const m = Math.floor(s / 60);
+  if (m > 0) return `${m}m ${s % 60}s`;
+  return `${s}s`;
+}
+function formatLogTime(iso) {
+  try {
+    const d = new Date(iso);
+    return `${d.getHours().toString().padStart(2, "0")}:${d.getMinutes().toString().padStart(2, "0")}:${d.getSeconds().toString().padStart(2, "0")}`;
+  } catch {
+    return "??:??:??";
+  }
+}
+function TaskDetailScreen({
+  task,
+  projectPath,
+  interactiveData
+}) {
+  const { stdout } = useStdout();
+  const rows = stdout?.rows ?? 24;
+  const [detail, setDetail] = useState2(null);
+  const [logScrollOffset, setLogScrollOffset] = useState2(0);
+  const [autoFollow, setAutoFollow] = useState2(true);
+  const FIXED_ROWS = 22;
+  const logPaneRows = Math.max(4, rows - FIXED_ROWS);
+  useEffect2(() => {
+    if (!projectPath || !interactiveData) {
+      setDetail("unavailable");
+      return;
+    }
+    let cancelled = false;
+    void interactiveData.tasks.getTaskDetail(projectPath, task.id).then((d) => {
+      if (cancelled) return;
+      if (d === null) {
+        setDetail("unavailable");
+      } else {
+        const trimmed = { ...d, recentLogs: d.recentLogs.slice(-INITIAL_LOG_LIMIT) };
+        setDetail(trimmed);
+      }
+    });
+    const unsub = interactiveData.tasks.subscribeTaskEvents(
+      projectPath,
+      task.id,
+      (event) => {
+        if (cancelled) return;
+        setDetail((prev) => {
+          if (!prev || prev === "unavailable") return prev;
+          if (event.kind === "step:updated") {
+            const steps = prev.steps.map(
+              (s) => s.index === event.step.index ? event.step : s
+            );
+            return { ...prev, steps };
+          }
+          if (event.kind === "log:appended") {
+            const logs = [...prev.recentLogs, event.entry];
+            const trimmed = logs.length > MAX_LOG_ENTRIES2 ? logs.slice(logs.length - MAX_LOG_ENTRIES2) : logs;
+            return { ...prev, recentLogs: trimmed };
+          }
+          if (event.kind === "task:updated") {
+            const merged = [...prev.recentLogs, ...event.task.recentLogs];
+            const deduped = Array.from(
+              new Map(merged.map((e) => [e.timestamp + e.text, e])).values()
+            );
+            const trimmed = deduped.length > MAX_LOG_ENTRIES2 ? deduped.slice(deduped.length - MAX_LOG_ENTRIES2) : deduped;
+            return { ...event.task, recentLogs: trimmed };
+          }
+          return prev;
+        });
+      }
+    );
+    return () => {
+      cancelled = true;
+      unsub();
+    };
+  }, [projectPath, task.id]);
+  const logCount = detail && detail !== "unavailable" ? detail.recentLogs.length : 0;
+  useEffect2(() => {
+    if (autoFollow) setLogScrollOffset(0);
+  }, [autoFollow, logCount]);
+  useInput((input, key) => {
+    if (detail && detail !== "unavailable" && detail.recentLogs.length > 0) {
+      const maxOffset = Math.max(0, detail.recentLogs.length - logPaneRows);
+      if (key.upArrow || input === "k") {
+        setAutoFollow(false);
+        setLogScrollOffset((o) => Math.min(maxOffset, o + 1));
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setLogScrollOffset((o) => {
+          const next = Math.max(0, o - 1);
+          if (next === 0) setAutoFollow(true);
+          return next;
+        });
+        return;
+      }
+      if (key.pageUp) {
+        setAutoFollow(false);
+        setLogScrollOffset((o) => Math.min(maxOffset, o + Math.floor(logPaneRows / 2)));
+        return;
+      }
+      if (key.pageDown) {
+        setLogScrollOffset((o) => {
+          const next = Math.max(0, o - Math.floor(logPaneRows / 2));
+          if (next === 0) setAutoFollow(true);
+          return next;
+        });
+        return;
+      }
+      if (input === "G") {
+        setLogScrollOffset(0);
+        setAutoFollow(true);
+        return;
+      }
+      if (input === "g") {
+        setAutoFollow(false);
+        setLogScrollOffset(maxOffset);
+        return;
+      }
+    }
+  });
   const accent = COLUMN_COLORS[task.column] ?? "white";
   return /* @__PURE__ */ jsxs(
     Box,
     {
       borderStyle: "round",
-      borderColor: "cyan",
+      borderColor: "cyanBright",
       flexDirection: "column",
       paddingX: 2,
       paddingY: 1,
       flexGrow: 1,
       children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: task.id }),
-        /* @__PURE__ */ jsx(Box, { height: 1 }),
-        /* @__PURE__ */ jsx(Text, { bold: true, color: "whiteBright", wrap: "wrap", children: task.title ?? task.id }),
-        /* @__PURE__ */ jsx(Box, { height: 1 }),
-        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Column " }),
-            /* @__PURE__ */ jsx(Text, { color: accent, bold: true, children: columnLabel(task.column) })
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "space-between", flexShrink: 0, children: [
+          /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: task.id }),
+            /* @__PURE__ */ jsxs(Text, { color: accent, bold: true, children: [
+              "[",
+              columnLabel(task.column),
+              "]"
+            ] }),
+            task.agentState && /* @__PURE__ */ jsxs(Text, { color: accent, children: [
+              "\u25B6 ",
+              task.agentState
+            ] })
           ] }),
-          task.agentState && /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Agent " }),
-            /* @__PURE__ */ jsx(Text, { color: accent, bold: true, children: task.agentState })
-          ] })
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[Esc] back" })
         ] }),
-        task.description && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Box, { height: 1 }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500 Description \u2500\u2500\u2500\u2500" }),
-          /* @__PURE__ */ jsx(Box, { height: 1 }),
-          /* @__PURE__ */ jsx(Text, { wrap: "wrap", children: task.description })
+        /* @__PURE__ */ jsx(Box, { height: 1, flexShrink: 0 }),
+        /* @__PURE__ */ jsx(Text, { bold: true, color: "whiteBright", wrap: "wrap", children: task.title ?? task.id }),
+        /* @__PURE__ */ jsx(Box, { height: 1, flexShrink: 0 }),
+        detail === null && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, flexShrink: 0, children: [
+          /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading task details\u2026" })
+        ] }),
+        detail === "unavailable" && /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Task no longer available \u2014 Esc to go back" }),
+        detail && detail !== "unavailable" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          (detail.branch || detail.worktree) && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, flexShrink: 0, children: [
+            detail.branch && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Branch" }),
+              /* @__PURE__ */ jsx(Text, { color: "cyan", children: detail.branch })
+            ] }),
+            detail.worktree && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Worktree" }),
+              /* @__PURE__ */ jsx(Text, { color: "cyan", wrap: "truncate", children: detail.worktree })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Box, { height: 1, flexShrink: 0 }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500 Steps \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
+          detail.steps.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(no steps yet)" }) : detail.steps.map((step) => {
+            const icon = STEP_ICON[step.status] ?? "\xB7";
+            const color = STEP_COLOR[step.status] ?? "white";
+            const isRunning = step.status === "running";
+            const isDone = step.status === "done" || step.status === "failed" || step.status === "skipped";
+            let durationText = "";
+            if (isRunning && step.startedAt) {
+              const elapsed = Date.now() - new Date(step.startedAt).getTime();
+              durationText = ` (running \u2014 ${formatDurationMs(elapsed)})`;
+            } else if (isDone && step.startedAt && step.endedAt) {
+              const elapsed = new Date(step.endedAt).getTime() - new Date(step.startedAt).getTime();
+              durationText = ` (${step.status} \u2014 ${formatDurationMs(elapsed)})`;
+            }
+            return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, flexShrink: 0, children: [
+              /* @__PURE__ */ jsx(Text, { color, children: icon }),
+              /* @__PURE__ */ jsxs(Text, { bold: isRunning, color: isRunning ? "whiteBright" : void 0, dimColor: step.status === "pending", children: [
+                step.index + 1,
+                ". ",
+                step.name
+              ] }),
+              durationText !== "" && /* @__PURE__ */ jsx(Text, { dimColor: true, children: durationText })
+            ] }, step.index);
+          }),
+          /* @__PURE__ */ jsx(Box, { height: 1, flexShrink: 0 }),
+          /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "space-between", flexShrink: 0, children: [
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500 Logs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
+            /* @__PURE__ */ jsx(Text, { color: autoFollow ? "cyanBright" : void 0, dimColor: !autoFollow, children: autoFollow ? "[live]" : "[paused]" })
+          ] }),
+          detail.recentLogs.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(no log entries yet)" }) : /* @__PURE__ */ jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: (() => {
+            const logs = detail.recentLogs;
+            const total = logs.length;
+            const endIdx = total - logScrollOffset;
+            const startIdx = Math.max(0, endIdx - logPaneRows);
+            const visible = logs.slice(startIdx, endIdx);
+            return visible.map((entry, i) => {
+              const levelColor = entry.level === "warn" ? "yellow" : entry.level === "error" ? "red" : entry.level === "debug" ? "gray" : "white";
+              const levelLabel = entry.level.toUpperCase().padEnd(5);
+              return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, flexShrink: 0, children: [
+                /* @__PURE__ */ jsx(Text, { dimColor: true, children: formatLogTime(entry.timestamp) }),
+                /* @__PURE__ */ jsx(Text, { color: levelColor, children: levelLabel }),
+                entry.source && /* @__PURE__ */ jsxs(Text, { color: "cyan", dimColor: true, children: [
+                  "[",
+                  entry.source,
+                  "]"
+                ] }),
+                /* @__PURE__ */ jsx(Text, { wrap: "wrap", children: entry.text })
+              ] }, startIdx + i);
+            });
+          })() })
         ] }),
         /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[Esc / Backspace] back to board \xB7 [q] quit" })
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191\u2193/j/k scroll \xB7 PgUp/PgDn half-page \xB7 g top \xB7 G bottom \xB7 Esc back" })
       ]
     }
   );
@@ -137027,10 +137423,13 @@ function groupTasksByColumn(tasks) {
   }
   return out;
 }
-function BoardView({ state }) {
+function BoardView({ state, controller }) {
   const { stdout } = useStdout();
   const cols = stdout?.columns ?? 80;
-  const columnWidth = Math.max(20, Math.floor((cols - 2) / KANBAN_COLUMNS.length));
+  const rows = stdout?.rows ?? 24;
+  const isNarrow = cols < NARROW_THRESHOLD;
+  const columnWidth = isNarrow ? Math.max(20, cols - 2) : Math.max(20, Math.floor((cols - 2) / KANBAN_COLUMNS.length));
+  const availableCardRows = Math.max(8, rows - 8);
   const [subView, setSubView] = useState2("board");
   const [projectIndex, setProjectIndex] = useState2(0);
   const [colIndex, setColIndex] = useState2(0);
@@ -137048,6 +137447,12 @@ function BoardView({ state }) {
   const selectedProject = projectsState.projects[projectIndex] ?? null;
   const tasksState = useTasks(state.interactiveData, selectedProject);
   const grouped = groupTasksByColumn(tasksState.tasks);
+  useEffect2(() => {
+    controller.setBoardScopedProjectPath(selectedProject?.path ?? null);
+    return () => {
+      controller.setBoardScopedProjectPath(null);
+    };
+  }, [controller, selectedProject?.path]);
   const focusedColumn = KANBAN_COLUMNS[colIndex];
   const focusedTasks = grouped[focusedColumn];
   const focusedRow = clamp2(rowByColumn[focusedColumn] ?? 0, 0, Math.max(0, focusedTasks.length - 1));
@@ -137087,6 +137492,18 @@ function BoardView({ state }) {
       }
       return;
     }
+    if (input === "g") {
+      controller.setInteractiveView("settings");
+      return;
+    }
+    if (input === "a" || input === "A") {
+      controller.setInteractiveView("agents");
+      return;
+    }
+    if (input === "t" || input === "T") {
+      controller.setInteractiveView("git");
+      return;
+    }
     if (input === "p" || input === "P") {
       setPickerOriginal(projectIndex);
       setSubView("picker");
@@ -137126,7 +137543,8 @@ function BoardView({ state }) {
       return;
     }
   });
-  const hintText = subView === "picker" ? "\u2191\u2193 pick \xB7 Enter confirm \xB7 Esc cancel" : subView === "detail" ? "Esc back \xB7 q quit" : subView === "create" ? "type a task title \xB7 Enter create \xB7 Esc cancel" : "\u2190\u2192 column \xB7 \u2191\u2193 task \xB7 Enter open \xB7 n new \xB7 p project";
+  const narrowColumnIndicator = isNarrow ? ` \xB7 ${colIndex + 1}/${KANBAN_COLUMNS.length} ${columnLabel(focusedColumn).toUpperCase()} (${focusedTasks.length})` : "";
+  const hintText = subView === "picker" ? "\u2191\u2193 pick \xB7 Enter confirm \xB7 Esc cancel" : subView === "detail" ? "Esc back \xB7 q quit" : subView === "create" ? "type a task title \xB7 Enter create \xB7 Esc cancel" : `\u2190\u2192 column \xB7 \u2191\u2193 task \xB7 Enter open \xB7 n new \xB7 p project${narrowColumnIndicator}`;
   const submitNewTask = async () => {
     const title = newTaskTitle.trim();
     if (!title) {
@@ -137151,7 +137569,7 @@ function BoardView({ state }) {
     }
   };
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, paddingX: 1, flexShrink: 0, children: [
       /* @__PURE__ */ jsx(
         ProjectSelector,
         {
@@ -137164,18 +137582,18 @@ function BoardView({ state }) {
       /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: hintText })
     ] }),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
+    /* @__PURE__ */ jsx(Box, { height: 1, flexShrink: 0 }),
     subView === "create" ? /* @__PURE__ */ jsx(Box, { justifyContent: "center", alignItems: "center", flexGrow: 1, children: /* @__PURE__ */ jsxs(
       Box,
       {
         borderStyle: "round",
-        borderColor: "cyan",
+        borderColor: "cyanBright",
         flexDirection: "column",
         paddingX: 2,
         paddingY: 1,
         width: Math.min(80, Math.max(40, cols - 8)),
         children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "cyanBright", children: "New Task" }),
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: "New Task" }),
           /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
             "Project: ",
             selectedProject?.name ?? "(none)"
@@ -137183,7 +137601,7 @@ function BoardView({ state }) {
           /* @__PURE__ */ jsx(Box, { height: 1 }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Title" }),
           /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: "\u25B8 " }),
+            /* @__PURE__ */ jsx(Text, { color: "white", children: "\u25B8 " }),
             /* @__PURE__ */ jsx(
               TextInput,
               {
@@ -137197,25 +137615,44 @@ function BoardView({ state }) {
           /* @__PURE__ */ jsx(Box, { height: 1 }),
           createError && /* @__PURE__ */ jsx(Text, { color: "red", children: createError }),
           creating ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-            /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+            /* @__PURE__ */ jsx(Text, { color: "white", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Creating\u2026" })
           ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Enter to create \xB7 Esc to cancel" })
         ]
       }
-    ) }) : subView === "detail" && selectedTask ? /* @__PURE__ */ jsx(Box, { flexGrow: 1, paddingX: 1, children: /* @__PURE__ */ jsx(TaskDetailScreen, { task: selectedTask }) }) : tasksState.loading ? /* @__PURE__ */ jsxs(Box, { justifyContent: "center", alignItems: "center", flexGrow: 1, gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+    ) }) : subView === "detail" && selectedTask ? /* @__PURE__ */ jsx(Box, { flexGrow: 1, paddingX: 1, children: /* @__PURE__ */ jsx(
+      TaskDetailScreen,
+      {
+        task: selectedTask,
+        projectPath: selectedProject?.path ?? null,
+        interactiveData: state.interactiveData
+      }
+    ) }) : tasksState.loading ? /* @__PURE__ */ jsxs(Box, { justifyContent: "center", alignItems: "center", flexGrow: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "white", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading tasks\u2026" })
     ] }) : tasksState.tasks.length === 0 ? /* @__PURE__ */ jsxs(Box, { justifyContent: "center", alignItems: "center", flexGrow: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No tasks in this project." }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press [p] to switch projects." })
-    ] }) : /* @__PURE__ */ jsx(Box, { flexDirection: "row", flexGrow: 1, overflow: "hidden", children: KANBAN_COLUMNS.map((col, i) => /* @__PURE__ */ jsx(
+    ] }) : /* @__PURE__ */ jsx(Box, { flexDirection: "row", flexGrow: 1, overflow: "hidden", children: isNarrow ? /* @__PURE__ */ jsx(
+      KanbanColumnView,
+      {
+        column: focusedColumn,
+        tasks: focusedTasks,
+        isFocused: true,
+        selectedIndex: focusedRow,
+        width: columnWidth,
+        availableRows: availableCardRows
+      },
+      focusedColumn
+    ) : KANBAN_COLUMNS.map((col, i) => /* @__PURE__ */ jsx(
       KanbanColumnView,
       {
         column: col,
         tasks: grouped[col],
         isFocused: i === colIndex,
         selectedIndex: rowByColumn[col] ?? 0,
-        width: columnWidth
+        width: columnWidth,
+        availableRows: availableCardRows
       },
       col
     )) })
@@ -137224,7 +137661,7 @@ function BoardView({ state }) {
 function agentStateColor(state) {
   switch (state) {
     case "active":
-      return "cyan";
+      return "cyanBright";
     case "running":
       return "green";
     case "error":
@@ -137241,7 +137678,7 @@ function heartbeatFreshness(lastHeartbeatAt) {
 function AgentsView({ state }) {
   const { stdout } = useStdout();
   const cols = stdout?.columns ?? 80;
-  const isNarrow = cols < 80;
+  const isNarrow = cols < NARROW_THRESHOLD;
   const [selectedIndex, setSelectedIndex] = useState2(0);
   const [agents, setAgents] = useState2([]);
   const [detail, setDetail] = useState2(null);
@@ -137306,6 +137743,14 @@ function AgentsView({ state }) {
       setDetailFocused((f) => !f);
       return;
     }
+    if (key.leftArrow) {
+      setDetailFocused(false);
+      return;
+    }
+    if (key.rightArrow) {
+      setDetailFocused(true);
+      return;
+    }
     if (!detailFocused) {
       if (key.upArrow || input === "k") {
         setSelectedIndex((i) => Math.max(0, i - 1));
@@ -137359,19 +137804,19 @@ function AgentsView({ state }) {
   }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
     statusMsg && /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: statusMsg }) }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: isNarrow ? "column" : "row", flexGrow: 1, overflow: "hidden", children: [
-      /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexGrow: 1, overflow: "hidden", children: [
+      (!isNarrow || !detailFocused) && /* @__PURE__ */ jsxs(
         Box,
         {
           borderStyle: "round",
-          borderColor: detailFocused ? "gray" : "cyan",
+          borderColor: detailFocused ? "gray" : "cyanBright",
           flexDirection: "column",
           width: isNarrow ? void 0 : "30%",
           flexGrow: isNarrow ? 1 : 0,
           flexShrink: 0,
           overflow: "hidden",
           children: [
-            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { bold: !detailFocused, color: !detailFocused ? "cyan" : void 0, dimColor: detailFocused, children: [
+            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { bold: !detailFocused, color: !detailFocused ? "cyanBright" : void 0, dimColor: detailFocused, children: [
               "Agents (",
               agents.length,
               ")"
@@ -137380,7 +137825,7 @@ function AgentsView({ state }) {
               const isSel = i === selectedIndex;
               const { fresh, label } = heartbeatFreshness(agent.lastHeartbeatAt);
               return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-                /* @__PURE__ */ jsx(Text, { color: isSel ? "cyanBright" : "gray", children: isSel ? "\u25B6" : " " }),
+                /* @__PURE__ */ jsx(Text, { color: isSel ? "white" : "gray", children: isSel ? "\u25B6" : " " }),
                 /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
                   /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
                     /* @__PURE__ */ jsx(Text, { bold: isSel, color: isSel ? "whiteBright" : void 0, wrap: "truncate", children: agent.name }),
@@ -137396,18 +137841,18 @@ function AgentsView({ state }) {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs(
+      (!isNarrow || detailFocused) && /* @__PURE__ */ jsxs(
         Box,
         {
           borderStyle: "round",
-          borderColor: detailFocused ? "cyan" : "gray",
+          borderColor: detailFocused ? "cyanBright" : "gray",
           flexDirection: "column",
           flexGrow: 1,
           overflow: "hidden",
           children: [
-            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: detailFocused, color: detailFocused ? "cyan" : void 0, dimColor: !detailFocused, children: "Agent Detail" }) }),
+            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: detailFocused, color: detailFocused ? "cyanBright" : void 0, dimColor: !detailFocused, children: "Agent Detail" }) }),
             /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: !selectedAgent ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Select an agent from the list." }) : loadingDetail ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-              /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+              /* @__PURE__ */ jsx(Text, { color: "white", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading\u2026" })
             ] }) : !detail ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Could not load agent detail." }) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
               /* @__PURE__ */ jsx(Text, { bold: true, color: "whiteBright", children: detail.name }),
@@ -137427,7 +137872,7 @@ function AgentsView({ state }) {
               ] }),
               detail.taskId && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
                 /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Task:" }),
-                /* @__PURE__ */ jsx(Text, { color: "cyan", children: detail.taskId })
+                /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: detail.taskId })
               ] }),
               detail.capabilities.length > 0 && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
                 /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Caps:" }),
@@ -137447,7 +137892,13 @@ function AgentsView({ state }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[s] start  [x] stop  [D] delete  [r] refresh  [Tab] focus  \u2191\u2193 select" }) })
+    /* @__PURE__ */ jsxs(Box, { paddingX: 1, flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[s] start  [x] stop  [D] delete  [r] refresh  [Tab] focus  \u2191\u2193 select" }),
+      isNarrow && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "[narrow] ",
+        detailFocused ? "detail" : "list"
+      ] })
+    ] })
   ] });
 }
 function SettingsInteractiveView({ state }) {
@@ -137546,7 +137997,7 @@ function SettingsInteractiveView({ state }) {
       return /* @__PURE__ */ jsx(Text, { color: v ? "green" : "yellow", children: v ? "enabled" : "disabled" });
     }
     if (def.type === "enum") {
-      return /* @__PURE__ */ jsx(Text, { color: "cyan", children: String(v) });
+      return /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: String(v) });
     }
     return /* @__PURE__ */ jsx(Text, { children: String(v) });
   }
@@ -137557,16 +138008,16 @@ function SettingsInteractiveView({ state }) {
         Box,
         {
           borderStyle: "round",
-          borderColor: detailFocused ? "gray" : "cyan",
+          borderColor: detailFocused ? "gray" : "cyanBright",
           flexDirection: "column",
           width: "35%",
           overflow: "hidden",
           children: [
-            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: !detailFocused, color: !detailFocused ? "cyan" : void 0, dimColor: detailFocused, children: "Settings" }) }),
+            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: !detailFocused, color: !detailFocused ? "cyanBright" : void 0, dimColor: detailFocused, children: "Settings" }) }),
             /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: !localSettings ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading\u2026" }) : SETTING_DEFS.map((def, i) => {
               const isSel = i === selectedIndex;
               return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-                /* @__PURE__ */ jsx(Text, { color: isSel ? "cyanBright" : "gray", children: isSel ? "\u25B6" : " " }),
+                /* @__PURE__ */ jsx(Text, { color: isSel ? "white" : "gray", children: isSel ? "\u25B6" : " " }),
                 /* @__PURE__ */ jsx(Text, { bold: isSel, color: isSel ? "whiteBright" : void 0, wrap: "truncate", children: def.label }),
                 /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
                 renderValue(def, localSettings)
@@ -137579,12 +138030,12 @@ function SettingsInteractiveView({ state }) {
         Box,
         {
           borderStyle: "round",
-          borderColor: detailFocused ? "cyan" : "gray",
+          borderColor: detailFocused ? "cyanBright" : "gray",
           flexDirection: "column",
           flexGrow: 1,
           overflow: "hidden",
           children: [
-            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: detailFocused, color: detailFocused ? "cyan" : void 0, dimColor: !detailFocused, children: "Edit / Models" }) }),
+            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: detailFocused, color: detailFocused ? "cyanBright" : void 0, dimColor: !detailFocused, children: "Edit / Models" }) }),
             /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: !localSettings ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading settings\u2026" }) : !selectedDef ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { bold: true, color: "whiteBright", children: selectedDef.label }),
               /* @__PURE__ */ jsx(Box, { height: 1 }),
@@ -137598,7 +138049,7 @@ function SettingsInteractiveView({ state }) {
               selectedDef.type === "enum" && selectedDef.options && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
                 /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[\u2190/\u2192] cycle options:" }),
                 selectedDef.options.map((opt) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginLeft: 1, children: [
-                  /* @__PURE__ */ jsx(Text, { color: localSettings[selectedDef.key] === opt ? "cyanBright" : "gray", children: localSettings[selectedDef.key] === opt ? "\u25B6" : " " }),
+                  /* @__PURE__ */ jsx(Text, { color: localSettings[selectedDef.key] === opt ? "white" : "gray", children: localSettings[selectedDef.key] === opt ? "\u25B6" : " " }),
                   /* @__PURE__ */ jsx(Text, { children: opt })
                 ] }, opt))
               ] }),
@@ -137629,20 +138080,989 @@ function SettingsInteractiveView({ state }) {
     /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[Tab] switch panel  \u2191\u2193 select setting  [Space] toggle bool  [+/-] adjust num  [\u2190/\u2192] cycle enum" }) })
   ] });
 }
-function InteractiveMode({ state }) {
+function relMs(ms) {
+  if (ms === null) return "never";
+  const diff = Date.now() - ms;
+  const s = Math.floor(diff / 1e3);
+  if (s < 60) return `${s}s ago`;
+  const m = Math.floor(s / 60);
+  if (m < 60) return `${m}m ago`;
+  const h = Math.floor(m / 60);
+  if (h < 24) return `${h}h ago`;
+  return `${Math.floor(h / 24)}d ago`;
+}
+function statusColor(s) {
+  if (s === "A") return "green";
+  if (s === "D") return "red";
+  if (s === "R" || s === "C") return "cyan";
+  if (s === "M" || s === "m") return "yellow";
+  return "gray";
+}
+function truncatePath(p, maxLen) {
+  if (p.length <= maxLen) return p;
+  return "\u2026" + p.slice(-(maxLen - 1));
+}
+function authorInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) return (parts[0] ?? "?").slice(0, 2).toUpperCase();
+  return ((parts[0]?.[0] ?? "") + (parts[parts.length - 1]?.[0] ?? "")).toUpperCase();
+}
+function PushModal({
+  status,
+  commits,
+  onConfirm,
+  onCancel
+}) {
+  useInput((_input, key) => {
+    if (key.return) {
+      onConfirm();
+      return;
+    }
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+  });
+  const toPush = commits.slice(0, status.ahead);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      position: "absolute",
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "cyanBright",
+      paddingX: 2,
+      paddingY: 1,
+      backgroundColor: "black",
+      children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: "Push to remote" }),
+        /* @__PURE__ */ jsx(Box, { height: 1 }),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Branch:" }),
+          /* @__PURE__ */ jsx(Text, { color: "cyan", children: status.branch }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "ahead" }),
+          /* @__PURE__ */ jsx(Text, { color: "yellow", children: status.ahead })
+        ] }),
+        toPush.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Box, { height: 1 }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Commits to push (oldest\u2192newest):" }),
+          [...toPush].reverse().map((c) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginLeft: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: c.shortSha }),
+            /* @__PURE__ */ jsx(Text, { wrap: "truncate", children: c.subject })
+          ] }, c.sha))
+        ] }),
+        /* @__PURE__ */ jsx(Box, { height: 1 }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[Enter] push  [Esc] cancel" })
+      ]
+    }
+  );
+}
+function GitView({ state }) {
+  const { stdout } = useStdout();
+  const cols = stdout?.columns ?? 80;
+  const data = state.interactiveData;
+  const [projectIndex, setProjectIndex] = useState2(0);
+  const [pickerOpen, setPickerOpen] = useState2(false);
+  const [pickerOriginal, setPickerOriginal] = useState2(0);
+  const projectsState = useProjects(data);
+  const selectedProject = projectsState.projects[projectIndex] ?? null;
+  const projectPath = selectedProject?.path ?? null;
+  const [gitStatus, setGitStatus] = useState2(null);
+  const [commits, setCommits] = useState2([]);
+  const [branches, setBranches] = useState2([]);
+  const [worktrees, setWorktrees] = useState2([]);
+  const [loading, setLoading] = useState2(false);
+  const [statusMsg, setStatusMsg] = useState2(null);
+  const [commitIndex, setCommitIndex] = useState2(0);
+  const [commitDetail, setCommitDetail] = useState2(null);
+  const [loadingDetail, setLoadingDetail] = useState2(false);
+  const [branchIndex, setBranchIndex] = useState2(0);
+  const [worktreeIndex, setWorktreeIndex] = useState2(0);
+  const [activePane, setActivePane] = useState2("status");
+  const [pushModal, setPushModal] = useState2(null);
+  const refresh = useCallback2(async () => {
+    if (!data || !projectPath) return;
+    setLoading(true);
+    try {
+      const [s, c, b, w] = await Promise.all([
+        data.git.getStatus(projectPath),
+        data.git.listCommits(projectPath, 15),
+        data.git.listBranches(projectPath),
+        data.git.listWorktrees(projectPath)
+      ]);
+      setGitStatus(s);
+      setCommits(c);
+      setBranches(b);
+      setWorktrees(w);
+    } catch (err) {
+      setStatusMsg(`Error: ${err instanceof Error ? err.message : String(err)}`);
+    } finally {
+      setLoading(false);
+    }
+  }, [data, projectPath]);
+  useEffect2(() => {
+    void refresh();
+  }, [refresh]);
+  useEffect2(() => {
+    const id = setInterval(() => {
+      void refresh();
+    }, 5e3);
+    return () => clearInterval(id);
+  }, [refresh]);
+  const selectedCommit = commits[commitIndex] ?? null;
+  useEffect2(() => {
+    if (!data || !projectPath || !selectedCommit) {
+      setCommitDetail(null);
+      return;
+    }
+    setLoadingDetail(true);
+    data.git.showCommit(projectPath, selectedCommit.sha).then((d) => {
+      setCommitDetail(d);
+      setLoadingDetail(false);
+    }).catch(() => {
+      setCommitDetail(null);
+      setLoadingDetail(false);
+    });
+  }, [data, projectPath, selectedCommit?.sha]);
+  useInput((input, key) => {
+    if (pushModal) {
+      if (pushModal.phase === "confirm") {
+        if (key.return) {
+          setPushModal({ phase: "pushing" });
+          if (data && projectPath) {
+            data.git.push(projectPath).then((result) => {
+              setPushModal({ phase: "done", message: result.output || (result.success ? "Push successful" : "Push failed"), isError: !result.success });
+              if (result.success) {
+                setTimeout(() => {
+                  setPushModal(null);
+                  void refresh();
+                }, 2e3);
+              }
+            }).catch((err) => {
+              setPushModal({ phase: "done", message: err instanceof Error ? err.message : String(err), isError: true });
+            });
+          }
+          return;
+        }
+        if (key.escape) {
+          setPushModal(null);
+          return;
+        }
+      }
+      if (pushModal.phase === "done" && (pushModal.isError || key.escape)) {
+        setPushModal(null);
+        return;
+      }
+      return;
+    }
+    if (pickerOpen) {
+      if (key.upArrow || input === "k") {
+        setProjectIndex((p) => Math.max(0, p - 1));
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setProjectIndex((p) => Math.min(projectsState.projects.length - 1, p + 1));
+        return;
+      }
+      if (key.return) {
+        setPickerOpen(false);
+        return;
+      }
+      if (key.escape) {
+        setProjectIndex(pickerOriginal);
+        setPickerOpen(false);
+        return;
+      }
+      return;
+    }
+    if (input === "p") {
+      setPickerOriginal(projectIndex);
+      setPickerOpen(true);
+      return;
+    }
+    if (input === "r") {
+      void refresh();
+      return;
+    }
+    if (input === "P" && gitStatus && gitStatus.ahead > 0) {
+      setPushModal({ phase: "confirm", commits });
+      return;
+    }
+    if (input === "F" && data && projectPath) {
+      setStatusMsg("Fetching\u2026");
+      data.git.fetch(projectPath).then((result) => {
+        setStatusMsg(result.success ? "Fetched" : `Fetch failed: ${result.output}`);
+        void refresh();
+      }).catch((err) => {
+        setStatusMsg(`Fetch error: ${err instanceof Error ? err.message : String(err)}`);
+      });
+      return;
+    }
+    if (key.leftArrow || input === "h") {
+      setActivePane((p) => {
+        const order = worktrees.length > 1 ? ["status", "branches", "worktrees", "commits", "changes"] : ["status", "branches", "commits", "changes"];
+        const i = order.indexOf(p);
+        return order[Math.max(0, i - 1)] ?? p;
+      });
+      return;
+    }
+    if (key.rightArrow || input === "l") {
+      setActivePane((p) => {
+        const order = worktrees.length > 1 ? ["status", "branches", "worktrees", "commits", "changes"] : ["status", "branches", "commits", "changes"];
+        const i = order.indexOf(p);
+        return order[Math.min(order.length - 1, i + 1)] ?? p;
+      });
+      return;
+    }
+    if (activePane === "commits") {
+      if (key.upArrow || input === "k") {
+        setCommitIndex((i) => Math.max(0, i - 1));
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setCommitIndex((i) => Math.min(commits.length - 1, i + 1));
+        return;
+      }
+    }
+    if (activePane === "branches") {
+      if (key.upArrow || input === "k") {
+        setBranchIndex((i) => Math.max(0, i - 1));
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setBranchIndex((i) => Math.min(branches.length - 1, i + 1));
+        return;
+      }
+    }
+    if (activePane === "worktrees") {
+      if (key.upArrow || input === "k") {
+        setWorktreeIndex((i) => Math.max(0, i - 1));
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setWorktreeIndex((i) => Math.min(worktrees.length - 1, i + 1));
+        return;
+      }
+    }
+  });
+  const isNarrow = cols < NARROW_THRESHOLD;
+  const leftWidth = Math.max(24, Math.floor(cols * 0.35));
+  const rightWidth = cols - leftWidth - 1;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, paddingX: 1, children: [
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Project:" }),
+        /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: selectedProject?.name ?? "(none)" }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[p] change" })
+      ] }),
+      loading && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "refreshing" })
+      ] }),
+      statusMsg && /* @__PURE__ */ jsx(Text, { color: "yellow", children: statusMsg }),
+      /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
+      gitStatus && /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 1, children: gitStatus.detached ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: "detached HEAD" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: gitStatus.branch }),
+        gitStatus.ahead > 0 && /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+          "\u2191",
+          gitStatus.ahead
+        ] }),
+        gitStatus.behind > 0 && /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+          "\u2193",
+          gitStatus.behind
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexGrow: 1, overflow: "hidden", children: [
+      (!isNarrow || activePane === "status" || activePane === "branches" || activePane === "worktrees") && /* @__PURE__ */ jsxs(
+        Box,
+        {
+          flexDirection: "column",
+          width: isNarrow ? void 0 : leftWidth,
+          flexGrow: isNarrow ? 1 : 0,
+          flexShrink: 0,
+          overflow: "hidden",
+          children: [
+            (!isNarrow || activePane === "status") && /* @__PURE__ */ jsxs(
+              Box,
+              {
+                borderStyle: "round",
+                borderColor: activePane === "status" ? "cyanBright" : "gray",
+                flexDirection: "column",
+                flexShrink: 0,
+                overflow: "hidden",
+                children: [
+                  /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: activePane === "status", color: activePane === "status" ? "blue" : void 0, dimColor: activePane !== "status", children: "Status" }) }),
+                  /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, overflow: "hidden", children: !gitStatus ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: projectPath ? "Loading\u2026" : "No project" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Remote:" }),
+                      /* @__PURE__ */ jsx(Text, { color: "gray", wrap: "truncate", children: gitStatus.remoteUrl || "(none)" })
+                    ] }),
+                    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Fetched:" }),
+                      /* @__PURE__ */ jsx(Text, { color: "gray", children: relMs(gitStatus.lastFetchAt) })
+                    ] }),
+                    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Staged:" }),
+                      /* @__PURE__ */ jsx(Text, { color: gitStatus.staged.length > 0 ? "green" : "gray", children: gitStatus.staged.length }),
+                      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Modified:" }),
+                      /* @__PURE__ */ jsx(Text, { color: gitStatus.unstaged.length > 0 ? "yellow" : "gray", children: gitStatus.unstaged.length }),
+                      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "New:" }),
+                      /* @__PURE__ */ jsx(Text, { color: gitStatus.untracked.length > 0 ? "cyan" : "gray", children: gitStatus.untracked.length })
+                    ] })
+                  ] }) })
+                ]
+              }
+            ),
+            (!isNarrow || activePane === "branches") && /* @__PURE__ */ jsxs(
+              Box,
+              {
+                borderStyle: "round",
+                borderColor: activePane === "branches" ? "cyanBright" : "gray",
+                flexDirection: "column",
+                flexGrow: isNarrow ? 1 : 1,
+                overflow: "hidden",
+                children: [
+                  /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: activePane === "branches", color: activePane === "branches" ? "blue" : void 0, dimColor: activePane !== "branches", children: "Branches" }) }),
+                  /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+                    branches.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2014" }) : branches.slice(0, 8).map((b, bi) => {
+                      const isSel = activePane === "branches" && bi === branchIndex;
+                      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                        /* @__PURE__ */ jsx(Text, { color: isSel ? "white" : b.isCurrent ? "cyanBright" : "gray", children: isSel ? "\u25B6" : b.isCurrent ? "\u25B6" : " " }),
+                        /* @__PURE__ */ jsx(Text, { color: isSel ? "whiteBright" : b.isCurrent ? "white" : "gray", bold: isSel || b.isCurrent, wrap: "truncate", children: b.name }),
+                        /* @__PURE__ */ jsx(Text, { dimColor: true, children: b.shortSha })
+                      ] }, b.name);
+                    }),
+                    branches.length > 8 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                      "\u2026+",
+                      branches.length - 8,
+                      " more"
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            worktrees.length > 1 && (!isNarrow || activePane === "worktrees") && /* @__PURE__ */ jsxs(
+              Box,
+              {
+                borderStyle: "round",
+                borderColor: activePane === "worktrees" ? "cyanBright" : "gray",
+                flexDirection: "column",
+                flexShrink: 0,
+                overflow: "hidden",
+                children: [
+                  /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { bold: activePane === "worktrees", color: activePane === "worktrees" ? "blue" : void 0, dimColor: activePane !== "worktrees", children: [
+                    "Worktrees (",
+                    worktrees.length,
+                    ")"
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, overflow: "hidden", children: worktrees.map((wt, wi) => {
+                    const isSel = activePane === "worktrees" && wi === worktreeIndex;
+                    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                      /* @__PURE__ */ jsx(Text, { color: isSel ? "white" : wt.isCurrent ? "cyanBright" : "gray", children: isSel ? "\u25B6" : wt.isCurrent ? "\u25B6" : " " }),
+                      /* @__PURE__ */ jsx(Text, { color: isSel ? "whiteBright" : wt.isCurrent ? "white" : "gray", bold: isSel, wrap: "truncate", children: wt.branch }),
+                      wt.isLocked && /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u{1F512}" })
+                    ] }, wt.path);
+                  }) })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      (!isNarrow || activePane === "commits" || activePane === "changes") && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [
+        (!isNarrow || activePane === "commits") && /* @__PURE__ */ jsxs(
+          Box,
+          {
+            borderStyle: "round",
+            borderColor: activePane === "commits" ? "cyanBright" : "gray",
+            flexDirection: "column",
+            flexGrow: 1,
+            overflow: "hidden",
+            children: [
+              /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: activePane === "commits", color: activePane === "commits" ? "blue" : void 0, dimColor: activePane !== "commits", children: "Commits" }) }),
+              /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: commits.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: loading ? "Loading\u2026" : "No commits" }) : commits.map((c, i) => {
+                const isSel = i === commitIndex;
+                const initials = authorInitials(c.authorName);
+                const subjectWidth = Math.max(10, isNarrow ? cols - 30 : rightWidth - 30);
+                const subject = c.subject.length > subjectWidth ? c.subject.slice(0, subjectWidth - 1) + "\u2026" : c.subject;
+                return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                  /* @__PURE__ */ jsx(Text, { color: isSel ? "white" : "gray", children: isSel ? "\u25B6" : " " }),
+                  /* @__PURE__ */ jsx(Text, { color: "gray", children: c.shortSha }),
+                  /* @__PURE__ */ jsx(Text, { dimColor: true, children: c.relativeTime.slice(0, 8).padEnd(8) }),
+                  /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: initials.padEnd(2) }),
+                  /* @__PURE__ */ jsx(Text, { bold: isSel, color: isSel ? "whiteBright" : void 0, wrap: "truncate", children: subject })
+                ] }, c.sha);
+              }) }),
+              selectedCommit && /* @__PURE__ */ jsx(
+                Box,
+                {
+                  borderStyle: "round",
+                  borderColor: "gray",
+                  flexDirection: "column",
+                  paddingX: 1,
+                  flexShrink: 0,
+                  overflow: "hidden",
+                  children: loadingDetail ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                    /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+                    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading\u2026" })
+                  ] }) : commitDetail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                      /* @__PURE__ */ jsx(Text, { color: "gray", children: commitDetail.shortSha }),
+                      /* @__PURE__ */ jsx(Text, { dimColor: true, children: commitDetail.isoTime.slice(0, 16) }),
+                      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "by" }),
+                      /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: commitDetail.authorName })
+                    ] }),
+                    commitDetail.body && /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "wrap", children: commitDetail.body.slice(0, 200) }),
+                    commitDetail.stat && /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate", children: commitDetail.stat.split("\n").slice(-1)[0] })
+                  ] }) : null
+                }
+              )
+            ]
+          }
+        ),
+        (!isNarrow || activePane === "changes") && /* @__PURE__ */ jsxs(
+          Box,
+          {
+            borderStyle: "round",
+            borderColor: activePane === "changes" ? "cyanBright" : "gray",
+            flexDirection: "column",
+            flexShrink: 0,
+            overflow: "hidden",
+            children: [
+              /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: activePane === "changes", color: activePane === "changes" ? "blue" : void 0, dimColor: activePane !== "changes", children: "Changes" }) }),
+              gitStatus && (gitStatus.staged.length > 0 || gitStatus.unstaged.length > 0 || gitStatus.untracked.length > 0) ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", paddingX: 1, overflow: "hidden", children: [
+                /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: "50%", overflow: "hidden", children: [
+                  /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                    "Staged (",
+                    gitStatus.staged.length,
+                    ")"
+                  ] }),
+                  gitStatus.staged.slice(0, 6).map((f) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                    /* @__PURE__ */ jsx(Text, { color: statusColor(f.status), children: f.status }),
+                    /* @__PURE__ */ jsx(Text, { color: "gray", wrap: "truncate", children: truncatePath(f.path, Math.floor(leftWidth / 2) - 4) })
+                  ] }, `s-${f.path}`)),
+                  gitStatus.staged.length > 6 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                    "\u2026+",
+                    gitStatus.staged.length - 6
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [
+                  /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                    "Unstaged (",
+                    gitStatus.unstaged.length + gitStatus.untracked.length,
+                    ")"
+                  ] }),
+                  gitStatus.unstaged.slice(0, 4).map((f) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                    /* @__PURE__ */ jsx(Text, { color: statusColor(f.status), children: f.status }),
+                    /* @__PURE__ */ jsx(Text, { color: "gray", wrap: "truncate", children: truncatePath(f.path, Math.floor((isNarrow ? cols : rightWidth) / 2) - 4) })
+                  ] }, `u-${f.path}`)),
+                  gitStatus.untracked.slice(0, 2).map((f) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                    /* @__PURE__ */ jsx(Text, { color: "gray", children: "?" }),
+                    /* @__PURE__ */ jsx(Text, { color: "gray", wrap: "truncate", children: truncatePath(f.path, Math.floor((isNarrow ? cols : rightWidth) / 2) - 4) })
+                  ] }, `n-${f.path}`)),
+                  gitStatus.unstaged.length + gitStatus.untracked.length > 6 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                    "\u2026+",
+                    gitStatus.unstaged.length + gitStatus.untracked.length - 6
+                  ] })
+                ] })
+              ] }) : /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Working tree clean" }) })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { paddingX: 1, flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "[r] refresh  ",
+        gitStatus && gitStatus.ahead > 0 ? "[P] push  " : "",
+        "[F] fetch  [\u2191\u2193] rows  [\u2190\u2192] status\u25B8branches",
+        worktrees.length > 1 ? "\u25B8worktrees" : "",
+        "\u25B8commits\u25B8changes  [p] project  [Esc/s] back"
+      ] }),
+      isNarrow && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "[narrow] ",
+        activePane
+      ] })
+    ] }),
+    pickerOpen && /* @__PURE__ */ jsx(Box, { position: "absolute", marginTop: 1, marginLeft: 1, children: /* @__PURE__ */ jsx(
+      ProjectSelector,
+      {
+        open: true,
+        projects: projectsState.projects,
+        selectedIndex: projectIndex,
+        onSelect: setProjectIndex
+      }
+    ) }),
+    pushModal && /* @__PURE__ */ jsxs(Box, { position: "absolute", marginTop: 2, marginLeft: 4, children: [
+      pushModal.phase === "confirm" && gitStatus && /* @__PURE__ */ jsx(
+        PushModal,
+        {
+          status: gitStatus,
+          commits,
+          onConfirm: () => {
+            setPushModal({ phase: "pushing" });
+            if (data && projectPath) {
+              data.git.push(projectPath).then((result) => {
+                setPushModal({ phase: "done", message: result.output || (result.success ? "Push successful" : "Push failed"), isError: !result.success });
+                if (result.success) {
+                  setTimeout(() => {
+                    setPushModal(null);
+                    void refresh();
+                  }, 2e3);
+                }
+              }).catch((err) => {
+                setPushModal({ phase: "done", message: err instanceof Error ? err.message : String(err), isError: true });
+              });
+            }
+          },
+          onCancel: () => setPushModal(null)
+        }
+      ),
+      pushModal.phase === "pushing" && /* @__PURE__ */ jsxs(
+        Box,
+        {
+          borderStyle: "round",
+          borderColor: "cyanBright",
+          flexDirection: "row",
+          paddingX: 2,
+          paddingY: 1,
+          gap: 1,
+          backgroundColor: "black",
+          children: [
+            /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+            /* @__PURE__ */ jsxs(Text, { color: "white", children: [
+              "Pushing to origin/",
+              gitStatus?.branch ?? "\u2026"
+            ] })
+          ]
+        }
+      ),
+      pushModal.phase === "done" && /* @__PURE__ */ jsxs(
+        Box,
+        {
+          borderStyle: "round",
+          borderColor: pushModal.isError ? "red" : "blue",
+          flexDirection: "column",
+          paddingX: 2,
+          paddingY: 1,
+          backgroundColor: "black",
+          children: [
+            /* @__PURE__ */ jsx(Text, { color: pushModal.isError ? "red" : "green", children: pushModal.message }),
+            pushModal.isError && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[Esc] dismiss" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function truncateMiddle(s, max) {
+  if (s.length <= max) return s;
+  const half = Math.floor((max - 1) / 2);
+  return s.slice(0, half) + "\u2026" + s.slice(s.length - (max - half - 1));
+}
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes}B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)}MB`;
+}
+function flattenTree(nodes, showHidden) {
+  const result = [];
+  function walk(list) {
+    for (const node of list) {
+      if (!showHidden && node.entry.name.startsWith(".")) continue;
+      result.push(node);
+      if (node.expanded && node.children) {
+        walk(node.children);
+      }
+    }
+  }
+  walk(nodes);
+  return result;
+}
+function entriesToNodes(entries, depth) {
+  const filtered = entries.filter((e) => !FILES_DENYLIST.has(e.name));
+  const dirs = filtered.filter((e) => e.isDirectory).sort((a, b) => a.name.localeCompare(b.name));
+  const files = filtered.filter((e) => !e.isDirectory).sort((a, b) => a.name.localeCompare(b.name));
+  return [...dirs, ...files].map((e) => ({ entry: e, depth, expanded: false, children: void 0 }));
+}
+function FilesView({ state }) {
+  const { stdout } = useStdout();
+  const cols = stdout?.columns ?? 80;
+  const data = state.interactiveData;
+  const [projectIndex, setProjectIndex] = useState2(0);
+  const [pickerOpen, setPickerOpen] = useState2(false);
+  const [pickerOriginal, setPickerOriginal] = useState2(0);
+  const projectsState = useProjects(data);
+  const selectedProject = projectsState.projects[projectIndex] ?? null;
+  const projectPath = selectedProject?.path ?? null;
+  const [rootNodes, setRootNodes] = useState2([]);
+  const [treeLoading, setTreeLoading] = useState2(false);
+  const [selectedIndex, setSelectedIndex] = useState2(0);
+  const [showHidden, setShowHidden] = useState2(false);
+  const [previewResult, setPreviewResult] = useState2(null);
+  const [previewPath, setPreviewPath] = useState2(null);
+  const [previewLoading, setPreviewLoading] = useState2(false);
+  const [previewScroll, setPreviewScroll] = useState2(0);
+  const [wrapEnabled, setWrapEnabled] = useState2(false);
+  const [focusedPane, setFocusedPane] = useState2("tree");
+  const flatNodes = flattenTree(rootNodes, showHidden);
+  const selectedNode = flatNodes[selectedIndex] ?? null;
+  const hiddenCount = rootNodes.filter((n) => n.entry.name.startsWith(".")).length;
+  useEffect2(() => {
+    if (!data || !projectPath) return;
+    setTreeLoading(true);
+    setRootNodes([]);
+    setSelectedIndex(0);
+    setPreviewResult(null);
+    setPreviewPath(null);
+    data.files.listDirectory(projectPath, "").then((entries) => {
+      setRootNodes(entriesToNodes(entries, 0));
+    }).catch(() => {
+      setRootNodes([]);
+    }).finally(() => {
+      setTreeLoading(false);
+    });
+  }, [data, projectPath]);
+  useEffect2(() => {
+    if (!data || !projectPath || !selectedNode) return;
+    if (selectedNode.entry.isDirectory) return;
+    const rel = selectedNode.entry.path;
+    if (rel === previewPath) return;
+    setPreviewLoading(true);
+    setPreviewScroll(0);
+    data.files.readFile(projectPath, rel).then((result) => {
+      setPreviewResult(result);
+      setPreviewPath(rel);
+    }).catch(() => {
+      setPreviewResult(null);
+      setPreviewPath(rel);
+    }).finally(() => {
+      setPreviewLoading(false);
+    });
+  }, [data, projectPath, selectedNode?.entry.path]);
+  const expandNode = useCallback2(async (node) => {
+    if (!data || !projectPath) return;
+    if (!node.entry.isDirectory) return;
+    if (node.children !== void 0) {
+      node.expanded = !node.expanded;
+      setRootNodes((prev) => [...prev]);
+      return;
+    }
+    try {
+      const entries = await data.files.listDirectory(projectPath, node.entry.path);
+      node.children = entriesToNodes(entries, node.depth + 1);
+      node.expanded = true;
+      setRootNodes((prev) => [...prev]);
+    } catch {
+      node.children = [];
+      node.expanded = true;
+      setRootNodes((prev) => [...prev]);
+    }
+  }, [data, projectPath]);
+  const collapseNode = useCallback2((node) => {
+    node.expanded = false;
+    setRootNodes((prev) => [...prev]);
+  }, []);
+  function findParentOf(nodes, target, depth) {
+    for (const n of nodes) {
+      if (n.depth === depth - 1 && n.expanded && n.children) {
+        if (n.children.includes(target)) return n;
+        const found = findParentOf(n.children, target, depth);
+        if (found) return found;
+      }
+    }
+    return null;
+  }
+  const previewHeight = Math.max(4, (stdout?.rows ?? 24) - 7);
+  const halfPage = Math.max(1, Math.floor(previewHeight / 2));
+  useInput((input, key) => {
+    if (!data) return;
+    if (pickerOpen) {
+      if (key.upArrow || input === "k") {
+        setProjectIndex((p) => Math.max(0, p - 1));
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setProjectIndex((p) => Math.min(projectsState.projects.length - 1, p + 1));
+        return;
+      }
+      if (key.return) {
+        setPickerOpen(false);
+        return;
+      }
+      if (key.escape) {
+        setProjectIndex(pickerOriginal);
+        setPickerOpen(false);
+        return;
+      }
+      return;
+    }
+    if (input === "p") {
+      setPickerOriginal(projectIndex);
+      setPickerOpen(true);
+      return;
+    }
+    if (key.tab) {
+      setFocusedPane((p) => p === "tree" ? "preview" : "tree");
+      return;
+    }
+    if (input === ".") {
+      setShowHidden((v) => !v);
+      return;
+    }
+    if (input === "w" || input === "W") {
+      setWrapEnabled((v) => !v);
+      return;
+    }
+    if (input === "r" || input === "R") {
+      if (data && projectPath && selectedNode && !selectedNode.entry.isDirectory) {
+        setPreviewLoading(true);
+        setPreviewScroll(0);
+        setPreviewPath(null);
+      }
+      return;
+    }
+    if (focusedPane === "tree") {
+      if (key.upArrow || input === "k") {
+        setSelectedIndex((i) => Math.max(0, i - 1));
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setSelectedIndex((i) => Math.min(flatNodes.length - 1, i + 1));
+        return;
+      }
+      if (key.rightArrow) {
+        if (selectedNode?.entry.isDirectory) {
+          if (selectedNode.expanded) {
+            const ci = flatNodes.indexOf(selectedNode) + 1;
+            if (ci < flatNodes.length) setSelectedIndex(ci);
+          } else {
+            void expandNode(selectedNode);
+          }
+        }
+        return;
+      }
+      if (key.leftArrow) {
+        if (selectedNode?.entry.isDirectory && selectedNode.expanded) {
+          collapseNode(selectedNode);
+        } else if (selectedNode && selectedNode.depth > 0) {
+          const parent2 = findParentOf(rootNodes, selectedNode, selectedNode.depth);
+          if (parent2) {
+            const pi = flatNodes.indexOf(parent2);
+            if (pi >= 0) setSelectedIndex(pi);
+          }
+        }
+        return;
+      }
+      if (key.return) {
+        if (selectedNode?.entry.isDirectory) {
+          void expandNode(selectedNode);
+        } else if (selectedNode) {
+          setFocusedPane("preview");
+          setPreviewScroll(0);
+        }
+        return;
+      }
+    }
+    if (focusedPane === "preview") {
+      const lineCount = previewResult?.lineCount ?? 0;
+      const maxScroll = Math.max(0, lineCount - previewHeight);
+      if (key.upArrow || input === "k") {
+        setPreviewScroll((s) => Math.max(0, s - 1));
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setPreviewScroll((s) => Math.min(maxScroll, s + 1));
+        return;
+      }
+      if (key.pageUp) {
+        setPreviewScroll((s) => Math.max(0, s - halfPage));
+        return;
+      }
+      if (key.pageDown) {
+        setPreviewScroll((s) => Math.min(maxScroll, s + halfPage));
+        return;
+      }
+      if (input === "g") {
+        setPreviewScroll(0);
+        return;
+      }
+      if (input === "G") {
+        setPreviewScroll(maxScroll);
+        return;
+      }
+    }
+  }, { isActive: state.interactiveView === "files" });
+  const isNarrow = cols < NARROW_THRESHOLD;
+  const treeWidth = isNarrow ? Math.max(20, cols - 2) : Math.max(20, Math.floor(cols * 0.38));
+  const previewEntry = selectedNode && !selectedNode.entry.isDirectory ? selectedNode.entry : null;
+  const previewLines = previewResult?.content ? previewResult.content.split("\n").slice(previewScroll, previewScroll + previewHeight) : null;
+  const totalLines = previewResult?.lineCount ?? 0;
+  const lineNumWidth = Math.max(3, String(previewScroll + previewHeight).length);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", paddingX: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "cyanBright", bold: true, children: selectedProject?.name ?? "\u2014" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, color: focusedPane === "tree" ? "cyanBright" : "gray", children: focusedPane === "tree" ? "tree" : "preview" }),
+      previewEntry && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+        /* @__PURE__ */ jsx(Text, { color: "white", wrap: "truncate", children: truncateMiddle(previewEntry.path, Math.max(10, cols - 40)) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: formatFileSize(previewEntry.size) }),
+        previewResult && !previewResult.isBinary && !previewResult.tooLarge && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            previewResult.lineCount,
+            "L"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: formatRelativeTime(previewEntry.modifiedAt) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexGrow: 1, overflow: "hidden", children: [
+      (!isNarrow || focusedPane === "tree") && /* @__PURE__ */ jsxs(
+        Box,
+        {
+          flexDirection: "column",
+          width: isNarrow ? void 0 : treeWidth,
+          flexGrow: isNarrow ? 1 : 0,
+          flexShrink: 0,
+          borderStyle: "round",
+          borderColor: focusedPane === "tree" ? "cyanBright" : "gray",
+          overflow: "hidden",
+          children: [
+            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: focusedPane === "tree", color: focusedPane === "tree" ? "cyanBright" : void 0, dimColor: focusedPane !== "tree", children: "Files" }) }),
+            /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: treeLoading ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+              /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading\u2026" })
+            ] }) : flatNodes.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(empty)" }) : flatNodes.map((node, i) => {
+              const isSelected = focusedPane === "tree" && i === selectedIndex;
+              const indent = "  ".repeat(node.depth);
+              let prefix;
+              if (node.entry.isDirectory) {
+                prefix = node.expanded ? "\u25BE " : "\u25B8 ";
+              } else {
+                prefix = "\xB7 ";
+              }
+              const name = node.entry.name;
+              const maxNameWidth = treeWidth - node.depth * 2 - 4;
+              const displayName = name.length > maxNameWidth ? name.slice(0, maxNameWidth - 1) + "\u2026" : name;
+              return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+                isSelected && /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: "\u25B6" }),
+                !isSelected && /* @__PURE__ */ jsx(Text, { children: " " }),
+                /* @__PURE__ */ jsxs(
+                  Text,
+                  {
+                    color: isSelected ? "whiteBright" : node.entry.isDirectory ? "cyan" : void 0,
+                    dimColor: !isSelected && !node.entry.isDirectory,
+                    wrap: "truncate",
+                    children: [
+                      indent,
+                      prefix,
+                      displayName
+                    ]
+                  }
+                )
+              ] }, node.entry.path);
+            }) }),
+            /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate", children: selectedNode ? truncateMiddle(
+                projectPath ? `${projectPath}/${selectedNode.entry.path}` : selectedNode.entry.path,
+                treeWidth - 4
+              ) : " " }),
+              !showHidden && hiddenCount > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                " [",
+                hiddenCount,
+                " hidden]"
+              ] })
+            ] })
+          ]
+        }
+      ),
+      (!isNarrow || focusedPane === "preview") && /* @__PURE__ */ jsxs(
+        Box,
+        {
+          flexDirection: "column",
+          flexGrow: 1,
+          borderStyle: "round",
+          borderColor: focusedPane === "preview" ? "cyanBright" : "gray",
+          overflow: "hidden",
+          children: [
+            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { bold: focusedPane === "preview", color: focusedPane === "preview" ? "cyanBright" : void 0, dimColor: focusedPane !== "preview", children: "Preview" }) }),
+            /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: previewLoading ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+              /* @__PURE__ */ jsx(Text, { color: "cyanBright", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading\u2026" })
+            ] }) : !previewEntry ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Select a file to preview" }) : previewResult === null ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Unable to read file" }) : previewResult.isBinary ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              "[binary file, ",
+              formatFileSize(previewResult.size),
+              "]"
+            ] }) : previewResult.tooLarge ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              formatFileSize(previewResult.size),
+              " \u2014 [too large to preview]"
+            ] }) : previewResult.content === "" ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(empty file)" }) : previewLines ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", overflow: "hidden", children: [
+              previewLines.map((line, i) => {
+                const lineNo = previewScroll + i + 1;
+                return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+                  /* @__PURE__ */ jsx(Box, { width: lineNumWidth + 1, flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: String(lineNo).padStart(lineNumWidth) }) }),
+                  /* @__PURE__ */ jsx(Text, { wrap: wrapEnabled ? "wrap" : "truncate-end", children: line })
+                ] }, lineNo);
+              }),
+              totalLines > previewScroll + previewHeight && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                "\u2026 ",
+                totalLines - previewScroll - previewHeight,
+                " more lines"
+              ] })
+            ] }) : null })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { paddingX: 1, flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[Tab] switch pane  [\u2191\u2193/jk] move  [Enter] open  [\u2190/\u2192] collapse/expand  [.] hidden  [w] wrap  [p] project  [r] reload" }),
+      isNarrow && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "[narrow] ",
+        focusedPane
+      ] })
+    ] }),
+    pickerOpen && /* @__PURE__ */ jsx(Box, { position: "absolute", marginTop: 2, marginLeft: 2, children: /* @__PURE__ */ jsxs(
+      Box,
+      {
+        borderStyle: "round",
+        borderColor: "cyanBright",
+        flexDirection: "column",
+        paddingX: 2,
+        paddingY: 1,
+        backgroundColor: "black",
+        children: [
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: "Select Project" }),
+          /* @__PURE__ */ jsx(Box, { height: 1 }),
+          projectsState.projects.map((proj, i) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: i === projectIndex ? "cyanBright" : "gray", children: i === projectIndex ? "\u25B6" : " " }),
+            /* @__PURE__ */ jsx(Text, { color: i === projectIndex ? "whiteBright" : void 0, children: proj.name })
+          ] }, proj.id)),
+          /* @__PURE__ */ jsx(Box, { height: 1 }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[\u2191\u2193] move  [Enter] select  [Esc] cancel" })
+        ]
+      }
+    ) })
+  ] });
+}
+function InteractiveMode({ state, controller }) {
   if (state.interactiveData === null) {
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-      /* @__PURE__ */ jsx(InteractiveHeader, { activeView: state.interactiveView }),
+      /* @__PURE__ */ jsx(MainHeader, { state }),
       /* @__PURE__ */ jsx(Box, { justifyContent: "center", alignItems: "center", flexGrow: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Interactive mode unavailable \u2014 no data source" }) })
     ] });
   }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx(InteractiveHeader, { activeView: state.interactiveView }),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
+    /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(MainHeader, { state }) }),
+    /* @__PURE__ */ jsx(Box, { height: 1, flexShrink: 0 }),
     /* @__PURE__ */ jsxs(Box, { flexGrow: 1, overflow: "hidden", children: [
-      state.interactiveView === "board" && /* @__PURE__ */ jsx(BoardView, { state }),
+      state.interactiveView === "board" && /* @__PURE__ */ jsx(BoardView, { state, controller }),
       state.interactiveView === "agents" && /* @__PURE__ */ jsx(AgentsView, { state }),
-      state.interactiveView === "settings" && /* @__PURE__ */ jsx(SettingsInteractiveView, { state })
+      state.interactiveView === "settings" && /* @__PURE__ */ jsx(SettingsInteractiveView, { state }),
+      state.interactiveView === "git" && /* @__PURE__ */ jsx(GitView, { state }),
+      state.interactiveView === "files" && /* @__PURE__ */ jsx(FilesView, { state })
     ] })
   ] });
 }
@@ -137671,30 +139091,47 @@ function DashboardApp({ controller }) {
       controller.setInteractiveView("agents");
       return;
     }
-    if (input === "g" || input === "G") {
+    if (input === "g") {
       controller.setMode("interactive");
       controller.setInteractiveView("settings");
       return;
     }
+    if (input === "f" || input === "F") {
+      if (state.mode === "status") {
+        controller.cycleSeverityFilter();
+        return;
+      }
+    }
+    if (input === "t" || input === "T") {
+      controller.setMode("interactive");
+      controller.setInteractiveView("git");
+      return;
+    }
+    if (input === "e" || input === "E") {
+      controller.setMode("interactive");
+      controller.setInteractiveView("files");
+      return;
+    }
     if (input === "s" || input === "S") {
       if (state.mode === "interactive") {
         controller.setMode("status");
         return;
       }
     }
+    const sectionForNumber = {
+      "1": "system",
+      "2": "logs",
+      "3": "utilities",
+      "4": "stats",
+      "5": "settings"
+    };
+    const targetSection = sectionForNumber[input];
+    if (targetSection) {
+      if (state.mode === "interactive") controller.setMode("status");
+      controller.setActiveSection(targetSection);
+      return;
+    }
     if (state.mode === "interactive") {
-      if (input === "1") {
-        controller.setInteractiveView("board");
-        return;
-      }
-      if (input === "2") {
-        controller.setInteractiveView("agents");
-        return;
-      }
-      if (input === "3") {
-        controller.setInteractiveView("settings");
-        return;
-      }
       return;
     }
     if (input === "?" || input === "h" || input === "H") {
@@ -137760,10 +139197,6 @@ function DashboardApp({ controller }) {
         controller.setLogsWrapEnabled(!state.logsWrapEnabled);
         return;
       }
-      if (input === "f" || input === "F") {
-        controller.cycleSeverityFilter();
-        return;
-      }
       if (key.upArrow || input === "k" || input === "K") {
         if (state.selectedLogIndex > 0) {
           controller.setSelectedLogIndex(state.selectedLogIndex - 1);
@@ -137780,7 +139213,7 @@ function DashboardApp({ controller }) {
         controller.setSelectedLogIndex(0);
         return;
       }
-      if (key.end) {
+      if (key.end || input === "G") {
         controller.setSelectedLogIndex(Math.max(0, filteredEntries.length - 1));
         return;
       }
@@ -137791,29 +139224,48 @@ function DashboardApp({ controller }) {
   }
   const isNarrow = cols < 80 || rows < 20;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: rows, children: [
-    state.mode === "interactive" ? /* @__PURE__ */ jsx(InteractiveMode, { state }) : isNarrow ? /* @__PURE__ */ jsx(StatusModeSingle, { state, controller }) : /* @__PURE__ */ jsx(StatusModeGrid, { state, rows, controller }),
+    state.mode === "interactive" ? /* @__PURE__ */ jsx(InteractiveMode, { state, controller }) : isNarrow ? /* @__PURE__ */ jsx(StatusModeSingle, { state, controller }) : /* @__PURE__ */ jsx(StatusModeGrid, { state, rows, controller }),
     state.showHelp && /* @__PURE__ */ jsx(Box, { position: "absolute", marginTop: 3, marginLeft: 4, children: /* @__PURE__ */ jsx(HelpOverlay, {}) })
   ] });
 }
-var LOGO_COLORS, SPLASH_MIN_COLS, SPLASH_MIN_ROWS, PREFIX_WIDTH, PANEL_ORDER, KANBAN_COLUMNS, COLUMN_COLORS, SETTING_DEFS;
+var LOGO_COLORS, NARROW_THRESHOLD, SPLASH_MIN_COLS, SPLASH_MIN_ROWS, LARGE_LOGO_MIN_COLS, LARGE_LOGO_MIN_ROWS, PREFIX_WIDTH, PANEL_ORDER, KANBAN_COLUMNS, COLUMN_COLORS, STEP_ICON, STEP_COLOR, MAX_LOG_ENTRIES2, INITIAL_LOG_LIMIT, SETTING_DEFS, FILES_DENYLIST;
 var init_app = __esm({
   "src/commands/dashboard-tui/app.tsx"() {
     "use strict";
     init_state();
     init_logo();
     init_use_projects();
-    LOGO_COLORS = ["whiteBright", "cyanBright", "cyan", "blueBright", "blue", "blue"];
+    LOGO_COLORS = ["whiteBright", "white", "white", "cyanBright", "cyanBright", "cyan", "cyan", "blue"];
+    NARROW_THRESHOLD = 80;
     SPLASH_MIN_COLS = 56;
-    SPLASH_MIN_ROWS = 20;
+    SPLASH_MIN_ROWS = 12;
+    LARGE_LOGO_MIN_COLS = 70;
+    LARGE_LOGO_MIN_ROWS = 16;
     PREFIX_WIDTH = 14;
     PANEL_ORDER = ["system", "logs", "utilities", "stats", "settings"];
     KANBAN_COLUMNS = ["todo", "in-progress", "in-review", "done"];
     COLUMN_COLORS = {
       todo: "yellow",
-      "in-progress": "cyan",
-      "in-review": "magenta",
+      "in-progress": "cyanBright",
+      "in-review": "cyan",
       done: "green"
     };
+    STEP_ICON = {
+      done: "\u2713",
+      running: "\u25B6",
+      pending: "\xB7",
+      failed: "\u2717",
+      skipped: "\u23ED"
+    };
+    STEP_COLOR = {
+      done: "green",
+      running: "blue",
+      pending: "gray",
+      failed: "red",
+      skipped: "gray"
+    };
+    MAX_LOG_ENTRIES2 = 1e3;
+    INITIAL_LOG_LIMIT = 200;
     SETTING_DEFS = [
       { key: "maxConcurrent", label: "Max Concurrent", type: "number" },
       { key: "maxWorktrees", label: "Max Worktrees", type: "number" },
@@ -137823,10 +139275,13 @@ var init_app = __esm({
       { key: "enginePaused", label: "Engine Paused", type: "boolean" },
       { key: "globalPause", label: "Global Pause", type: "boolean" }
     ];
+    FILES_DENYLIST = /* @__PURE__ */ new Set(["node_modules", ".git", "dist", ".next", "target", "build"]);
   }
 });
 
 // src/commands/dashboard-tui/controller.ts
+import os3 from "node:os";
+import v8 from "node:v8";
 var DashboardTUI;
 var init_controller = __esm({
   "src/commands/dashboard-tui/controller.ts"() {
@@ -137841,6 +139296,11 @@ var init_controller = __esm({
       logBuffer;
       systemInfo = null;
       taskStats = null;
+      systemStats = null;
+      // When set, dashboard.ts refreshes task stats from this project path
+      // instead of the launch cwd. Mirrors BoardView's selected project.
+      boardScopedProjectPath = null;
+      boardScopeListener = null;
       settings = null;
       callbacks = null;
       isRunning = false;
@@ -137864,6 +139324,10 @@ var init_controller = __esm({
       inkInstance = null;
       // Uptime ticker to keep footer time live.
       uptimeTimer = null;
+      // System stats sampler — process memory + CPU%.
+      systemStatsTimer = null;
+      lastCpuUsage = null;
+      lastCpuSampleAt = 0;
       constructor() {
         this.logBuffer = new LogRingBuffer();
       }
@@ -137879,6 +139343,7 @@ var init_controller = __esm({
           logEntries: this.logBuffer.getAll(),
           systemInfo: this.systemInfo,
           taskStats: this.taskStats,
+          systemStats: this.systemStats,
           settings: this.settings,
           callbacks: this.callbacks,
           showHelp: this.showHelp,
@@ -137914,6 +139379,56 @@ var init_controller = __esm({
         this.taskStats = stats;
         this.notify();
       }
+      setSystemStats(stats) {
+        this.systemStats = stats;
+        this.notify();
+      }
+      setBoardScopedProjectPath(path4) {
+        if (this.boardScopedProjectPath === path4) return;
+        this.boardScopedProjectPath = path4;
+        this.boardScopeListener?.(path4);
+        this.notify();
+      }
+      onBoardScopeChange(listener) {
+        this.boardScopeListener = listener;
+        return () => {
+          if (this.boardScopeListener === listener) this.boardScopeListener = null;
+        };
+      }
+      /** Sample process memory + CPU% in-place. Called from the sampler timer. */
+      sampleSystemStats() {
+        const mem = process.memoryUsage();
+        const heapStats = v8.getHeapStatistics();
+        const now = Date.now();
+        const cpu = process.cpuUsage();
+        let cpuPercent = 0;
+        if (this.lastCpuUsage && this.lastCpuSampleAt > 0) {
+          const elapsedMicros = (now - this.lastCpuSampleAt) * 1e3;
+          if (elapsedMicros > 0) {
+            const usedMicros = cpu.user - this.lastCpuUsage.user + (cpu.system - this.lastCpuUsage.system);
+            cpuPercent = usedMicros / elapsedMicros * 100;
+          }
+        }
+        this.lastCpuUsage = cpu;
+        this.lastCpuSampleAt = now;
+        const load = os3.loadavg();
+        this.setSystemStats({
+          rss: mem.rss,
+          heapUsed: mem.heapUsed,
+          heapTotal: mem.heapTotal,
+          heapLimit: heapStats.heap_size_limit,
+          external: mem.external,
+          arrayBuffers: mem.arrayBuffers,
+          cpuPercent,
+          loadAvg: [load[0] ?? 0, load[1] ?? 0, load[2] ?? 0],
+          cpuCount: os3.cpus().length,
+          systemTotalMem: os3.totalmem(),
+          systemFreeMem: os3.freemem(),
+          pid: process.pid,
+          nodeVersion: process.version,
+          platform: `${process.platform}/${process.arch}`
+        });
+      }
       setSettings(settings) {
         this.settings = settings;
         this.notify();
@@ -138041,6 +139556,12 @@ var init_controller = __esm({
         this.uptimeTimer = setInterval(() => {
           if (this.isRunning) this.notify();
         }, 5e3);
+        this.lastCpuUsage = process.cpuUsage();
+        this.lastCpuSampleAt = Date.now();
+        this.sampleSystemStats();
+        this.systemStatsTimer = setInterval(() => {
+          if (this.isRunning) this.sampleSystemStats();
+        }, 2e3);
       }
       async stop() {
         if (!this.isRunning) return;
@@ -138049,6 +139570,10 @@ var init_controller = __esm({
           clearInterval(this.uptimeTimer);
           this.uptimeTimer = null;
         }
+        if (this.systemStatsTimer) {
+          clearInterval(this.systemStatsTimer);
+          this.systemStatsTimer = null;
+        }
         if (this.inkInstance) {
           this.inkInstance.unmount();
           this.inkInstance = null;
@@ -138217,7 +139742,10 @@ __export(dashboard_exports, {
   promptForPort: () => promptForPort,
   runDashboard: () => runDashboard
 });
-import { join as join48 } from "node:path";
+import { join as join48, resolve as pathResolve } from "node:path";
+import { execFile as execFileCb } from "node:child_process";
+import { promisify as promisify12 } from "node:util";
+import { stat as stat10, readdir as readdir11, readFile as fsReadFile3 } from "node:fs/promises";
 import { AuthStorage as AuthStorage2, DefaultPackageManager as DefaultPackageManager2, ModelRegistry as ModelRegistry3, discoverAndLoadExtensions as discoverAndLoadExtensions2, createExtensionRuntime as createExtensionRuntime2 } from "@mariozechner/pi-coding-agent";
 function formatRuntimeContext(context) {
   if (context === void 0) {
@@ -138246,7 +139774,7 @@ function createDashboardRuntimeLogger(logSink, scope) {
     }
   };
 }
-function formatBytes2(bytes) {
+function formatBytes3(bytes) {
   if (bytes < 1024) return `${bytes}B`;
   if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)}KB`;
   if (bytes < 1024 * 1024 * 1024) return `${Math.round(bytes / (1024 * 1024))}MB`;
@@ -138289,7 +139817,7 @@ function logDiagnostics(logger2, prefix, startTime, dbHealthCheck) {
     } catch {
     }
   }
-  const logLine = `[${prefix}] diagnostics: uptime=${formatUptime2(uptime)} rss=${formatBytes2(mem.rss)} heap=${formatBytes2(mem.heapUsed)}/${formatBytes2(mem.heapTotal)} external=${formatBytes2(mem.external)} arrayBuffers=${formatBytes2(mem.arrayBuffers)} handles=${handleCount} requests=${requestCount} db=${dbHealth}${listenerInfo}`;
+  const logLine = `[${prefix}] diagnostics: uptime=${formatUptime2(uptime)} rss=${formatBytes3(mem.rss)} heap=${formatBytes3(mem.heapUsed)}/${formatBytes3(mem.heapTotal)} external=${formatBytes3(mem.external)} arrayBuffers=${formatBytes3(mem.arrayBuffers)} handles=${handleCount} requests=${requestCount} db=${dbHealth}${listenerInfo}`;
   logger2.info(logLine);
 }
 function ensureProcessDiagnostics(logger2) {
@@ -138338,6 +139866,229 @@ function setDiagnosticDbHealthCheck(check) {
 function setDiagnosticStoreListenerCheck(check) {
   diagnosticStoreListenerCheck = check;
 }
+async function gitExec(cwd, args) {
+  const { stdout } = await execFileAsync3("git", args, { cwd, maxBuffer: 4 * 1024 * 1024 });
+  return stdout;
+}
+async function buildGitStatus(projectPath) {
+  const [sbOut, remoteOut] = await Promise.allSettled([
+    gitExec(projectPath, ["status", "-sb", "--porcelain=v1"]),
+    gitExec(projectPath, ["remote", "get-url", "origin"])
+  ]);
+  const sbRaw = sbOut.status === "fulfilled" ? sbOut.value : "";
+  const remoteUrl = remoteOut.status === "fulfilled" ? remoteOut.value.trim() : "";
+  const lines = sbRaw.split("\n");
+  const header = lines[0] ?? "";
+  let branch = "HEAD";
+  let detached = false;
+  let ahead = 0;
+  let behind = 0;
+  const noCommitMatch = header.match(/^## No commits yet on (.+)$/);
+  if (noCommitMatch) {
+    branch = noCommitMatch[1] ?? "HEAD";
+  } else {
+    const branchMatch = header.match(/^## ([^.]+?)(?:\.\.\.(\S+?)(?:\s+\[ahead (\d+)(?:, behind (\d+))?\]|\s+\[behind (\d+)\])?)?$/);
+    if (branchMatch) {
+      branch = branchMatch[1] ?? "HEAD";
+      ahead = parseInt(branchMatch[3] ?? "0", 10);
+      behind = parseInt(branchMatch[4] ?? branchMatch[5] ?? "0", 10);
+    } else if (header.startsWith("## HEAD (no branch)")) {
+      detached = true;
+      branch = "HEAD";
+    }
+  }
+  const staged = [];
+  const unstaged = [];
+  const untracked = [];
+  for (const line of lines.slice(1)) {
+    if (line.length < 3) continue;
+    const x = line[0] ?? " ";
+    const y = line[1] ?? " ";
+    const path4 = line.slice(3);
+    if (x === "?" && y === "?") {
+      untracked.push({ path: path4 });
+    } else {
+      if (x !== " " && x !== "?") staged.push({ status: x, path: path4 });
+      if (y !== " " && y !== "?") unstaged.push({ status: y, path: path4 });
+    }
+  }
+  let lastFetchAt = null;
+  try {
+    const fetchHead = await stat10(`${projectPath}/.git/FETCH_HEAD`);
+    lastFetchAt = fetchHead.mtimeMs;
+  } catch {
+  }
+  return { branch, detached, ahead, behind, staged, unstaged, untracked, remoteUrl, lastFetchAt };
+}
+async function buildGitCommits(projectPath, limit = 15) {
+  const sep7 = "";
+  const recSep = "";
+  const fmt = [`%H`, `%h`, `%s`, `%an`, `%ar`, `%aI`].join(sep7);
+  let out = "";
+  try {
+    out = await gitExec(projectPath, ["log", `--max-count=${limit}`, `--format=${fmt}${recSep}`]);
+  } catch {
+    return [];
+  }
+  return out.split(recSep).flatMap((rec) => {
+    const parts = rec.trim().split(sep7);
+    if (parts.length < 6 || !parts[0]) return [];
+    return [{
+      sha: parts[0] ?? "",
+      shortSha: parts[1] ?? "",
+      subject: parts[2] ?? "",
+      authorName: parts[3] ?? "",
+      relativeTime: parts[4] ?? "",
+      isoTime: parts[5] ?? ""
+    }];
+  });
+}
+async function buildGitCommitDetail(projectPath, sha) {
+  const sep7 = "";
+  const fmt = [`%H`, `%h`, `%s`, `%an`, `%ar`, `%aI`, `%b`].join(sep7);
+  const [showOut, statOut] = await Promise.allSettled([
+    gitExec(projectPath, ["show", `--format=${fmt}`, "--no-patch", sha]),
+    gitExec(projectPath, ["show", "--stat", "--format=", sha])
+  ]);
+  const raw = showOut.status === "fulfilled" ? showOut.value.trim() : "";
+  const parts = raw.split(sep7);
+  return {
+    sha: parts[0] ?? sha,
+    shortSha: parts[1] ?? sha.slice(0, 7),
+    subject: parts[2] ?? "",
+    authorName: parts[3] ?? "",
+    relativeTime: parts[4] ?? "",
+    isoTime: parts[5] ?? "",
+    body: (parts[6] ?? "").trim(),
+    stat: statOut.status === "fulfilled" ? statOut.value.trim() : ""
+  };
+}
+async function buildGitBranches(projectPath) {
+  let out = "";
+  try {
+    out = await gitExec(projectPath, [
+      "for-each-ref",
+      "--sort=-committerdate",
+      "refs/heads",
+      "--format=%(refname:short)|%(objectname:short)|%(committerdate:relative)|%(upstream:track)|%(HEAD)"
+    ]);
+  } catch {
+    return [];
+  }
+  return out.trim().split("\n").flatMap((line) => {
+    if (!line) return [];
+    const parts = line.split("|");
+    return [{
+      name: parts[0] ?? "",
+      shortSha: parts[1] ?? "",
+      relativeTime: parts[2] ?? "",
+      upstreamTrack: parts[3] ?? "",
+      isCurrent: (parts[4] ?? "") === "*"
+    }];
+  });
+}
+async function buildGitWorktrees(projectPath) {
+  let out = "";
+  try {
+    out = await gitExec(projectPath, ["worktree", "list", "--porcelain"]);
+  } catch {
+    return [];
+  }
+  const worktrees = [];
+  let current = {};
+  let isFirst = true;
+  for (const line of out.split("\n")) {
+    if (line.startsWith("worktree ")) {
+      if (current.rawPath) {
+        worktrees.push({
+          path: current.rawPath,
+          branch: current.branch ?? "HEAD",
+          sha: current.sha ?? "",
+          isCurrent: current.isCurrent ?? false,
+          isLocked: current.isLocked ?? false
+        });
+      }
+      current = { rawPath: line.slice(9), isCurrent: isFirst };
+      isFirst = false;
+    } else if (line.startsWith("HEAD ")) {
+      current.sha = line.slice(5);
+    } else if (line.startsWith("branch ")) {
+      current.branch = line.slice(7).replace("refs/heads/", "");
+    } else if (line === "locked") {
+      current.isLocked = true;
+    } else if (line.startsWith("locked ")) {
+      current.isLocked = true;
+    }
+  }
+  if (current.rawPath) {
+    worktrees.push({
+      path: current.rawPath,
+      branch: current.branch ?? "HEAD",
+      sha: current.sha ?? "",
+      isCurrent: current.isCurrent ?? false,
+      isLocked: current.isLocked ?? false
+    });
+  }
+  return worktrees;
+}
+function guardRelativePath(projectPath, relativePath) {
+  const resolved = pathResolve(projectPath, relativePath);
+  const base = projectPath.endsWith("/") ? projectPath : projectPath + "/";
+  if (resolved !== projectPath && !resolved.startsWith(base)) {
+    throw new Error(`Path traversal denied: ${relativePath}`);
+  }
+  return resolved;
+}
+async function buildFileListDirectory(projectPath, relativePath) {
+  const absDir = guardRelativePath(projectPath, relativePath);
+  const dirents = await readdir11(absDir, { withFileTypes: true });
+  const entries = [];
+  for (const d of dirents) {
+    if (FILES_DENYLIST2.has(d.name)) continue;
+    const entryRelPath = relativePath ? `${relativePath}/${d.name}` : d.name;
+    let size = 0;
+    let modifiedAt = (/* @__PURE__ */ new Date(0)).toISOString();
+    try {
+      const s = await stat10(join48(absDir, d.name));
+      size = d.isDirectory() ? 0 : s.size;
+      modifiedAt = s.mtime.toISOString();
+    } catch {
+    }
+    entries.push({
+      name: d.name,
+      path: entryRelPath,
+      isDirectory: d.isDirectory(),
+      size,
+      modifiedAt
+    });
+  }
+  entries.sort((a, b) => {
+    if (a.isDirectory !== b.isDirectory) return a.isDirectory ? -1 : 1;
+    return a.name.localeCompare(b.name);
+  });
+  return entries;
+}
+async function buildFileReadFile(projectPath, relativePath) {
+  const absFile = guardRelativePath(projectPath, relativePath);
+  const s = await stat10(absFile);
+  const modifiedAt = s.mtime.toISOString();
+  const size = s.size;
+  if (size > FILE_SIZE_LIMIT) {
+    return { content: null, isBinary: false, tooLarge: true, size, modifiedAt, lineCount: 0 };
+  }
+  const buf = await fsReadFile3(absFile);
+  const checkLen = Math.min(buf.length, BINARY_CHECK_BYTES);
+  for (let i = 0; i < checkLen; i++) {
+    if (buf[i] === 0) {
+      return { content: null, isBinary: true, tooLarge: false, size, modifiedAt, lineCount: 0 };
+    }
+  }
+  const text = buf.toString("utf8");
+  const lines = text.split("\n");
+  const lineCount = lines.length;
+  const content = lineCount > MAX_PREVIEW_LINES ? lines.slice(0, MAX_PREVIEW_LINES).join("\n") : text;
+  return { content, isBinary: false, tooLarge: false, size, modifiedAt, lineCount };
+}
 async function resolveRuntimeProjectPath() {
   try {
     return (await resolveProject(void 0)).projectPath;
@@ -138465,13 +140216,30 @@ async function runDashboard(port, opts = {}) {
   }));
   let tuiRefreshPending = false;
   let tuiRefreshDebounceTimer = null;
+  const projectStores = /* @__PURE__ */ new Map();
+  async function getProjectStore(projectPath) {
+    const cached = projectStores.get(projectPath);
+    if (cached) return cached;
+    let projectStore;
+    if (projectPath === cwd) {
+      if (!store) throw new Error("cwd TaskStore not yet initialized");
+      projectStore = store;
+    } else {
+      projectStore = new TaskStore(projectPath);
+      await projectStore.init();
+    }
+    projectStores.set(projectPath, projectStore);
+    return projectStore;
+  }
   async function refreshTUIStats() {
     if (!tui || !isTTY) return;
     if (!store || !agentStore) return;
     if (tuiRefreshPending) return;
     tuiRefreshPending = true;
     try {
-      const tasks = await store.listTasks({ slim: true, includeArchived: false });
+      const scopedPath = tui.boardScopedProjectPath;
+      const taskStore = scopedPath ? await getProjectStore(scopedPath) : store;
+      const tasks = await taskStore.listTasks({ slim: true, includeArchived: false });
       const counts = /* @__PURE__ */ new Map();
       for (const task of tasks) {
         counts.set(task.column, (counts.get(task.column) ?? 0) + 1);
@@ -138522,6 +140290,11 @@ async function runDashboard(port, opts = {}) {
       void refreshTUIStats();
     }, 500);
   }
+  if (tui) {
+    tui.onBoardScopeChange(() => {
+      void refreshTUIStats();
+    });
+  }
   const handlers = [];
   const disposeCallbacks = [];
   let disposed = false;
@@ -139181,19 +140954,13 @@ async function runDashboard(port, opts = {}) {
       });
       if (centralCoreForMesh) {
         const centralCore = centralCoreForMesh;
-        const projectStores = /* @__PURE__ */ new Map();
         tui.setInteractiveData({
           listProjects: async () => {
             const projects = await centralCore.listProjects();
             return projects.map((p) => ({ id: p.id, name: p.name, path: p.path }));
           },
           listTasks: async (projectPath) => {
-            let projectStore = projectStores.get(projectPath);
-            if (!projectStore) {
-              projectStore = projectPath === cwd ? store : new TaskStore(projectPath);
-              if (projectPath !== cwd) await projectStore.init();
-              projectStores.set(projectPath, projectStore);
-            }
+            const projectStore = await getProjectStore(projectPath);
             const tasks2 = await projectStore.listTasks({ slim: true, includeArchived: false });
             return tasks2.map((t) => ({
               id: t.id,
@@ -139204,12 +140971,7 @@ async function runDashboard(port, opts = {}) {
             }));
           },
           createTask: async (projectPath, input) => {
-            let projectStore = projectStores.get(projectPath);
-            if (!projectStore) {
-              projectStore = projectPath === cwd ? store : new TaskStore(projectPath);
-              if (projectPath !== cwd) await projectStore.init();
-              projectStores.set(projectPath, projectStore);
-            }
+            const projectStore = await getProjectStore(projectPath);
             const created = await projectStore.createTask({
               title: input.title,
               description: input.description ?? input.title
@@ -139290,6 +141052,104 @@ async function runDashboard(port, opts = {}) {
               provider: m.provider ?? "unknown",
               contextWindow: m.contextWindow ?? 0
             }));
+          },
+          git: {
+            getStatus: (projectPath) => buildGitStatus(projectPath),
+            listCommits: (projectPath, limit) => buildGitCommits(projectPath, limit),
+            showCommit: (projectPath, sha) => buildGitCommitDetail(projectPath, sha),
+            listBranches: (projectPath) => buildGitBranches(projectPath),
+            listWorktrees: (projectPath) => buildGitWorktrees(projectPath),
+            push: async (projectPath) => {
+              try {
+                const { stdout, stderr } = await execFileAsync3("git", ["push"], { cwd: projectPath, maxBuffer: 4 * 1024 * 1024 });
+                return { success: true, output: (stdout + stderr).trim() };
+              } catch (err) {
+                const msg = err instanceof Error ? err.stderr ?? err.message : String(err);
+                return { success: false, output: msg.trim() };
+              }
+            },
+            fetch: async (projectPath) => {
+              try {
+                const { stdout, stderr } = await execFileAsync3("git", ["fetch"], { cwd: projectPath, maxBuffer: 4 * 1024 * 1024 });
+                return { success: true, output: (stdout + stderr).trim() };
+              } catch (err) {
+                const msg = err instanceof Error ? err.stderr ?? err.message : String(err);
+                return { success: false, output: msg.trim() };
+              }
+            }
+          },
+          files: {
+            listDirectory: (projectPath, relativePath) => buildFileListDirectory(projectPath, relativePath),
+            readFile: (projectPath, relativePath) => buildFileReadFile(projectPath, relativePath)
+          },
+          tasks: {
+            getTaskDetail: async (projectPath, taskId) => {
+              try {
+                const projectStore = await getProjectStore(projectPath);
+                const t = await projectStore.getTask(taskId);
+                const steps = t.steps.map((s, idx) => ({
+                  index: idx,
+                  name: s.name,
+                  status: s.status === "in-progress" ? "running" : s.status
+                }));
+                const recentLogs = t.log.slice(-200).map((entry) => ({
+                  timestamp: entry.timestamp,
+                  level: "info",
+                  text: entry.outcome ? `${entry.action} \u2192 ${entry.outcome}` : entry.action,
+                  source: entry.runContext?.agentId ? "agent" : "executor"
+                }));
+                return {
+                  id: t.id,
+                  title: t.title,
+                  description: t.description ?? "",
+                  column: t.column,
+                  agentState: t.agentState,
+                  branch: t.branch,
+                  worktree: t.worktree,
+                  currentStepIndex: t.currentStep,
+                  steps,
+                  recentLogs
+                };
+              } catch {
+                return null;
+              }
+            },
+            subscribeTaskEvents: (projectPath, taskId, handler) => {
+              let projectStorePromise = null;
+              let lastLogLength = 0;
+              const listener = (task) => {
+                if (task.id !== taskId) return;
+                task.steps.forEach((s, idx) => {
+                  const status = s.status === "in-progress" ? "running" : s.status;
+                  handler({
+                    kind: "step:updated",
+                    step: { index: idx, name: s.name, status }
+                  });
+                });
+                const newEntries = task.log.slice(lastLogLength);
+                lastLogLength = task.log.length;
+                for (const entry of newEntries) {
+                  handler({
+                    kind: "log:appended",
+                    entry: {
+                      timestamp: entry.timestamp,
+                      level: "info",
+                      text: entry.outcome ? `${entry.action} \u2192 ${entry.outcome}` : entry.action,
+                      source: entry.runContext?.agentId ? "agent" : "executor"
+                    }
+                  });
+                }
+              };
+              projectStorePromise = getProjectStore(projectPath).then((ps) => {
+                ps.on("task:updated", listener);
+                return ps;
+              }).catch(() => null);
+              return () => {
+                void projectStorePromise?.then((ps) => {
+                  if (ps) ps.off("task:updated", listener);
+                });
+              };
+            }
           }
         });
       }
@@ -139333,7 +141193,7 @@ async function runDashboard(port, opts = {}) {
   });
   return { dispose };
 }
-var processDiagnosticsRegistered, diagnosticIntervalHandle, DIAGNOSTIC_INTERVAL_MS, diagnosticStartTime, diagnosticDbHealthCheck, diagnosticStoreListenerCheck, STREAM_LOG_FLUSH_IDLE_MS, StreamedLogBuffer;
+var processDiagnosticsRegistered, diagnosticIntervalHandle, DIAGNOSTIC_INTERVAL_MS, diagnosticStartTime, diagnosticDbHealthCheck, diagnosticStoreListenerCheck, STREAM_LOG_FLUSH_IDLE_MS, StreamedLogBuffer, execFileAsync3, FILES_DENYLIST2, FILE_SIZE_LIMIT, BINARY_CHECK_BYTES, MAX_PREVIEW_LINES;
 var init_dashboard = __esm({
   "src/commands/dashboard.ts"() {
     "use strict";
@@ -139409,6 +141269,11 @@ var init_dashboard = __esm({
         }
       }
     };
+    execFileAsync3 = promisify12(execFileCb);
+    FILES_DENYLIST2 = /* @__PURE__ */ new Set(["node_modules", ".git", "dist", ".next", "target", "build"]);
+    FILE_SIZE_LIMIT = 1024 * 1024;
+    BINARY_CHECK_BYTES = 8 * 1024;
+    MAX_PREVIEW_LINES = 2e3;
   }
 });
 
@@ -139416,7 +141281,7 @@ var init_dashboard = __esm({
 var node_exports = {};
 __export(node_exports, {
   findNodeByNameOrId: () => findNodeByNameOrId,
-  formatBytes: () => formatBytes3,
+  formatBytes: () => formatBytes4,
   formatLastActivity: () => formatLastActivity,
   formatStatusBar: () => formatStatusBar,
   formatUptime: () => formatUptime3,
@@ -139438,7 +141303,7 @@ function maskApiKey(key) {
   if (key.length < 4) return "****";
   return `****${key.slice(-4)}`;
 }
-function formatBytes3(bytes) {
+function formatBytes4(bytes) {
   if (bytes === 0) return "0 B";
   const units = ["B", "KB", "MB", "GB", "TB"];
   const k = 1024;
@@ -139695,8 +141560,8 @@ async function runNodeShow(name, options = {}) {
       console.log();
       console.log("  System Metrics:");
       console.log(`    CPU Usage:    ${formatStatusBar(metrics.cpuUsage)}`);
-      console.log(`    Memory:       ${formatBytes3(metrics.memoryUsed)} / ${formatBytes3(metrics.memoryTotal)}`);
-      console.log(`    Storage:      ${formatBytes3(metrics.storageUsed)} / ${formatBytes3(metrics.storageTotal)}`);
+      console.log(`    Memory:       ${formatBytes4(metrics.memoryUsed)} / ${formatBytes4(metrics.memoryTotal)}`);
+      console.log(`    Storage:      ${formatBytes4(metrics.storageUsed)} / ${formatBytes4(metrics.storageTotal)}`);
       console.log(`    Uptime:       ${formatUptime3(metrics.uptime)}`);
       console.log(`    Reported:     ${formatLastActivity(metrics.reportedAt)}`);
     } else {
@@ -139847,7 +141712,7 @@ async function resolveRuntimeProjectPath2() {
     return process.cwd();
   }
 }
-function formatBytes4(bytes) {
+function formatBytes5(bytes) {
   if (bytes < 1024) return `${bytes}B`;
   if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)}KB`;
   if (bytes < 1024 * 1024 * 1024) return `${Math.round(bytes / (1024 * 1024))}MB`;
@@ -139888,7 +141753,7 @@ function logDiagnostics2(prefix, dbHealthCheck) {
     } catch {
     }
   }
-  const logLine = `[${prefix}] diagnostics: uptime=${formatUptime4(uptime)} rss=${formatBytes4(mem.rss)} heap=${formatBytes4(mem.heapUsed)}/${formatBytes4(mem.heapTotal)} external=${formatBytes4(mem.external)} arrayBuffers=${formatBytes4(mem.arrayBuffers)} handles=${handleCount} requests=${requestCount} db=${dbHealth}${listenerInfo}`;
+  const logLine = `[${prefix}] diagnostics: uptime=${formatUptime4(uptime)} rss=${formatBytes5(mem.rss)} heap=${formatBytes5(mem.heapUsed)}/${formatBytes5(mem.heapTotal)} external=${formatBytes5(mem.external)} arrayBuffers=${formatBytes5(mem.arrayBuffers)} handles=${handleCount} requests=${requestCount} db=${dbHealth}${listenerInfo}`;
   console.log(logLine);
 }
 function stopDiagnosticInterval2() {
@@ -140415,7 +142280,7 @@ async function resolveRuntimeProjectPath3() {
     return process.cwd();
   }
 }
-function formatBytes5(bytes) {
+function formatBytes6(bytes) {
   if (bytes < 1024) return `${bytes}B`;
   if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)}KB`;
   if (bytes < 1024 * 1024 * 1024) return `${Math.round(bytes / (1024 * 1024))}MB`;
@@ -140449,7 +142314,7 @@ function logDiagnostics3(dbHealthCheck) {
       dbHealth = "error";
     }
   }
-  const logLine = `[daemon] diagnostics: uptime=${formatUptime5(uptime)} rss=${formatBytes5(mem.rss)} heap=${formatBytes5(mem.heapUsed)}/${formatBytes5(mem.heapTotal)} external=${formatBytes5(mem.external)} arrayBuffers=${formatBytes5(mem.arrayBuffers)} handles=${handleCount} requests=${requestCount} db=${dbHealth}`;
+  const logLine = `[daemon] diagnostics: uptime=${formatUptime5(uptime)} rss=${formatBytes6(mem.rss)} heap=${formatBytes6(mem.heapUsed)}/${formatBytes6(mem.heapTotal)} external=${formatBytes6(mem.external)} arrayBuffers=${formatBytes6(mem.arrayBuffers)} handles=${handleCount} requests=${requestCount} db=${dbHealth}`;
   console.log(logLine);
 }
 function maskToken(token) {
@@ -142610,7 +144475,7 @@ __export(git_exports, {
   runGitStatus: () => runGitStatus
 });
 import { exec as exec10 } from "node:child_process";
-import { promisify as promisify12 } from "node:util";
+import { promisify as promisify13 } from "node:util";
 import { createInterface as createInterface4 } from "node:readline/promises";
 async function resolveGitCwd(projectName) {
   if (projectName) {
@@ -142884,7 +144749,7 @@ var init_git = __esm({
   "src/commands/git.ts"() {
     "use strict";
     init_project_context();
-    execAsync10 = promisify12(exec10);
+    execAsync10 = promisify13(exec10);
   }
 });
 
@@ -142935,12 +144800,12 @@ async function runBackupList(projectName) {
   console.log(`Found ${backups.length} backup(s):
 `);
   const totalSize = backups.reduce((sum, b) => sum + b.size, 0);
-  const formattedTotal = formatBytes6(totalSize);
+  const formattedTotal = formatBytes7(totalSize);
   console.log("Date                      Size     Filename");
   console.log("-".repeat(60));
   for (const backup of backups) {
     const date = new Date(backup.createdAt).toLocaleString();
-    const size = formatBytes6(backup.size).padEnd(8);
+    const size = formatBytes7(backup.size).padEnd(8);
     console.log(`${date}  ${size}  ${backup.filename}`);
   }
   console.log("-".repeat(60));
@@ -142969,7 +144834,7 @@ async function runBackupCleanup(projectName) {
     console.log("No backups to clean up (within retention limit).");
   }
 }
-function formatBytes6(bytes) {
+function formatBytes7(bytes) {
   if (bytes === 0) return "0 B";
   const k = 1024;
   const sizes = ["B", "KB", "MB", "GB"];
@@ -144102,7 +145967,7 @@ __export(init_exports, {
 import { existsSync as existsSync42, mkdirSync as mkdirSync9, writeFileSync as writeFileSync3, readFileSync as readFileSync15 } from "node:fs";
 import { join as join55, resolve as resolve28, basename as basename14 } from "node:path";
 import { exec as exec11 } from "node:child_process";
-import { promisify as promisify13 } from "node:util";
+import { promisify as promisify14 } from "node:util";
 async function runInit(options = {}) {
   const cwd = options.path ? resolve28(options.path) : process.cwd();
   const fusionDir = join55(cwd, ".fusion");
@@ -144278,7 +146143,7 @@ var init_init = __esm({
     init_src();
     init_claude_skills_runner();
     init_skill_installation();
-    execAsync11 = promisify13(exec11);
+    execAsync11 = promisify14(exec11);
   }
 });