@sma1lboy/kobe 0.6.9 → 0.7.0

package/dist/cli/index.js

@@ -70,18 +70,14 @@ var init_package = __esm(() => {
   package_default = {
     $schema: "https://json.schemastore.org/package.json",
     name: "@sma1lboy/kobe",
-    version: "0.6.9",
+    version: "0.7.0",
     description: "TUI orchestrator for Claude Code (codename)",
     type: "module",
     packageManager: "bun@1.3.13",
     bin: {
       kobe: "dist/cli/index.js"
     },
-    files: [
-      "dist",
-      "README.md",
-      "LICENSE"
-    ],
+    files: ["dist", "README.md", "LICENSE"],
     publishConfig: {
       access: "public"
     },
@@ -218,6 +214,10 @@ function isNewerSemver(latest, current) {
   return false;
 }
 async function checkLatestVersion(opts = {}) {
+  const fake = process.env.KOBE_FAKE_UPDATE;
+  if (fake) {
+    return { current: CURRENT_VERSION, latest: fake, hasUpdate: isNewerSemver(fake, CURRENT_VERSION) };
+  }
   if (isDev() && !opts.force)
     return null;
   const latest = await fetchLatestFromRegistry(PACKAGE_NAME);
@@ -3049,6 +3049,21 @@ class Orchestrator {
     if (task.title === trimmed)
       return;
     await this.store.update(task.id, { title: trimmed });
+    await this.followBranchToTitle(task, trimmed);
+  }
+  async followBranchToTitle(taskBefore, newTitle) {
+    if (taskBefore.kind === "main" || !taskBefore.worktreePath)
+      return;
+    if (taskBefore.branch !== autoBranch(PLACEHOLDER_TASK_TITLE, taskBefore.id))
+      return;
+    const nextBranch = autoBranch(newTitle, taskBefore.id);
+    if (nextBranch === taskBefore.branch)
+      return;
+    try {
+      await this.setBranch(taskBefore.id, nextBranch);
+    } catch (err) {
+      console.error(`[kobe] follow-branch-to-title failed for ${taskBefore.id}:`, err);
+    }
   }
   async setBranch(id, branch) {
     const trimmed = branch.trim();
@@ -3272,8 +3287,13 @@ class KobeDaemonClient {
   onChannel(channel, handler) {
     return this.on(channel, (frame) => handler(frame.payload));
   }
-  subscribe(channels) {
-    return this.request("subscribe", channels ? { channels } : {});
+  subscribe(opts = {}) {
+    const payload = {};
+    if (opts.channels)
+      payload.channels = opts.channels;
+    if (opts.role)
+      payload.role = opts.role;
+    return this.request("subscribe", payload);
   }
   onLifecycle(name, handler) {
     let set = this.lifecycleHandlers.get(name);
@@ -4216,6 +4236,13 @@ var init_history3 = __esm(() => {
 });
 
 // src/monitor/auto-title.ts
+function readerFor(vendor) {
+  if (vendor === "codex")
+    return readHistory2;
+  if (vendor === "copilot")
+    return readHistory3;
+  return readHistory;
+}
 async function originSessions(worktree, vendor) {
   if (vendor === "codex") {
     return { ids: await listSessionIdsForWorktree(worktree), read: readHistory2 };
@@ -4227,22 +4254,33 @@ async function originSessions(worktree, vendor) {
   const ids = [...files].sort((a, b) => a.mtimeMs - b.mtimeMs).map((f) => f.sessionId);
   return { ids, read: readHistory };
 }
+function titleFromMessages(messages) {
+  const firstUser = messages.find((m) => m.role === "user");
+  if (!firstUser)
+    return "";
+  const text = firstUser.blocks.filter((b) => b.type === "text").map((b) => b.text).join(" ");
+  return deriveTitleFromPrompt(text);
+}
 async function deriveTitleFromSession(worktree, vendor = DEFAULT_TASK_VENDOR) {
   if (!worktree)
     return "";
   const { ids, read } = await originSessions(worktree, vendor);
   for (const sessionId of ids.slice(0, MAX_SESSIONS_SCANNED)) {
-    const messages = await read(sessionId);
-    const firstUser = messages.find((m) => m.role === "user");
-    if (!firstUser)
-      continue;
-    const text = firstUser.blocks.filter((b) => b.type === "text").map((b) => b.text).join(" ");
-    const title = deriveTitleFromPrompt(text);
+    const title = titleFromMessages(await read(sessionId));
     if (title)
       return title;
   }
   return "";
 }
+async function deriveTitleFromSessionId(vendor, sessionId) {
+  if (!sessionId)
+    return "";
+  try {
+    return titleFromMessages(await readerFor(vendor)(sessionId));
+  } catch {
+    return "";
+  }
+}
 var MAX_SESSIONS_SCANNED = 8;
 var init_auto_title = __esm(() => {
   init_history();
@@ -4250,173 +4288,488 @@ var init_auto_title = __esm(() => {
   init_history3();
 });
 
-// src/daemon/crash-log.ts
-function toError(err) {
-  if (err instanceof Error)
-    return err;
-  let text;
+// src/tmux/client.ts
+var exports_client = {};
+__export(exports_client, {
+  windowCount: () => windowCount,
+  tmuxSessionName: () => tmuxSessionName,
+  tmuxCommandSequence: () => tmuxCommandSequence,
+  tmuxAvailable: () => tmuxAvailable,
+  tmuxArgs: () => tmuxArgs,
+  tagPaneRole: () => tagPaneRole,
+  tagClaudePane: () => tagClaudePane,
+  switchClientBeforeKill: () => switchClientBeforeKill,
+  setWindowOption: () => setWindowOption,
+  setSessionOption: () => setSessionOption,
+  sessionExists: () => sessionExists,
+  sendKeys: () => sendKeys,
+  sendKeyName: () => sendKeyName,
+  runTmuxSequenceCapturing: () => runTmuxSequenceCapturing,
+  runTmuxSequence: () => runTmuxSequence,
+  runTmuxCapturing: () => runTmuxCapturing,
+  runTmux: () => runTmux,
+  paneIdByRole: () => paneIdByRole,
+  newWindow: () => newWindow,
+  killSession: () => killSession,
+  getSessionOptions: () => getSessionOptions,
+  getSessionOption: () => getSessionOption,
+  ensureFallbackSession: () => ensureFallbackSession,
+  currentSessionName: () => currentSessionName,
+  claudePaneIdStrict: () => claudePaneIdStrict,
+  claudePaneId: () => claudePaneId,
+  capturePaneById: () => capturePaneById,
+  attachArgv: () => attachArgv,
+  PANE_ROLE_OPTION: () => PANE_ROLE_OPTION,
+  KOBE_TMUX_SOCKET: () => KOBE_TMUX_SOCKET,
+  KOBE_HOME_SESSION: () => KOBE_HOME_SESSION,
+  CLAUDE_ROLE_OPTION: () => CLAUDE_ROLE_OPTION,
+  CHAT_TAB_SESSION_ID_OPTION: () => CHAT_TAB_SESSION_ID_OPTION
+});
+function tmuxArgs(...args) {
+  return ["tmux", "-L", KOBE_TMUX_SOCKET, ...args];
+}
+function tmuxSessionName(taskId) {
+  return `kobe-${taskId.replace(/[^A-Za-z0-9_-]/g, "")}`;
+}
+function attachArgv(name) {
+  return tmuxArgs("attach-session", "-t", `=${name}`);
+}
+async function drainText(stream) {
+  if (!stream)
+    return "";
   try {
-    text = typeof err === "string" ? err : JSON.stringify(err);
+    return await new Response(stream).text();
   } catch {
-    text = String(err);
+    return "";
   }
-  return new Error(text);
-}
-function formatCrashEntry(kind, err, now = new Date) {
-  const e = toError(err);
-  return `[${now.toISOString()}] daemon ${kind}: ${e.stack ?? `${e.name}: ${e.message}`}
-`;
-}
-function formatDaemonError(subsystem, err, now = new Date) {
-  const e = toError(err);
-  return `[${now.toISOString()}] daemon error [${subsystem}]: ${e.stack ?? `${e.name}: ${e.message}`}
-`;
 }
-function logDaemonError(subsystem, err) {
-  process.stderr.write(formatDaemonError(subsystem, err));
+async function runTmux(args) {
+  const proc = Bun.spawn(tmuxArgs(...args), { stdin: "ignore", stdout: "ignore", stderr: "pipe" });
+  const [errText, code] = await Promise.all([drainText(proc.stderr), proc.exited]);
+  if (code !== 0 && errText.trim().length > 0) {
+    console.error(`[kobe tmux] ${args.join(" ")} (${code}): ${errText.trim()}`);
+  }
+  return code;
 }
-function installDaemonCrashHandlers(log = (l) => process.stderr.write(l)) {
-  if (onRejection || onException)
-    return;
-  onRejection = (reason) => log(formatCrashEntry("unhandledRejection", reason));
-  onException = (err) => log(formatCrashEntry("uncaughtException", err));
-  process.on("unhandledRejection", onRejection);
-  process.on("uncaughtException", onException);
+async function runTmuxQuiet(args) {
+  const proc = Bun.spawn(tmuxArgs(...args), { stdin: "ignore", stdout: "ignore", stderr: "ignore" });
+  return proc.exited;
 }
-var onRejection, onException;
-
-// src/daemon/auto-title-poller.ts
-async function runAutoTitlePass(orch, derive = deriveTitleFromSession) {
-  let renamed = 0;
-  for (const task of orch.listTasks()) {
-    if (task.title !== PLACEHOLDER_TASK_TITLE || !task.worktreePath)
+function tmuxCommandSequence(commands) {
+  const out = [];
+  for (const cmd of commands) {
+    if (cmd.length === 0)
       continue;
-    try {
-      const title = await derive(task.worktreePath, task.vendor ?? DEFAULT_TASK_VENDOR);
-      if (!title)
-        continue;
-      const current = orch.getTask(task.id);
-      if (!current || current.title !== PLACEHOLDER_TASK_TITLE)
-        continue;
-      await orch.setTitle(task.id, title);
-      renamed++;
-    } catch (err) {
-      logDaemonError("auto-title-poller", err);
-    }
+    if (out.length > 0)
+      out.push(";");
+    out.push(...cmd);
   }
-  return renamed;
+  return out;
 }
-function startAutoTitlePoller(orch, intervalMs = DEFAULT_AUTO_TITLE_POLL_MS) {
-  if (intervalMs <= 0)
-    return () => {};
-  let running = false;
-  const tick = () => {
-    if (running)
-      return;
-    running = true;
-    runAutoTitlePass(orch).catch((err) => logDaemonError("auto-title-poller", err)).finally(() => {
-      running = false;
-    });
-  };
-  const timer = setInterval(tick, intervalMs);
-  timer.unref?.();
-  return () => clearInterval(timer);
+async function runTmuxSequence(commands) {
+  const args = tmuxCommandSequence(commands);
+  return args.length === 0 ? 0 : runTmux(args);
 }
-var DEFAULT_AUTO_TITLE_POLL_MS = 4000;
-var init_auto_title_poller = __esm(() => {
-  init_auto_title();
-  init_core();
-});
-
-// src/daemon/event-bus.ts
-class DaemonEventBus {
-  last = new Map;
-  sinks = new Set;
-  publish(channel, payload) {
-    this.last.set(channel, payload);
-    const event = { channel, payload };
-    for (const sink of this.sinks)
-      sink(event);
-  }
-  snapshot() {
-    return [...this.last].map(([channel, payload]) => ({ channel, payload }));
-  }
-  onPublish(sink) {
-    this.sinks.add(sink);
-    return () => {
-      this.sinks.delete(sink);
-    };
+async function runTmuxCapturing(args) {
+  const proc = Bun.spawn(tmuxArgs(...args), { stdin: "ignore", stdout: "pipe", stderr: "pipe" });
+  const [stdout, errText, code] = await Promise.all([drainText(proc.stdout), drainText(proc.stderr), proc.exited]);
+  if (code !== 0 && errText.trim().length > 0) {
+    console.error(`[kobe tmux] ${args.join(" ")} (${code}): ${errText.trim()}`);
   }
+  return { code, stdout };
 }
-
-// src/daemon/paths.ts
-import { createHash as createHash2 } from "crypto";
-import { homedir as homedir6, tmpdir } from "os";
-import { join as join3 } from "path";
-function shortHomeTag(homeDir2) {
-  return createHash2("sha1").update(homeDir2).digest("hex").slice(0, 8);
-}
-function fitSocketPath(naturalPath, homeDir2, role, pidTag) {
-  if (Buffer.byteLength(naturalPath, "utf8") <= SOCKET_PATH_SAFETY_LIMIT)
-    return naturalPath;
-  const tag = shortHomeTag(homeDir2);
-  const suffix = pidTag === undefined ? "" : `-${pidTag}`;
-  const fallback = join3(tmpdir(), `kobe-${tag}-${role}${suffix}.sock`);
-  if (Buffer.byteLength(fallback, "utf8") <= SOCKET_PATH_SAFETY_LIMIT)
-    return fallback;
-  throw new Error(`kobe socket path exceeds ${SOCKET_PATH_SAFETY_LIMIT} bytes even after fallback: ${fallback}`);
+async function runTmuxSequenceCapturing(commands) {
+  const args = tmuxCommandSequence(commands);
+  return args.length === 0 ? { code: 0, stdout: "" } : runTmuxCapturing(args);
 }
-function defaultDaemonSocketPath(homeDir2) {
-  const override = process.env.KOBE_DAEMON_SOCKET_PATH;
-  if (override && override.length > 0)
-    return override;
-  const explicit = homeDir2 ?? process.env.KOBE_HOME_DIR;
-  if (explicit && explicit.length > 0) {
-    return fitSocketPath(join3(explicit, ".kobe", "daemon.sock"), explicit, "daemon");
-  }
-  const runtimeDir = process.env.XDG_RUNTIME_DIR;
-  if (runtimeDir && runtimeDir.length > 0) {
-    return fitSocketPath(join3(runtimeDir, "kobe.sock"), runtimeDir, "daemon");
+async function tmuxAvailable() {
+  try {
+    const proc = Bun.spawn(["tmux", "-V"], { stdin: "ignore", stdout: "ignore", stderr: "ignore" });
+    return await proc.exited === 0;
+  } catch {
+    return false;
   }
-  const home = homedir6();
-  return fitSocketPath(join3(home, ".kobe", "daemon.sock"), home, "daemon");
 }
-function defaultDaemonPidPath(homeDir2 = process.env.KOBE_HOME_DIR ?? homedir6()) {
-  const override = process.env.KOBE_DAEMON_PID_PATH;
-  if (override && override.length > 0)
-    return override;
-  return join3(homeDir2, ".kobe", "daemon.pid");
+async function sessionExists(name) {
+  return await runTmuxQuiet(["has-session", "-t", `=${name}`]) === 0;
 }
-function defaultDaemonLogPath(homeDir2 = process.env.KOBE_HOME_DIR ?? homedir6()) {
-  return join3(homeDir2, ".kobe", "daemon.log");
+async function windowCount(sessionName) {
+  const { code, stdout } = await runTmuxCapturing(["list-windows", "-t", `=${sessionName}`, "-F", "#{window_id}"]);
+  if (code !== 0)
+    return 0;
+  return stdout.split(`
+`).filter((l) => l.trim().length > 0).length;
 }
-var SOCKET_PATH_SAFETY_LIMIT = 100;
-var init_paths2 = () => {};
-
-// src/daemon/server.ts
-import { mkdir as mkdir3, readFile as readFile5, unlink as unlink4, writeFile as writeFile3 } from "fs/promises";
-import { createServer } from "net";
-import { dirname as dirname3 } from "path";
-function resolveIdleGraceMs() {
-  const raw = process.env.KOBE_DAEMON_IDLE_GRACE_MS;
-  if (raw === undefined)
-    return DEFAULT_IDLE_GRACE_MS;
-  const n = Number(raw);
-  return Number.isFinite(n) && n >= 0 ? n : DEFAULT_IDLE_GRACE_MS;
+async function setSessionOption(session, option, value) {
+  await runTmux(["set-option", "-t", session, option, value]);
 }
-async function startDaemonServer(orch, options = {}) {
-  const socketPath = options.socketPath ?? defaultDaemonSocketPath(options.homeDir);
-  const pidPath = options.pidPath ?? defaultDaemonPidPath(options.homeDir);
-  const startedAt = options.startedAt ?? new Date;
-  const clients = new Set;
-  let nextClientId = 1;
-  const idleGraceMs = resolveIdleGraceMs();
+async function getSessionOption(session, option) {
+  const { code, stdout } = await runTmuxCapturing(["show-options", "-v", "-t", session, option]);
+  return code === 0 ? stdout.trim() : "";
+}
+async function getSessionOptions(session, options) {
+  const values = Object.fromEntries(options.map((option) => [option, undefined]));
+  const { code, stdout } = await runTmuxSequenceCapturing(options.map((option) => ["show-options", "-q", "-t", session, option]));
+  if (code !== 0)
+    return values;
+  for (const line of stdout.split(`
+`)) {
+    const idx = line.indexOf(" ");
+    if (idx <= 0)
+      continue;
+    const option = line.slice(0, idx);
+    if (option in values)
+      values[option] = line.slice(idx + 1).trim();
+  }
+  return values;
+}
+async function tagPaneRole(paneId, role) {
+  await runTmux(["set-option", "-p", "-t", paneId, PANE_ROLE_OPTION, role]);
+}
+async function setWindowOption(target, option, value) {
+  await runTmux(["set-window-option", "-t", target, option, value]);
+}
+async function tagClaudePane(paneId) {
+  await tagPaneRole(paneId, CLAUDE_ROLE_VALUE);
+}
+async function paneIdByRole(sessionName, role, fallbackFirst = false) {
+  const { code, stdout } = await runTmuxCapturing([
+    "list-panes",
+    "-t",
+    `=${sessionName}`,
+    "-F",
+    `#{pane_id}	#{${PANE_ROLE_OPTION}}`
+  ]);
+  if (code !== 0)
+    return "";
+  let firstId = "";
+  for (const line of stdout.split(`
+`)) {
+    const [id, paneRole] = line.split("\t");
+    if (!id)
+      continue;
+    if (!firstId)
+      firstId = id.trim();
+    if (paneRole?.trim() === role)
+      return id.trim();
+  }
+  return fallbackFirst ? firstId : "";
+}
+async function claudePaneId(sessionName) {
+  return paneIdByRole(sessionName, CLAUDE_ROLE_VALUE, true);
+}
+async function claudePaneIdStrict(sessionName) {
+  return paneIdByRole(sessionName, CLAUDE_ROLE_VALUE, false);
+}
+async function capturePaneById(paneId, lines) {
+  if (!paneId)
+    return "";
+  const args = ["capture-pane", "-t", paneId, "-p"];
+  if (typeof lines === "number" && lines > 0)
+    args.push("-S", String(-lines));
+  const { code, stdout } = await runTmuxCapturing(args);
+  return code === 0 ? stdout : "";
+}
+async function sendKeys(target, text) {
+  await runTmux(["send-keys", "-t", target, "-l", "--", text]);
+}
+async function sendKeyName(target, key) {
+  await runTmux(["send-keys", "-t", target, key]);
+}
+async function newWindow(session, opts) {
+  const args = ["new-window", "-t", `=${session}`, "-c", opts.cwd];
+  if (opts.name)
+    args.push("-n", opts.name);
+  args.push(opts.command);
+  await runTmux(args);
+}
+async function currentSessionName() {
+  const args = ["display-message", "-p"];
+  const target = process.env.TMUX_PANE;
+  if (target && target.length > 0)
+    args.push("-t", target);
+  args.push("#{session_name}");
+  const { code, stdout } = await runTmuxCapturing(args);
+  const name = stdout.trim();
+  return code === 0 && name.length > 0 ? name : null;
+}
+async function killSession(name) {
+  if (await sessionExists(name))
+    await runTmux(["kill-session", "-t", `=${name}`]);
+}
+async function ensureFallbackSession() {
+  const name = KOBE_HOME_SESSION;
+  if (!await sessionExists(name)) {
+    await runTmux([
+      "new-session",
+      "-d",
+      "-s",
+      name,
+      "-x",
+      "220",
+      "-y",
+      "50",
+      "sh",
+      "-c",
+      'clear; printf "\\n  No active task\\n\\n  Select a task from the sidebar to continue.\\n\\n"; exec ${SHELL:-sh}'
+    ]);
+  }
+  return name;
+}
+async function switchClientBeforeKill(killedName, nextSessionName) {
+  const current = await currentSessionName();
+  if (current !== killedName)
+    return;
+  if (nextSessionName && nextSessionName !== killedName && await sessionExists(nextSessionName)) {
+    await runTmux(["switch-client", "-t", `=${nextSessionName}`]);
+    return;
+  }
+  const fallback = await ensureFallbackSession();
+  await runTmux(["switch-client", "-t", `=${fallback}`]);
+}
+var KOBE_TMUX_SOCKET, PANE_ROLE_OPTION = "@kobe_role", CLAUDE_ROLE_OPTION, CLAUDE_ROLE_VALUE = "claude", CHAT_TAB_SESSION_ID_OPTION = "@kobe_session_id", KOBE_HOME_SESSION = "kobe-home";
+var init_client2 = __esm(() => {
+  KOBE_TMUX_SOCKET = process.env.KOBE_TMUX_SOCKET?.trim() || "kobe";
+  CLAUDE_ROLE_OPTION = PANE_ROLE_OPTION;
+});
+
+// src/tmux/chat-tab-naming.ts
+async function listChatTabWindows(session, runner = realRunner) {
+  const { code, stdout } = await runner.capture([
+    "list-windows",
+    "-t",
+    `=${session}`,
+    "-F",
+    `#{window_index}	#{${CHAT_TAB_SESSION_ID_OPTION}}`
+  ]);
+  if (code !== 0)
+    return [];
+  const out = [];
+  for (const line of stdout.split(`
+`)) {
+    const tab = line.indexOf("\t");
+    const index = Number.parseInt((tab >= 0 ? line.slice(0, tab) : line).trim(), 10);
+    if (!Number.isInteger(index))
+      continue;
+    out.push({ index, sessionId: tab >= 0 ? line.slice(tab + 1).trim() : "" });
+  }
+  return out;
+}
+async function windowNamedManually(session, index, runner) {
+  const { code, stdout } = await runner.capture([
+    "show-window-options",
+    "-t",
+    `=${session}:${index}`,
+    "automatic-rename"
+  ]);
+  return code === 0 && /\boff\b/.test(stdout);
+}
+async function renameWindow(session, index, title, runner) {
+  return await runner.run(["rename-window", "-t", `=${session}:${index}`, "--", title]) === 0;
+}
+async function runChatTabNamingPass(orch, deps = realDeps) {
+  let renamed = 0;
+  for (const task of orch.listTasks()) {
+    if (task.kind === "main" || !task.worktreePath)
+      continue;
+    const session = tmuxSessionName(task.id);
+    const windows = await listChatTabWindows(session, deps.runner);
+    if (windows.length === 0)
+      continue;
+    const originIndex = windows.reduce((min, w) => Math.min(min, w.index), Number.POSITIVE_INFINITY);
+    const vendor = task.vendor ?? DEFAULT_TASK_VENDOR;
+    for (const w of windows) {
+      try {
+        if (await windowNamedManually(session, w.index, deps.runner))
+          continue;
+        const title = w.sessionId ? await deps.titleFromSessionId(vendor, w.sessionId) : w.index === originIndex ? await deps.titleFromWorktree(task.worktreePath, vendor) : "";
+        if (title && await renameWindow(session, w.index, title, deps.runner))
+          renamed++;
+      } catch {}
+    }
+  }
+  return renamed;
+}
+var realRunner, realDeps;
+var init_chat_tab_naming = __esm(() => {
+  init_auto_title();
+  init_client2();
+  realRunner = { capture: runTmuxCapturing, run: runTmux };
+  realDeps = {
+    runner: realRunner,
+    titleFromSessionId: deriveTitleFromSessionId,
+    titleFromWorktree: deriveTitleFromSession
+  };
+});
+
+// src/daemon/crash-log.ts
+function toError(err) {
+  if (err instanceof Error)
+    return err;
+  let text;
+  try {
+    text = typeof err === "string" ? err : JSON.stringify(err);
+  } catch {
+    text = String(err);
+  }
+  return new Error(text);
+}
+function formatCrashEntry(kind, err, now = new Date) {
+  const e = toError(err);
+  return `[${now.toISOString()}] daemon ${kind}: ${e.stack ?? `${e.name}: ${e.message}`}
+`;
+}
+function formatDaemonError(subsystem, err, now = new Date) {
+  const e = toError(err);
+  return `[${now.toISOString()}] daemon error [${subsystem}]: ${e.stack ?? `${e.name}: ${e.message}`}
+`;
+}
+function logDaemonError(subsystem, err) {
+  process.stderr.write(formatDaemonError(subsystem, err));
+}
+function installDaemonCrashHandlers(log = (l) => process.stderr.write(l)) {
+  if (onRejection || onException)
+    return;
+  onRejection = (reason) => log(formatCrashEntry("unhandledRejection", reason));
+  onException = (err) => log(formatCrashEntry("uncaughtException", err));
+  process.on("unhandledRejection", onRejection);
+  process.on("uncaughtException", onException);
+}
+var onRejection, onException;
+
+// src/daemon/auto-title-poller.ts
+async function runAutoTitlePass(orch, derive = deriveTitleFromSession) {
+  const renamed = [];
+  for (const task of orch.listTasks()) {
+    if (task.title !== PLACEHOLDER_TASK_TITLE || !task.worktreePath)
+      continue;
+    try {
+      const title = await derive(task.worktreePath, task.vendor ?? DEFAULT_TASK_VENDOR);
+      if (!title)
+        continue;
+      const current = orch.getTask(task.id);
+      if (!current || current.title !== PLACEHOLDER_TASK_TITLE)
+        continue;
+      await orch.setTitle(task.id, title);
+      renamed.push({ id: task.id, title });
+    } catch (err) {
+      logDaemonError("auto-title-poller", err);
+    }
+  }
+  return renamed;
+}
+function startAutoTitlePoller(orch, intervalMs = DEFAULT_AUTO_TITLE_POLL_MS) {
+  if (intervalMs <= 0)
+    return () => {};
+  let running = false;
+  const tick = () => {
+    if (running)
+      return;
+    running = true;
+    runAutoTitlePass(orch).then(() => runChatTabNamingPass(orch)).catch((err) => logDaemonError("auto-title-poller", err)).finally(() => {
+      running = false;
+    });
+  };
+  const timer = setInterval(tick, intervalMs);
+  timer.unref?.();
+  return () => clearInterval(timer);
+}
+var DEFAULT_AUTO_TITLE_POLL_MS = 4000;
+var init_auto_title_poller = __esm(() => {
+  init_auto_title();
+  init_core();
+  init_chat_tab_naming();
+});
+
+// src/daemon/event-bus.ts
+class DaemonEventBus {
+  last = new Map;
+  sinks = new Set;
+  publish(channel, payload) {
+    this.last.set(channel, payload);
+    const event = { channel, payload };
+    for (const sink of this.sinks)
+      sink(event);
+  }
+  snapshot() {
+    return [...this.last].map(([channel, payload]) => ({ channel, payload }));
+  }
+  onPublish(sink) {
+    this.sinks.add(sink);
+    return () => {
+      this.sinks.delete(sink);
+    };
+  }
+}
+
+// src/daemon/paths.ts
+import { createHash as createHash2 } from "crypto";
+import { homedir as homedir6, tmpdir } from "os";
+import { join as join3 } from "path";
+function shortHomeTag(homeDir2) {
+  return createHash2("sha1").update(homeDir2).digest("hex").slice(0, 8);
+}
+function fitSocketPath(naturalPath, homeDir2, role, pidTag) {
+  if (Buffer.byteLength(naturalPath, "utf8") <= SOCKET_PATH_SAFETY_LIMIT)
+    return naturalPath;
+  const tag = shortHomeTag(homeDir2);
+  const suffix = pidTag === undefined ? "" : `-${pidTag}`;
+  const fallback = join3(tmpdir(), `kobe-${tag}-${role}${suffix}.sock`);
+  if (Buffer.byteLength(fallback, "utf8") <= SOCKET_PATH_SAFETY_LIMIT)
+    return fallback;
+  throw new Error(`kobe socket path exceeds ${SOCKET_PATH_SAFETY_LIMIT} bytes even after fallback: ${fallback}`);
+}
+function defaultDaemonSocketPath(homeDir2) {
+  const override = process.env.KOBE_DAEMON_SOCKET_PATH;
+  if (override && override.length > 0)
+    return override;
+  const explicit = homeDir2 ?? process.env.KOBE_HOME_DIR;
+  if (explicit && explicit.length > 0) {
+    return fitSocketPath(join3(explicit, ".kobe", "daemon.sock"), explicit, "daemon");
+  }
+  const runtimeDir = process.env.XDG_RUNTIME_DIR;
+  if (runtimeDir && runtimeDir.length > 0) {
+    return fitSocketPath(join3(runtimeDir, "kobe.sock"), runtimeDir, "daemon");
+  }
+  const home = homedir6();
+  return fitSocketPath(join3(home, ".kobe", "daemon.sock"), home, "daemon");
+}
+function defaultDaemonPidPath(homeDir2 = process.env.KOBE_HOME_DIR ?? homedir6()) {
+  const override = process.env.KOBE_DAEMON_PID_PATH;
+  if (override && override.length > 0)
+    return override;
+  return join3(homeDir2, ".kobe", "daemon.pid");
+}
+function defaultDaemonLogPath(homeDir2 = process.env.KOBE_HOME_DIR ?? homedir6()) {
+  return join3(homeDir2, ".kobe", "daemon.log");
+}
+var SOCKET_PATH_SAFETY_LIMIT = 100;
+var init_paths2 = () => {};
+
+// src/daemon/server.ts
+import { mkdir as mkdir3, readFile as readFile5, unlink as unlink4, writeFile as writeFile3 } from "fs/promises";
+import { createServer } from "net";
+import { dirname as dirname3 } from "path";
+function resolveIdleGraceMs() {
+  const raw = process.env.KOBE_DAEMON_IDLE_GRACE_MS;
+  if (raw === undefined)
+    return DEFAULT_IDLE_GRACE_MS;
+  const n = Number(raw);
+  return Number.isFinite(n) && n >= 0 ? n : DEFAULT_IDLE_GRACE_MS;
+}
+async function startDaemonServer(orch, options = {}) {
+  const socketPath = options.socketPath ?? defaultDaemonSocketPath(options.homeDir);
+  const pidPath = options.pidPath ?? defaultDaemonPidPath(options.homeDir);
+  const startedAt = options.startedAt ?? new Date;
+  const clients = new Set;
+  let nextClientId = 1;
+  const idleGraceMs = resolveIdleGraceMs();
   let idleTimer = null;
   let stopping = false;
-  function subscriberCount() {
+  function guiCount() {
     let n = 0;
     for (const c of clients)
-      if (c.subscribed)
+      if (c.holdsLifetime)
         n++;
     return n;
   }
@@ -4427,12 +4780,12 @@ async function startDaemonServer(orch, options = {}) {
     }
   }
   function maybeArmIdleShutdown() {
-    if (stopping || subscriberCount() > 0)
+    if (stopping || guiCount() > 0)
       return;
     cancelIdleTimer();
     idleTimer = setTimeout(() => {
       idleTimer = null;
-      if (stopping || subscriberCount() > 0)
+      if (stopping || guiCount() > 0)
         return;
       stopSoon().catch((err) => logDaemonError("daemon-idle-shutdown", err));
     }, idleGraceMs);
@@ -4451,7 +4804,8 @@ async function startDaemonServer(orch, options = {}) {
       connectedAt: new Date,
       socket,
       buffer: "",
-      subscribed: false
+      subscribed: false,
+      holdsLifetime: false
     };
     clients.add(client);
     socket.on("data", (chunk) => {
@@ -4461,7 +4815,7 @@ async function startDaemonServer(orch, options = {}) {
     socket.on("error", () => {});
     socket.on("close", () => {
       clients.delete(client);
-      if (client.subscribed)
+      if (client.holdsLifetime)
         maybeArmIdleShutdown();
     });
   });
@@ -4549,7 +4903,7 @@ async function startDaemonServer(orch, options = {}) {
           daemonPid: process.pid,
           uptimeMs: Date.now() - startedAt.getTime(),
           startedAt: startedAt.toISOString(),
-          attachedClients: subscriberCount(),
+          attachedClients: guiCount(),
           taskCount: orch.listTasks().length,
           socketPath
         };
@@ -4649,7 +5003,10 @@ async function startDaemonServer(orch, options = {}) {
       }
       case "subscribe": {
         client.subscribed = true;
-        cancelIdleTimer();
+        const role = payload.role === "gui" ? "gui" : "pane";
+        client.holdsLifetime = role === "gui";
+        if (client.holdsLifetime)
+          cancelIdleTimer();
         for (const event of bus.snapshot()) {
           writeFrame(client, { type: "event", name: event.channel, payload: event.payload });
         }
@@ -5071,288 +5428,54 @@ var init_repo_cmd = __esm(() => {
 `);
 });
 
-// src/engine/interactive-command.ts
-function engineCommandKey(vendor) {
-  return `engineCommand.${vendor}`;
-}
-function defaultEngineCommand(vendor) {
-  return DEFAULT_COMMANDS[vendor ?? "claude"] ?? DEFAULT_COMMANDS.claude;
-}
-function parseEngineCommand(command) {
-  const out = [];
-  const re = /"([^"]*)"|'([^']*)'|(\S+)/g;
-  for (let m = re.exec(command);m !== null; m = re.exec(command)) {
-    out.push(m[1] ?? m[2] ?? m[3] ?? "");
-  }
-  return out;
-}
-function interactiveEngineCommand(vendor) {
-  const v = vendor ?? "claude";
-  const override = getPersistedString(engineCommandKey(v))?.trim();
-  if (override) {
-    const argv = parseEngineCommand(override);
-    if (argv.length > 0)
-      return argv;
-  }
-  return defaultEngineCommand(v);
-}
-var DEFAULT_COMMANDS, VENDOR_LABEL;
-var init_interactive_command = __esm(() => {
-  init_repos();
-  DEFAULT_COMMANDS = {
-    claude: ["claude"],
-    codex: ["codex"],
-    copilot: ["copilot"]
-  };
-  VENDOR_LABEL = {
-    claude: "Claude",
-    codex: "Codex",
-    copilot: "Copilot"
-  };
-});
-
-// src/tmux/client.ts
-var exports_client = {};
-__export(exports_client, {
-  windowCount: () => windowCount,
-  tmuxSessionName: () => tmuxSessionName,
-  tmuxCommandSequence: () => tmuxCommandSequence,
-  tmuxAvailable: () => tmuxAvailable,
-  tmuxArgs: () => tmuxArgs,
-  tagPaneRole: () => tagPaneRole,
-  tagClaudePane: () => tagClaudePane,
-  switchClientBeforeKill: () => switchClientBeforeKill,
-  setWindowOption: () => setWindowOption,
-  setSessionOption: () => setSessionOption,
-  sessionExists: () => sessionExists,
-  sendKeys: () => sendKeys,
-  sendKeyName: () => sendKeyName,
-  runTmuxSequenceCapturing: () => runTmuxSequenceCapturing,
-  runTmuxSequence: () => runTmuxSequence,
-  runTmuxCapturing: () => runTmuxCapturing,
-  runTmux: () => runTmux,
-  paneIdByRole: () => paneIdByRole,
-  newWindow: () => newWindow,
-  killSession: () => killSession,
-  getSessionOptions: () => getSessionOptions,
-  getSessionOption: () => getSessionOption,
-  ensureFallbackSession: () => ensureFallbackSession,
-  currentSessionName: () => currentSessionName,
-  claudePaneIdStrict: () => claudePaneIdStrict,
-  claudePaneId: () => claudePaneId,
-  capturePaneById: () => capturePaneById,
-  attachArgv: () => attachArgv,
-  PANE_ROLE_OPTION: () => PANE_ROLE_OPTION,
-  KOBE_TMUX_SOCKET: () => KOBE_TMUX_SOCKET,
-  KOBE_HOME_SESSION: () => KOBE_HOME_SESSION,
-  CLAUDE_ROLE_OPTION: () => CLAUDE_ROLE_OPTION
-});
-function tmuxArgs(...args) {
-  return ["tmux", "-L", KOBE_TMUX_SOCKET, ...args];
-}
-function tmuxSessionName(taskId) {
-  return `kobe-${taskId.replace(/[^A-Za-z0-9_-]/g, "")}`;
-}
-function attachArgv(name) {
-  return tmuxArgs("attach-session", "-t", `=${name}`);
-}
-async function drainText(stream) {
-  if (!stream)
-    return "";
-  try {
-    return await new Response(stream).text();
-  } catch {
-    return "";
-  }
-}
-async function runTmux(args) {
-  const proc = Bun.spawn(tmuxArgs(...args), { stdin: "ignore", stdout: "ignore", stderr: "pipe" });
-  const [errText, code] = await Promise.all([drainText(proc.stderr), proc.exited]);
-  if (code !== 0 && errText.trim().length > 0) {
-    console.error(`[kobe tmux] ${args.join(" ")} (${code}): ${errText.trim()}`);
-  }
-  return code;
-}
-async function runTmuxQuiet(args) {
-  const proc = Bun.spawn(tmuxArgs(...args), { stdin: "ignore", stdout: "ignore", stderr: "ignore" });
-  return proc.exited;
-}
-function tmuxCommandSequence(commands) {
-  const out = [];
-  for (const cmd of commands) {
-    if (cmd.length === 0)
-      continue;
-    if (out.length > 0)
-      out.push(";");
-    out.push(...cmd);
-  }
-  return out;
-}
-async function runTmuxSequence(commands) {
-  const args = tmuxCommandSequence(commands);
-  return args.length === 0 ? 0 : runTmux(args);
-}
-async function runTmuxCapturing(args) {
-  const proc = Bun.spawn(tmuxArgs(...args), { stdin: "ignore", stdout: "pipe", stderr: "pipe" });
-  const [stdout, errText, code] = await Promise.all([drainText(proc.stdout), drainText(proc.stderr), proc.exited]);
-  if (code !== 0 && errText.trim().length > 0) {
-    console.error(`[kobe tmux] ${args.join(" ")} (${code}): ${errText.trim()}`);
-  }
-  return { code, stdout };
-}
-async function runTmuxSequenceCapturing(commands) {
-  const args = tmuxCommandSequence(commands);
-  return args.length === 0 ? { code: 0, stdout: "" } : runTmuxCapturing(args);
-}
-async function tmuxAvailable() {
-  try {
-    const proc = Bun.spawn(["tmux", "-V"], { stdin: "ignore", stdout: "ignore", stderr: "ignore" });
-    return await proc.exited === 0;
-  } catch {
-    return false;
-  }
-}
-async function sessionExists(name) {
-  return await runTmuxQuiet(["has-session", "-t", `=${name}`]) === 0;
-}
-async function windowCount(sessionName) {
-  const { code, stdout } = await runTmuxCapturing(["list-windows", "-t", `=${sessionName}`, "-F", "#{window_id}"]);
-  if (code !== 0)
-    return 0;
-  return stdout.split(`
-`).filter((l) => l.trim().length > 0).length;
-}
-async function setSessionOption(session, option, value) {
-  await runTmux(["set-option", "-t", session, option, value]);
-}
-async function getSessionOption(session, option) {
-  const { code, stdout } = await runTmuxCapturing(["show-options", "-v", "-t", session, option]);
-  return code === 0 ? stdout.trim() : "";
-}
-async function getSessionOptions(session, options) {
-  const values = Object.fromEntries(options.map((option) => [option, undefined]));
-  const { code, stdout } = await runTmuxSequenceCapturing(options.map((option) => ["show-options", "-q", "-t", session, option]));
-  if (code !== 0)
-    return values;
-  for (const line of stdout.split(`
-`)) {
-    const idx = line.indexOf(" ");
-    if (idx <= 0)
-      continue;
-    const option = line.slice(0, idx);
-    if (option in values)
-      values[option] = line.slice(idx + 1).trim();
-  }
-  return values;
-}
-async function tagPaneRole(paneId, role) {
-  await runTmux(["set-option", "-p", "-t", paneId, PANE_ROLE_OPTION, role]);
-}
-async function setWindowOption(target, option, value) {
-  await runTmux(["set-window-option", "-t", target, option, value]);
-}
-async function tagClaudePane(paneId) {
-  await tagPaneRole(paneId, CLAUDE_ROLE_VALUE);
-}
-async function paneIdByRole(sessionName, role, fallbackFirst = false) {
-  const { code, stdout } = await runTmuxCapturing([
-    "list-panes",
-    "-t",
-    `=${sessionName}`,
-    "-F",
-    `#{pane_id}	#{${PANE_ROLE_OPTION}}`
-  ]);
-  if (code !== 0)
-    return "";
-  let firstId = "";
-  for (const line of stdout.split(`
-`)) {
-    const [id, paneRole] = line.split("\t");
-    if (!id)
-      continue;
-    if (!firstId)
-      firstId = id.trim();
-    if (paneRole?.trim() === role)
-      return id.trim();
-  }
-  return fallbackFirst ? firstId : "";
-}
-async function claudePaneId(sessionName) {
-  return paneIdByRole(sessionName, CLAUDE_ROLE_VALUE, true);
-}
-async function claudePaneIdStrict(sessionName) {
-  return paneIdByRole(sessionName, CLAUDE_ROLE_VALUE, false);
-}
-async function capturePaneById(paneId, lines) {
-  if (!paneId)
-    return "";
-  const args = ["capture-pane", "-t", paneId, "-p"];
-  if (typeof lines === "number" && lines > 0)
-    args.push("-S", String(-lines));
-  const { code, stdout } = await runTmuxCapturing(args);
-  return code === 0 ? stdout : "";
-}
-async function sendKeys(target, text) {
-  await runTmux(["send-keys", "-t", target, "-l", "--", text]);
-}
-async function sendKeyName(target, key) {
-  await runTmux(["send-keys", "-t", target, key]);
-}
-async function newWindow(session, opts) {
-  const args = ["new-window", "-t", `=${session}`, "-c", opts.cwd];
-  if (opts.name)
-    args.push("-n", opts.name);
-  args.push(opts.command);
-  await runTmux(args);
-}
-async function currentSessionName() {
-  const args = ["display-message", "-p"];
-  const target = process.env.TMUX_PANE;
-  if (target && target.length > 0)
-    args.push("-t", target);
-  args.push("#{session_name}");
-  const { code, stdout } = await runTmuxCapturing(args);
-  const name = stdout.trim();
-  return code === 0 && name.length > 0 ? name : null;
+// src/engine/interactive-command.ts
+import { randomUUID } from "crypto";
+function engineCommandKey(vendor) {
+  return `engineCommand.${vendor}`;
 }
-async function killSession(name) {
-  if (await sessionExists(name))
-    await runTmux(["kill-session", "-t", `=${name}`]);
+function defaultEngineCommand(vendor) {
+  return DEFAULT_COMMANDS[vendor ?? "claude"] ?? DEFAULT_COMMANDS.claude;
 }
-async function ensureFallbackSession() {
-  const name = KOBE_HOME_SESSION;
-  if (!await sessionExists(name)) {
-    await runTmux([
-      "new-session",
-      "-d",
-      "-s",
-      name,
-      "-x",
-      "220",
-      "-y",
-      "50",
-      "sh",
-      "-c",
-      'clear; printf "\\n  No active task\\n\\n  Select a task from the sidebar to continue.\\n\\n"; exec ${SHELL:-sh}'
-    ]);
+function parseEngineCommand(command) {
+  const out = [];
+  const re = /"([^"]*)"|'([^']*)'|(\S+)/g;
+  for (let m = re.exec(command);m !== null; m = re.exec(command)) {
+    out.push(m[1] ?? m[2] ?? m[3] ?? "");
   }
-  return name;
+  return out;
 }
-async function switchClientBeforeKill(killedName, nextSessionName) {
-  const current = await currentSessionName();
-  if (current !== killedName)
-    return;
-  if (nextSessionName && nextSessionName !== killedName && await sessionExists(nextSessionName)) {
-    await runTmux(["switch-client", "-t", `=${nextSessionName}`]);
-    return;
+function interactiveEngineCommand(vendor) {
+  const v = vendor ?? "claude";
+  const override = getPersistedString(engineCommandKey(v))?.trim();
+  if (override) {
+    const argv = parseEngineCommand(override);
+    if (argv.length > 0)
+      return argv;
   }
-  const fallback = await ensureFallbackSession();
-  await runTmux(["switch-client", "-t", `=${fallback}`]);
+  return defaultEngineCommand(v);
 }
-var KOBE_TMUX_SOCKET, PANE_ROLE_OPTION = "@kobe_role", CLAUDE_ROLE_OPTION, CLAUDE_ROLE_VALUE = "claude", KOBE_HOME_SESSION = "kobe-home";
-var init_client2 = __esm(() => {
-  KOBE_TMUX_SOCKET = process.env.KOBE_TMUX_SOCKET?.trim() || "kobe";
-  CLAUDE_ROLE_OPTION = PANE_ROLE_OPTION;
+function withClaudeSessionId(argv, vendor) {
+  if ((vendor ?? "claude") !== "claude")
+    return { argv, sessionId: null };
+  if (argv.some((a) => CLAUDE_SESSION_CONTROL_FLAGS.has(a)))
+    return { argv, sessionId: null };
+  const sessionId = randomUUID();
+  return { argv: [...argv, "--session-id", sessionId], sessionId };
+}
+var DEFAULT_COMMANDS, VENDOR_LABEL, CLAUDE_SESSION_CONTROL_FLAGS;
+var init_interactive_command = __esm(() => {
+  init_repos();
+  DEFAULT_COMMANDS = {
+    claude: ["claude"],
+    codex: ["codex"],
+    copilot: ["copilot"]
+  };
+  VENDOR_LABEL = {
+    claude: "Claude",
+    codex: "Codex",
+    copilot: "Copilot"
+  };
+  CLAUDE_SESSION_CONTROL_FLAGS = new Set(["--session-id", "--resume", "-r", "--continue", "-c", "--from-pr"]);
 });
 
 // src/tmux/prompt-delivery.ts
@@ -5475,6 +5598,7 @@ __export(exports_tmux, {
   tmuxAvailable: () => tmuxAvailable,
   switchClientBeforeKill: () => switchClientBeforeKill,
   sessionExists: () => sessionExists,
+  refreshKobeWorkspacePanes: () => refreshKobeWorkspacePanes,
   quickCreate: () => quickCreate,
   openUpdateTab: () => openUpdateTab,
   openSettingsTab: () => openSettingsTab,
@@ -5482,6 +5606,7 @@ __export(exports_tmux, {
   newChatTab: () => newChatTab,
   killSession: () => killSession,
   ensureSession: () => ensureSession,
+  currentSessionName: () => currentSessionName,
   attachArgv: () => attachArgv,
   PANE_VERSION_OPTION: () => PANE_VERSION_OPTION,
   CHAT_TAB_SWITCH_BINDINGS: () => CHAT_TAB_SWITCH_BINDINGS,
@@ -5544,6 +5669,7 @@ async function ensureSessionImpl(opts) {
     await runTmux(["kill-session", "-t", `=${opts.name}`]);
   }
   const inv = kobeCliInvocation();
+  const launch = withClaudeSessionId(opts.command, opts.vendor);
   const r0 = await runTmuxCapturing([
     "new-session",
     "-d",
@@ -5555,7 +5681,7 @@ async function ensureSessionImpl(opts) {
     "-P",
     "-F",
     "#{pane_id}",
-    engineLaunchLine(shellQuoteArgv(opts.command), {
+    engineLaunchLine(shellQuoteArgv(launch.argv), {
       initScript: opts.initScript,
       markerPath: opts.initScript ? worktreeInitMarkerPath(opts.cwd) : undefined
     })
@@ -5565,6 +5691,8 @@ async function ensureSessionImpl(opts) {
     console.error("[kobe tmux] new-session returned no pane id; session creation failed");
     return false;
   }
+  if (launch.sessionId)
+    await setWindowOption(pane0, CHAT_TAB_SESSION_ID_OPTION, launch.sessionId);
   await runTmuxSequence([
     ...opts.taskId ? [["set-option", "-t", opts.name, "@kobe_task", opts.taskId]] : [],
     ["set-option", "-t", opts.name, "@kobe_worktree", opts.cwd],
@@ -5706,6 +5834,58 @@ async function healKobePaneVersions(session, cwd, taskId, vendor) {
   if (commands.length > 0)
     await runTmuxSequence(commands);
 }
+async function refreshKobeWorkspacePanes(session) {
+  const sessionOptions = await getSessionOptions(session, ["@kobe_worktree", "@kobe_task", "@kobe_vendor"]);
+  const cwd = sessionOptions["@kobe_worktree"] || process.cwd();
+  const taskId = sessionOptions["@kobe_task"] || undefined;
+  const vendor = sessionOptions["@kobe_vendor"] || undefined;
+  const inv = kobeCliInvocation();
+  const envPrefix = inheritedEnvPrefix();
+  const { code, stdout } = await runTmuxCapturing([
+    "list-panes",
+    "-s",
+    "-t",
+    `=${session}`,
+    "-F",
+    `#{window_id}	#{pane_id}	#{@kobe_role}	#{${PANE_VERSION_OPTION}}`
+  ]);
+  if (code !== 0)
+    return;
+  const byWindow = new Map;
+  for (const row of parseKobePaneRows(stdout)) {
+    const panes = byWindow.get(row.windowId) ?? [];
+    panes.push(row);
+    byWindow.set(row.windowId, panes);
+  }
+  const commands = [];
+  for (const panes of byWindow.values()) {
+    const claudePane = panes.find((pane) => pane.role === "claude")?.paneId;
+    const tasksPane = panes.find((pane) => pane.role === "tasks");
+    const opsPane = panes.find((pane) => pane.role === "ops");
+    if (tasksPane) {
+      commands.push(["respawn-pane", "-k", "-t", tasksPane.paneId, "-c", cwd, keepAlive(envPrefix + tasksPaneCommand(inv))], ["set-option", "-p", "-t", tasksPane.paneId, "@kobe_role", "tasks"], ["set-option", "-p", "-t", tasksPane.paneId, PANE_VERSION_OPTION, CURRENT_VERSION]);
+    }
+    if (opsPane && claudePane) {
+      commands.push([
+        "respawn-pane",
+        "-k",
+        "-t",
+        opsPane.paneId,
+        "-c",
+        cwd,
+        keepAlive(envPrefix + opsPaneCommand({
+          cwd,
+          taskId,
+          claudePaneId: claudePane,
+          cliInvocation: inv,
+          vendor
+        }))
+      ], ["set-option", "-p", "-t", opsPane.paneId, "@kobe_role", "ops"], ["set-option", "-p", "-t", opsPane.paneId, PANE_VERSION_OPTION, CURRENT_VERSION]);
+    }
+  }
+  if (commands.length > 0)
+    await runTmuxSequence(commands);
+}
 function inheritedEnvPrefix() {
   const parts = [];
   for (const key of ["KOBE_HOME_DIR", "KOBE_DAEMON_SOCKET_PATH", "KOBE_TMUX_SOCKET"]) {
@@ -5778,6 +5958,7 @@ async function newChatTab(session, vendorOverride) {
   if (vendorOverride)
     await rememberSessionVendor(session, taskId, vendorOverride);
   const command = interactiveEngineCommand(vendor);
+  const launch = withClaudeSessionId(command, vendor);
   const inv = kobeCliInvocation();
   const r = await runTmuxCapturing([
     "new-window",
@@ -5788,11 +5969,13 @@ async function newChatTab(session, vendorOverride) {
     "-P",
     "-F",
     "#{pane_id}",
-    keepAlive(shellQuoteArgv(command))
+    keepAlive(shellQuoteArgv(launch.argv))
   ]);
   const claudePane = r.stdout.trim();
   if (!claudePane)
     return;
+  if (launch.sessionId)
+    await setWindowOption(claudePane, CHAT_TAB_SESSION_ID_OPTION, launch.sessionId);
   await buildPanesAround(claudePane, { cwd, taskId, inv, vendor });
 }
 async function openSettingsTab(session) {
@@ -5944,7 +6127,8 @@ function readWorktreeChanges(worktreePath) {
     const out = spawnSync3("git", ["status", "--porcelain=v1"], {
       cwd: worktreePath,
       encoding: "utf8",
-      stdio: ["ignore", "pipe", "pipe"]
+      stdio: ["ignore", "pipe", "pipe"],
+      env: { ...process.env, GIT_OPTIONAL_LOCKS: "0" }
     });
     if (out.status !== 0 || !out.stdout)
       return ZERO;
@@ -8440,6 +8624,7 @@ class RemoteOrchestrator {
   connectionStateAcc;
   setConnectionState;
   ensureReachable;
+  role;
   constructor(client, options = {}) {
     this.client = client;
     const [tasks, setTasks] = createSignal([]);
@@ -8455,6 +8640,7 @@ class RemoteOrchestrator {
     this.connectionStateAcc = connectionState;
     this.setConnectionState = (next) => setConnectionState(() => next);
     this.ensureReachable = options.ensureReachable ?? ensureDaemonReachable;
+    this.role = options.role ?? "pane";
     this.client.on("*", (frame) => this.handleEvent(frame.name, frame.payload));
     this.client.onLifecycle("close", () => this.setConnectionState("disconnected"));
   }
@@ -8475,7 +8661,7 @@ class RemoteOrchestrator {
     }
     if (hello.tasks)
       this.setTasks(hello.tasks.map(deserializeTask));
-    await this.client.subscribe();
+    await this.client.subscribe({ role: this.role });
     this.setConnectionState("online");
   }
   connectionStateSignal() {
@@ -12820,6 +13006,15 @@ var init_account_detect = __esm(() => {
   };
 });
 
+// src/tui/lib/editor-prefs.ts
+function normalizeEditorKind(value) {
+  return value === "nano" || value === "custom" || value === "vim" ? value : DEFAULT_EDITOR_KIND;
+}
+var EDITOR_KINDS, EDITOR_KIND_KEY = "editor.kind", EDITOR_CUSTOM_KEY = "editor.customCommand", DEFAULT_EDITOR_KIND = "vim";
+var init_editor_prefs = __esm(() => {
+  EDITOR_KINDS = ["vim", "nano", "custom"];
+});
+
 // src/tui/lib/settings-surface.ts
 function normalizeSettingsSurface(value) {
   return value === "taskpanel" ? "taskpanel" : "chattab";
@@ -13008,7 +13203,7 @@ function devRowCount(hasDaemon) {
   return hasDaemon ? 2 : 1;
 }
 function generalRowCount(themeCount, focusAccentCount) {
-  return themeCount + 1 + focusAccentCount + 4;
+  return themeCount + 1 + focusAccentCount + 6;
 }
 function bodyRowCount(section, themeCount, focusAccentCount, hasDaemon) {
   if (section === "general")
@@ -13043,6 +13238,12 @@ function surfaceChattabRowIndex(themeCount, focusAccentCount) {
 function surfaceTaskpanelRowIndex(themeCount, focusAccentCount) {
   return surfaceChattabRowIndex(themeCount, focusAccentCount) + 1;
 }
+function editorKindRowIndex(themeCount, focusAccentCount) {
+  return surfaceTaskpanelRowIndex(themeCount, focusAccentCount) + 1;
+}
+function editorCustomRowIndex(themeCount, focusAccentCount) {
+  return editorKindRowIndex(themeCount, focusAccentCount) + 1;
+}
 var SECTIONS, FOCUS_ACCENT_LABEL;
 var init_model = __esm(() => {
   init_vendor();
@@ -13111,13 +13312,17 @@ function GeneralSettingsSection(props) {
   const soundRow = () => soundRowIndex(props.themeNames().length, FOCUS_ACCENT_SLOTS.length);
   const surfaceChattabRow = () => surfaceChattabRowIndex(props.themeNames().length, FOCUS_ACCENT_SLOTS.length);
   const surfaceTaskpanelRow = () => surfaceTaskpanelRowIndex(props.themeNames().length, FOCUS_ACCENT_SLOTS.length);
+  const editorKindRow = () => editorKindRowIndex(props.themeNames().length, FOCUS_ACCENT_SLOTS.length);
+  const editorCustomRow = () => editorCustomRowIndex(props.themeNames().length, FOCUS_ACCENT_SLOTS.length);
   const isTransparentRow = () => props.bodyRow() === transparentRowIndex(props.themeNames().length);
   const isToastRow = () => props.bodyRow() === toastRow();
   const isSoundRow = () => props.bodyRow() === soundRow();
   const isSurfaceChattabRow = () => props.bodyRow() === surfaceChattabRow();
   const isSurfaceTaskpanelRow = () => props.bodyRow() === surfaceTaskpanelRow();
+  const isEditorKindRow = () => props.bodyRow() === editorKindRow();
+  const isEditorCustomRow = () => props.bodyRow() === editorCustomRow();
   return (() => {
-    var _el$4 = createElement("box"), _el$5 = createElement("text"), _el$7 = createElement("text"), _el$9 = createElement("box"), _el$0 = createElement("box"), _el$1 = createElement("text"), _el$11 = createElement("text"), _el$13 = createElement("box"), _el$14 = createElement("text"), _el$15 = createElement("box"), _el$16 = createElement("text"), _el$18 = createElement("text"), _el$20 = createElement("box"), _el$21 = createElement("text"), _el$23 = createElement("text"), _el$25 = createElement("box"), _el$26 = createElement("text"), _el$27 = createTextNode(` Toast`), _el$28 = createElement("box"), _el$29 = createElement("text"), _el$30 = createTextNode(` Sound`), _el$31 = createElement("box"), _el$32 = createElement("text"), _el$34 = createElement("text"), _el$36 = createElement("box"), _el$37 = createElement("text"), _el$38 = createTextNode(` ChatTab (separate page)`), _el$39 = createElement("box"), _el$40 = createElement("text"), _el$41 = createTextNode(` Task panel (in-pane overlay)`);
+    var _el$4 = createElement("box"), _el$5 = createElement("text"), _el$7 = createElement("text"), _el$9 = createElement("box"), _el$0 = createElement("box"), _el$1 = createElement("text"), _el$11 = createElement("text"), _el$13 = createElement("box"), _el$14 = createElement("text"), _el$15 = createElement("box"), _el$16 = createElement("text"), _el$18 = createElement("text"), _el$20 = createElement("box"), _el$21 = createElement("text"), _el$23 = createElement("text"), _el$25 = createElement("box"), _el$26 = createElement("text"), _el$27 = createTextNode(` Toast`), _el$28 = createElement("box"), _el$29 = createElement("text"), _el$30 = createTextNode(` Sound`), _el$31 = createElement("box"), _el$32 = createElement("text"), _el$34 = createElement("text"), _el$36 = createElement("box"), _el$37 = createElement("text"), _el$38 = createTextNode(` ChatTab (separate page)`), _el$39 = createElement("box"), _el$40 = createElement("text"), _el$41 = createTextNode(` Task panel (in-pane overlay)`), _el$42 = createElement("box"), _el$43 = createElement("text"), _el$45 = createElement("text"), _el$47 = createElement("box"), _el$48 = createElement("text"), _el$49 = createElement("box"), _el$50 = createElement("text");
     insertNode(_el$4, _el$5);
     insertNode(_el$4, _el$7);
     insertNode(_el$4, _el$9);
@@ -13125,6 +13330,7 @@ function GeneralSettingsSection(props) {
     insertNode(_el$4, _el$15);
     insertNode(_el$4, _el$20);
     insertNode(_el$4, _el$31);
+    insertNode(_el$4, _el$42);
     setProp(_el$4, "flexDirection", "column");
     setProp(_el$4, "gap", 1);
     insertNode(_el$5, createTextNode(`Theme`));
@@ -13139,33 +13345,33 @@ function GeneralSettingsSection(props) {
         const isCursor = () => props.level() === "body" && props.bodyRow() === i();
         const isSelected = () => name === themeCtx.selected;
         return (() => {
-          var _el$42 = createElement("box"), _el$43 = createElement("text");
-          insertNode(_el$42, _el$43);
-          setProp(_el$42, "flexDirection", "row");
-          setProp(_el$42, "gap", 1);
-          setProp(_el$42, "paddingLeft", 1);
-          setProp(_el$42, "paddingRight", 1);
-          setProp(_el$42, "onMouseUp", () => {
+          var _el$51 = createElement("box"), _el$52 = createElement("text");
+          insertNode(_el$51, _el$52);
+          setProp(_el$51, "flexDirection", "row");
+          setProp(_el$51, "gap", 1);
+          setProp(_el$51, "paddingLeft", 1);
+          setProp(_el$51, "paddingRight", 1);
+          setProp(_el$51, "onMouseUp", () => {
             props.setLevel("body");
             props.setBodyRow(i());
             props.setThemeCursor(i());
-            themeCtx.set(name);
+            props.selectTheme(name);
           });
-          setProp(_el$43, "wrapMode", "none");
-          insert(_el$43, () => isSelected() ? "\u25CF " : "  ", null);
-          insert(_el$43, name, null);
+          setProp(_el$52, "wrapMode", "none");
+          insert(_el$52, () => isSelected() ? "\u25CF " : "  ", null);
+          insert(_el$52, name, null);
           effect((_p$) => {
-            var _v$32 = isCursor() ? theme.primary : undefined, _v$33 = isCursor() ? theme.selectedListItemText : isSelected() ? theme.accent : theme.text, _v$34 = isCursor() || isSelected() ? TextAttributes5.BOLD : undefined;
-            _v$32 !== _p$.e && (_p$.e = setProp(_el$42, "backgroundColor", _v$32, _p$.e));
-            _v$33 !== _p$.t && (_p$.t = setProp(_el$43, "fg", _v$33, _p$.t));
-            _v$34 !== _p$.a && (_p$.a = setProp(_el$43, "attributes", _v$34, _p$.a));
+            var _v$40 = isCursor() ? theme.primary : undefined, _v$41 = isCursor() ? theme.selectedListItemText : isSelected() ? theme.accent : theme.text, _v$42 = isCursor() || isSelected() ? TextAttributes5.BOLD : undefined;
+            _v$40 !== _p$.e && (_p$.e = setProp(_el$51, "backgroundColor", _v$40, _p$.e));
+            _v$41 !== _p$.t && (_p$.t = setProp(_el$52, "fg", _v$41, _p$.t));
+            _v$42 !== _p$.a && (_p$.a = setProp(_el$52, "attributes", _v$42, _p$.a));
             return _p$;
           }, {
             e: undefined,
             t: undefined,
             a: undefined
           });
-          return _el$42;
+          return _el$51;
         })();
       }
     }));
@@ -13185,7 +13391,7 @@ function GeneralSettingsSection(props) {
     setProp(_el$13, "onMouseUp", () => {
       props.setLevel("body");
       props.setBodyRow(transparentRowIndex(props.themeNames().length));
-      themeCtx.setTransparentBackground(!themeCtx.transparentBackground);
+      props.toggleTransparent();
     });
     setProp(_el$14, "wrapMode", "none");
     insert(_el$14, () => themeCtx.transparentBackground ? "[x] on" : "[ ] off");
@@ -13204,32 +13410,32 @@ function GeneralSettingsSection(props) {
         const isCursor = () => props.level() === "body" && props.bodyRow() === rowIndex();
         const isSelected = () => themeCtx.focusAccent === slot;
         return (() => {
-          var _el$44 = createElement("box"), _el$45 = createElement("text");
-          insertNode(_el$44, _el$45);
-          setProp(_el$44, "flexDirection", "row");
-          setProp(_el$44, "gap", 1);
-          setProp(_el$44, "paddingLeft", 1);
-          setProp(_el$44, "paddingRight", 1);
-          setProp(_el$44, "onMouseUp", () => {
+          var _el$53 = createElement("box"), _el$54 = createElement("text");
+          insertNode(_el$53, _el$54);
+          setProp(_el$53, "flexDirection", "row");
+          setProp(_el$53, "gap", 1);
+          setProp(_el$53, "paddingLeft", 1);
+          setProp(_el$53, "paddingRight", 1);
+          setProp(_el$53, "onMouseUp", () => {
             props.setLevel("body");
             props.setBodyRow(rowIndex());
-            themeCtx.setFocusAccent(slot);
+            props.selectFocusAccent(slot);
           });
-          setProp(_el$45, "wrapMode", "none");
-          insert(_el$45, () => isSelected() ? "\u25CF " : "  ", null);
-          insert(_el$45, () => FOCUS_ACCENT_LABEL[slot], null);
+          setProp(_el$54, "wrapMode", "none");
+          insert(_el$54, () => isSelected() ? "\u25CF " : "  ", null);
+          insert(_el$54, () => FOCUS_ACCENT_LABEL[slot], null);
           effect((_p$) => {
-            var _v$35 = isCursor() ? theme.primary : undefined, _v$36 = isCursor() ? theme.selectedListItemText : isSelected() ? theme.focusAccent : theme.text, _v$37 = isCursor() || isSelected() ? TextAttributes5.BOLD : undefined;
-            _v$35 !== _p$.e && (_p$.e = setProp(_el$44, "backgroundColor", _v$35, _p$.e));
-            _v$36 !== _p$.t && (_p$.t = setProp(_el$45, "fg", _v$36, _p$.t));
-            _v$37 !== _p$.a && (_p$.a = setProp(_el$45, "attributes", _v$37, _p$.a));
+            var _v$43 = isCursor() ? theme.primary : undefined, _v$44 = isCursor() ? theme.selectedListItemText : isSelected() ? theme.focusAccent : theme.text, _v$45 = isCursor() || isSelected() ? TextAttributes5.BOLD : undefined;
+            _v$43 !== _p$.e && (_p$.e = setProp(_el$53, "backgroundColor", _v$43, _p$.e));
+            _v$44 !== _p$.t && (_p$.t = setProp(_el$54, "fg", _v$44, _p$.t));
+            _v$45 !== _p$.a && (_p$.a = setProp(_el$54, "attributes", _v$45, _p$.a));
             return _p$;
           }, {
             e: undefined,
             t: undefined,
             a: undefined
           });
-          return _el$44;
+          return _el$53;
         })();
       }
     }), null);
@@ -13305,8 +13511,42 @@ function GeneralSettingsSection(props) {
     insertNode(_el$40, _el$41);
     setProp(_el$40, "wrapMode", "none");
     insert(_el$40, () => props.settingsSurface() === "taskpanel" ? "[x]" : "[ ]", _el$41);
+    insertNode(_el$42, _el$43);
+    insertNode(_el$42, _el$45);
+    insertNode(_el$42, _el$47);
+    insertNode(_el$42, _el$49);
+    setProp(_el$42, "flexDirection", "column");
+    setProp(_el$42, "gap", 0);
+    setProp(_el$42, "paddingTop", 1);
+    insertNode(_el$43, createTextNode(`Editor`));
+    insertNode(_el$45, createTextNode(`What \`e\` opens a file with in the file tree (enter stays the read-only preview). enter on the row below cycles vim / nano / custom; if the editor isn't installed it falls back to the preview.`));
+    setProp(_el$45, "wrapMode", "word");
+    insertNode(_el$47, _el$48);
+    setProp(_el$47, "flexDirection", "row");
+    setProp(_el$47, "gap", 1);
+    setProp(_el$47, "paddingLeft", 1);
+    setProp(_el$47, "paddingRight", 1);
+    setProp(_el$47, "onMouseUp", () => {
+      props.setLevel("body");
+      props.setBodyRow(editorKindRow());
+      props.cycleEditorKind();
+    });
+    setProp(_el$48, "wrapMode", "none");
+    insert(_el$48, () => `editor: < ${props.editorKind()} >  (enter to change)`);
+    insertNode(_el$49, _el$50);
+    setProp(_el$49, "flexDirection", "row");
+    setProp(_el$49, "gap", 1);
+    setProp(_el$49, "paddingLeft", 1);
+    setProp(_el$49, "paddingRight", 1);
+    setProp(_el$49, "onMouseUp", () => {
+      props.setLevel("body");
+      props.setBodyRow(editorCustomRow());
+      props.editEditorCustom();
+    });
+    setProp(_el$50, "wrapMode", "none");
+    insert(_el$50, () => `custom: ${props.editorCustomCommand().trim() || "(unset \u2014 enter to edit)"}`);
     effect((_p$) => {
-      var _v$4 = theme.text, _v$5 = TextAttributes5.BOLD, _v$6 = theme.textMuted, _v$7 = theme.text, _v$8 = TextAttributes5.BOLD, _v$9 = theme.textMuted, _v$0 = isTransparentRow() ? theme.primary : undefined, _v$1 = isTransparentRow() ? theme.selectedListItemText : themeCtx.transparentBackground ? theme.accent : theme.textMuted, _v$10 = TextAttributes5.BOLD, _v$11 = theme.text, _v$12 = TextAttributes5.BOLD, _v$13 = theme.textMuted, _v$14 = theme.text, _v$15 = TextAttributes5.BOLD, _v$16 = theme.textMuted, _v$17 = isToastRow() ? theme.primary : undefined, _v$18 = isToastRow() ? theme.selectedListItemText : props.toastEnabled() ? theme.accent : theme.textMuted, _v$19 = TextAttributes5.BOLD, _v$20 = isSoundRow() ? theme.primary : undefined, _v$21 = isSoundRow() ? theme.selectedListItemText : props.soundEnabled() ? theme.accent : theme.textMuted, _v$22 = TextAttributes5.BOLD, _v$23 = theme.text, _v$24 = TextAttributes5.BOLD, _v$25 = theme.textMuted, _v$26 = isSurfaceChattabRow() ? theme.primary : undefined, _v$27 = isSurfaceChattabRow() ? theme.selectedListItemText : props.settingsSurface() === "chattab" ? theme.accent : theme.textMuted, _v$28 = TextAttributes5.BOLD, _v$29 = isSurfaceTaskpanelRow() ? theme.primary : undefined, _v$30 = isSurfaceTaskpanelRow() ? theme.selectedListItemText : props.settingsSurface() === "taskpanel" ? theme.accent : theme.textMuted, _v$31 = TextAttributes5.BOLD;
+      var _v$4 = theme.text, _v$5 = TextAttributes5.BOLD, _v$6 = theme.textMuted, _v$7 = theme.text, _v$8 = TextAttributes5.BOLD, _v$9 = theme.textMuted, _v$0 = isTransparentRow() ? theme.primary : undefined, _v$1 = isTransparentRow() ? theme.selectedListItemText : themeCtx.transparentBackground ? theme.accent : theme.textMuted, _v$10 = TextAttributes5.BOLD, _v$11 = theme.text, _v$12 = TextAttributes5.BOLD, _v$13 = theme.textMuted, _v$14 = theme.text, _v$15 = TextAttributes5.BOLD, _v$16 = theme.textMuted, _v$17 = isToastRow() ? theme.primary : undefined, _v$18 = isToastRow() ? theme.selectedListItemText : props.toastEnabled() ? theme.accent : theme.textMuted, _v$19 = TextAttributes5.BOLD, _v$20 = isSoundRow() ? theme.primary : undefined, _v$21 = isSoundRow() ? theme.selectedListItemText : props.soundEnabled() ? theme.accent : theme.textMuted, _v$22 = TextAttributes5.BOLD, _v$23 = theme.text, _v$24 = TextAttributes5.BOLD, _v$25 = theme.textMuted, _v$26 = isSurfaceChattabRow() ? theme.primary : undefined, _v$27 = isSurfaceChattabRow() ? theme.selectedListItemText : props.settingsSurface() === "chattab" ? theme.accent : theme.textMuted, _v$28 = TextAttributes5.BOLD, _v$29 = isSurfaceTaskpanelRow() ? theme.primary : undefined, _v$30 = isSurfaceTaskpanelRow() ? theme.selectedListItemText : props.settingsSurface() === "taskpanel" ? theme.accent : theme.textMuted, _v$31 = TextAttributes5.BOLD, _v$32 = theme.text, _v$33 = TextAttributes5.BOLD, _v$34 = theme.textMuted, _v$35 = isEditorKindRow() ? theme.primary : undefined, _v$36 = isEditorKindRow() ? theme.selectedListItemText : theme.accent, _v$37 = TextAttributes5.BOLD, _v$38 = isEditorCustomRow() ? theme.primary : undefined, _v$39 = isEditorCustomRow() ? theme.selectedListItemText : props.editorKind() === "custom" ? theme.text : theme.textMuted;
       _v$4 !== _p$.e && (_p$.e = setProp(_el$5, "fg", _v$4, _p$.e));
       _v$5 !== _p$.t && (_p$.t = setProp(_el$5, "attributes", _v$5, _p$.t));
       _v$6 !== _p$.a && (_p$.a = setProp(_el$7, "fg", _v$6, _p$.a));
@@ -13337,6 +13577,14 @@ function GeneralSettingsSection(props) {
       _v$29 !== _p$.B && (_p$.B = setProp(_el$39, "backgroundColor", _v$29, _p$.B));
       _v$30 !== _p$.v && (_p$.v = setProp(_el$40, "fg", _v$30, _p$.v));
       _v$31 !== _p$.k && (_p$.k = setProp(_el$40, "attributes", _v$31, _p$.k));
+      _v$32 !== _p$.x && (_p$.x = setProp(_el$43, "fg", _v$32, _p$.x));
+      _v$33 !== _p$.j && (_p$.j = setProp(_el$43, "attributes", _v$33, _p$.j));
+      _v$34 !== _p$.q && (_p$.q = setProp(_el$45, "fg", _v$34, _p$.q));
+      _v$35 !== _p$.z && (_p$.z = setProp(_el$47, "backgroundColor", _v$35, _p$.z));
+      _v$36 !== _p$.P && (_p$.P = setProp(_el$48, "fg", _v$36, _p$.P));
+      _v$37 !== _p$.H && (_p$.H = setProp(_el$48, "attributes", _v$37, _p$.H));
+      _v$38 !== _p$.F && (_p$.F = setProp(_el$49, "backgroundColor", _v$38, _p$.F));
+      _v$39 !== _p$.M && (_p$.M = setProp(_el$50, "fg", _v$39, _p$.M));
       return _p$;
     }, {
       e: undefined,
@@ -13368,7 +13616,15 @@ function GeneralSettingsSection(props) {
       C: undefined,
       B: undefined,
       v: undefined,
-      k: undefined
+      k: undefined,
+      x: undefined,
+      j: undefined,
+      q: undefined,
+      z: undefined,
+      P: undefined,
+      H: undefined,
+      F: undefined,
+      M: undefined
     });
     return _el$4;
   })();
@@ -13378,47 +13634,47 @@ function EngineSettingsSection(props) {
     theme
   } = useTheme();
   return (() => {
-    var _el$46 = createElement("box"), _el$47 = createElement("text"), _el$49 = createElement("text"), _el$51 = createElement("box");
-    insertNode(_el$46, _el$47);
-    insertNode(_el$46, _el$49);
-    insertNode(_el$46, _el$51);
-    setProp(_el$46, "flexDirection", "column");
-    setProp(_el$46, "gap", 1);
-    insertNode(_el$47, createTextNode(`Launch command`));
-    insertNode(_el$49, createTextNode(`The command each engine's task pane runs. Override it when your binary isn't on PATH as \`claude\` / \`codex\` (e.g. it's \`cl\`) or to pass default flags. enter to edit \xB7 takes effect on the next task enter.`));
-    setProp(_el$49, "wrapMode", "word");
-    setProp(_el$51, "flexDirection", "column");
-    setProp(_el$51, "gap", 0);
-    insert(_el$51, createComponent2(For, {
+    var _el$55 = createElement("box"), _el$56 = createElement("text"), _el$58 = createElement("text"), _el$60 = createElement("box");
+    insertNode(_el$55, _el$56);
+    insertNode(_el$55, _el$58);
+    insertNode(_el$55, _el$60);
+    setProp(_el$55, "flexDirection", "column");
+    setProp(_el$55, "gap", 1);
+    insertNode(_el$56, createTextNode(`Launch command`));
+    insertNode(_el$58, createTextNode(`The command each engine's task pane runs. Override it when your binary isn't on PATH as \`claude\` / \`codex\` (e.g. it's \`cl\`) or to pass default flags. enter to edit \xB7 takes effect on the next task enter.`));
+    setProp(_el$58, "wrapMode", "word");
+    setProp(_el$60, "flexDirection", "column");
+    setProp(_el$60, "gap", 0);
+    insert(_el$60, createComponent2(For, {
       get each() {
         return props.vendors;
       },
       children: (vendor, i) => {
         const isCursor = () => props.level() === "body" && props.bodyRow() === i();
         return (() => {
-          var _el$52 = createElement("box"), _el$53 = createElement("text"), _el$54 = createElement("text");
-          insertNode(_el$52, _el$53);
-          insertNode(_el$52, _el$54);
-          setProp(_el$52, "flexDirection", "row");
-          setProp(_el$52, "gap", 1);
-          setProp(_el$52, "paddingLeft", 1);
-          setProp(_el$52, "paddingRight", 1);
-          setProp(_el$52, "onMouseUp", () => {
+          var _el$61 = createElement("box"), _el$62 = createElement("text"), _el$63 = createElement("text");
+          insertNode(_el$61, _el$62);
+          insertNode(_el$61, _el$63);
+          setProp(_el$61, "flexDirection", "row");
+          setProp(_el$61, "gap", 1);
+          setProp(_el$61, "paddingLeft", 1);
+          setProp(_el$61, "paddingRight", 1);
+          setProp(_el$61, "onMouseUp", () => {
             props.setLevel("body");
             props.setBodyRow(i());
             props.editEngine(vendor);
           });
-          setProp(_el$53, "wrapMode", "none");
-          insert(_el$53, () => VENDOR_LABEL[vendor]);
-          setProp(_el$54, "wrapMode", "none");
-          insert(_el$54, () => props.commandText(vendor), null);
-          insert(_el$54, () => props.isDefault(vendor) ? "  (default)" : "", null);
+          setProp(_el$62, "wrapMode", "none");
+          insert(_el$62, () => VENDOR_LABEL[vendor]);
+          setProp(_el$63, "wrapMode", "none");
+          insert(_el$63, () => props.commandText(vendor), null);
+          insert(_el$63, () => props.isDefault(vendor) ? "  (default)" : "", null);
           effect((_p$) => {
-            var _v$41 = isCursor() ? theme.primary : undefined, _v$42 = isCursor() ? theme.selectedListItemText : theme.text, _v$43 = TextAttributes5.BOLD, _v$44 = isCursor() ? theme.selectedListItemText : props.isDefault(vendor) ? theme.textMuted : theme.accent;
-            _v$41 !== _p$.e && (_p$.e = setProp(_el$52, "backgroundColor", _v$41, _p$.e));
-            _v$42 !== _p$.t && (_p$.t = setProp(_el$53, "fg", _v$42, _p$.t));
-            _v$43 !== _p$.a && (_p$.a = setProp(_el$53, "attributes", _v$43, _p$.a));
-            _v$44 !== _p$.o && (_p$.o = setProp(_el$54, "fg", _v$44, _p$.o));
+            var _v$49 = isCursor() ? theme.primary : undefined, _v$50 = isCursor() ? theme.selectedListItemText : theme.text, _v$51 = TextAttributes5.BOLD, _v$52 = isCursor() ? theme.selectedListItemText : props.isDefault(vendor) ? theme.textMuted : theme.accent;
+            _v$49 !== _p$.e && (_p$.e = setProp(_el$61, "backgroundColor", _v$49, _p$.e));
+            _v$50 !== _p$.t && (_p$.t = setProp(_el$62, "fg", _v$50, _p$.t));
+            _v$51 !== _p$.a && (_p$.a = setProp(_el$62, "attributes", _v$51, _p$.a));
+            _v$52 !== _p$.o && (_p$.o = setProp(_el$63, "fg", _v$52, _p$.o));
             return _p$;
           }, {
             e: undefined,
@@ -13426,22 +13682,22 @@ function EngineSettingsSection(props) {
             a: undefined,
             o: undefined
           });
-          return _el$52;
+          return _el$61;
         })();
       }
     }));
     effect((_p$) => {
-      var _v$38 = theme.text, _v$39 = TextAttributes5.BOLD, _v$40 = theme.textMuted;
-      _v$38 !== _p$.e && (_p$.e = setProp(_el$47, "fg", _v$38, _p$.e));
-      _v$39 !== _p$.t && (_p$.t = setProp(_el$47, "attributes", _v$39, _p$.t));
-      _v$40 !== _p$.a && (_p$.a = setProp(_el$49, "fg", _v$40, _p$.a));
+      var _v$46 = theme.text, _v$47 = TextAttributes5.BOLD, _v$48 = theme.textMuted;
+      _v$46 !== _p$.e && (_p$.e = setProp(_el$56, "fg", _v$46, _p$.e));
+      _v$47 !== _p$.t && (_p$.t = setProp(_el$56, "attributes", _v$47, _p$.t));
+      _v$48 !== _p$.a && (_p$.a = setProp(_el$58, "fg", _v$48, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$46;
+    return _el$55;
   })();
 }
 function AccountsSettingsSection(props) {
@@ -13450,221 +13706,221 @@ function AccountsSettingsSection(props) {
   } = useTheme();
   const binaryLine = (s) => s.binary.found ? `Binary: ${s.binary.path}` : `Binary: ${s.binary.error}`;
   return (() => {
-    var _el$55 = createElement("box"), _el$56 = createElement("text"), _el$58 = createElement("text"), _el$60 = createElement("box"), _el$61 = createElement("text"), _el$65 = createElement("box"), _el$66 = createElement("text"), _el$70 = createElement("box"), _el$71 = createElement("text");
-    insertNode(_el$55, _el$56);
-    insertNode(_el$55, _el$58);
-    insertNode(_el$55, _el$60);
-    insertNode(_el$55, _el$65);
-    insertNode(_el$55, _el$70);
-    setProp(_el$55, "flexDirection", "column");
-    setProp(_el$55, "gap", 1);
-    insertNode(_el$56, createTextNode(`Accounts`));
-    insertNode(_el$58, createTextNode(`Read-only view of locally-detected engine accounts. Login flows land here later.`));
-    setProp(_el$58, "wrapMode", "word");
-    insertNode(_el$60, _el$61);
-    setProp(_el$60, "flexDirection", "column");
-    setProp(_el$60, "gap", 0);
-    insertNode(_el$61, createTextNode(`claude-code`));
-    insert(_el$60, createComponent2(Show, {
+    var _el$64 = createElement("box"), _el$65 = createElement("text"), _el$67 = createElement("text"), _el$69 = createElement("box"), _el$70 = createElement("text"), _el$74 = createElement("box"), _el$75 = createElement("text"), _el$79 = createElement("box"), _el$80 = createElement("text");
+    insertNode(_el$64, _el$65);
+    insertNode(_el$64, _el$67);
+    insertNode(_el$64, _el$69);
+    insertNode(_el$64, _el$74);
+    insertNode(_el$64, _el$79);
+    setProp(_el$64, "flexDirection", "column");
+    setProp(_el$64, "gap", 1);
+    insertNode(_el$65, createTextNode(`Accounts`));
+    insertNode(_el$67, createTextNode(`Read-only view of locally-detected engine accounts. Login flows land here later.`));
+    setProp(_el$67, "wrapMode", "word");
+    insertNode(_el$69, _el$70);
+    setProp(_el$69, "flexDirection", "column");
+    setProp(_el$69, "gap", 0);
+    insertNode(_el$70, createTextNode(`claude-code`));
+    insert(_el$69, createComponent2(Show, {
       get when() {
         return props.claudeStatus() === null;
       },
       get children() {
-        var _el$63 = createElement("text");
-        insertNode(_el$63, createTextNode(`Checking\u2026`));
-        effect((_$p) => setProp(_el$63, "fg", theme.textMuted, _$p));
-        return _el$63;
+        var _el$72 = createElement("text");
+        insertNode(_el$72, createTextNode(`Checking\u2026`));
+        effect((_$p) => setProp(_el$72, "fg", theme.textMuted, _$p));
+        return _el$72;
       }
     }), null);
-    insert(_el$60, createComponent2(Show, {
+    insert(_el$69, createComponent2(Show, {
       get when() {
         return props.claudeStatus();
       },
       children: (s) => (() => {
-        var _el$75 = createElement("box"), _el$76 = createElement("text");
-        insertNode(_el$75, _el$76);
-        setProp(_el$75, "flexDirection", "column");
-        setProp(_el$75, "gap", 0);
-        setProp(_el$76, "wrapMode", "word");
-        insert(_el$76, () => binaryLine(s()));
-        insert(_el$75, () => {
+        var _el$84 = createElement("box"), _el$85 = createElement("text");
+        insertNode(_el$84, _el$85);
+        setProp(_el$84, "flexDirection", "column");
+        setProp(_el$84, "gap", 0);
+        setProp(_el$85, "wrapMode", "word");
+        insert(_el$85, () => binaryLine(s()));
+        insert(_el$84, () => {
           const a = s().account;
           if (a.kind === "oauth") {
             const tail = [a.organization, a.billingType].filter((x) => !!x).join(" \xB7 ");
             return (() => {
-              var _el$77 = createElement("text");
-              setProp(_el$77, "wrapMode", "word");
-              insert(_el$77, () => `\u25CF Logged in: ${a.email}${tail ? ` (${tail})` : ""}`);
-              effect((_$p) => setProp(_el$77, "fg", theme.success, _$p));
-              return _el$77;
+              var _el$86 = createElement("text");
+              setProp(_el$86, "wrapMode", "word");
+              insert(_el$86, () => `\u25CF Logged in: ${a.email}${tail ? ` (${tail})` : ""}`);
+              effect((_$p) => setProp(_el$86, "fg", theme.success, _$p));
+              return _el$86;
             })();
           }
           return (() => {
-            var _el$78 = createElement("text");
-            insertNode(_el$78, createTextNode(`\u25CB Not logged in`));
-            effect((_$p) => setProp(_el$78, "fg", theme.textMuted, _$p));
-            return _el$78;
+            var _el$87 = createElement("text");
+            insertNode(_el$87, createTextNode(`\u25CB Not logged in`));
+            effect((_$p) => setProp(_el$87, "fg", theme.textMuted, _$p));
+            return _el$87;
           })();
         }, null);
-        insert(_el$75, createComponent2(Show, {
+        insert(_el$84, createComponent2(Show, {
           get when() {
             return s().accountError;
           },
           children: (err) => (() => {
-            var _el$80 = createElement("text");
-            setProp(_el$80, "wrapMode", "word");
-            insert(_el$80, () => `! ${err()}`);
-            effect((_$p) => setProp(_el$80, "fg", theme.warning, _$p));
-            return _el$80;
+            var _el$89 = createElement("text");
+            setProp(_el$89, "wrapMode", "word");
+            insert(_el$89, () => `! ${err()}`);
+            effect((_$p) => setProp(_el$89, "fg", theme.warning, _$p));
+            return _el$89;
           })()
         }), null);
-        effect((_$p) => setProp(_el$76, "fg", s().binary.found ? theme.textMuted : theme.warning, _$p));
-        return _el$75;
+        effect((_$p) => setProp(_el$85, "fg", s().binary.found ? theme.textMuted : theme.warning, _$p));
+        return _el$84;
       })()
     }), null);
-    insertNode(_el$65, _el$66);
-    setProp(_el$65, "flexDirection", "column");
-    setProp(_el$65, "gap", 0);
-    insertNode(_el$66, createTextNode(`codex`));
-    insert(_el$65, createComponent2(Show, {
+    insertNode(_el$74, _el$75);
+    setProp(_el$74, "flexDirection", "column");
+    setProp(_el$74, "gap", 0);
+    insertNode(_el$75, createTextNode(`codex`));
+    insert(_el$74, createComponent2(Show, {
       get when() {
         return props.codexStatus() === null;
       },
       get children() {
-        var _el$68 = createElement("text");
-        insertNode(_el$68, createTextNode(`Checking\u2026`));
-        effect((_$p) => setProp(_el$68, "fg", theme.textMuted, _$p));
-        return _el$68;
+        var _el$77 = createElement("text");
+        insertNode(_el$77, createTextNode(`Checking\u2026`));
+        effect((_$p) => setProp(_el$77, "fg", theme.textMuted, _$p));
+        return _el$77;
       }
     }), null);
-    insert(_el$65, createComponent2(Show, {
+    insert(_el$74, createComponent2(Show, {
       get when() {
         return props.codexStatus();
       },
       children: (s) => (() => {
-        var _el$81 = createElement("box"), _el$82 = createElement("text");
-        insertNode(_el$81, _el$82);
-        setProp(_el$81, "flexDirection", "column");
-        setProp(_el$81, "gap", 0);
-        setProp(_el$82, "wrapMode", "word");
-        insert(_el$82, () => binaryLine(s()));
-        insert(_el$81, () => {
+        var _el$90 = createElement("box"), _el$91 = createElement("text");
+        insertNode(_el$90, _el$91);
+        setProp(_el$90, "flexDirection", "column");
+        setProp(_el$90, "gap", 0);
+        setProp(_el$91, "wrapMode", "word");
+        insert(_el$91, () => binaryLine(s()));
+        insert(_el$90, () => {
           const a = s().account;
           if (a.kind === "chatgpt") {
             return (() => {
-              var _el$83 = createElement("text");
-              setProp(_el$83, "wrapMode", "word");
-              insert(_el$83, () => `\u25CF ChatGPT login: ${a.email}${a.plan ? ` (${a.plan})` : ""}`);
-              effect((_$p) => setProp(_el$83, "fg", theme.success, _$p));
-              return _el$83;
+              var _el$92 = createElement("text");
+              setProp(_el$92, "wrapMode", "word");
+              insert(_el$92, () => `\u25CF ChatGPT login: ${a.email}${a.plan ? ` (${a.plan})` : ""}`);
+              effect((_$p) => setProp(_el$92, "fg", theme.success, _$p));
+              return _el$92;
             })();
           }
           if (a.kind === "apikey")
             return (() => {
-              var _el$84 = createElement("text");
-              insertNode(_el$84, createTextNode(`\u25CF API key configured`));
-              effect((_$p) => setProp(_el$84, "fg", theme.success, _$p));
-              return _el$84;
+              var _el$93 = createElement("text");
+              insertNode(_el$93, createTextNode(`\u25CF API key configured`));
+              effect((_$p) => setProp(_el$93, "fg", theme.success, _$p));
+              return _el$93;
             })();
           return (() => {
-            var _el$86 = createElement("text");
-            insertNode(_el$86, createTextNode(`\u25CB Not logged in`));
-            effect((_$p) => setProp(_el$86, "fg", theme.textMuted, _$p));
-            return _el$86;
+            var _el$95 = createElement("text");
+            insertNode(_el$95, createTextNode(`\u25CB Not logged in`));
+            effect((_$p) => setProp(_el$95, "fg", theme.textMuted, _$p));
+            return _el$95;
           })();
         }, null);
-        insert(_el$81, createComponent2(Show, {
+        insert(_el$90, createComponent2(Show, {
           get when() {
             return s().accountError;
           },
           children: (err) => (() => {
-            var _el$88 = createElement("text");
-            setProp(_el$88, "wrapMode", "word");
-            insert(_el$88, () => `! ${err()}`);
-            effect((_$p) => setProp(_el$88, "fg", theme.warning, _$p));
-            return _el$88;
+            var _el$97 = createElement("text");
+            setProp(_el$97, "wrapMode", "word");
+            insert(_el$97, () => `! ${err()}`);
+            effect((_$p) => setProp(_el$97, "fg", theme.warning, _$p));
+            return _el$97;
           })()
         }), null);
-        effect((_$p) => setProp(_el$82, "fg", s().binary.found ? theme.textMuted : theme.warning, _$p));
-        return _el$81;
+        effect((_$p) => setProp(_el$91, "fg", s().binary.found ? theme.textMuted : theme.warning, _$p));
+        return _el$90;
       })()
     }), null);
-    insertNode(_el$70, _el$71);
-    setProp(_el$70, "flexDirection", "column");
-    setProp(_el$70, "gap", 0);
-    insertNode(_el$71, createTextNode(`copilot`));
-    insert(_el$70, createComponent2(Show, {
+    insertNode(_el$79, _el$80);
+    setProp(_el$79, "flexDirection", "column");
+    setProp(_el$79, "gap", 0);
+    insertNode(_el$80, createTextNode(`copilot`));
+    insert(_el$79, createComponent2(Show, {
       get when() {
         return props.copilotStatus() === null;
       },
       get children() {
-        var _el$73 = createElement("text");
-        insertNode(_el$73, createTextNode(`Checking\u2026`));
-        effect((_$p) => setProp(_el$73, "fg", theme.textMuted, _$p));
-        return _el$73;
+        var _el$82 = createElement("text");
+        insertNode(_el$82, createTextNode(`Checking\u2026`));
+        effect((_$p) => setProp(_el$82, "fg", theme.textMuted, _$p));
+        return _el$82;
       }
     }), null);
-    insert(_el$70, createComponent2(Show, {
+    insert(_el$79, createComponent2(Show, {
       get when() {
         return props.copilotStatus();
       },
       children: (s) => (() => {
-        var _el$89 = createElement("box"), _el$90 = createElement("text");
-        insertNode(_el$89, _el$90);
-        setProp(_el$89, "flexDirection", "column");
-        setProp(_el$89, "gap", 0);
-        setProp(_el$90, "wrapMode", "word");
-        insert(_el$90, () => binaryLine(s()));
-        insert(_el$89, () => {
+        var _el$98 = createElement("box"), _el$99 = createElement("text");
+        insertNode(_el$98, _el$99);
+        setProp(_el$98, "flexDirection", "column");
+        setProp(_el$98, "gap", 0);
+        setProp(_el$99, "wrapMode", "word");
+        insert(_el$99, () => binaryLine(s()));
+        insert(_el$98, () => {
           const a = s().account;
           if (a.kind === "token")
             return (() => {
-              var _el$91 = createElement("text");
-              insert(_el$91, () => `\u25CF Token configured (${a.source})`);
-              effect((_$p) => setProp(_el$91, "fg", theme.success, _$p));
-              return _el$91;
+              var _el$100 = createElement("text");
+              insert(_el$100, () => `\u25CF Token configured (${a.source})`);
+              effect((_$p) => setProp(_el$100, "fg", theme.success, _$p));
+              return _el$100;
             })();
           if (a.kind === "oauth")
             return (() => {
-              var _el$92 = createElement("text");
-              insertNode(_el$92, createTextNode(`\u25CF Copilot login detected`));
-              effect((_$p) => setProp(_el$92, "fg", theme.success, _$p));
-              return _el$92;
+              var _el$101 = createElement("text");
+              insertNode(_el$101, createTextNode(`\u25CF Copilot login detected`));
+              effect((_$p) => setProp(_el$101, "fg", theme.success, _$p));
+              return _el$101;
             })();
           return (() => {
-            var _el$94 = createElement("text");
-            insertNode(_el$94, createTextNode(`\u25CB Not logged in`));
-            effect((_$p) => setProp(_el$94, "fg", theme.textMuted, _$p));
-            return _el$94;
+            var _el$103 = createElement("text");
+            insertNode(_el$103, createTextNode(`\u25CB Not logged in`));
+            effect((_$p) => setProp(_el$103, "fg", theme.textMuted, _$p));
+            return _el$103;
           })();
         }, null);
-        insert(_el$89, createComponent2(Show, {
+        insert(_el$98, createComponent2(Show, {
           get when() {
             return s().accountError;
           },
           children: (err) => (() => {
-            var _el$96 = createElement("text");
-            setProp(_el$96, "wrapMode", "word");
-            insert(_el$96, () => `! ${err()}`);
-            effect((_$p) => setProp(_el$96, "fg", theme.warning, _$p));
-            return _el$96;
+            var _el$105 = createElement("text");
+            setProp(_el$105, "wrapMode", "word");
+            insert(_el$105, () => `! ${err()}`);
+            effect((_$p) => setProp(_el$105, "fg", theme.warning, _$p));
+            return _el$105;
           })()
         }), null);
-        effect((_$p) => setProp(_el$90, "fg", s().binary.found ? theme.textMuted : theme.warning, _$p));
-        return _el$89;
+        effect((_$p) => setProp(_el$99, "fg", s().binary.found ? theme.textMuted : theme.warning, _$p));
+        return _el$98;
       })()
     }), null);
     effect((_p$) => {
-      var _v$45 = theme.text, _v$46 = TextAttributes5.BOLD, _v$47 = theme.textMuted, _v$48 = theme.text, _v$49 = TextAttributes5.BOLD, _v$50 = theme.text, _v$51 = TextAttributes5.BOLD, _v$52 = theme.text, _v$53 = TextAttributes5.BOLD;
-      _v$45 !== _p$.e && (_p$.e = setProp(_el$56, "fg", _v$45, _p$.e));
-      _v$46 !== _p$.t && (_p$.t = setProp(_el$56, "attributes", _v$46, _p$.t));
-      _v$47 !== _p$.a && (_p$.a = setProp(_el$58, "fg", _v$47, _p$.a));
-      _v$48 !== _p$.o && (_p$.o = setProp(_el$61, "fg", _v$48, _p$.o));
-      _v$49 !== _p$.i && (_p$.i = setProp(_el$61, "attributes", _v$49, _p$.i));
-      _v$50 !== _p$.n && (_p$.n = setProp(_el$66, "fg", _v$50, _p$.n));
-      _v$51 !== _p$.s && (_p$.s = setProp(_el$66, "attributes", _v$51, _p$.s));
-      _v$52 !== _p$.h && (_p$.h = setProp(_el$71, "fg", _v$52, _p$.h));
-      _v$53 !== _p$.r && (_p$.r = setProp(_el$71, "attributes", _v$53, _p$.r));
+      var _v$53 = theme.text, _v$54 = TextAttributes5.BOLD, _v$55 = theme.textMuted, _v$56 = theme.text, _v$57 = TextAttributes5.BOLD, _v$58 = theme.text, _v$59 = TextAttributes5.BOLD, _v$60 = theme.text, _v$61 = TextAttributes5.BOLD;
+      _v$53 !== _p$.e && (_p$.e = setProp(_el$65, "fg", _v$53, _p$.e));
+      _v$54 !== _p$.t && (_p$.t = setProp(_el$65, "attributes", _v$54, _p$.t));
+      _v$55 !== _p$.a && (_p$.a = setProp(_el$67, "fg", _v$55, _p$.a));
+      _v$56 !== _p$.o && (_p$.o = setProp(_el$70, "fg", _v$56, _p$.o));
+      _v$57 !== _p$.i && (_p$.i = setProp(_el$70, "attributes", _v$57, _p$.i));
+      _v$58 !== _p$.n && (_p$.n = setProp(_el$75, "fg", _v$58, _p$.n));
+      _v$59 !== _p$.s && (_p$.s = setProp(_el$75, "attributes", _v$59, _p$.s));
+      _v$60 !== _p$.h && (_p$.h = setProp(_el$80, "fg", _v$60, _p$.h));
+      _v$61 !== _p$.r && (_p$.r = setProp(_el$80, "attributes", _v$61, _p$.r));
       return _p$;
     }, {
       e: undefined,
@@ -13677,7 +13933,7 @@ function AccountsSettingsSection(props) {
       h: undefined,
       r: undefined
     });
-    return _el$55;
+    return _el$64;
   })();
 }
 function DevSettingsSection(props) {
@@ -13687,58 +13943,58 @@ function DevSettingsSection(props) {
   const resetIsCursor = () => props.level() === "body" && props.bodyRow() === 0;
   const restartIsCursor = () => props.level() === "body" && props.bodyRow() === 1;
   return (() => {
-    var _el$97 = createElement("box"), _el$98 = createElement("text"), _el$100 = createElement("text"), _el$102 = createElement("box"), _el$103 = createElement("text");
-    insertNode(_el$97, _el$98);
-    insertNode(_el$97, _el$100);
-    insertNode(_el$97, _el$102);
-    setProp(_el$97, "flexDirection", "column");
-    setProp(_el$97, "gap", 1);
-    insertNode(_el$98, createTextNode(`Reset UI state`));
-    insertNode(_el$100, createTextNode(`Clears ~/.config/kobe/state.json and ~/.kobe/tasks.json, then quits kobe \u2014 relaunch to start fresh. Working session / Archive lists, pane sizes, theme, model picks all reset. Worktrees on disk and Claude Code session history are not touched.`));
-    setProp(_el$100, "wrapMode", "word");
-    insertNode(_el$102, _el$103);
-    setProp(_el$102, "flexDirection", "row");
-    setProp(_el$102, "paddingLeft", 1);
-    setProp(_el$102, "paddingRight", 1);
-    setProp(_el$102, "onMouseUp", () => {
+    var _el$106 = createElement("box"), _el$107 = createElement("text"), _el$109 = createElement("text"), _el$111 = createElement("box"), _el$112 = createElement("text");
+    insertNode(_el$106, _el$107);
+    insertNode(_el$106, _el$109);
+    insertNode(_el$106, _el$111);
+    setProp(_el$106, "flexDirection", "column");
+    setProp(_el$106, "gap", 1);
+    insertNode(_el$107, createTextNode(`Reset UI state`));
+    insertNode(_el$109, createTextNode(`Clears ~/.config/kobe/state.json and ~/.kobe/tasks.json, then quits kobe \u2014 relaunch to start fresh. Working session / Archive lists, pane sizes, theme, model picks all reset. Worktrees on disk and Claude Code session history are not touched.`));
+    setProp(_el$109, "wrapMode", "word");
+    insertNode(_el$111, _el$112);
+    setProp(_el$111, "flexDirection", "row");
+    setProp(_el$111, "paddingLeft", 1);
+    setProp(_el$111, "paddingRight", 1);
+    setProp(_el$111, "onMouseUp", () => {
       props.setLevel("body");
       props.setBodyRow(0);
       props.confirmReset();
     });
-    insertNode(_el$103, createTextNode(`[enter] Reset`));
-    insert(_el$97, createComponent2(Show, {
+    insertNode(_el$112, createTextNode(`[enter] Reset`));
+    insert(_el$106, createComponent2(Show, {
       get when() {
         return props.hasDaemon;
       },
       get children() {
-        var _el$105 = createElement("box"), _el$106 = createElement("text"), _el$108 = createElement("text"), _el$110 = createElement("box"), _el$111 = createElement("text");
-        insertNode(_el$105, _el$106);
-        insertNode(_el$105, _el$108);
-        insertNode(_el$105, _el$110);
-        setProp(_el$105, "flexDirection", "column");
-        setProp(_el$105, "gap", 0);
-        setProp(_el$105, "paddingTop", 1);
-        insertNode(_el$106, createTextNode(`Restart backend`));
-        insertNode(_el$108, createTextNode(`Stops the kobe daemon and quits this kobe window so the next launch spawns a fresh daemon \u2014 picks up daemon / orchestrator / engine edits without a process kill. Other attached kobe windows will lose their connection too.`));
-        setProp(_el$108, "wrapMode", "word");
-        insertNode(_el$110, _el$111);
-        setProp(_el$110, "flexDirection", "row");
-        setProp(_el$110, "paddingLeft", 1);
-        setProp(_el$110, "paddingRight", 1);
-        setProp(_el$110, "onMouseUp", () => {
+        var _el$114 = createElement("box"), _el$115 = createElement("text"), _el$117 = createElement("text"), _el$119 = createElement("box"), _el$120 = createElement("text");
+        insertNode(_el$114, _el$115);
+        insertNode(_el$114, _el$117);
+        insertNode(_el$114, _el$119);
+        setProp(_el$114, "flexDirection", "column");
+        setProp(_el$114, "gap", 0);
+        setProp(_el$114, "paddingTop", 1);
+        insertNode(_el$115, createTextNode(`Restart backend`));
+        insertNode(_el$117, createTextNode(`Stops the kobe daemon and quits this kobe window so the next launch spawns a fresh daemon \u2014 picks up daemon / orchestrator / engine edits without a process kill. Other attached kobe windows will lose their connection too.`));
+        setProp(_el$117, "wrapMode", "word");
+        insertNode(_el$119, _el$120);
+        setProp(_el$119, "flexDirection", "row");
+        setProp(_el$119, "paddingLeft", 1);
+        setProp(_el$119, "paddingRight", 1);
+        setProp(_el$119, "onMouseUp", () => {
           props.setLevel("body");
           props.setBodyRow(1);
           props.confirmRestartDaemon();
         });
-        insertNode(_el$111, createTextNode(`[enter] Restart`));
+        insertNode(_el$120, createTextNode(`[enter] Restart`));
         effect((_p$) => {
-          var _v$54 = theme.text, _v$55 = TextAttributes5.BOLD, _v$56 = theme.textMuted, _v$57 = restartIsCursor() ? theme.primary : theme.backgroundElement, _v$58 = restartIsCursor() ? theme.selectedListItemText : theme.accent, _v$59 = TextAttributes5.BOLD;
-          _v$54 !== _p$.e && (_p$.e = setProp(_el$106, "fg", _v$54, _p$.e));
-          _v$55 !== _p$.t && (_p$.t = setProp(_el$106, "attributes", _v$55, _p$.t));
-          _v$56 !== _p$.a && (_p$.a = setProp(_el$108, "fg", _v$56, _p$.a));
-          _v$57 !== _p$.o && (_p$.o = setProp(_el$110, "backgroundColor", _v$57, _p$.o));
-          _v$58 !== _p$.i && (_p$.i = setProp(_el$111, "fg", _v$58, _p$.i));
-          _v$59 !== _p$.n && (_p$.n = setProp(_el$111, "attributes", _v$59, _p$.n));
+          var _v$62 = theme.text, _v$63 = TextAttributes5.BOLD, _v$64 = theme.textMuted, _v$65 = restartIsCursor() ? theme.primary : theme.backgroundElement, _v$66 = restartIsCursor() ? theme.selectedListItemText : theme.accent, _v$67 = TextAttributes5.BOLD;
+          _v$62 !== _p$.e && (_p$.e = setProp(_el$115, "fg", _v$62, _p$.e));
+          _v$63 !== _p$.t && (_p$.t = setProp(_el$115, "attributes", _v$63, _p$.t));
+          _v$64 !== _p$.a && (_p$.a = setProp(_el$117, "fg", _v$64, _p$.a));
+          _v$65 !== _p$.o && (_p$.o = setProp(_el$119, "backgroundColor", _v$65, _p$.o));
+          _v$66 !== _p$.i && (_p$.i = setProp(_el$120, "fg", _v$66, _p$.i));
+          _v$67 !== _p$.n && (_p$.n = setProp(_el$120, "attributes", _v$67, _p$.n));
           return _p$;
         }, {
           e: undefined,
@@ -13748,17 +14004,17 @@ function DevSettingsSection(props) {
           i: undefined,
           n: undefined
         });
-        return _el$105;
+        return _el$114;
       }
     }), null);
     effect((_p$) => {
-      var _v$60 = theme.text, _v$61 = TextAttributes5.BOLD, _v$62 = theme.textMuted, _v$63 = resetIsCursor() ? theme.primary : theme.backgroundElement, _v$64 = resetIsCursor() ? theme.selectedListItemText : theme.warning, _v$65 = TextAttributes5.BOLD;
-      _v$60 !== _p$.e && (_p$.e = setProp(_el$98, "fg", _v$60, _p$.e));
-      _v$61 !== _p$.t && (_p$.t = setProp(_el$98, "attributes", _v$61, _p$.t));
-      _v$62 !== _p$.a && (_p$.a = setProp(_el$100, "fg", _v$62, _p$.a));
-      _v$63 !== _p$.o && (_p$.o = setProp(_el$102, "backgroundColor", _v$63, _p$.o));
-      _v$64 !== _p$.i && (_p$.i = setProp(_el$103, "fg", _v$64, _p$.i));
-      _v$65 !== _p$.n && (_p$.n = setProp(_el$103, "attributes", _v$65, _p$.n));
+      var _v$68 = theme.text, _v$69 = TextAttributes5.BOLD, _v$70 = theme.textMuted, _v$71 = resetIsCursor() ? theme.primary : theme.backgroundElement, _v$72 = resetIsCursor() ? theme.selectedListItemText : theme.warning, _v$73 = TextAttributes5.BOLD;
+      _v$68 !== _p$.e && (_p$.e = setProp(_el$107, "fg", _v$68, _p$.e));
+      _v$69 !== _p$.t && (_p$.t = setProp(_el$107, "attributes", _v$69, _p$.t));
+      _v$70 !== _p$.a && (_p$.a = setProp(_el$109, "fg", _v$70, _p$.a));
+      _v$71 !== _p$.o && (_p$.o = setProp(_el$111, "backgroundColor", _v$71, _p$.o));
+      _v$72 !== _p$.i && (_p$.i = setProp(_el$112, "fg", _v$72, _p$.i));
+      _v$73 !== _p$.n && (_p$.n = setProp(_el$112, "attributes", _v$73, _p$.n));
       return _p$;
     }, {
       e: undefined,
@@ -13768,7 +14024,7 @@ function DevSettingsSection(props) {
       i: undefined,
       n: undefined
     });
-    return _el$97;
+    return _el$106;
   })();
 }
 var init_sections = __esm(() => {
@@ -13837,9 +14093,40 @@ function SettingsDialog(props) {
   function isSurfaceTaskpanelRow() {
     return section() === "general" && bodyRow() === surfaceTaskpanelRowIndex(themeNames().length, FOCUS_ACCENT_SLOTS.length);
   }
+  function isEditorKindRow() {
+    return section() === "general" && bodyRow() === editorKindRowIndex(themeNames().length, FOCUS_ACCENT_SLOTS.length);
+  }
+  function isEditorCustomRow() {
+    return section() === "general" && bodyRow() === editorCustomRowIndex(themeNames().length, FOCUS_ACCENT_SLOTS.length);
+  }
   function settingsSurface() {
     return normalizeSettingsSurface(props.kv.get(SETTINGS_SURFACE_KEY, DEFAULT_SETTINGS_SURFACE));
   }
+  function selectTheme(name) {
+    if (themeCtx.selected === name)
+      return;
+    if (!themeCtx.set(name))
+      return;
+    props.kv.set("activeTheme", name);
+    props.onVisualPrefsChange?.();
+  }
+  function setTransparentBackground(next) {
+    if (themeCtx.transparentBackground === next)
+      return;
+    themeCtx.setTransparentBackground(next);
+    props.kv.set("transparentBackground", next);
+    props.onVisualPrefsChange?.();
+  }
+  function toggleTransparent() {
+    setTransparentBackground(!themeCtx.transparentBackground);
+  }
+  function selectFocusAccent(slot) {
+    if (themeCtx.focusAccent === slot)
+      return;
+    themeCtx.setFocusAccent(slot);
+    props.kv.set("focusAccent", slot);
+    props.onVisualPrefsChange?.();
+  }
   function selectSurface(surface) {
     props.kv.set(SETTINGS_SURFACE_KEY, surface);
   }
@@ -13873,6 +14160,30 @@ function SettingsDialog(props) {
       return;
     props.kv.set(engineCommandKey(vendor), next.trim());
   }
+  function editorKind() {
+    return normalizeEditorKind(props.kv.get(EDITOR_KIND_KEY, DEFAULT_EDITOR_KIND));
+  }
+  function cycleEditorKind() {
+    const i = EDITOR_KINDS.indexOf(editorKind());
+    const next = EDITOR_KINDS[(i + 1) % EDITOR_KINDS.length];
+    if (next)
+      props.kv.set(EDITOR_KIND_KEY, next);
+  }
+  function editorCustomCommand() {
+    const v = props.kv.get(EDITOR_CUSTOM_KEY, "");
+    return typeof v === "string" ? v : "";
+  }
+  async function editEditorCustom() {
+    const next = await RenameTaskDialog.show(dialog, editorCustomCommand(), {
+      dialogTitle: "Custom editor command (use {file} for the path)"
+    });
+    if (next === undefined)
+      return;
+    const cmd = next.trim();
+    props.kv.set(EDITOR_CUSTOM_KEY, cmd);
+    if (cmd)
+      props.kv.set(EDITOR_KIND_KEY, "custom");
+  }
   function enterBody() {
     if (level() !== "sidebar" || bodyRowCount2() === 0)
       return;
@@ -13909,14 +14220,14 @@ function SettingsDialog(props) {
   function activateBodyRow() {
     if (section() === "general") {
       if (isTransparentRow()) {
-        themeCtx.setTransparentBackground(!themeCtx.transparentBackground);
+        toggleTransparent();
         return;
       }
       const focusIdx = currentFocusAccentRow();
       if (focusIdx !== null) {
         const slot = FOCUS_ACCENT_SLOTS[focusIdx];
         if (slot)
-          themeCtx.setFocusAccent(slot);
+          selectFocusAccent(slot);
         return;
       }
       if (isToastRow()) {
@@ -13935,9 +14246,17 @@ function SettingsDialog(props) {
         selectSurface("taskpanel");
         return;
       }
+      if (isEditorKindRow()) {
+        cycleEditorKind();
+        return;
+      }
+      if (isEditorCustomRow()) {
+        editEditorCustom();
+        return;
+      }
       const name = themeNames()[bodyRow()];
       if (name)
-        themeCtx.set(name);
+        selectTheme(name);
       return;
     }
     if (section() === "engines") {
@@ -13954,6 +14273,7 @@ function SettingsDialog(props) {
     }
   }
   useBindings(() => ({
+    enabled: !props.standalone || dialog.stack.length === 0,
     bindings: [{
       key: "down",
       cmd: () => moveCursor(1)
@@ -13992,7 +14312,7 @@ function SettingsDialog(props) {
       }
     }, {
       key: "t",
-      cmd: () => themeCtx.setTransparentBackground(!themeCtx.transparentBackground)
+      cmd: toggleTransparent
     }]
   }));
   return (() => {
@@ -14035,12 +14355,19 @@ function SettingsDialog(props) {
           setBodyRow,
           themeNames,
           setThemeCursor,
+          selectTheme,
+          toggleTransparent,
+          selectFocusAccent,
           toastEnabled,
           soundEnabled,
           toggleToast,
           toggleSound,
           settingsSurface,
-          selectSurface
+          selectSurface,
+          editorKind,
+          cycleEditorKind,
+          editorCustomCommand,
+          editEditorCustom: () => void editEditorCustom()
         });
       }
     }), null);
@@ -14122,6 +14449,7 @@ var init_settings_dialog = __esm(() => {
   init_interactive_command();
   init_vendor();
   init_theme2();
+  init_editor_prefs();
   init_keymap();
   init_dialog();
   init_rename_task_dialog();
@@ -14129,12 +14457,20 @@ var init_settings_dialog = __esm(() => {
   init_model();
   init_sections();
   SettingsDialog.show = (dialog, kv, orchestrator) => {
+    let visualPrefsChanged = false;
     return new Promise((resolve6) => {
       dialog.replace(() => createComponent2(SettingsDialog, {
         kv,
         orchestrator,
-        onClose: () => resolve6()
-      }), () => resolve6());
+        onVisualPrefsChange: () => {
+          visualPrefsChanged = true;
+        },
+        onClose: () => resolve6({
+          visualPrefsChanged
+        })
+      }), () => resolve6({
+        visualPrefsChanged
+      }));
     });
   };
 });
@@ -14227,22 +14563,27 @@ var init_kv = __esm(() => {
     init: () => {
       const [store2, setStore2] = createStore(loadInitial());
       let writeTimer = null;
+      function writeNow(label) {
+        const statePath2 = kvStatePath();
+        try {
+          mkdirSync4(dirname5(statePath2), {
+            recursive: true
+          });
+          const tmp = `${statePath2}.tmp`;
+          writeFileSync3(tmp, JSON.stringify(store2, null, 2), "utf8");
+          renameSync2(tmp, statePath2);
+          return true;
+        } catch (err) {
+          console.error(`[kobe] kv ${label} failed:`, err);
+          return false;
+        }
+      }
       function scheduleWrite() {
         if (writeTimer)
           clearTimeout(writeTimer);
         writeTimer = setTimeout(() => {
           writeTimer = null;
-          const statePath2 = kvStatePath();
-          try {
-            mkdirSync4(dirname5(statePath2), {
-              recursive: true
-            });
-            const tmp = `${statePath2}.tmp`;
-            writeFileSync3(tmp, JSON.stringify(store2, null, 2), "utf8");
-            renameSync2(tmp, statePath2);
-          } catch (err) {
-            console.error("[kobe] kv write failed:", err);
-          }
+          writeNow("write");
         }, WRITE_DEBOUNCE_MS);
       }
       const result = {
@@ -14264,6 +14605,13 @@ var init_kv = __esm(() => {
           setStore2(key, value);
           scheduleWrite();
         },
+        flush() {
+          if (writeTimer) {
+            clearTimeout(writeTimer);
+            writeTimer = null;
+          }
+          return writeNow("flush");
+        },
         clear() {
           for (const k of Object.keys(store2))
             setStore2(k, undefined);
@@ -14415,36 +14763,6 @@ var init_worktree_opener = __esm(() => {
   ];
 });
 
-// src/tui/panes/sidebar/git-head.ts
-import { spawnSync as spawnSync8 } from "child_process";
-function readCurrentBranch(repo) {
-  if (!repo)
-    return "";
-  try {
-    const out = spawnSync8("git", ["symbolic-ref", "--short", "HEAD"], {
-      cwd: repo,
-      encoding: "utf8",
-      stdio: ["ignore", "pipe", "pipe"]
-    });
-    if (out.status === 0 && out.stdout) {
-      const name = out.stdout.trim();
-      if (name && name !== "HEAD")
-        return name;
-    }
-    const head = spawnSync8("git", ["rev-parse", "--verify", "HEAD"], {
-      cwd: repo,
-      encoding: "utf8",
-      stdio: ["ignore", "pipe", "pipe"]
-    });
-    if (head.status === 0)
-      return "(detached)";
-    return "";
-  } catch {
-    return "";
-  }
-}
-var init_git_head = () => {};
-
 // src/tui/panes/sidebar/fuzzy.ts
 function fuzzyMatch(query, haystack) {
   if (!query)
@@ -15072,8 +15390,16 @@ var init_keybindings = __esm(() => {
       scope: "files",
       keys: ["return"],
       category: "Files",
-      description: "Open file",
-      hint: { keys: "enter", label: "open" }
+      description: "Open file read-only preview",
+      hint: { keys: "enter", label: "preview" }
+    },
+    {
+      id: "files.edit",
+      scope: "files",
+      keys: ["e"],
+      category: "Files",
+      description: "Open file in the configured editor (vim / nano / custom)",
+      hint: { keys: "e", label: "edit" }
     },
     {
       id: "files.tab",
@@ -15355,6 +15681,13 @@ function truncatePathTail(path11, max) {
     return path11;
   return `\u2026${path11.slice(path11.length - Math.max(0, max - 1))}`;
 }
+function abbrevHome(path11) {
+  const home = process.env.HOME;
+  if (home && (path11 === home || path11.startsWith(`${home}/`))) {
+    return `~${path11.slice(home.length)}`;
+  }
+  return path11;
+}
 function Sidebar(props) {
   const {
     theme
@@ -15408,14 +15741,15 @@ function Sidebar(props) {
   onCleanup(() => clearInterval(spinnerInterval));
   const rows = createMemo(() => buildRows(props.tasks(), view(), searchMode() ? searchQuery() : ""));
   const flatIds = createMemo(() => flattenIds(rows()));
+  const firstTaskFlatIndex = createMemo(() => {
+    const r = rows();
+    const idx = r.findIndex((row) => row.task.kind !== "main");
+    return idx < 0 ? -1 : r[idx].flatIndex;
+  });
   const totalRows = createMemo(() => flattenIds(buildRows(props.tasks(), view(), "")).length);
   const effectiveWidth = () => props.width ? props.width() : SIDEBAR_WIDTH;
-  const showChangesCol = createMemo(() => effectiveWidth() >= SHOW_CHANGES_MIN_WIDTH);
-  const showBranchCol = createMemo(() => effectiveWidth() >= SHOW_BRANCH_MIN_WIDTH);
-  const titleBudget = createMemo(() => {
-    const reserved = 9 + (showChangesCol() ? CHANGES_COLUMN_WIDTH + 1 : 0) + (showBranchCol() ? BRANCH_LABEL_MAX + 2 : 0);
-    return Math.max(4, effectiveWidth() - reserved);
-  });
+  const titleBudget = createMemo(() => Math.max(6, effectiveWidth() - 9));
+  const subtitleBudget = createMemo(() => Math.max(6, effectiveWidth() - 16));
   const dims = useTerminalDimensions();
   const [hover, setHover] = createSignal(null);
   const [cursorIndex, setCursorIndex] = createSignal(-1);
@@ -15473,80 +15807,127 @@ function Sidebar(props) {
     onSearchEnter: () => enterSearch(),
     onSearchExit: (select) => exitSearch(select)
   });
-  return (() => {
-    var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("text"), _el$5 = createElement("text"), _el$17 = createElement("box"), _el$18 = createElement("scrollbox"), _el$19 = createElement("box"), _el$22 = createElement("box"), _el$23 = createElement("text");
+  const SectionHeader = (p) => (() => {
+    var _el$ = createElement("box"), _el$2 = createElement("text"), _el$3 = createElement("text");
     insertNode(_el$, _el$2);
-    insertNode(_el$, _el$17);
-    insertNode(_el$, _el$18);
-    insertNode(_el$, _el$22);
-    setProp(_el$, "flexShrink", 0);
-    setProp(_el$, "flexDirection", "column");
-    setProp(_el$, "paddingTop", 1);
-    setProp(_el$, "paddingBottom", 1);
-    setProp(_el$, "paddingLeft", 2);
-    setProp(_el$, "paddingRight", 2);
-    insertNode(_el$2, _el$3);
-    insertNode(_el$2, _el$5);
-    setProp(_el$2, "flexDirection", "row");
-    setProp(_el$2, "gap", 1);
-    setProp(_el$2, "paddingBottom", 1);
-    setProp(_el$2, "paddingLeft", 1);
-    insertNode(_el$3, createTextNode(`h`));
+    insertNode(_el$, _el$3);
+    setProp(_el$, "flexDirection", "row");
+    setProp(_el$, "gap", 1);
+    setProp(_el$, "paddingLeft", 1);
+    setProp(_el$, "paddingRight", 1);
+    setProp(_el$2, "wrapMode", "none");
+    insert(_el$2, () => p.label);
     setProp(_el$3, "wrapMode", "none");
-    insertNode(_el$5, createTextNode(`TASKS`));
-    setProp(_el$5, "wrapMode", "none");
-    insert(_el$, createComponent2(Show, {
+    insert(_el$3, () => "\u2500".repeat(Math.max(2, effectiveWidth() - 9 - p.label.length)));
+    effect((_p$) => {
+      var _v$ = p.topPad ? 1 : 0, _v$2 = theme.textMuted, _v$3 = TextAttributes8.BOLD, _v$4 = theme.border;
+      _v$ !== _p$.e && (_p$.e = setProp(_el$, "paddingTop", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = setProp(_el$2, "fg", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = setProp(_el$2, "attributes", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = setProp(_el$3, "fg", _v$4, _p$.o));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined
+    });
+    return _el$;
+  })();
+  return (() => {
+    var _el$4 = createElement("box"), _el$5 = createElement("box"), _el$6 = createElement("text"), _el$18 = createElement("box"), _el$19 = createElement("scrollbox"), _el$20 = createElement("box"), _el$23 = createElement("box"), _el$24 = createElement("text");
+    insertNode(_el$4, _el$5);
+    insertNode(_el$4, _el$18);
+    insertNode(_el$4, _el$19);
+    insertNode(_el$4, _el$23);
+    setProp(_el$4, "flexShrink", 0);
+    setProp(_el$4, "flexDirection", "column");
+    setProp(_el$4, "paddingTop", 1);
+    setProp(_el$4, "paddingBottom", 1);
+    setProp(_el$4, "paddingLeft", 0);
+    setProp(_el$4, "paddingRight", 0);
+    insertNode(_el$5, _el$6);
+    setProp(_el$5, "flexDirection", "row");
+    setProp(_el$5, "justifyContent", "space-between");
+    setProp(_el$5, "gap", 1);
+    setProp(_el$5, "paddingBottom", 1);
+    setProp(_el$5, "paddingLeft", 1);
+    setProp(_el$5, "paddingRight", 1);
+    insertNode(_el$6, createTextNode(`KOBE`));
+    setProp(_el$6, "wrapMode", "none");
+    insert(_el$5, createComponent2(Show, {
+      get when() {
+        return props.headerStatus?.();
+      },
+      children: (status) => (() => {
+        var _el$26 = createElement("text");
+        setProp(_el$26, "wrapMode", "none");
+        setProp(_el$26, "onMouseUp", () => props.onHeaderStatusClick?.());
+        insert(_el$26, () => status().label);
+        effect((_p$) => {
+          var _v$11 = status().emphasize ? theme.warning : theme.textMuted, _v$12 = status().emphasize ? TextAttributes8.BOLD : TextAttributes8.DIM;
+          _v$11 !== _p$.e && (_p$.e = setProp(_el$26, "fg", _v$11, _p$.e));
+          _v$12 !== _p$.t && (_p$.t = setProp(_el$26, "attributes", _v$12, _p$.t));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$26;
+      })()
+    }), null);
+    insert(_el$4, createComponent2(Show, {
       get when() {
         return searchMode();
       },
       get children() {
-        var _el$7 = createElement("box"), _el$8 = createElement("text"), _el$0 = createElement("text"), _el$1 = createElement("text");
-        insertNode(_el$7, _el$8);
-        insertNode(_el$7, _el$0);
-        insertNode(_el$7, _el$1);
-        setProp(_el$7, "flexDirection", "row");
-        setProp(_el$7, "gap", 0);
-        setProp(_el$7, "paddingBottom", 1);
-        setProp(_el$7, "paddingLeft", 1);
-        insertNode(_el$8, createTextNode(`/`));
-        setProp(_el$8, "wrapMode", "none");
-        setProp(_el$0, "wrapMode", "none");
-        insert(_el$0, searchQuery);
-        insertNode(_el$1, createTextNode(`\u2588`));
+        var _el$8 = createElement("box"), _el$9 = createElement("text"), _el$1 = createElement("text"), _el$10 = createElement("text");
+        insertNode(_el$8, _el$9);
+        insertNode(_el$8, _el$1);
+        insertNode(_el$8, _el$10);
+        setProp(_el$8, "flexDirection", "row");
+        setProp(_el$8, "gap", 0);
+        setProp(_el$8, "paddingBottom", 1);
+        setProp(_el$8, "paddingLeft", 1);
+        insertNode(_el$9, createTextNode(`/`));
+        setProp(_el$9, "wrapMode", "none");
         setProp(_el$1, "wrapMode", "none");
-        insert(_el$7, createComponent2(Show, {
+        insert(_el$1, searchQuery);
+        insertNode(_el$10, createTextNode(`\u2588`));
+        setProp(_el$10, "wrapMode", "none");
+        insert(_el$8, createComponent2(Show, {
           get when() {
             return searchQuery().length === 0;
           },
           get children() {
-            var _el$11 = createElement("text"), _el$12 = createTextNode(` fuzzy filter`);
-            insertNode(_el$11, _el$12);
-            setProp(_el$11, "wrapMode", "none");
-            effect((_$p) => setProp(_el$11, "fg", theme.textMuted, _$p));
-            return _el$11;
+            var _el$12 = createElement("text"), _el$13 = createTextNode(` fuzzy filter`);
+            insertNode(_el$12, _el$13);
+            setProp(_el$12, "wrapMode", "none");
+            effect((_$p) => setProp(_el$12, "fg", theme.textMuted, _$p));
+            return _el$12;
           }
         }), null);
-        insert(_el$7, createComponent2(Show, {
+        insert(_el$8, createComponent2(Show, {
           get when() {
             return searchQuery().length > 0;
           },
           get children() {
-            var _el$14 = createElement("text"), _el$15 = createTextNode(` `), _el$16 = createTextNode(`/`);
-            insertNode(_el$14, _el$15);
-            insertNode(_el$14, _el$16);
-            setProp(_el$14, "wrapMode", "none");
-            insert(_el$14, () => flatIds().length, _el$16);
-            insert(_el$14, totalRows, null);
-            effect((_$p) => setProp(_el$14, "fg", theme.textMuted, _$p));
-            return _el$14;
+            var _el$15 = createElement("text"), _el$16 = createTextNode(` `), _el$17 = createTextNode(`/`);
+            insertNode(_el$15, _el$16);
+            insertNode(_el$15, _el$17);
+            setProp(_el$15, "wrapMode", "none");
+            insert(_el$15, () => flatIds().length, _el$17);
+            insert(_el$15, totalRows, null);
+            effect((_$p) => setProp(_el$15, "fg", theme.textMuted, _$p));
+            return _el$15;
           }
         }), null);
         effect((_p$) => {
-          var { info: _v$, text: _v$2, info: _v$3 } = theme, _v$4 = TextAttributes8.BLINK;
-          _v$ !== _p$.e && (_p$.e = setProp(_el$8, "fg", _v$, _p$.e));
-          _v$2 !== _p$.t && (_p$.t = setProp(_el$0, "fg", _v$2, _p$.t));
-          _v$3 !== _p$.a && (_p$.a = setProp(_el$1, "fg", _v$3, _p$.a));
-          _v$4 !== _p$.o && (_p$.o = setProp(_el$1, "attributes", _v$4, _p$.o));
+          var { info: _v$5, text: _v$6, info: _v$7 } = theme, _v$8 = TextAttributes8.BLINK;
+          _v$5 !== _p$.e && (_p$.e = setProp(_el$9, "fg", _v$5, _p$.e));
+          _v$6 !== _p$.t && (_p$.t = setProp(_el$1, "fg", _v$6, _p$.t));
+          _v$7 !== _p$.a && (_p$.a = setProp(_el$10, "fg", _v$7, _p$.a));
+          _v$8 !== _p$.o && (_p$.o = setProp(_el$10, "attributes", _v$8, _p$.o));
           return _p$;
         }, {
           e: undefined,
@@ -15554,46 +15935,46 @@ function Sidebar(props) {
           a: undefined,
           o: undefined
         });
-        return _el$7;
+        return _el$8;
       }
-    }), _el$17);
-    setProp(_el$17, "flexDirection", "row");
-    setProp(_el$17, "gap", 2);
-    setProp(_el$17, "paddingBottom", 1);
-    setProp(_el$17, "paddingLeft", 1);
-    insert(_el$17, createComponent2(For, {
+    }), _el$18);
+    setProp(_el$18, "flexDirection", "row");
+    setProp(_el$18, "gap", 2);
+    setProp(_el$18, "paddingBottom", 1);
+    setProp(_el$18, "paddingLeft", 1);
+    insert(_el$18, createComponent2(For, {
       each: VIEW_TABS,
       children: (tab) => {
         const active = () => view() === tab.view;
         return (() => {
-          var _el$25 = createElement("text");
-          setProp(_el$25, "wrapMode", "none");
-          setProp(_el$25, "onMouseUp", () => setView(tab.view));
-          insert(_el$25, () => tab.label);
+          var _el$27 = createElement("text");
+          setProp(_el$27, "wrapMode", "none");
+          setProp(_el$27, "onMouseUp", () => setView(tab.view));
+          insert(_el$27, () => tab.label);
           effect((_p$) => {
-            var _v$1 = active() ? theme.primary : theme.textMuted, _v$10 = active() ? TextAttributes8.BOLD : undefined;
-            _v$1 !== _p$.e && (_p$.e = setProp(_el$25, "fg", _v$1, _p$.e));
-            _v$10 !== _p$.t && (_p$.t = setProp(_el$25, "attributes", _v$10, _p$.t));
+            var _v$13 = active() ? theme.primary : theme.textMuted, _v$14 = active() ? TextAttributes8.BOLD : undefined;
+            _v$13 !== _p$.e && (_p$.e = setProp(_el$27, "fg", _v$13, _p$.e));
+            _v$14 !== _p$.t && (_p$.t = setProp(_el$27, "attributes", _v$14, _p$.t));
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$25;
+          return _el$27;
         })();
       }
     }));
-    insertNode(_el$18, _el$19);
-    setProp(_el$18, "flexGrow", 1);
-    setProp(_el$18, "verticalScrollbarOptions", {
+    insertNode(_el$19, _el$20);
+    setProp(_el$19, "flexGrow", 1);
+    setProp(_el$19, "verticalScrollbarOptions", {
       trackOptions: {
         foregroundColor: "transparent"
       }
     });
-    setProp(_el$19, "flexShrink", 0);
-    setProp(_el$19, "gap", 0);
-    setProp(_el$19, "paddingRight", 1);
-    insert(_el$19, createComponent2(For, {
+    setProp(_el$20, "flexShrink", 0);
+    setProp(_el$20, "gap", 0);
+    setProp(_el$20, "paddingRight", 1);
+    insert(_el$20, createComponent2(For, {
       get each() {
         return rows();
       },
@@ -15633,175 +16014,290 @@ function Sidebar(props) {
               return theme.textMuted;
           }
         };
-        const branchLabel = createMemo(() => {
-          if (!isMain)
-            return "";
-          branchTick();
-          return readCurrentBranch(task.repo);
-        });
         const changes = createMemo(() => {
           branchTick();
           return readWorktreeChanges(task.worktreePath);
         });
         const titleText = isMain ? repoBasename(task.repo) : task.title;
+        const loading = () => isLive() || task.status === "in_progress";
+        const subtitleText = createMemo(() => {
+          if (task.branch.length > 0)
+            return truncateBranchLabel(task.branch, subtitleBudget());
+          return STATUS_LABEL[task.status];
+        });
+        const barColor = () => isCursor() ? theme.focusAccent : isSelected() ? theme.primary : undefined;
+        const barGlyph = () => isCursor() || isSelected() ? "\u258C" : " ";
+        const showProjectsHeader = () => isMain && flatIndex === 0;
+        const showTasksHeader = () => !isMain && flatIndex === firstTaskFlatIndex();
         return (() => {
-          var _el$26 = createElement("box"), _el$27 = createElement("text"), _el$28 = createElement("text");
-          insertNode(_el$26, _el$27);
-          insertNode(_el$26, _el$28);
-          setProp(_el$26, "flexDirection", "row");
-          setProp(_el$26, "paddingLeft", 1);
-          setProp(_el$26, "paddingRight", 1);
-          setProp(_el$26, "gap", 1);
-          setProp(_el$26, "onMouseUp", () => {
+          var _el$28 = createElement("box"), _el$29 = createElement("box");
+          insertNode(_el$28, _el$29);
+          setProp(_el$28, "flexDirection", "column");
+          setProp(_el$28, "gap", 0);
+          setProp(_el$28, "paddingBottom", isMain ? 0 : 1);
+          insert(_el$28, createComponent2(Show, {
+            get when() {
+              return showProjectsHeader();
+            },
+            get children() {
+              return createComponent2(SectionHeader, {
+                label: "PROJECTS"
+              });
+            }
+          }), _el$29);
+          insert(_el$28, createComponent2(Show, {
+            get when() {
+              return showTasksHeader();
+            },
+            get children() {
+              return createComponent2(SectionHeader, {
+                label: "TASKS",
+                get topPad() {
+                  return firstTaskFlatIndex() > 0;
+                }
+              });
+            }
+          }), _el$29);
+          setProp(_el$29, "flexDirection", "column");
+          setProp(_el$29, "gap", 0);
+          setProp(_el$29, "onMouseUp", () => {
             props.onSelect(task.id);
             if (props.activateOnClick)
               props.onActivate?.(task.id);
           });
-          setProp(_el$26, "onMouseOver", (e) => setHover({
+          setProp(_el$29, "onMouseOver", (e) => setHover({
             task,
             x: e.x,
             y: e.y
           }));
-          setProp(_el$26, "onMouseOut", () => setHover((h) => h?.task.id === task.id ? null : h));
-          setProp(_el$27, "wrapMode", "none");
-          insert(_el$27, () => isMain ? "\u2605" : isLive() ? IN_PROGRESS_SPINNER[spinnerFrame()] ?? IN_PROGRESS_SPINNER[0] : task.status === "in_progress" ? "\u25CF" : badge.glyph);
-          setProp(_el$28, "wrapMode", "none");
-          setProp(_el$28, "flexGrow", 1);
-          insert(_el$28, () => truncateTitle(titleText, titleBudget()));
-          insert(_el$26, createComponent2(Show, {
-            get when() {
-              return showChangesCol();
-            },
-            get children() {
-              var _el$29 = createElement("box");
-              setProp(_el$29, "width", 5);
-              setProp(_el$29, "flexShrink", 0);
-              setProp(_el$29, "flexDirection", "row");
-              setProp(_el$29, "justifyContent", "flex-end");
-              setProp(_el$29, "gap", 1);
-              insert(_el$29, createComponent2(Show, {
-                get when() {
-                  return changes().added > 0;
-                },
-                get children() {
-                  var _el$30 = createElement("text"), _el$31 = createTextNode(`+`);
-                  insertNode(_el$30, _el$31);
-                  setProp(_el$30, "wrapMode", "none");
-                  insert(_el$30, () => changes().added, null);
-                  effect((_$p) => setProp(_el$30, "fg", isCursor() ? theme.selectedListItemText : theme.success, _$p));
-                  return _el$30;
-                }
-              }), null);
-              insert(_el$29, createComponent2(Show, {
-                get when() {
-                  return changes().deleted > 0;
-                },
-                get children() {
-                  var _el$32 = createElement("text"), _el$33 = createTextNode(`\u2212`);
-                  insertNode(_el$32, _el$33);
-                  setProp(_el$32, "wrapMode", "none");
-                  insert(_el$32, () => changes().deleted, null);
-                  effect((_$p) => setProp(_el$32, "fg", isCursor() ? theme.selectedListItemText : theme.error, _$p));
-                  return _el$32;
-                }
-              }), null);
-              return _el$29;
-            }
-          }), null);
-          insert(_el$26, createComponent2(Show, {
-            get when() {
-              return memo2(() => !!showBranchCol())() && (isMain && branchLabel().length > 0 || !isMain && (task.branch.length > 0 || task.pinned === true));
-            },
+          setProp(_el$29, "onMouseOut", () => setHover((h) => h?.task.id === task.id ? null : h));
+          insert(_el$29, createComponent2(Show, {
+            when: isMain,
             get children() {
-              var _el$34 = createElement("box");
-              setProp(_el$34, "flexDirection", "row");
-              setProp(_el$34, "justifyContent", "flex-end");
-              setProp(_el$34, "gap", 1);
-              setProp(_el$34, "paddingLeft", 1);
-              setProp(_el$34, "flexShrink", 0);
-              insert(_el$34, createComponent2(Show, {
+              var _el$30 = createElement("box"), _el$31 = createElement("text"), _el$32 = createElement("box"), _el$33 = createElement("text"), _el$34 = createElement("text");
+              insertNode(_el$30, _el$31);
+              insertNode(_el$30, _el$32);
+              setProp(_el$30, "flexDirection", "row");
+              setProp(_el$30, "gap", 0);
+              setProp(_el$31, "wrapMode", "none");
+              insert(_el$31, barGlyph);
+              insertNode(_el$32, _el$33);
+              insertNode(_el$32, _el$34);
+              setProp(_el$32, "flexDirection", "row");
+              setProp(_el$32, "flexGrow", 1);
+              setProp(_el$32, "paddingRight", 1);
+              setProp(_el$32, "gap", 1);
+              setProp(_el$33, "wrapMode", "none");
+              insert(_el$33, (() => {
+                var _c$2 = memo2(() => !!loading());
+                return () => _c$2() ? IN_PROGRESS_SPINNER[spinnerFrame()] ?? IN_PROGRESS_SPINNER[0] : "\u2605";
+              })());
+              setProp(_el$34, "wrapMode", "none");
+              setProp(_el$34, "flexGrow", 1);
+              insert(_el$34, () => truncateTitle(titleText, titleBudget()));
+              insert(_el$32, createComponent2(Show, {
                 get when() {
-                  return isMain && branchLabel().length > 0;
+                  return loading();
                 },
                 get children() {
                   var _el$35 = createElement("text");
+                  insertNode(_el$35, createTextNode(`working`));
                   setProp(_el$35, "wrapMode", "none");
-                  insert(_el$35, branchLabel);
-                  effect((_$p) => setProp(_el$35, "fg", isCursor() ? theme.selectedListItemText : theme.textMuted, _$p));
+                  effect((_$p) => setProp(_el$35, "fg", theme.primary, _$p));
                   return _el$35;
                 }
               }), null);
-              insert(_el$34, createComponent2(Show, {
-                get when() {
-                  return !isMain && task.branch.length > 0;
-                },
-                get children() {
-                  var _el$36 = createElement("text");
-                  setProp(_el$36, "wrapMode", "none");
-                  insert(_el$36, () => truncateBranchLabel(task.branch));
-                  effect((_$p) => setProp(_el$36, "fg", isCursor() ? theme.selectedListItemText : theme.textMuted, _$p));
-                  return _el$36;
-                }
-              }), null);
-              insert(_el$34, createComponent2(Show, {
+              insert(_el$32, createComponent2(Show, {
                 get when() {
-                  return !isMain && task.pinned === true;
+                  return !loading();
                 },
                 get children() {
                   var _el$37 = createElement("text");
-                  insertNode(_el$37, createTextNode(`\u25B4`));
                   setProp(_el$37, "wrapMode", "none");
-                  effect((_$p) => setProp(_el$37, "fg", isCursor() ? theme.selectedListItemText : theme.warning, _$p));
+                  insert(_el$37, () => truncatePathTail(abbrevHome(task.repo), subtitleBudget()));
+                  effect((_p$) => {
+                    var _v$15 = theme.textMuted, _v$16 = TextAttributes8.DIM;
+                    _v$15 !== _p$.e && (_p$.e = setProp(_el$37, "fg", _v$15, _p$.e));
+                    _v$16 !== _p$.t && (_p$.t = setProp(_el$37, "attributes", _v$16, _p$.t));
+                    return _p$;
+                  }, {
+                    e: undefined,
+                    t: undefined
+                  });
                   return _el$37;
                 }
               }), null);
-              return _el$34;
+              effect((_p$) => {
+                var _v$17 = barColor(), _v$18 = theme.primary, _v$19 = TextAttributes8.BOLD, _v$20 = theme.text, _v$21 = TextAttributes8.BOLD;
+                _v$17 !== _p$.e && (_p$.e = setProp(_el$31, "fg", _v$17, _p$.e));
+                _v$18 !== _p$.t && (_p$.t = setProp(_el$33, "fg", _v$18, _p$.t));
+                _v$19 !== _p$.a && (_p$.a = setProp(_el$33, "attributes", _v$19, _p$.a));
+                _v$20 !== _p$.o && (_p$.o = setProp(_el$34, "fg", _v$20, _p$.o));
+                _v$21 !== _p$.i && (_p$.i = setProp(_el$34, "attributes", _v$21, _p$.i));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined,
+                a: undefined,
+                o: undefined,
+                i: undefined
+              });
+              return _el$30;
             }
           }), null);
-          effect((_p$) => {
-            var _v$11 = isCursor() ? theme.primary : isSelected() ? theme.backgroundElement : undefined, _v$12 = isCursor() ? theme.selectedListItemText : badgeColor(), _v$13 = TextAttributes8.BOLD, _v$14 = isCursor() ? theme.selectedListItemText : theme.text, _v$15 = (isMain || isSelected() && !isCursor()) && !isCursor() ? TextAttributes8.BOLD : undefined;
-            _v$11 !== _p$.e && (_p$.e = setProp(_el$26, "backgroundColor", _v$11, _p$.e));
-            _v$12 !== _p$.t && (_p$.t = setProp(_el$27, "fg", _v$12, _p$.t));
-            _v$13 !== _p$.a && (_p$.a = setProp(_el$27, "attributes", _v$13, _p$.a));
-            _v$14 !== _p$.o && (_p$.o = setProp(_el$28, "fg", _v$14, _p$.o));
-            _v$15 !== _p$.i && (_p$.i = setProp(_el$28, "attributes", _v$15, _p$.i));
-            return _p$;
-          }, {
-            e: undefined,
-            t: undefined,
-            a: undefined,
-            o: undefined,
-            i: undefined
-          });
-          return _el$26;
+          insert(_el$29, createComponent2(Show, {
+            when: !isMain,
+            get children() {
+              return [(() => {
+                var _el$38 = createElement("box"), _el$39 = createElement("text"), _el$40 = createElement("box"), _el$41 = createElement("text"), _el$42 = createElement("text");
+                insertNode(_el$38, _el$39);
+                insertNode(_el$38, _el$40);
+                setProp(_el$38, "flexDirection", "row");
+                setProp(_el$38, "gap", 0);
+                setProp(_el$39, "wrapMode", "none");
+                insert(_el$39, barGlyph);
+                insertNode(_el$40, _el$41);
+                insertNode(_el$40, _el$42);
+                setProp(_el$40, "flexDirection", "row");
+                setProp(_el$40, "flexGrow", 1);
+                setProp(_el$40, "paddingRight", 1);
+                setProp(_el$40, "gap", 1);
+                setProp(_el$41, "wrapMode", "none");
+                insert(_el$41, (() => {
+                  var _c$3 = memo2(() => !!loading());
+                  return () => _c$3() ? IN_PROGRESS_SPINNER[spinnerFrame()] ?? IN_PROGRESS_SPINNER[0] : badge.glyph;
+                })());
+                setProp(_el$42, "wrapMode", "none");
+                setProp(_el$42, "flexGrow", 1);
+                insert(_el$42, () => truncateTitle(titleText, titleBudget()));
+                insert(_el$40, createComponent2(Show, {
+                  get when() {
+                    return loading();
+                  },
+                  get children() {
+                    var _el$43 = createElement("text");
+                    insertNode(_el$43, createTextNode(`working`));
+                    setProp(_el$43, "wrapMode", "none");
+                    effect((_$p) => setProp(_el$43, "fg", theme.primary, _$p));
+                    return _el$43;
+                  }
+                }), null);
+                effect((_p$) => {
+                  var _v$22 = barColor(), _v$23 = badgeColor(), _v$24 = TextAttributes8.BOLD, _v$25 = theme.text, _v$26 = isSelected() || isCursor() ? TextAttributes8.BOLD : undefined;
+                  _v$22 !== _p$.e && (_p$.e = setProp(_el$39, "fg", _v$22, _p$.e));
+                  _v$23 !== _p$.t && (_p$.t = setProp(_el$41, "fg", _v$23, _p$.t));
+                  _v$24 !== _p$.a && (_p$.a = setProp(_el$41, "attributes", _v$24, _p$.a));
+                  _v$25 !== _p$.o && (_p$.o = setProp(_el$42, "fg", _v$25, _p$.o));
+                  _v$26 !== _p$.i && (_p$.i = setProp(_el$42, "attributes", _v$26, _p$.i));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined,
+                  a: undefined,
+                  o: undefined,
+                  i: undefined
+                });
+                return _el$38;
+              })(), (() => {
+                var _el$45 = createElement("box"), _el$46 = createElement("text"), _el$47 = createElement("box"), _el$48 = createElement("text");
+                insertNode(_el$45, _el$46);
+                insertNode(_el$45, _el$47);
+                setProp(_el$45, "flexDirection", "row");
+                setProp(_el$45, "gap", 0);
+                setProp(_el$46, "wrapMode", "none");
+                insert(_el$46, barGlyph);
+                insertNode(_el$47, _el$48);
+                setProp(_el$47, "flexDirection", "row");
+                setProp(_el$47, "flexGrow", 1);
+                setProp(_el$47, "paddingLeft", 2);
+                setProp(_el$47, "paddingRight", 1);
+                setProp(_el$47, "gap", 1);
+                setProp(_el$48, "wrapMode", "none");
+                setProp(_el$48, "flexGrow", 1);
+                insert(_el$48, subtitleText);
+                insert(_el$47, createComponent2(Show, {
+                  get when() {
+                    return task.pinned === true;
+                  },
+                  get children() {
+                    var _el$49 = createElement("text");
+                    insertNode(_el$49, createTextNode(`\u25B4`));
+                    setProp(_el$49, "wrapMode", "none");
+                    effect((_$p) => setProp(_el$49, "fg", theme.warning, _$p));
+                    return _el$49;
+                  }
+                }), null);
+                insert(_el$47, createComponent2(Show, {
+                  get when() {
+                    return changes().added > 0;
+                  },
+                  get children() {
+                    var _el$51 = createElement("text"), _el$52 = createTextNode(`+`);
+                    insertNode(_el$51, _el$52);
+                    setProp(_el$51, "wrapMode", "none");
+                    insert(_el$51, () => changes().added, null);
+                    effect((_$p) => setProp(_el$51, "fg", theme.success, _$p));
+                    return _el$51;
+                  }
+                }), null);
+                insert(_el$47, createComponent2(Show, {
+                  get when() {
+                    return changes().deleted > 0;
+                  },
+                  get children() {
+                    var _el$53 = createElement("text"), _el$54 = createTextNode(`\u2212`);
+                    insertNode(_el$53, _el$54);
+                    setProp(_el$53, "wrapMode", "none");
+                    insert(_el$53, () => changes().deleted, null);
+                    effect((_$p) => setProp(_el$53, "fg", theme.error, _$p));
+                    return _el$53;
+                  }
+                }), null);
+                effect((_p$) => {
+                  var _v$27 = barColor(), _v$28 = theme.textMuted, _v$29 = TextAttributes8.DIM;
+                  _v$27 !== _p$.e && (_p$.e = setProp(_el$46, "fg", _v$27, _p$.e));
+                  _v$28 !== _p$.t && (_p$.t = setProp(_el$48, "fg", _v$28, _p$.t));
+                  _v$29 !== _p$.a && (_p$.a = setProp(_el$48, "attributes", _v$29, _p$.a));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined,
+                  a: undefined
+                });
+                return _el$45;
+              })()];
+            }
+          }), null);
+          effect((_$p) => setProp(_el$29, "backgroundColor", isCursor() ? theme.backgroundElement : undefined, _$p));
+          return _el$28;
         })();
       }
     }), null);
-    insert(_el$19, createComponent2(Show, {
+    insert(_el$20, createComponent2(Show, {
       get when() {
         return flatIds().length === 0;
       },
       get children() {
-        var _el$20 = createElement("box"), _el$21 = createElement("text");
-        insertNode(_el$20, _el$21);
-        setProp(_el$20, "paddingTop", 1);
-        setProp(_el$20, "paddingLeft", 1);
-        insert(_el$21, (() => {
+        var _el$21 = createElement("box"), _el$22 = createElement("text");
+        insertNode(_el$21, _el$22);
+        setProp(_el$21, "paddingTop", 1);
+        setProp(_el$21, "paddingLeft", 1);
+        insert(_el$22, (() => {
           var _c$ = memo2(() => !!(searchMode() && searchQuery().trim().length > 0));
           return () => _c$() ? "No matching tasks \u2014 esc to clear." : view() === "active" ? "No active tasks." : "No archived tasks.";
         })());
-        effect((_$p) => setProp(_el$21, "fg", theme.textMuted, _$p));
-        return _el$20;
+        effect((_$p) => setProp(_el$22, "fg", theme.textMuted, _$p));
+        return _el$21;
       }
     }), null);
-    insertNode(_el$22, _el$23);
-    setProp(_el$22, "flexShrink", 0);
-    setProp(_el$22, "paddingTop", 1);
-    setProp(_el$22, "paddingLeft", 1);
-    insertNode(_el$23, createTextNode(`+ New task`));
-    setProp(_el$23, "wrapMode", "none");
-    setProp(_el$23, "onMouseUp", () => props.onAddTask?.());
-    insert(_el$, createComponent2(Show, {
+    insertNode(_el$23, _el$24);
+    setProp(_el$23, "flexShrink", 0);
+    setProp(_el$23, "paddingTop", 1);
+    setProp(_el$23, "paddingLeft", 1);
+    insertNode(_el$24, createTextNode(`+ New task`));
+    setProp(_el$24, "wrapMode", "none");
+    setProp(_el$24, "onMouseUp", () => props.onAddTask?.());
+    insert(_el$4, createComponent2(Show, {
       get when() {
         return hover();
       },
@@ -15831,43 +16327,43 @@ function Sidebar(props) {
         const left = createMemo(() => Math.max(0, Math.min(h().x + 2, dims().width - boxW() - 1)));
         const top = createMemo(() => Math.max(0, Math.min(h().y + 1, dims().height - boxH() - 1)));
         return (() => {
-          var _el$39 = createElement("box");
-          setProp(_el$39, "position", "absolute");
-          setProp(_el$39, "zIndex", 2600);
-          setProp(_el$39, "flexDirection", "column");
-          setProp(_el$39, "border", true);
-          setProp(_el$39, "paddingLeft", 1);
-          setProp(_el$39, "paddingRight", 1);
-          insert(_el$39, createComponent2(For, {
+          var _el$55 = createElement("box");
+          setProp(_el$55, "position", "absolute");
+          setProp(_el$55, "zIndex", 2600);
+          setProp(_el$55, "flexDirection", "column");
+          setProp(_el$55, "border", true);
+          setProp(_el$55, "paddingLeft", 1);
+          setProp(_el$55, "paddingRight", 1);
+          insert(_el$55, createComponent2(For, {
             get each() {
               return lines();
             },
             children: (l) => (() => {
-              var _el$40 = createElement("text");
-              setProp(_el$40, "wrapMode", "none");
-              insert(_el$40, (() => {
-                var _c$2 = memo2(() => !!l.dim);
-                return () => _c$2() ? truncatePathTail(l.text, innerW()) : truncateTitle(l.text, innerW());
+              var _el$56 = createElement("text");
+              setProp(_el$56, "wrapMode", "none");
+              insert(_el$56, (() => {
+                var _c$4 = memo2(() => !!l.dim);
+                return () => _c$4() ? truncatePathTail(l.text, innerW()) : truncateTitle(l.text, innerW());
               })());
               effect((_p$) => {
-                var _v$21 = l.dim ? theme.textMuted : theme.text, _v$22 = l.bold ? TextAttributes8.BOLD : l.dim ? TextAttributes8.DIM : undefined;
-                _v$21 !== _p$.e && (_p$.e = setProp(_el$40, "fg", _v$21, _p$.e));
-                _v$22 !== _p$.t && (_p$.t = setProp(_el$40, "attributes", _v$22, _p$.t));
+                var _v$35 = l.dim ? theme.textMuted : theme.text, _v$36 = l.bold ? TextAttributes8.BOLD : l.dim ? TextAttributes8.DIM : undefined;
+                _v$35 !== _p$.e && (_p$.e = setProp(_el$56, "fg", _v$35, _p$.e));
+                _v$36 !== _p$.t && (_p$.t = setProp(_el$56, "attributes", _v$36, _p$.t));
                 return _p$;
               }, {
                 e: undefined,
                 t: undefined
               });
-              return _el$40;
+              return _el$56;
             })()
           }));
           effect((_p$) => {
-            var _v$16 = left(), _v$17 = top(), _v$18 = boxW(), _v$19 = theme.focusAccent, _v$20 = theme.backgroundElement;
-            _v$16 !== _p$.e && (_p$.e = setProp(_el$39, "left", _v$16, _p$.e));
-            _v$17 !== _p$.t && (_p$.t = setProp(_el$39, "top", _v$17, _p$.t));
-            _v$18 !== _p$.a && (_p$.a = setProp(_el$39, "width", _v$18, _p$.a));
-            _v$19 !== _p$.o && (_p$.o = setProp(_el$39, "borderColor", _v$19, _p$.o));
-            _v$20 !== _p$.i && (_p$.i = setProp(_el$39, "backgroundColor", _v$20, _p$.i));
+            var _v$30 = left(), _v$31 = top(), _v$32 = boxW(), _v$33 = theme.focusAccent, _v$34 = theme.backgroundElement;
+            _v$30 !== _p$.e && (_p$.e = setProp(_el$55, "left", _v$30, _p$.e));
+            _v$31 !== _p$.t && (_p$.t = setProp(_el$55, "top", _v$31, _p$.t));
+            _v$32 !== _p$.a && (_p$.a = setProp(_el$55, "width", _v$32, _p$.a));
+            _v$33 !== _p$.o && (_p$.o = setProp(_el$55, "borderColor", _v$33, _p$.o));
+            _v$34 !== _p$.i && (_p$.i = setProp(_el$55, "backgroundColor", _v$34, _p$.i));
             return _p$;
           }, {
             e: undefined,
@@ -15876,31 +16372,27 @@ function Sidebar(props) {
             o: undefined,
             i: undefined
           });
-          return _el$39;
+          return _el$55;
         })();
       }
     }), null);
     effect((_p$) => {
-      var _v$5 = props.width ? props.width() : SIDEBAR_WIDTH, _v$6 = focusedAccessor() ? theme.focusAccent : theme.textMuted, _v$7 = TextAttributes8.BOLD, _v$8 = focusedAccessor() ? theme.focusAccent : theme.textMuted, _v$9 = TextAttributes8.BOLD, _v$0 = theme.textMuted;
-      _v$5 !== _p$.e && (_p$.e = setProp(_el$, "width", _v$5, _p$.e));
-      _v$6 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$6, _p$.t));
-      _v$7 !== _p$.a && (_p$.a = setProp(_el$3, "attributes", _v$7, _p$.a));
-      _v$8 !== _p$.o && (_p$.o = setProp(_el$5, "fg", _v$8, _p$.o));
-      _v$9 !== _p$.i && (_p$.i = setProp(_el$5, "attributes", _v$9, _p$.i));
-      _v$0 !== _p$.n && (_p$.n = setProp(_el$23, "fg", _v$0, _p$.n));
+      var _v$9 = props.width ? props.width() : SIDEBAR_WIDTH, _v$0 = focusedAccessor() ? theme.focusAccent : theme.textMuted, _v$1 = TextAttributes8.BOLD, _v$10 = theme.textMuted;
+      _v$9 !== _p$.e && (_p$.e = setProp(_el$4, "width", _v$9, _p$.e));
+      _v$0 !== _p$.t && (_p$.t = setProp(_el$6, "fg", _v$0, _p$.t));
+      _v$1 !== _p$.a && (_p$.a = setProp(_el$6, "attributes", _v$1, _p$.a));
+      _v$10 !== _p$.o && (_p$.o = setProp(_el$24, "fg", _v$10, _p$.o));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined,
-      o: undefined,
-      i: undefined,
-      n: undefined
+      o: undefined
     });
-    return _el$;
+    return _el$4;
   })();
 }
-var SIDEBAR_WIDTH = 32, STATUS_BADGE, IN_PROGRESS_SPINNER, SPINNER_FRAME_MS = 100, VIEW_TABS, MAIN_BRANCH_POLL_MS = 2000, CHANGES_COLUMN_WIDTH = 5, BRANCH_LABEL_MAX = 16, SHOW_CHANGES_MIN_WIDTH = 30, SHOW_BRANCH_MIN_WIDTH = 44;
+var SIDEBAR_WIDTH = 32, STATUS_BADGE, STATUS_LABEL, IN_PROGRESS_SPINNER, SPINNER_FRAME_MS = 100, VIEW_TABS, MAIN_BRANCH_POLL_MS = 2000, BRANCH_LABEL_MAX = 16;
 var init_Sidebar = __esm(() => {
   init_solid();
   init_solid();
@@ -15914,7 +16406,6 @@ var init_Sidebar = __esm(() => {
   init_dev();
   init_theme2();
   init_theme2();
-  init_git_head();
   init_groups();
   init_keys();
   init_worktree_changes();
@@ -15944,6 +16435,14 @@ var init_Sidebar = __esm(() => {
       tone: "error"
     }
   };
+  STATUS_LABEL = {
+    done: "done",
+    in_review: "in review",
+    in_progress: "working",
+    backlog: "backlog",
+    canceled: "canceled",
+    error: "error"
+  };
   IN_PROGRESS_SPINNER = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
   VIEW_TABS = [{
     view: "active",
@@ -16049,7 +16548,18 @@ function TasksShell(props) {
         return;
       }
     }
-    SettingsDialog.show(dialog, kv, props.orch ?? undefined);
+    const result = await SettingsDialog.show(dialog, kv, props.orch ?? undefined);
+    if (!result.visualPrefsChanged)
+      return;
+    if (!kv.flush())
+      return;
+    try {
+      const session = await currentSessionName();
+      if (session)
+        await refreshKobeWorkspacePanes(session);
+    } catch (err) {
+      console.error("[kobe tasks] failed to refresh workspace panes:", err);
+    }
   }
   async function openUpdate() {
     const info = updateInfo();
@@ -16284,6 +16794,18 @@ function TasksShell(props) {
     await runTmux(["switch-client", "-t", `=${name}`]);
     props.orch?.setActiveTask(id).catch(() => {});
   }
+  const headerStatus = createMemo(() => {
+    const info = updateInfo();
+    if (info?.hasUpdate)
+      return {
+        label: `v${info.latest} \u2191`,
+        emphasize: true
+      };
+    return {
+      label: `v${CURRENT_VERSION}`,
+      emphasize: false
+    };
+  });
   return (() => {
     var _el$ = createElement("box"), _el$2 = createElement("box");
     insertNode(_el$, _el$2);
@@ -16299,6 +16821,8 @@ function TasksShell(props) {
       onSelect: setSelectedId,
       onActivate: (id) => void switchTo(id),
       activateOnClick: true,
+      headerStatus,
+      onHeaderStatusClick: () => void openUpdate(),
       width: () => dimensions().width,
       onAddTask: () => void createTask(),
       onRenameRequest: (id) => void renameTask(id),
@@ -16306,24 +16830,15 @@ function TasksShell(props) {
       onArchiveRequest: (id) => void archiveTask(id),
       focused: () => dialog.stack.length === 0
     }));
-    insert(_el$, createComponent2(ShortcutHints, {
-      updateInfo,
-      onOpenUpdate: () => void openUpdate()
-    }), null);
+    insert(_el$, createComponent2(ShortcutHints, {}), null);
     effect((_$p) => setProp(_el$, "backgroundColor", theme.background, _$p));
     return _el$;
   })();
 }
-function ShortcutHints(props) {
+function ShortcutHints() {
   const {
     theme
   } = useTheme();
-  const updateLabel = createMemo(() => {
-    const info = props.updateInfo();
-    if (!info)
-      return `v${CURRENT_VERSION}`;
-    return info.hasUpdate ? `v${info.latest} available` : `v${CURRENT_VERSION} latest`;
-  });
   const HINTS = [{
     k: "\u23CE",
     label: "open"
@@ -16373,111 +16888,63 @@ function ShortcutHints(props) {
     k: "\u2303Q",
     label: "detach"
   }];
+  const LABEL_COL_MAX = 18;
+  const labelColWidth = Math.min(LABEL_COL_MAX, Math.max(...HINTS.map((h) => h.label.length)));
+  const clipLabel = (s) => s.length <= labelColWidth ? s : `${s.slice(0, Math.max(0, labelColWidth - 1))}\u2026`;
   return (() => {
-    var _el$3 = createElement("box"), _el$4 = createElement("text"), _el$6 = createElement("box"), _el$7 = createElement("text"), _el$12 = createElement("text");
+    var _el$3 = createElement("box"), _el$4 = createElement("text");
     insertNode(_el$3, _el$4);
-    insertNode(_el$3, _el$6);
-    insertNode(_el$3, _el$12);
     setProp(_el$3, "flexShrink", 0);
     setProp(_el$3, "flexDirection", "column");
     setProp(_el$3, "paddingLeft", 1);
     setProp(_el$3, "paddingRight", 1);
     setProp(_el$3, "paddingTop", 1);
     setProp(_el$3, "gap", 0);
-    insertNode(_el$4, createTextNode(`\u2500\u2500 system \u2500\u2500`));
+    insertNode(_el$4, createTextNode(`\u2500\u2500 keys \u2500\u2500`));
     setProp(_el$4, "wrapMode", "none");
-    insertNode(_el$6, _el$7);
-    setProp(_el$6, "flexDirection", "row");
-    setProp(_el$6, "gap", 1);
-    setProp(_el$7, "wrapMode", "none");
-    setProp(_el$7, "onMouseUp", () => {
-      if (props.updateInfo()?.hasUpdate)
-        props.onOpenUpdate();
-    });
-    insert(_el$7, updateLabel);
-    insert(_el$3, createComponent2(Show, {
-      get when() {
-        return props.updateInfo()?.hasUpdate;
-      },
-      get children() {
-        var _el$8 = createElement("box"), _el$9 = createElement("box"), _el$0 = createElement("text"), _el$10 = createElement("text");
-        insertNode(_el$8, _el$9);
-        insertNode(_el$8, _el$10);
-        setProp(_el$8, "flexDirection", "row");
-        setProp(_el$8, "gap", 1);
-        setProp(_el$8, "onMouseUp", () => props.onOpenUpdate());
-        insertNode(_el$9, _el$0);
-        setProp(_el$9, "width", 10);
-        setProp(_el$9, "flexShrink", 0);
-        insertNode(_el$0, createTextNode(`[U]`));
-        setProp(_el$0, "wrapMode", "none");
-        insertNode(_el$10, createTextNode(`update page`));
-        setProp(_el$10, "wrapMode", "none");
-        effect((_p$) => {
-          var _v$ = theme.accent, _v$2 = TextAttributes9.BOLD, _v$3 = theme.accent, _v$4 = TextAttributes9.DIM;
-          _v$ !== _p$.e && (_p$.e = setProp(_el$0, "fg", _v$, _p$.e));
-          _v$2 !== _p$.t && (_p$.t = setProp(_el$0, "attributes", _v$2, _p$.t));
-          _v$3 !== _p$.a && (_p$.a = setProp(_el$10, "fg", _v$3, _p$.a));
-          _v$4 !== _p$.o && (_p$.o = setProp(_el$10, "attributes", _v$4, _p$.o));
-          return _p$;
-        }, {
-          e: undefined,
-          t: undefined,
-          a: undefined,
-          o: undefined
-        });
-        return _el$8;
-      }
-    }), _el$12);
-    insertNode(_el$12, createTextNode(`\u2500\u2500 keys \u2500\u2500`));
-    setProp(_el$12, "wrapMode", "none");
     insert(_el$3, createComponent2(For, {
       each: HINTS,
       children: (h) => (() => {
-        var _el$14 = createElement("box"), _el$15 = createElement("box"), _el$16 = createElement("text"), _el$17 = createTextNode(`[`), _el$18 = createTextNode(`]`), _el$19 = createElement("text");
-        insertNode(_el$14, _el$15);
-        insertNode(_el$14, _el$19);
-        setProp(_el$14, "flexDirection", "row");
-        setProp(_el$14, "gap", 1);
-        insertNode(_el$15, _el$16);
-        setProp(_el$15, "width", 10);
-        setProp(_el$15, "flexShrink", 0);
-        insertNode(_el$16, _el$17);
-        insertNode(_el$16, _el$18);
-        setProp(_el$16, "wrapMode", "none");
-        insert(_el$16, () => h.k, _el$18);
-        setProp(_el$19, "wrapMode", "none");
-        insert(_el$19, () => h.label);
+        var _el$6 = createElement("box"), _el$7 = createElement("box"), _el$8 = createElement("text"), _el$9 = createTextNode(`[`), _el$0 = createTextNode(`]`), _el$1 = createElement("box"), _el$10 = createElement("text");
+        insertNode(_el$6, _el$7);
+        insertNode(_el$6, _el$1);
+        setProp(_el$6, "flexDirection", "row");
+        setProp(_el$6, "gap", 1);
+        setProp(_el$6, "justifyContent", "space-between");
+        insertNode(_el$7, _el$8);
+        setProp(_el$7, "width", 10);
+        setProp(_el$7, "flexShrink", 0);
+        insertNode(_el$8, _el$9);
+        insertNode(_el$8, _el$0);
+        setProp(_el$8, "wrapMode", "none");
+        insert(_el$8, () => h.k, _el$0);
+        insertNode(_el$1, _el$10);
+        setProp(_el$1, "width", labelColWidth);
+        setProp(_el$1, "flexShrink", 0);
+        setProp(_el$10, "wrapMode", "none");
+        insert(_el$10, () => clipLabel(h.label));
         effect((_p$) => {
-          var _v$1 = theme.accent, _v$10 = TextAttributes9.BOLD, _v$11 = theme.textMuted;
-          _v$1 !== _p$.e && (_p$.e = setProp(_el$16, "fg", _v$1, _p$.e));
-          _v$10 !== _p$.t && (_p$.t = setProp(_el$16, "attributes", _v$10, _p$.t));
-          _v$11 !== _p$.a && (_p$.a = setProp(_el$19, "fg", _v$11, _p$.a));
+          var _v$3 = theme.accent, _v$4 = TextAttributes9.BOLD, _v$5 = theme.textMuted;
+          _v$3 !== _p$.e && (_p$.e = setProp(_el$8, "fg", _v$3, _p$.e));
+          _v$4 !== _p$.t && (_p$.t = setProp(_el$8, "attributes", _v$4, _p$.t));
+          _v$5 !== _p$.a && (_p$.a = setProp(_el$10, "fg", _v$5, _p$.a));
           return _p$;
         }, {
           e: undefined,
           t: undefined,
           a: undefined
         });
-        return _el$14;
+        return _el$6;
       })()
     }), null);
     effect((_p$) => {
-      var _v$5 = theme.textMuted, _v$6 = TextAttributes9.DIM, _v$7 = props.updateInfo()?.hasUpdate ? theme.warning : theme.textMuted, _v$8 = props.updateInfo()?.hasUpdate ? TextAttributes9.BOLD : TextAttributes9.DIM, _v$9 = theme.textMuted, _v$0 = TextAttributes9.DIM;
-      _v$5 !== _p$.e && (_p$.e = setProp(_el$4, "fg", _v$5, _p$.e));
-      _v$6 !== _p$.t && (_p$.t = setProp(_el$4, "attributes", _v$6, _p$.t));
-      _v$7 !== _p$.a && (_p$.a = setProp(_el$7, "fg", _v$7, _p$.a));
-      _v$8 !== _p$.o && (_p$.o = setProp(_el$7, "attributes", _v$8, _p$.o));
-      _v$9 !== _p$.i && (_p$.i = setProp(_el$12, "fg", _v$9, _p$.i));
-      _v$0 !== _p$.n && (_p$.n = setProp(_el$12, "attributes", _v$0, _p$.n));
+      var _v$ = theme.textMuted, _v$2 = TextAttributes9.DIM;
+      _v$ !== _p$.e && (_p$.e = setProp(_el$4, "fg", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = setProp(_el$4, "attributes", _v$2, _p$.t));
       return _p$;
     }, {
       e: undefined,
-      t: undefined,
-      a: undefined,
-      o: undefined,
-      i: undefined,
-      n: undefined
+      t: undefined
     });
     return _el$3;
   })();
@@ -16606,13 +17073,29 @@ function SettingsPage(props) {
   const {
     theme
   } = themeCtx;
+  let visualPrefsChanged = false;
+  let exiting = false;
   onMount(() => {
     themeCtx.setTransparentBackground(props.transparent);
     if (props.focusAccent)
       themeCtx.setFocusAccent(props.focusAccent);
   });
-  function exit() {
-    process.exit(0);
+  async function exit() {
+    if (exiting)
+      return;
+    exiting = true;
+    try {
+      const flushed = kv.flush();
+      if (flushed && visualPrefsChanged) {
+        const session = await currentSessionName();
+        if (session)
+          await refreshKobeWorkspacePanes(session);
+      }
+    } catch (err) {
+      console.error("[kobe settings] failed to refresh workspace panes:", err);
+    } finally {
+      process.exit(0);
+    }
   }
   useBindings(() => ({
     enabled: dialog.stack.length === 0,
@@ -16628,15 +17111,23 @@ function SettingsPage(props) {
     }]
   }));
   return (() => {
-    var _el$ = createElement("box");
-    setProp(_el$, "flexDirection", "column");
+    var _el$ = createElement("scrollbox");
     setProp(_el$, "flexGrow", 1);
     setProp(_el$, "paddingTop", 1);
+    setProp(_el$, "verticalScrollbarOptions", {
+      trackOptions: {
+        foregroundColor: "transparent"
+      }
+    });
     insert(_el$, createComponent2(SettingsDialog, {
       kv,
       get orchestrator() {
         return props.orchestrator ?? undefined;
       },
+      standalone: true,
+      onVisualPrefsChange: () => {
+        visualPrefsChanged = true;
+      },
       onClose: exit
     }));
     effect((_$p) => setProp(_el$, "backgroundColor", theme.background, _$p));
@@ -16719,6 +17210,7 @@ var init_host2 = __esm(() => {
   init_loader();
   init_keymap();
   init_persisted_ui_prefs();
+  init_tmux();
   init_dialog();
 });
 
@@ -16863,7 +17355,7 @@ var exports_host4 = {};
 __export(exports_host4, {
   startUpdateHost: () => startUpdateHost
 });
-import { spawn as spawn4, spawnSync as spawnSync9 } from "child_process";
+import { spawn as spawn4, spawnSync as spawnSync8 } from "child_process";
 import { TextAttributes as TextAttributes10 } from "@opentui/core";
 function openExternalUrl(url) {
   if (!url)
@@ -16969,7 +17461,7 @@ kobe ${CURRENT_VERSION} -> latest
     process.stdout.write(`running: ${UPDATE_COMMAND}
 
 `);
-    const result = spawnSync9("sh", ["-c", UPDATE_COMMAND], {
+    const result = spawnSync8("sh", ["-c", UPDATE_COMMAND], {
       stdio: "inherit"
     });
     const code = result.status ?? (result.error ? 1 : 0);
@@ -17416,6 +17908,63 @@ var init_activity = __esm(() => {
   init_history3();
 });
 
+// src/tmux/editor-launch.ts
+function firstToken(cmd) {
+  return cmd.trim().split(/\s+/)[0] ?? "";
+}
+function buildEditorCommand(kind, customCommand, absPath, envEditor) {
+  const file = shellQuote(absPath);
+  if (kind === "vim")
+    return { bin: "vim", command: `vim ${file}` };
+  if (kind === "nano")
+    return { bin: "nano", command: `nano ${file}` };
+  const tmpl = (customCommand.trim() || (envEditor ?? "").trim()).trim();
+  if (!tmpl)
+    return null;
+  const bin = firstToken(tmpl);
+  if (!bin)
+    return null;
+  const command = tmpl.includes(FILE_PLACEHOLDER) ? tmpl.split(FILE_PLACEHOLDER).join(file) : `${tmpl} ${file}`;
+  return { bin, command };
+}
+function resolveEditorCommand(absPath) {
+  const kind = normalizeEditorKind(getPersistedString(EDITOR_KIND_KEY));
+  const custom = getPersistedString(EDITOR_CUSTOM_KEY) ?? "";
+  const env = process.env.VISUAL ?? process.env.EDITOR ?? "";
+  return buildEditorCommand(kind, custom, absPath, env);
+}
+async function binaryAvailable(bin) {
+  try {
+    const proc = Bun.spawn(["sh", "-c", `command -v ${shellQuote(bin)} >/dev/null 2>&1`], {
+      stdin: "ignore",
+      stdout: "ignore",
+      stderr: "ignore"
+    });
+    return await proc.exited === 0;
+  } catch {
+    return false;
+  }
+}
+async function openInEditor(session, worktree, absPath) {
+  const resolved = resolveEditorCommand(absPath);
+  if (!resolved)
+    return false;
+  if (!await binaryAvailable(resolved.bin))
+    return false;
+  await newWindow(session, { cwd: worktree, command: resolved.command, name: editorWindowLabel(absPath) });
+  return true;
+}
+function editorWindowLabel(absPath) {
+  const base = absPath.slice(absPath.lastIndexOf("/") + 1).trim();
+  return base.length > 0 ? base : "edit";
+}
+var FILE_PLACEHOLDER = "{file}";
+var init_editor_launch = __esm(() => {
+  init_repos();
+  init_editor_prefs();
+  init_client2();
+});
+
 // src/tui/panes/filetree/git.ts
 import { spawn as nodeSpawn } from "child_process";
 async function runGit(args, cwd) {
@@ -17570,7 +18119,8 @@ var init_git2 = __esm(() => {
         const child = nodeSpawn("git", [...args], {
           cwd,
           shell: false,
-          stdio: ["ignore", "pipe", "pipe"]
+          stdio: ["ignore", "pipe", "pipe"],
+          env: { ...process.env, GIT_OPTIONAL_LOCKS: "0" }
         });
         let stdout = "";
         let stderr = "";
@@ -17621,6 +18171,7 @@ function useFileTreeBindings(opts) {
           opts.setTab(next);
       },
       "files.open": () => opts.openCurrent(),
+      "files.edit": () => opts.editCurrent?.(),
       "files.mention": () => opts.mentionCurrent?.(),
       "files.createPR": () => opts.createPR?.(),
       "files.openExternal": () => opts.openExternal(),
@@ -17715,10 +18266,16 @@ function summarizeGitError(raw) {
     return raw.slice(colon + 2).trim() || "git command failed";
   return raw.trim() || "git command failed";
 }
+function truncatePathTail2(path11, max) {
+  if (max <= 0 || path11.length <= max)
+    return path11;
+  return `\u2026${path11.slice(path11.length - Math.max(0, max - 1))}`;
+}
 function FileTree(props) {
   const {
     theme
   } = useTheme();
+  const dims = useTerminalDimensions();
   const focusedAccessor = () => props.focused ? props.focused() : true;
   const [tab, setTab] = createSignal("all");
   const [cursorIndex, setCursorIndex] = createSignal(0);
@@ -17883,6 +18440,11 @@ function FileTree(props) {
       deleted
     };
   });
+  const pathBudget = createMemo(() => {
+    const w = statWidths();
+    const stats = (w.added > 0 ? w.added + 1 : 0) + (w.deleted > 0 ? w.deleted + 1 : 0);
+    return Math.max(8, dims().width - 6 - stats);
+  });
   function moveDown() {
     const r = rows();
     if (r.length === 0)
@@ -17975,6 +18537,16 @@ function FileTree(props) {
       return;
     props.onMention?.(row.path);
   }
+  function editCurrent() {
+    const r = rows();
+    const i = cursorIndex();
+    if (i < 0 || i >= r.length)
+      return;
+    const row = r[i];
+    if (!row || row.kind === "dir")
+      return;
+    props.onEditFile?.(row.path);
+  }
   function refresh() {
     setRefreshTick((n) => n + 1);
     props.onRefresh?.();
@@ -18001,6 +18573,7 @@ function FileTree(props) {
     currentTab: tab,
     openCurrent,
     mentionCurrent,
+    editCurrent,
     createPR: props.onCreatePR,
     openExternal,
     refresh,
@@ -18037,8 +18610,8 @@ function FileTree(props) {
     setProp(_el$, "flexGrow", 1);
     setProp(_el$, "paddingTop", 1);
     setProp(_el$, "paddingBottom", 1);
-    setProp(_el$, "paddingLeft", 2);
-    setProp(_el$, "paddingRight", 2);
+    setProp(_el$, "paddingLeft", 0);
+    setProp(_el$, "paddingRight", 0);
     insert(_el$, createComponent2(Show, {
       get when() {
         return props.onCreatePR;
@@ -18085,20 +18658,20 @@ function FileTree(props) {
       children: (t) => {
         const isActive = () => tab() === t;
         return (() => {
-          var _el$23 = createElement("text");
-          setProp(_el$23, "wrapMode", "none");
-          setProp(_el$23, "onMouseUp", () => setTab(t));
-          insert(_el$23, () => TAB_LABEL[t]);
+          var _el$26 = createElement("text");
+          setProp(_el$26, "wrapMode", "none");
+          setProp(_el$26, "onMouseUp", () => setTab(t));
+          insert(_el$26, () => TAB_LABEL[t]);
           effect((_p$) => {
             var _v$6 = isActive() ? theme.primary : theme.textMuted, _v$7 = isActive() ? TextAttributes11.BOLD : undefined;
-            _v$6 !== _p$.e && (_p$.e = setProp(_el$23, "fg", _v$6, _p$.e));
-            _v$7 !== _p$.t && (_p$.t = setProp(_el$23, "attributes", _v$7, _p$.t));
+            _v$6 !== _p$.e && (_p$.e = setProp(_el$26, "fg", _v$6, _p$.e));
+            _v$7 !== _p$.t && (_p$.t = setProp(_el$26, "attributes", _v$7, _p$.t));
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$23;
+          return _el$26;
         })();
       }
     }));
@@ -18107,19 +18680,19 @@ function FileTree(props) {
         return props.cornerBadge?.();
       },
       children: (badge) => (() => {
-        var _el$24 = createElement("text");
-        setProp(_el$24, "wrapMode", "none");
-        insert(_el$24, () => badge().text);
+        var _el$27 = createElement("text");
+        setProp(_el$27, "wrapMode", "none");
+        insert(_el$27, () => badge().text);
         effect((_p$) => {
           var _v$8 = badge().active ? theme.accent : theme.textMuted, _v$9 = badge().active ? TextAttributes11.BOLD : undefined;
-          _v$8 !== _p$.e && (_p$.e = setProp(_el$24, "fg", _v$8, _p$.e));
-          _v$9 !== _p$.t && (_p$.t = setProp(_el$24, "attributes", _v$9, _p$.t));
+          _v$8 !== _p$.e && (_p$.e = setProp(_el$27, "fg", _v$8, _p$.e));
+          _v$9 !== _p$.t && (_p$.t = setProp(_el$27, "attributes", _v$9, _p$.t));
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$24;
+        return _el$27;
       })()
     }), null);
     insert(_el$, createComponent2(Show, {
@@ -18231,15 +18804,23 @@ function FileTree(props) {
           },
           children: (row, index) => {
             const isCursor = () => index() === cursorIndex();
+            const bar = (() => {
+              var _el$28 = createElement("text");
+              setProp(_el$28, "wrapMode", "none");
+              insert(_el$28, () => isCursor() ? "\u258C" : " ");
+              effect((_$p) => setProp(_el$28, "fg", isCursor() ? theme.focusAccent : undefined, _$p));
+              return _el$28;
+            })();
+            const rowBg = () => isCursor() ? theme.backgroundElement : undefined;
             if (row.kind === "dir") {
               const indent = "  ".repeat(row.depth);
               const marker = row.expanded ? "\u25BE" : "\u25B8";
               return (() => {
-                var _el$25 = createElement("box"), _el$26 = createElement("text");
-                insertNode(_el$25, _el$26);
-                setProp(_el$25, "paddingLeft", 1);
-                setProp(_el$25, "paddingRight", 1);
-                setProp(_el$25, "onMouseUp", () => {
+                var _el$29 = createElement("box"), _el$30 = createElement("box"), _el$31 = createElement("text");
+                insertNode(_el$29, _el$30);
+                setProp(_el$29, "flexDirection", "row");
+                setProp(_el$29, "gap", 0);
+                setProp(_el$29, "onMouseUp", () => {
                   setCursorIndex(index());
                   setExpandedDirs((prev) => {
                     const next = new Set(prev);
@@ -18250,45 +18831,53 @@ function FileTree(props) {
                     return next;
                   });
                 });
-                setProp(_el$26, "wrapMode", "none");
-                insert(_el$26, () => `${indent}${marker} ${row.name}/`);
+                insert(_el$29, bar, _el$30);
+                insertNode(_el$30, _el$31);
+                setProp(_el$30, "flexGrow", 1);
+                setProp(_el$30, "paddingRight", 1);
+                setProp(_el$31, "wrapMode", "none");
+                insert(_el$31, () => `${indent}${marker} ${row.name}/`);
                 effect((_p$) => {
-                  var _v$0 = isCursor() ? theme.primary : undefined, _v$1 = isCursor() ? theme.selectedListItemText : theme.textMuted, _v$10 = TextAttributes11.BOLD;
-                  _v$0 !== _p$.e && (_p$.e = setProp(_el$25, "backgroundColor", _v$0, _p$.e));
-                  _v$1 !== _p$.t && (_p$.t = setProp(_el$26, "fg", _v$1, _p$.t));
-                  _v$10 !== _p$.a && (_p$.a = setProp(_el$26, "attributes", _v$10, _p$.a));
+                  var _v$0 = rowBg(), _v$1 = theme.textMuted, _v$10 = TextAttributes11.BOLD;
+                  _v$0 !== _p$.e && (_p$.e = setProp(_el$29, "backgroundColor", _v$0, _p$.e));
+                  _v$1 !== _p$.t && (_p$.t = setProp(_el$31, "fg", _v$1, _p$.t));
+                  _v$10 !== _p$.a && (_p$.a = setProp(_el$31, "attributes", _v$10, _p$.a));
                   return _p$;
                 }, {
                   e: undefined,
                   t: undefined,
                   a: undefined
                 });
-                return _el$25;
+                return _el$29;
               })();
             }
             if (row.kind === "file") {
               const indent = "  ".repeat(row.depth);
               return (() => {
-                var _el$27 = createElement("box"), _el$28 = createElement("text");
-                insertNode(_el$27, _el$28);
-                setProp(_el$27, "paddingLeft", 1);
-                setProp(_el$27, "paddingRight", 1);
-                setProp(_el$27, "onMouseUp", () => {
+                var _el$32 = createElement("box"), _el$33 = createElement("box"), _el$34 = createElement("text");
+                insertNode(_el$32, _el$33);
+                setProp(_el$32, "flexDirection", "row");
+                setProp(_el$32, "gap", 0);
+                setProp(_el$32, "onMouseUp", () => {
                   setCursorIndex(index());
                   props.onOpenFile(row.path);
                 });
-                setProp(_el$28, "wrapMode", "none");
-                insert(_el$28, () => `${indent}  ${row.name}`);
+                insert(_el$32, bar, _el$33);
+                insertNode(_el$33, _el$34);
+                setProp(_el$33, "flexGrow", 1);
+                setProp(_el$33, "paddingRight", 1);
+                setProp(_el$34, "wrapMode", "none");
+                insert(_el$34, () => `${indent}  ${row.name}`);
                 effect((_p$) => {
-                  var _v$11 = isCursor() ? theme.primary : undefined, _v$12 = isCursor() ? theme.selectedListItemText : theme.text;
-                  _v$11 !== _p$.e && (_p$.e = setProp(_el$27, "backgroundColor", _v$11, _p$.e));
-                  _v$12 !== _p$.t && (_p$.t = setProp(_el$28, "fg", _v$12, _p$.t));
+                  var _v$11 = rowBg(), _v$12 = theme.text;
+                  _v$11 !== _p$.e && (_p$.e = setProp(_el$32, "backgroundColor", _v$11, _p$.e));
+                  _v$12 !== _p$.t && (_p$.t = setProp(_el$34, "fg", _v$12, _p$.t));
                   return _p$;
                 }, {
                   e: undefined,
                   t: undefined
                 });
-                return _el$27;
+                return _el$32;
               })();
             }
             const tone = statusToken(row.status);
@@ -18310,64 +18899,84 @@ function FileTree(props) {
             const addedText = row.added == null ? " ".repeat(w.added) : `+${row.added}`.padStart(w.added);
             const deletedText = row.deleted == null ? " ".repeat(w.deleted) : `-${row.deleted}`.padStart(w.deleted);
             return (() => {
-              var _el$29 = createElement("box"), _el$30 = createElement("text"), _el$31 = createElement("text");
-              insertNode(_el$29, _el$30);
-              insertNode(_el$29, _el$31);
-              setProp(_el$29, "flexDirection", "row");
-              setProp(_el$29, "gap", 1);
-              setProp(_el$29, "paddingLeft", 1);
-              setProp(_el$29, "paddingRight", 1);
-              setProp(_el$29, "onMouseUp", () => {
+              var _el$35 = createElement("box"), _el$36 = createElement("box"), _el$37 = createElement("text"), _el$38 = createElement("text");
+              insertNode(_el$35, _el$36);
+              setProp(_el$35, "flexDirection", "row");
+              setProp(_el$35, "gap", 0);
+              setProp(_el$35, "onMouseUp", () => {
                 setCursorIndex(index());
                 props.onOpenFile(row.path);
               });
-              setProp(_el$30, "wrapMode", "none");
-              insert(_el$30, () => row.status);
-              setProp(_el$31, "wrapMode", "none");
-              setProp(_el$31, "flexGrow", 1);
-              insert(_el$31, () => row.path);
-              insert(_el$29, createComponent2(Show, {
+              insert(_el$35, bar, _el$36);
+              insertNode(_el$36, _el$37);
+              insertNode(_el$36, _el$38);
+              setProp(_el$36, "flexDirection", "row");
+              setProp(_el$36, "flexGrow", 1);
+              setProp(_el$36, "gap", 1);
+              setProp(_el$36, "paddingRight", 1);
+              setProp(_el$37, "wrapMode", "none");
+              insert(_el$37, () => row.status);
+              setProp(_el$38, "wrapMode", "none");
+              setProp(_el$38, "flexGrow", 1);
+              insert(_el$38, () => truncatePathTail2(row.path, pathBudget()));
+              insert(_el$36, createComponent2(Show, {
                 get when() {
                   return w.added > 0;
                 },
                 get children() {
-                  var _el$32 = createElement("text");
-                  setProp(_el$32, "wrapMode", "none");
-                  insert(_el$32, addedText);
-                  effect((_$p) => setProp(_el$32, "fg", isCursor() ? theme.selectedListItemText : theme.success, _$p));
-                  return _el$32;
+                  var _el$39 = createElement("text");
+                  setProp(_el$39, "wrapMode", "none");
+                  insert(_el$39, addedText);
+                  effect((_$p) => setProp(_el$39, "fg", theme.success, _$p));
+                  return _el$39;
                 }
               }), null);
-              insert(_el$29, createComponent2(Show, {
+              insert(_el$36, createComponent2(Show, {
                 get when() {
                   return w.deleted > 0;
                 },
                 get children() {
-                  var _el$33 = createElement("text");
-                  setProp(_el$33, "wrapMode", "none");
-                  insert(_el$33, deletedText);
-                  effect((_$p) => setProp(_el$33, "fg", isCursor() ? theme.selectedListItemText : theme.error, _$p));
-                  return _el$33;
+                  var _el$40 = createElement("text");
+                  setProp(_el$40, "wrapMode", "none");
+                  insert(_el$40, deletedText);
+                  effect((_$p) => setProp(_el$40, "fg", theme.error, _$p));
+                  return _el$40;
                 }
               }), null);
               effect((_p$) => {
-                var _v$13 = isCursor() ? theme.primary : undefined, _v$14 = isCursor() ? theme.selectedListItemText : statusColor(), _v$15 = isCursor() ? theme.selectedListItemText : theme.text;
-                _v$13 !== _p$.e && (_p$.e = setProp(_el$29, "backgroundColor", _v$13, _p$.e));
-                _v$14 !== _p$.t && (_p$.t = setProp(_el$30, "fg", _v$14, _p$.t));
-                _v$15 !== _p$.a && (_p$.a = setProp(_el$31, "fg", _v$15, _p$.a));
+                var _v$13 = rowBg(), _v$14 = statusColor(), _v$15 = theme.text;
+                _v$13 !== _p$.e && (_p$.e = setProp(_el$35, "backgroundColor", _v$13, _p$.e));
+                _v$14 !== _p$.t && (_p$.t = setProp(_el$37, "fg", _v$14, _p$.t));
+                _v$15 !== _p$.a && (_p$.a = setProp(_el$38, "fg", _v$15, _p$.a));
                 return _p$;
               }, {
                 e: undefined,
                 t: undefined,
                 a: undefined
               });
-              return _el$29;
+              return _el$35;
             })();
           }
         }));
         return _el$22;
       }
     }), null);
+    insert(_el$, createComponent2(Show, {
+      get when() {
+        return props.worktreePath() != null;
+      },
+      get children() {
+        var _el$23 = createElement("box"), _el$24 = createElement("text");
+        insertNode(_el$23, _el$24);
+        setProp(_el$23, "flexDirection", "row");
+        setProp(_el$23, "paddingTop", 1);
+        setProp(_el$23, "flexShrink", 0);
+        insertNode(_el$24, createTextNode(`\u21B5 preview \xB7 e edit`));
+        setProp(_el$24, "wrapMode", "none");
+        effect((_$p) => setProp(_el$24, "fg", theme.textMuted, _$p));
+        return _el$23;
+      }
+    }), null);
     return _el$;
   })();
 }
@@ -18382,6 +18991,7 @@ var init_FileTree = __esm(() => {
   init_solid();
   init_solid();
   init_solid();
+  init_solid();
   init_dev();
   init_theme2();
   init_git2();
@@ -18402,15 +19012,16 @@ var init_filetree = __esm(() => {
 });
 
 // src/tui/ops/pr-prompt.ts
-import { spawnSync as spawnSync10 } from "child_process";
+import { spawnSync as spawnSync9 } from "child_process";
 import { promises as fs4 } from "fs";
 import path11 from "path";
 function git2(cwd, args) {
   try {
-    const out = spawnSync10("git", args.slice(), {
+    const out = spawnSync9("git", args.slice(), {
       cwd,
       encoding: "utf8",
-      timeout: GIT_TIMEOUT_MS
+      timeout: GIT_TIMEOUT_MS,
+      env: { ...process.env, GIT_OPTIONAL_LOCKS: "0" }
     });
     if (out.error)
       return null;
@@ -18611,6 +19222,17 @@ function OpsShell(props) {
       name: basename5(rel)
     });
   }
+  function openEditor(rel) {
+    if (!props.taskId) {
+      openPreview(rel);
+      return;
+    }
+    const abs = `${props.worktree}/${rel}`;
+    openInEditor(tmuxSessionName(props.taskId), props.worktree, abs).then((launched) => {
+      if (!launched)
+        openPreview(rel);
+    });
+  }
   function injectMention(rel) {
     if (!props.targetPane)
       return;
@@ -18631,6 +19253,7 @@ function OpsShell(props) {
       worktreePath: () => props.worktree,
       focused: () => true,
       onOpenFile: openPreview,
+      onEditFile: openEditor,
       onMention: injectMention,
       onCreatePR: () => void createPR(),
       cornerBadge,
@@ -18706,7 +19329,11 @@ async function gitDiff(worktree, relPath) {
       cwd: worktree,
       stdin: "ignore",
       stdout: "pipe",
-      stderr: "ignore"
+      stderr: "ignore",
+      env: {
+        ...process.env,
+        GIT_OPTIONAL_LOCKS: "0"
+      }
     });
     const text = await new Response(proc.stdout).text();
     await proc.exited;
@@ -18933,6 +19560,7 @@ var init_host5 = __esm(() => {
   init_turn_detector();
   init_activity();
   init_client2();
+  init_editor_launch();
   init_solid();
   init_dev();
   init_theme2();
@@ -19005,7 +19633,7 @@ async function startDirectTmux() {
     return;
   }
   const client = await connectOrStartDaemon();
-  const orchestrator = new RemoteOrchestrator(client);
+  const orchestrator = new RemoteOrchestrator(client, { role: "gui" });
   try {
     process.env.KOBE_DAEMON_SOCKET_PATH = client.socketPath;
     await orchestrator.init();
@@ -19848,7 +20476,7 @@ function repoBasename2(repo) {
 }
 
 // src/tui/component/top-bar.tsx
-import { spawnSync as spawnSync11 } from "child_process";
+import { spawnSync as spawnSync10 } from "child_process";
 import { TextAttributes as TextAttributes16 } from "@opentui/core";
 function TopBar(props) {
   const {
@@ -19877,7 +20505,7 @@ function TopBar(props) {
 `);
     process.stderr.write(`running: ${UPDATE_COMMAND}
 `);
-    const result = spawnSync11("sh", ["-c", UPDATE_COMMAND], {
+    const result = spawnSync10("sh", ["-c", UPDATE_COMMAND], {
       stdio: "inherit"
     });
     if (result.error) {
@@ -21229,7 +21857,9 @@ async function startApp() {
     });
   } else {
     const client = await connectOrStartDaemon();
-    orchestrator = new RemoteOrchestrator(client);
+    orchestrator = new RemoteOrchestrator(client, {
+      role: "gui"
+    });
     process.env.KOBE_DAEMON_SOCKET_PATH = client.socketPath;
     await orchestrator.init();
   }