@tomkapa/tayto 0.7.0 → 0.8.1

package/dist/{tui-NCL4RFFD.js → tui-APMSKU4E.js}

@@ -1,21 +1,24 @@
 #!/usr/bin/env node
 import {
+  APP_VERSION,
   DependencyType,
   TaskLevel,
   TaskStatus,
   TaskType,
   UIDependencyType,
+  define_CHANGELOG_ENTRIES_default,
   detectGitRemote,
+  isNewerVersion,
   isTerminalStatus,
   logger
-} from "./chunk-5V4TBQ5S.js";
+} from "./chunk-6ZNCVCAS.js";
 
 // src/tui/index.tsx
 import { render } from "ink";
 
 // src/tui/components/App.tsx
-import { useReducer, useEffect as useEffect4, useCallback as useCallback2, useMemo as useMemo2, useState as useState7, useRef as useRef5 } from "react";
-import { Box as Box19, Text as Text19, useInput as useInput7, useApp, useStdout as useStdout4 } from "ink";
+import { useReducer, useEffect as useEffect5, useCallback as useCallback2, useMemo as useMemo3, useState as useState8, useRef as useRef5 } from "react";
+import { Box as Box21, Text as Text21, useInput as useInput7, useApp, useStdout as useStdout4 } from "ink";
 
 // src/tui/types.ts
 var ViewType = {
@@ -181,7 +184,10 @@ var initialState = {
   editingProject: null,
   isEpicReordering: false,
   epicReorderSnapshot: null,
-  detectedGitRemote: null
+  detectedGitRemote: null,
+  changelogEntries: null,
+  changelogIndex: 0,
+  changelogDialogOpen: false
 };
 function appReducer(state, action) {
   switch (action.type) {
@@ -393,11 +399,25 @@ function appReducer(state, action) {
       return { ...state, editingProject: action.project };
     case "SET_DETECTED_GIT_REMOTE":
       return { ...state, detectedGitRemote: action.remote };
+    case "SET_CHANGELOG":
+      return { ...state, changelogEntries: action.entries, changelogIndex: 0 };
+    case "CHANGELOG_NAVIGATE": {
+      if (!state.changelogEntries) return state;
+      const max = Math.max(0, state.changelogEntries.length - 1);
+      const newIdx = action.direction === "up" ? Math.max(0, state.changelogIndex - 1) : Math.min(max, state.changelogIndex + 1);
+      return { ...state, changelogIndex: newIdx };
+    }
+    case "DISMISS_CHANGELOG":
+      return { ...state, changelogEntries: null, changelogIndex: 0, changelogDialogOpen: false };
+    case "OPEN_CHANGELOG_DIALOG":
+      return { ...state, changelogDialogOpen: true, changelogIndex: 0 };
+    case "CLOSE_CHANGELOG_DIALOG":
+      return { ...state, changelogDialogOpen: false };
   }
 }
 
 // src/tui/components/Header.tsx
-import { Box as Box2, Text as Text2 } from "ink";
+import { Box as Box3, Text as Text3 } from "ink";
 
 // src/tui/components/Logo.tsx
 import React from "react";
@@ -432,10 +452,71 @@ var Logo = React.memo(function Logo2() {
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines });
 });
 
-// src/tui/components/Header.tsx
+// src/tui/components/ChangelogTicker.tsx
+import { useState, useEffect, useMemo } from "react";
+import { Box as Box2, Text as Text2 } from "ink";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var INTERVAL_MS = 4e3;
+var WIDTH = 98;
+function ChangelogTicker({ entries }) {
+  const items = useMemo(
+    () => entries.flatMap(
+      (entry) => entry.sections.flatMap(
+        (section) => section.items.map((item) => ({
+          version: entry.version,
+          section: section.heading,
+          text: item
+        }))
+      )
+    ),
+    [entries]
+  );
+  const [index, setIndex] = useState(0);
+  useEffect(() => {
+    if (items.length <= 1) return;
+    const timer = setInterval(() => {
+      setIndex((i) => (i + 1) % items.length);
+    }, INTERVAL_MS);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [items.length]);
+  const current = items[index % Math.max(1, items.length)];
+  if (!current) return null;
+  return /* @__PURE__ */ jsxs(
+    Box2,
+    {
+      borderStyle: "bold",
+      borderColor: theme.border,
+      paddingX: 2,
+      width: WIDTH,
+      flexShrink: 0,
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsxs(Box2, { gap: 1, children: [
+          /* @__PURE__ */ jsx2(Text2, { color: theme.dialog.label, bold: true, children: `v${current.version}` }),
+          /* @__PURE__ */ jsx2(Text2, { color: theme.border, children: "\xB7" }),
+          /* @__PURE__ */ jsx2(Text2, { color: theme.table.headerFg, children: current.section })
+        ] }),
+        /* @__PURE__ */ jsxs(Box2, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, children: /* @__PURE__ */ jsx2(Text2, { color: theme.fg, wrap: "truncate", children: current.text }) }),
+          /* @__PURE__ */ jsx2(Box2, { flexShrink: 0, children: /* @__PURE__ */ jsx2(Text2, { color: theme.menu.key, bold: true, children: "<W>" }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/tui/components/Header.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function getKeyHints(state) {
   const { activeView, isSearchActive, isReordering, isEpicReordering, isAddingDep, focusedPanel } = state;
+  if (state.changelogDialogOpen) {
+    return [
+      { key: "\u2191/\u2193", desc: "navigate" },
+      { key: "esc", desc: "close" }
+    ];
+  }
   if (isAddingDep) {
     return [
       { key: "type", desc: "search" },
@@ -566,40 +647,47 @@ function Header({ state, latestVersion }) {
   const hints = getKeyHints(state);
   const hintCols = hints.length <= 7 ? 2 : hints.length <= 12 ? 3 : 4;
   const columns = chunkHints(hints, hintCols);
-  return /* @__PURE__ */ jsxs(Box2, { flexDirection: "row", gap: 1, children: [
-    /* @__PURE__ */ jsx2(Box2, { flexShrink: 0, children: /* @__PURE__ */ jsx2(Logo, {}) }),
-    /* @__PURE__ */ jsxs(Box2, { flexDirection: "column", justifyContent: "center", flexShrink: 0, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx2(Text2, { color: theme.logo, bold: true, children: "tayto" }),
-      /* @__PURE__ */ jsxs(Box2, { gap: 1, children: [
-        /* @__PURE__ */ jsx2(Text2, { color: theme.fg, children: "Project:" }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.titleCounter, bold: true, children: projectName })
+  const hasTicker = state.changelogEntries !== null;
+  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx3(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx3(Logo, {}) }),
+    /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", justifyContent: "center", flexShrink: 0, paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx3(Text3, { color: theme.logo, bold: true, children: "tayto" }),
+      /* @__PURE__ */ jsxs2(Box3, { gap: 1, children: [
+        /* @__PURE__ */ jsx3(Text3, { color: theme.fg, children: "Project:" }),
+        /* @__PURE__ */ jsx3(Text3, { color: theme.titleCounter, bold: true, children: projectName })
       ] }),
-      /* @__PURE__ */ jsxs(Box2, { gap: 1, children: [
-        /* @__PURE__ */ jsx2(Text2, { color: theme.fg, children: "Tasks:" }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.titleCounter, bold: true, children: taskCount })
+      /* @__PURE__ */ jsxs2(Box3, { gap: 1, children: [
+        /* @__PURE__ */ jsx3(Text3, { color: theme.fg, children: "Tasks:" }),
+        /* @__PURE__ */ jsx3(Text3, { color: theme.titleCounter, bold: true, children: taskCount })
       ] }),
-      latestVersion && /* @__PURE__ */ jsxs(Box2, { gap: 1, children: [
-        /* @__PURE__ */ jsxs(Text2, { color: theme.flash.warn, children: [
+      latestVersion && /* @__PURE__ */ jsxs2(Box3, { gap: 1, children: [
+        /* @__PURE__ */ jsxs2(Text3, { color: theme.flash.warn, children: [
           "Update ",
           latestVersion
         ] }),
-        /* @__PURE__ */ jsx2(Text2, { color: theme.fg, children: "\u2014 tayto upgrade" })
+        /* @__PURE__ */ jsx3(Text3, { color: theme.fg, children: "\u2014 tayto upgrade" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsx2(Box2, { flexDirection: "row", gap: 2, children: columns.map((col, ci) => /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: col.map((h) => /* @__PURE__ */ jsxs(Box2, { children: [
-      /* @__PURE__ */ jsxs(Text2, { color: theme.menu.key, bold: true, children: [
-        "<",
-        h.key,
-        ">"
-      ] }),
-      /* @__PURE__ */ jsx2(Text2, { color: theme.menu.desc, children: h.desc })
-    ] }, h.key)) }, col[0]?.key ?? String(ci))) }) })
+    hasTicker && state.changelogEntries ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx3(Box3, { flexGrow: 1, justifyContent: "center", children: /* @__PURE__ */ jsx3(ChangelogTicker, { entries: state.changelogEntries }) }),
+      /* @__PURE__ */ jsx3(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx3(HintGrid, { columns }) })
+    ] }) : /* @__PURE__ */ jsx3(Box3, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsx3(HintGrid, { columns }) })
   ] });
 }
+function HintGrid({ columns }) {
+  return /* @__PURE__ */ jsx3(Box3, { flexDirection: "row", gap: 2, children: columns.map((col, ci) => /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: col.map((h) => /* @__PURE__ */ jsxs2(Box3, { children: [
+    /* @__PURE__ */ jsxs2(Text3, { color: theme.menu.key, bold: true, children: [
+      "<",
+      h.key,
+      ">"
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { color: theme.menu.desc, children: h.desc })
+  ] }, h.key)) }, col[0]?.key ?? String(ci))) });
+}
 
 // src/tui/components/Crumbs.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var VIEW_LABELS = {
   "task-list": "tasks",
   "task-detail": "detail",
@@ -609,11 +697,11 @@ var VIEW_LABELS = {
   help: "help"
 };
 function Crumbs({ breadcrumbs }) {
-  return /* @__PURE__ */ jsx3(Box3, { flexDirection: "row", gap: 0, width: "100%", children: breadcrumbs.map((crumb, i) => {
+  return /* @__PURE__ */ jsx4(Box4, { flexDirection: "row", gap: 0, width: "100%", children: breadcrumbs.map((crumb, i) => {
     const isActive = i === breadcrumbs.length - 1;
     const label = ` ${VIEW_LABELS[crumb] ?? crumb} `;
-    return /* @__PURE__ */ jsx3(
-      Text3,
+    return /* @__PURE__ */ jsx4(
+      Text4,
       {
         color: theme.crumb.fg,
         backgroundColor: isActive ? theme.crumb.activeBg : theme.crumb.bg,
@@ -626,20 +714,20 @@ function Crumbs({ breadcrumbs }) {
 }
 
 // src/tui/components/FlashMessage.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var LEVEL_COLOR = {
   info: theme.flash.info,
   warn: theme.flash.warn,
   error: theme.flash.error
 };
 function FlashMessage({ message, level }) {
-  return /* @__PURE__ */ jsx4(Box4, { justifyContent: "center", width: "100%", children: /* @__PURE__ */ jsx4(Text4, { color: LEVEL_COLOR[level], bold: level === "error", children: message }) });
+  return /* @__PURE__ */ jsx5(Box5, { justifyContent: "center", width: "100%", children: /* @__PURE__ */ jsx5(Text5, { color: LEVEL_COLOR[level], bold: level === "error", children: message }) });
 }
 
 // src/tui/components/TaskList.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var COL = {
   rank: 5,
   type: 12,
@@ -667,50 +755,50 @@ function TaskList({
   if (filter.type) filterParts.push(`type:${filter.type}`);
   if (filter.search) filterParts.push(filter.search);
   const filterText = filterParts.length > 0 ? filterParts.join(" ") : "";
-  return /* @__PURE__ */ jsxs2(
-    Box5,
+  return /* @__PURE__ */ jsxs3(
+    Box6,
     {
       flexDirection: "column",
       flexGrow: 1,
       borderStyle: "bold",
       borderColor: isFocused ? theme.borderFocus : theme.border,
       children: [
-        /* @__PURE__ */ jsxs2(Box5, { children: [
-          /* @__PURE__ */ jsxs2(Text5, { color: theme.title, bold: true, children: [
+        /* @__PURE__ */ jsxs3(Box6, { children: [
+          /* @__PURE__ */ jsxs3(Text6, { color: theme.title, bold: true, children: [
             " ",
             "tasks"
           ] }),
-          /* @__PURE__ */ jsx5(Text5, { color: theme.fg, children: "(" }),
-          /* @__PURE__ */ jsx5(Text5, { color: theme.titleHighlight, bold: true, children: activeProjectName }),
-          /* @__PURE__ */ jsx5(Text5, { color: theme.fg, children: ")" }),
-          /* @__PURE__ */ jsxs2(Text5, { color: theme.titleCounter, bold: true, children: [
+          /* @__PURE__ */ jsx6(Text6, { color: theme.fg, children: "(" }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.titleHighlight, bold: true, children: activeProjectName }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.fg, children: ")" }),
+          /* @__PURE__ */ jsxs3(Text6, { color: theme.titleCounter, bold: true, children: [
             "[",
             tasks.length,
             "]"
           ] }),
-          isReordering && /* @__PURE__ */ jsxs2(Text5, { color: theme.flash.warn, bold: true, children: [
+          isReordering && /* @__PURE__ */ jsxs3(Text6, { color: theme.flash.warn, bold: true, children: [
             " ",
             "REORDER"
           ] }),
-          epicFilterActive && /* @__PURE__ */ jsx5(Text5, { color: theme.titleHighlight, children: " [epic]" }),
-          filterText && /* @__PURE__ */ jsxs2(Text5, { color: theme.titleFilter, children: [
+          epicFilterActive && /* @__PURE__ */ jsx6(Text6, { color: theme.titleHighlight, children: " [epic]" }),
+          filterText && /* @__PURE__ */ jsxs3(Text6, { color: theme.titleFilter, children: [
             " /",
             filterText
           ] })
         ] }),
-        isSearchActive && /* @__PURE__ */ jsxs2(Box5, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
-          /* @__PURE__ */ jsx5(Text5, { color: theme.prompt, children: "/" }),
-          /* @__PURE__ */ jsx5(Text5, { color: theme.prompt, children: searchQuery }),
-          /* @__PURE__ */ jsx5(Text5, { color: theme.promptSuggest, children: "_" })
+        isSearchActive && /* @__PURE__ */ jsxs3(Box6, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
+          /* @__PURE__ */ jsx6(Text6, { color: theme.prompt, children: "/" }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.prompt, children: searchQuery }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.promptSuggest, children: "_" })
         ] }),
-        /* @__PURE__ */ jsxs2(Box5, { children: [
-          /* @__PURE__ */ jsx5(Text5, { color: theme.table.headerFg, bold: true, children: "  " }),
-          /* @__PURE__ */ jsx5(Text5, { color: theme.table.headerFg, bold: true, children: "#".padEnd(COL.rank) }),
-          /* @__PURE__ */ jsx5(Text5, { color: theme.table.headerFg, bold: true, children: "TYPE".padEnd(COL.type) }),
-          /* @__PURE__ */ jsx5(Text5, { color: theme.table.headerFg, bold: true, children: "STATUS".padEnd(COL.status) }),
-          /* @__PURE__ */ jsx5(Text5, { color: theme.table.headerFg, bold: true, children: "NAME" })
+        /* @__PURE__ */ jsxs3(Box6, { children: [
+          /* @__PURE__ */ jsx6(Text6, { color: theme.table.headerFg, bold: true, children: "  " }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.table.headerFg, bold: true, children: "#".padEnd(COL.rank) }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.table.headerFg, bold: true, children: "TYPE".padEnd(COL.type) }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.table.headerFg, bold: true, children: "STATUS".padEnd(COL.status) }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.table.headerFg, bold: true, children: "NAME" })
         ] }),
-        /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: tasks.length === 0 ? /* @__PURE__ */ jsx5(Box5, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx5(Text5, { color: theme.fg, children: "No tasks found. Press 'c' to create one." }) }) : visibleTasks.map((task, i) => {
+        /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: tasks.length === 0 ? /* @__PURE__ */ jsx6(Box6, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx6(Text6, { color: theme.fg, children: "No tasks found. Press 'c' to create one." }) }) : visibleTasks.map((task, i) => {
           const actualIndex = viewStart + i;
           const isSelected = actualIndex === selectedIndex;
           const isNonTerminalBlocker = nonTerminalBlockerIds.has(task.id);
@@ -720,7 +808,7 @@ function TaskList({
           const depMarker = isNonTerminalBlocker ? "\u25B2 " : isNonTerminalDependent ? "\u25BC " : "  ";
           if (isSelected) {
             const cursorBg = isReordering ? theme.flash.warn : isSelectedBlocked ? theme.table.blockedCursorBg : theme.table.cursorBg;
-            return /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsxs2(Text5, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: [
+            return /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs3(Text6, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: [
               isReordering ? "~ " : "> ",
               rowNum.padEnd(COL.rank),
               task.type.padEnd(COL.type),
@@ -729,7 +817,7 @@ function TaskList({
             ] }) }, task.id);
           }
           if (isNonTerminalBlocker || isNonTerminalDependent) {
-            return /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsxs2(Text5, { backgroundColor: theme.table.depHighlightBg, color: theme.table.fg, bold: true, children: [
+            return /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs3(Text6, { backgroundColor: theme.table.depHighlightBg, color: theme.table.fg, bold: true, children: [
               depMarker,
               rowNum.padEnd(COL.rank),
               task.type.padEnd(COL.type),
@@ -737,15 +825,15 @@ function TaskList({
               task.name
             ] }) }, task.id);
           }
-          return /* @__PURE__ */ jsxs2(Box5, { children: [
-            /* @__PURE__ */ jsx5(Text5, { children: "  " }),
-            /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: rowNum.padEnd(COL.rank) }),
-            /* @__PURE__ */ jsx5(Text5, { color: TYPE_COLOR[task.type] ?? rowColor, children: task.type.padEnd(COL.type) }),
-            /* @__PURE__ */ jsx5(Text5, { color: STATUS_COLOR[task.status] ?? rowColor, children: task.status.padEnd(COL.status) }),
-            /* @__PURE__ */ jsx5(Text5, { color: rowColor, children: task.name })
+          return /* @__PURE__ */ jsxs3(Box6, { children: [
+            /* @__PURE__ */ jsx6(Text6, { children: "  " }),
+            /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: rowNum.padEnd(COL.rank) }),
+            /* @__PURE__ */ jsx6(Text6, { color: TYPE_COLOR[task.type] ?? rowColor, children: task.type.padEnd(COL.type) }),
+            /* @__PURE__ */ jsx6(Text6, { color: STATUS_COLOR[task.status] ?? rowColor, children: task.status.padEnd(COL.status) }),
+            /* @__PURE__ */ jsx6(Text6, { color: rowColor, children: task.name })
           ] }, task.id);
         }) }),
-        tasks.length > PAGE_SIZE && /* @__PURE__ */ jsx5(Box5, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs2(Text5, { dimColor: true, children: [
+        tasks.length > PAGE_SIZE && /* @__PURE__ */ jsx6(Box6, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs3(Text6, { dimColor: true, children: [
           "[",
           viewStart + 1,
           "-",
@@ -760,12 +848,12 @@ function TaskList({
 }
 
 // src/tui/components/TaskDetail.tsx
-import { useMemo } from "react";
-import { Box as Box7, Text as Text7, useStdout } from "ink";
+import { useMemo as useMemo2 } from "react";
+import { Box as Box8, Text as Text8, useStdout } from "ink";
 import chalk2 from "chalk";
 
 // src/tui/components/Markdown.tsx
-import { Text as Text6, Box as Box6 } from "ink";
+import { Text as Text7, Box as Box7 } from "ink";
 import { Marked } from "marked";
 import { markedTerminal } from "marked-terminal";
 import chalk from "chalk";
@@ -801,7 +889,7 @@ mermaid.initialize({ startOnLoad: true, theme: 'dark' });
 }
 
 // src/tui/components/Markdown.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function extractMermaidBlocks(content) {
   const lexer = new Marked();
   const tokens = lexer.lexer(content);
@@ -862,12 +950,12 @@ function renderMarkdown(content) {
 function MermaidHint({ content }) {
   const blocks = extractMermaidBlocks(content);
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ jsxs3(Box6, { children: [
-    /* @__PURE__ */ jsxs3(Text6, { color: theme.menu.key, bold: true, children: [
+  return /* @__PURE__ */ jsxs4(Box7, { children: [
+    /* @__PURE__ */ jsxs4(Text7, { color: theme.menu.key, bold: true, children: [
       "<m>",
       " "
     ] }),
-    /* @__PURE__ */ jsxs3(Text6, { dimColor: true, children: [
+    /* @__PURE__ */ jsxs4(Text7, { dimColor: true, children: [
       "Open ",
       blocks.length,
       " mermaid diagram",
@@ -885,7 +973,7 @@ function openAllMermaidDiagrams(content) {
 }
 
 // src/tui/components/TaskDetail.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var PAD = " ";
 function field(label, value) {
   return PAD + chalk2.hex(theme.yaml.key).bold(label) + chalk2.hex(theme.yaml.colon)(": ") + chalk2.hex(theme.yaml.value)(value);
@@ -961,44 +1049,44 @@ function TaskDetail({
   const allText = `${task.description}
 ${task.technicalNotes}
 ${task.additionalRequirements}`;
-  const contentLines = useMemo(
+  const contentLines = useMemo2(
     () => buildContentLines(task, blockers, dependents, related, duplicates),
     [task, blockers, dependents, related, duplicates]
   );
   const viewportHeight = Math.max(1, (stdout.rows > 0 ? stdout.rows : 24) - CHROME_LINES);
   const visibleLines = contentLines.slice(scrollOffset, scrollOffset + viewportHeight);
-  return /* @__PURE__ */ jsxs4(
-    Box7,
+  return /* @__PURE__ */ jsxs5(
+    Box8,
     {
       flexDirection: "column",
       flexGrow: 1,
       borderStyle: "bold",
       borderColor: isFocused ? theme.borderFocus : theme.border,
       children: [
-        /* @__PURE__ */ jsxs4(Box7, { gap: 0, children: [
-          /* @__PURE__ */ jsxs4(Text7, { color: theme.title, bold: true, children: [
+        /* @__PURE__ */ jsxs5(Box8, { gap: 0, children: [
+          /* @__PURE__ */ jsxs5(Text8, { color: theme.title, bold: true, children: [
             " ",
             "detail"
           ] }),
-          /* @__PURE__ */ jsx7(Text7, { color: theme.fg, children: "(" }),
-          /* @__PURE__ */ jsx7(Text7, { color: theme.titleHighlight, bold: true, children: task.name }),
-          /* @__PURE__ */ jsx7(Text7, { color: theme.fg, children: ")" }),
-          scrollOffset > 0 && /* @__PURE__ */ jsxs4(Text7, { dimColor: true, children: [
+          /* @__PURE__ */ jsx8(Text8, { color: theme.fg, children: "(" }),
+          /* @__PURE__ */ jsx8(Text8, { color: theme.titleHighlight, bold: true, children: task.name }),
+          /* @__PURE__ */ jsx8(Text8, { color: theme.fg, children: ")" }),
+          scrollOffset > 0 && /* @__PURE__ */ jsxs5(Text8, { dimColor: true, children: [
             " \u2191",
             scrollOffset
           ] })
         ] }),
-        /* @__PURE__ */ jsx7(Text7, { children: visibleLines.join("\n") }),
-        /* @__PURE__ */ jsx7(Box7, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx7(MermaidHint, { content: allText }) })
+        /* @__PURE__ */ jsx8(Text8, { children: visibleLines.join("\n") }),
+        /* @__PURE__ */ jsx8(Box8, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx8(MermaidHint, { content: allText }) })
       ]
     }
   );
 }
 
 // src/tui/components/TaskForm.tsx
-import { useState as useState2, useCallback, useEffect, useRef } from "react";
-import { Box as Box9, Text as Text9, useInput as useInput2, useStdin } from "ink";
+import { useState as useState3, useCallback, useEffect as useEffect2, useRef } from "react";
+import { Box as Box10, Text as Text10, useInput as useInput2, useStdin } from "ink";
 
 // src/tui/editor.ts
 import { writeFileSync as writeFileSync2, readFileSync, unlinkSync, mkdtempSync as mkdtempSync2 } from "fs";
@@ -1036,9 +1124,9 @@ function openInEditor(content, filename, options) {
 }
 
 // src/tui/components/TaskPicker.tsx
-import { useState } from "react";
-import { Box as Box8, Text as Text8, useInput, useStdout as useStdout2 } from "ink";
-import { Fragment, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState2 } from "react";
+import { Box as Box9, Text as Text9, useInput, useStdout as useStdout2 } from "ink";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var DEP_TYPE_VALUES = Object.values(UIDependencyType);
 var DEP_TYPE_COLOR = {
   [DependencyType.Blocks]: theme.status.error,
@@ -1050,10 +1138,10 @@ function TaskPicker({ tasks, excludeIds, initialSelection, onConfirm, onCancel }
   const { stdout } = useStdout2();
   const termHeight = stdout.rows > 0 ? stdout.rows : 24;
   const maxVisible = Math.max(3, termHeight - 12);
-  const [searchQuery, setSearchQuery] = useState("");
-  const [isSearching, setIsSearching] = useState(false);
-  const [cursorIndex, setCursorIndex] = useState(0);
-  const [selected, setSelected] = useState(() => {
+  const [searchQuery, setSearchQuery] = useState2("");
+  const [isSearching, setIsSearching] = useState2(false);
+  const [cursorIndex, setCursorIndex] = useState2(0);
+  const [selected, setSelected] = useState2(() => {
     const map = /* @__PURE__ */ new Map();
     if (initialSelection) {
       for (const dep of initialSelection) {
@@ -1152,28 +1240,28 @@ function TaskPicker({ tasks, excludeIds, initialSelection, onConfirm, onCancel }
       return;
     }
   });
-  return /* @__PURE__ */ jsxs5(Box8, { flexDirection: "column", borderStyle: "bold", borderColor: theme.borderFocus, flexGrow: 1, children: [
-    /* @__PURE__ */ jsxs5(Box8, { gap: 0, children: [
-      /* @__PURE__ */ jsxs5(Text8, { color: theme.title, bold: true, children: [
+  return /* @__PURE__ */ jsxs6(Box9, { flexDirection: "column", borderStyle: "bold", borderColor: theme.borderFocus, flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs6(Box9, { gap: 0, children: [
+      /* @__PURE__ */ jsxs6(Text9, { color: theme.title, bold: true, children: [
         " ",
         "select dependencies"
       ] }),
-      /* @__PURE__ */ jsxs5(Text8, { color: theme.titleCounter, bold: true, children: [
+      /* @__PURE__ */ jsxs6(Text9, { color: theme.titleCounter, bold: true, children: [
         " ",
         "[",
         selected.size,
         " selected]"
       ] })
     ] }),
-    isSearching ? /* @__PURE__ */ jsxs5(Box8, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: theme.prompt, children: "/" }),
-      /* @__PURE__ */ jsx8(Text8, { color: theme.prompt, children: searchQuery }),
-      /* @__PURE__ */ jsx8(Text8, { color: theme.promptSuggest, children: "_" })
-    ] }) : searchQuery ? /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text8, { color: theme.titleFilter, children: [
+    isSearching ? /* @__PURE__ */ jsxs6(Box9, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { color: theme.prompt, children: "/" }),
+      /* @__PURE__ */ jsx9(Text9, { color: theme.prompt, children: searchQuery }),
+      /* @__PURE__ */ jsx9(Text9, { color: theme.promptSuggest, children: "_" })
+    ] }) : searchQuery ? /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsxs6(Text9, { color: theme.titleFilter, children: [
       "/",
       searchQuery
     ] }) }) : null,
-    /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text8, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsxs6(Text9, { color: theme.table.headerFg, bold: true, children: [
       "  ",
       "SEL".padEnd(5),
       "ID".padEnd(14),
@@ -1181,7 +1269,7 @@ function TaskPicker({ tasks, excludeIds, initialSelection, onConfirm, onCancel }
       "STATUS".padEnd(14),
       "NAME"
     ] }) }),
-    available.length === 0 ? /* @__PURE__ */ jsx8(Box8, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "No tasks match the filter" }) }) : visible.map((task, i) => {
+    available.length === 0 ? /* @__PURE__ */ jsx9(Box9, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "No tasks match the filter" }) }) : visible.map((task, i) => {
       const actualIndex = viewStart + i;
       const isCursor = actualIndex === cursorIndex;
       const entry = selected.get(task.id);
@@ -1189,24 +1277,24 @@ function TaskPicker({ tasks, excludeIds, initialSelection, onConfirm, onCancel }
       const checkMark = isChecked ? "[x]" : "[ ]";
       const depType = entry ? DEP_TYPE_LABEL[entry.type] ?? entry.type : "";
       const depColor = entry ? DEP_TYPE_COLOR[entry.type] ?? theme.table.fg : theme.table.fg;
-      return /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: isCursor ? /* @__PURE__ */ jsxs5(Text8, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
+      return /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: isCursor ? /* @__PURE__ */ jsxs6(Text9, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
         "> ",
         checkMark.padEnd(5),
         task.id.padEnd(14),
         depType.padEnd(12),
         task.status.padEnd(14),
         task.name
-      ] }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
-        /* @__PURE__ */ jsx8(Text8, { children: "  " }),
-        /* @__PURE__ */ jsx8(Text8, { color: isChecked ? theme.status.added : theme.table.fg, children: checkMark.padEnd(5) }),
-        /* @__PURE__ */ jsx8(Text8, { color: theme.yaml.value, children: task.id.padEnd(14) }),
-        /* @__PURE__ */ jsx8(Text8, { color: depColor, children: depType.padEnd(12) }),
-        /* @__PURE__ */ jsx8(Text8, { color: theme.status.completed, children: task.status.padEnd(14) }),
-        /* @__PURE__ */ jsx8(Text8, { color: theme.table.fg, children: task.name })
+      ] }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        /* @__PURE__ */ jsx9(Text9, { children: "  " }),
+        /* @__PURE__ */ jsx9(Text9, { color: isChecked ? theme.status.added : theme.table.fg, children: checkMark.padEnd(5) }),
+        /* @__PURE__ */ jsx9(Text9, { color: theme.yaml.value, children: task.id.padEnd(14) }),
+        /* @__PURE__ */ jsx9(Text9, { color: depColor, children: depType.padEnd(12) }),
+        /* @__PURE__ */ jsx9(Text9, { color: theme.status.completed, children: task.status.padEnd(14) }),
+        /* @__PURE__ */ jsx9(Text9, { color: theme.table.fg, children: task.name })
       ] }) }, task.id);
     }),
-    /* @__PURE__ */ jsx8(Box8, { flexGrow: 1 }),
-    available.length > maxVisible && /* @__PURE__ */ jsx8(Box8, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs5(Text8, { dimColor: true, children: [
+    /* @__PURE__ */ jsx9(Box9, { flexGrow: 1 }),
+    available.length > maxVisible && /* @__PURE__ */ jsx9(Box9, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs6(Text9, { dimColor: true, children: [
       "[",
       viewStart + 1,
       "-",
@@ -1215,11 +1303,11 @@ function TaskPicker({ tasks, excludeIds, initialSelection, onConfirm, onCancel }
       available.length,
       "]"
     ] }) }),
-    selected.size > 0 && /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Text8, { color: theme.table.headerFg, bold: true, children: "Selected:" }),
-      /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsx8(Text8, { children: Array.from(selected.values()).map((d) => `${d.id} (${DEP_TYPE_LABEL[d.type] ?? d.type})`).join(", ") }) })
+    selected.size > 0 && /* @__PURE__ */ jsxs6(Box9, { paddingX: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Text9, { color: theme.table.headerFg, bold: true, children: "Selected:" }),
+      /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsx9(Text9, { children: Array.from(selected.values()).map((d) => `${d.id} (${DEP_TYPE_LABEL[d.type] ?? d.type})`).join(", ") }) })
     ] }),
-    /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text8, { dimColor: true, children: [
+    /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsxs6(Text9, { dimColor: true, children: [
       "space/t: select & cycle type (blocks ",
       "->",
       " relates-to ",
@@ -1235,7 +1323,7 @@ function TaskPicker({ tasks, excludeIds, initialSelection, onConfirm, onCancel }
 }
 
 // src/tui/components/TaskForm.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var FIELDS = [
   { label: "Name", key: "name", type: "inline" },
   { label: "Type", key: "type", type: "select", options: TYPE_VALUES },
@@ -1256,8 +1344,8 @@ var FIELDS = [
   }
 ];
 function TaskForm({ editingTask, allTasks, initialDeps, onSave, onCancel }) {
-  const [focusIndex, setFocusIndex] = useState2(0);
-  const [values, setValues] = useState2({
+  const [focusIndex, setFocusIndex] = useState3(0);
+  const [values, setValues] = useState3({
     name: editingTask?.name ?? "",
     type: editingTask?.type ?? TaskType.Story,
     status: editingTask?.status ?? TaskStatus.Backlog,
@@ -1265,14 +1353,14 @@ function TaskForm({ editingTask, allTasks, initialDeps, onSave, onCancel }) {
     technicalNotes: editingTask?.technicalNotes ?? "",
     additionalRequirements: editingTask?.additionalRequirements ?? ""
   });
-  const [cursorPos, setCursorPos] = useState2(() => (editingTask?.name ?? "").length);
+  const [cursorPos, setCursorPos] = useState3(() => (editingTask?.name ?? "").length);
   const cursorRef = useRef(cursorPos);
   cursorRef.current = cursorPos;
-  const [editorActive, setEditorActive] = useState2(false);
-  const [pickerActive, setPickerActive] = useState2(false);
-  const [pickedDeps, setPickedDeps] = useState2(initialDeps ?? []);
+  const [editorActive, setEditorActive] = useState3(false);
+  const [pickerActive, setPickerActive] = useState3(false);
+  const [pickedDeps, setPickedDeps] = useState3(initialDeps ?? []);
   const { setRawMode } = useStdin();
-  useEffect(() => {
+  useEffect2(() => {
     const field2 = FIELDS[focusIndex];
     if (field2?.type === "inline") {
       const pos = values[field2.key]?.length ?? 0;
@@ -1402,7 +1490,7 @@ function TaskForm({ editingTask, allTasks, initialDeps, onSave, onCancel }) {
   );
   if (pickerActive) {
     const pickerExclude = editingTask ? { excludeIds: /* @__PURE__ */ new Set([editingTask.id]) } : {};
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       TaskPicker,
       {
         tasks: allTasks,
@@ -1415,53 +1503,53 @@ function TaskForm({ editingTask, allTasks, initialDeps, onSave, onCancel }) {
   }
   const isEdit = editingTask !== null;
   const depSummary = pickedDeps.length > 0 ? pickedDeps.map((d) => `${d.id} (${DEP_TYPE_LABEL[d.type] ?? d.type})`).join(", ") : "";
-  return /* @__PURE__ */ jsxs6(Box9, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
-    /* @__PURE__ */ jsx9(Box9, { gap: 0, children: /* @__PURE__ */ jsxs6(Text9, { color: theme.title, bold: true, children: [
+  return /* @__PURE__ */ jsxs7(Box10, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsx10(Box10, { gap: 0, children: /* @__PURE__ */ jsxs7(Text10, { color: theme.title, bold: true, children: [
       " ",
       isEdit ? "edit" : "create"
     ] }) }),
-    /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", paddingX: 1, paddingY: 0, children: FIELDS.map((field2, i) => {
+    /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", paddingX: 1, paddingY: 0, children: FIELDS.map((field2, i) => {
       const isFocused = i === focusIndex;
       const value = field2.key === "dependsOn" ? depSummary : values[field2.key] ?? "";
-      return /* @__PURE__ */ jsxs6(Box9, { gap: 1, children: [
-        /* @__PURE__ */ jsxs6(Text9, { color: isFocused ? theme.dialog.label : theme.yaml.key, bold: isFocused, children: [
+      return /* @__PURE__ */ jsxs7(Box10, { gap: 1, children: [
+        /* @__PURE__ */ jsxs7(Text10, { color: isFocused ? theme.dialog.label : theme.yaml.key, bold: isFocused, children: [
           isFocused ? ">" : " ",
           " ",
           field2.label.padEnd(14)
         ] }),
-        field2.type === "inline" && /* @__PURE__ */ jsx9(Text9, { color: isFocused ? theme.yaml.value : theme.table.fg, children: isFocused ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        field2.type === "inline" && /* @__PURE__ */ jsx10(Text10, { color: isFocused ? theme.yaml.value : theme.table.fg, children: isFocused ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
           value.slice(0, cursorPos),
-          /* @__PURE__ */ jsx9(Text9, { color: theme.titleHighlight, children: "_" }),
+          /* @__PURE__ */ jsx10(Text10, { color: theme.titleHighlight, children: "_" }),
           value.slice(cursorPos)
         ] }) : value }),
-        field2.type === "picker" && /* @__PURE__ */ jsxs6(Text9, { children: [
-          value ? /* @__PURE__ */ jsx9(Text9, { color: theme.status.added, children: value.length > 60 ? value.slice(0, 60) + "..." : value }) : /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: isFocused ? "press enter to select" : "none" }),
-          isFocused && /* @__PURE__ */ jsx9(Text9, { color: theme.menu.key, children: " [enter: open picker]" })
+        field2.type === "picker" && /* @__PURE__ */ jsxs7(Text10, { children: [
+          value ? /* @__PURE__ */ jsx10(Text10, { color: theme.status.added, children: value.length > 60 ? value.slice(0, 60) + "..." : value }) : /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: isFocused ? "press enter to select" : "none" }),
+          isFocused && /* @__PURE__ */ jsx10(Text10, { color: theme.menu.key, children: " [enter: open picker]" })
         ] }),
-        field2.type === "editor" && /* @__PURE__ */ jsxs6(Text9, { children: [
-          value ? /* @__PURE__ */ jsxs6(Text9, { color: theme.status.added, children: [
+        field2.type === "editor" && /* @__PURE__ */ jsxs7(Text10, { children: [
+          value ? /* @__PURE__ */ jsxs7(Text10, { color: theme.status.added, children: [
             value.split("\n")[0]?.slice(0, 50),
             value.length > 50 || value.includes("\n") ? "..." : ""
-          ] }) : /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: isFocused ? "press enter" : "empty" }),
-          isFocused && /* @__PURE__ */ jsx9(Text9, { color: theme.menu.key, children: " [enter: $EDITOR]" })
+          ] }) : /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: isFocused ? "press enter" : "empty" }),
+          isFocused && /* @__PURE__ */ jsx10(Text10, { color: theme.menu.key, children: " [enter: $EDITOR]" })
         ] }),
-        field2.type === "select" && /* @__PURE__ */ jsxs6(Text9, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
+        field2.type === "select" && /* @__PURE__ */ jsxs7(Text10, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
           isFocused ? "< " : "  ",
           value,
           isFocused ? " >" : ""
         ] })
       ] }, field2.key);
     }) }),
-    /* @__PURE__ */ jsx9(Box9, { flexGrow: 1 }),
-    /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\u2191\u2193/tab: navigate | \u2190\u2192: cursor | ctrl+s: save | esc: cancel" }) }),
-    editorActive && /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { color: theme.flash.warn, bold: true, children: "Editor open... save and close to return" }) })
+    /* @__PURE__ */ jsx10(Box10, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2191\u2193/tab: navigate | \u2190\u2192: cursor | ctrl+s: save | esc: cancel" }) }),
+    editorActive && /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { color: theme.flash.warn, bold: true, children: "Editor open... save and close to return" }) })
   ] });
 }
 
 // src/tui/components/ProjectSelector.tsx
-import { useState as useState3 } from "react";
-import { Box as Box10, Text as Text10, useInput as useInput3 } from "ink";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState4 } from "react";
+import { Box as Box11, Text as Text11, useInput as useInput3 } from "ink";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function ProjectSelector({
   projects,
   activeProject,
@@ -1472,7 +1560,7 @@ function ProjectSelector({
   onLink,
   onCancel
 }) {
-  const [selectedIndex, setSelectedIndex] = useState3(() => {
+  const [selectedIndex, setSelectedIndex] = useState4(() => {
     if (!activeProject) return 0;
     const idx = projects.findIndex((p) => p.id === activeProject.id);
     return idx >= 0 ? idx : 0;
@@ -1521,24 +1609,24 @@ function ProjectSelector({
       setSelectedIndex((i) => Math.min(projects.length - 1, i + 1));
     }
   });
-  return /* @__PURE__ */ jsxs7(Box10, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
-    /* @__PURE__ */ jsxs7(Box10, { gap: 0, children: [
-      /* @__PURE__ */ jsxs7(Text10, { color: theme.title, bold: true, children: [
+  return /* @__PURE__ */ jsxs8(Box11, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsxs8(Box11, { gap: 0, children: [
+      /* @__PURE__ */ jsxs8(Text11, { color: theme.title, bold: true, children: [
         " ",
         "projects"
       ] }),
-      /* @__PURE__ */ jsxs7(Text10, { color: theme.titleCounter, bold: true, children: [
+      /* @__PURE__ */ jsxs8(Text11, { color: theme.titleCounter, bold: true, children: [
         "[",
         projects.length,
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs7(Box10, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { color: theme.table.headerFg, bold: true, children: "  NAME".padEnd(30) }),
-      /* @__PURE__ */ jsx10(Text10, { color: theme.table.headerFg, bold: true, children: "GIT REMOTE".padEnd(40) }),
-      /* @__PURE__ */ jsx10(Text10, { color: theme.table.headerFg, bold: true, children: "DESCRIPTION" })
+    /* @__PURE__ */ jsxs8(Box11, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx11(Text11, { color: theme.table.headerFg, bold: true, children: "  NAME".padEnd(30) }),
+      /* @__PURE__ */ jsx11(Text11, { color: theme.table.headerFg, bold: true, children: "GIT REMOTE".padEnd(40) }),
+      /* @__PURE__ */ jsx11(Text11, { color: theme.table.headerFg, bold: true, children: "DESCRIPTION" })
     ] }),
-    projects.length === 0 ? /* @__PURE__ */ jsx10(Box10, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsx10(Text10, { color: theme.fg, children: "No projects. Press 'c' to create one." }) }) : projects.map((project, i) => {
+    projects.length === 0 ? /* @__PURE__ */ jsx11(Box11, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsx11(Text11, { color: theme.fg, children: "No projects. Press 'c' to create one." }) }) : projects.map((project, i) => {
       const isSelected = i === selectedIndex;
       const isActive = project.id === activeProject?.id;
       const activeMarker = isActive ? "*" : " ";
@@ -1546,7 +1634,7 @@ function ProjectSelector({
       const marker = `${activeMarker}${defaultMarker}`;
       const remoteDisplay = (project.gitRemote?.value ?? "").slice(0, 38).padEnd(40);
       if (isSelected) {
-        return /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsxs7(Text10, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
+        return /* @__PURE__ */ jsx11(Box11, { paddingX: 1, children: /* @__PURE__ */ jsxs8(Text11, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
           marker,
           " ",
           project.name.padEnd(27),
@@ -1554,25 +1642,25 @@ function ProjectSelector({
           project.description
         ] }) }, project.id);
       }
-      return /* @__PURE__ */ jsxs7(Box10, { paddingX: 1, children: [
-        /* @__PURE__ */ jsxs7(Text10, { color: isActive ? theme.status.modified : theme.table.fg, children: [
+      return /* @__PURE__ */ jsxs8(Box11, { paddingX: 1, children: [
+        /* @__PURE__ */ jsxs8(Text11, { color: isActive ? theme.status.modified : theme.table.fg, children: [
           marker,
           " ",
           project.name.padEnd(27)
         ] }),
-        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: remoteDisplay }),
-        /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: project.description })
+        /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: remoteDisplay }),
+        /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: project.description })
       ] }, project.id);
     }),
-    /* @__PURE__ */ jsx10(Box10, { flexGrow: 1 }),
-    /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "enter: select | e: edit | d: set default | l: link git | c: create | esc: back" }) })
+    /* @__PURE__ */ jsx11(Box11, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx11(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "enter: select | e: edit | d: set default | l: link git | c: create | esc: back" }) })
   ] });
 }
 
 // src/tui/components/ProjectForm.tsx
-import { useState as useState4, useEffect as useEffect2, useRef as useRef2 } from "react";
-import { Box as Box11, Text as Text11, useInput as useInput4 } from "ink";
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useState as useState5, useEffect as useEffect3, useRef as useRef2 } from "react";
+import { Box as Box12, Text as Text12, useInput as useInput4 } from "ink";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var FIELDS2 = [
   { label: "Name", key: "name", type: "inline" },
   { label: "Key", key: "key", type: "inline" },
@@ -1582,8 +1670,8 @@ var FIELDS2 = [
 ];
 function ProjectForm({ editingProject, initialGitRemote, onSave, onCancel }) {
   const isEditing = !!editingProject;
-  const [focusIndex, setFocusIndex] = useState4(0);
-  const [values, setValues] = useState4(() => {
+  const [focusIndex, setFocusIndex] = useState5(0);
+  const [values, setValues] = useState5(() => {
     if (editingProject) {
       return {
         name: editingProject.name,
@@ -1601,10 +1689,10 @@ function ProjectForm({ editingProject, initialGitRemote, onSave, onCancel }) {
       isDefault: "no"
     };
   });
-  const [cursorPos, setCursorPos] = useState4(0);
+  const [cursorPos, setCursorPos] = useState5(0);
   const cursorRef = useRef2(cursorPos);
   cursorRef.current = cursorPos;
-  useEffect2(() => {
+  useEffect3(() => {
     const field2 = FIELDS2[focusIndex];
     if (field2?.type === "inline") {
       const pos = values[field2.key]?.length ?? 0;
@@ -1685,48 +1773,48 @@ function ProjectForm({ editingProject, initialGitRemote, onSave, onCancel }) {
       }
     }
   });
-  return /* @__PURE__ */ jsxs8(Box11, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
-    /* @__PURE__ */ jsx11(Box11, { gap: 0, children: /* @__PURE__ */ jsxs8(Text11, { color: theme.title, bold: true, children: [
+  return /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsx12(Box12, { gap: 0, children: /* @__PURE__ */ jsxs9(Text12, { color: theme.title, bold: true, children: [
       " ",
       isEditing ? "edit project" : "new project"
     ] }) }),
-    /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", paddingX: 1, paddingY: 0, children: FIELDS2.map((field2, i) => {
+    /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", paddingX: 1, paddingY: 0, children: FIELDS2.map((field2, i) => {
       const isFocused = i === focusIndex;
       const value = values[field2.key] ?? "";
-      return /* @__PURE__ */ jsxs8(Box11, { gap: 1, children: [
-        /* @__PURE__ */ jsxs8(Text11, { color: isFocused ? theme.dialog.label : theme.yaml.key, bold: isFocused, children: [
+      return /* @__PURE__ */ jsxs9(Box12, { gap: 1, children: [
+        /* @__PURE__ */ jsxs9(Text12, { color: isFocused ? theme.dialog.label : theme.yaml.key, bold: isFocused, children: [
           isFocused ? ">" : " ",
           " ",
           field2.label.padEnd(14)
         ] }),
-        field2.type === "inline" && /* @__PURE__ */ jsxs8(Text11, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
-          isFocused ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
+        field2.type === "inline" && /* @__PURE__ */ jsxs9(Text12, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
+          isFocused ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
             value.slice(0, cursorPos),
-            /* @__PURE__ */ jsx11(Text11, { color: theme.titleHighlight, children: "_" }),
+            /* @__PURE__ */ jsx12(Text12, { color: theme.titleHighlight, children: "_" }),
             value.slice(cursorPos)
           ] }) : value,
-          field2.key === "key" && !value && !isEditing && /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: isFocused ? " (auto from name)" : "" }),
-          field2.key === "key" && isEditing && isFocused && /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: " (read-only)" })
+          field2.key === "key" && !value && !isEditing && /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: isFocused ? " (auto from name)" : "" }),
+          field2.key === "key" && isEditing && isFocused && /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: " (read-only)" })
         ] }),
-        field2.type === "toggle" && /* @__PURE__ */ jsxs8(Text11, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
+        field2.type === "toggle" && /* @__PURE__ */ jsxs9(Text12, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
           isFocused ? "< " : "  ",
           value,
           isFocused ? " >" : ""
         ] })
       ] }, field2.key);
     }) }),
-    /* @__PURE__ */ jsx11(Box11, { flexGrow: 1 }),
-    /* @__PURE__ */ jsx11(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "\u2191\u2193/tab: navigate | \u2190\u2192: cursor | ctrl+s: save | esc: cancel" }) })
+    /* @__PURE__ */ jsx12(Box12, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx12(Box12, { paddingX: 1, children: /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "\u2191\u2193/tab: navigate | \u2190\u2192: cursor | ctrl+s: save | esc: cancel" }) })
   ] });
 }
 
 // src/tui/components/ProjectLinkForm.tsx
-import { useState as useState5, useRef as useRef3 } from "react";
-import { Box as Box12, Text as Text12, useInput as useInput5 } from "ink";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useState as useState6, useRef as useRef3 } from "react";
+import { Box as Box13, Text as Text13, useInput as useInput5 } from "ink";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function ProjectLinkForm({ project, onSave, onUnlink, onDetect, onCancel }) {
-  const [remoteUrl, setRemoteUrl] = useState5(project.gitRemote?.value ?? "");
-  const [cursorPos, setCursorPos] = useState5(() => (project.gitRemote?.value ?? "").length);
+  const [remoteUrl, setRemoteUrl] = useState6(project.gitRemote?.value ?? "");
+  const [cursorPos, setCursorPos] = useState6(() => (project.gitRemote?.value ?? "").length);
   const cursorRef = useRef3(cursorPos);
   cursorRef.current = cursorPos;
   useInput5((input, key) => {
@@ -1780,24 +1868,24 @@ function ProjectLinkForm({ project, onSave, onUnlink, onDetect, onCancel }) {
       setCursorPos(pos + input.length);
     }
   });
-  return /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
-    /* @__PURE__ */ jsxs9(Box12, { gap: 0, children: [
-      /* @__PURE__ */ jsxs9(Text12, { color: theme.title, bold: true, children: [
+  return /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsxs10(Box13, { gap: 0, children: [
+      /* @__PURE__ */ jsxs10(Text13, { color: theme.title, bold: true, children: [
         " ",
         "link git remote"
       ] }),
-      /* @__PURE__ */ jsxs9(Text12, { color: theme.titleCounter, bold: true, children: [
+      /* @__PURE__ */ jsxs10(Text13, { color: theme.titleCounter, bold: true, children: [
         " ",
         "[",
         project.name,
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
-      /* @__PURE__ */ jsxs9(Box12, { gap: 1, children: [
-        /* @__PURE__ */ jsx12(Text12, { color: theme.dialog.label, bold: true, children: "Current:" }),
-        /* @__PURE__ */ jsx12(
-          Text12,
+    /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
+      /* @__PURE__ */ jsxs10(Box13, { gap: 1, children: [
+        /* @__PURE__ */ jsx13(Text13, { color: theme.dialog.label, bold: true, children: "Current:" }),
+        /* @__PURE__ */ jsx13(
+          Text13,
           {
             color: project.gitRemote ? theme.yaml.value : theme.table.fg,
             dimColor: !project.gitRemote,
@@ -1805,17 +1893,17 @@ function ProjectLinkForm({ project, onSave, onUnlink, onDetect, onCancel }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs9(Box12, { gap: 1, marginTop: 1, children: [
-        /* @__PURE__ */ jsx12(Text12, { color: theme.dialog.label, bold: true, children: "Remote URL: " }),
-        /* @__PURE__ */ jsxs9(Text12, { color: theme.yaml.value, children: [
+      /* @__PURE__ */ jsxs10(Box13, { gap: 1, marginTop: 1, children: [
+        /* @__PURE__ */ jsx13(Text13, { color: theme.dialog.label, bold: true, children: "Remote URL: " }),
+        /* @__PURE__ */ jsxs10(Text13, { color: theme.yaml.value, children: [
           remoteUrl.slice(0, cursorPos),
-          /* @__PURE__ */ jsx12(Text12, { color: theme.titleHighlight, children: "_" }),
+          /* @__PURE__ */ jsx13(Text13, { color: theme.titleHighlight, children: "_" }),
           remoteUrl.slice(cursorPos)
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx12(Box12, { flexGrow: 1 }),
-    /* @__PURE__ */ jsx12(Box12, { paddingX: 1, children: /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "ctrl+s: save | ctrl+d: detect from cwd | ctrl+u: unlink | esc: cancel" }) })
+    /* @__PURE__ */ jsx13(Box13, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx13(Box13, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "ctrl+s: save | ctrl+d: detect from cwd | ctrl+u: unlink | esc: cancel" }) })
   ] });
 }
 
@@ -1847,13 +1935,16 @@ function dismissRemote(filePath, remote) {
     writeFileSync3(filePath, JSON.stringify(list), "utf-8");
     logger.info(`dismissRemote: persisted ${remote.value} to ${filePath}`);
   } catch (e) {
-    logger.error(`dismissRemote: failed to write ${filePath}`, e instanceof Error ? e : new Error(String(e)));
+    logger.error(
+      `dismissRemote: failed to write ${filePath}`,
+      e instanceof Error ? e : new Error(String(e))
+    );
   }
 }
 
 // src/tui/components/HelpOverlay.tsx
-import { Box as Box13, Text as Text13 } from "ink";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text14 } from "ink";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var ROW1 = [
   {
     title: "NAVIGATION",
@@ -1939,21 +2030,21 @@ var ROW2 = [
   }
 ];
 function SectionRow({ sections }) {
-  return /* @__PURE__ */ jsx13(Box13, { flexDirection: "row", gap: 4, children: sections.map((section) => /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx13(Text13, { color: theme.table.headerFg, bold: true, children: section.title }),
-    section.keys.map(([key, desc]) => /* @__PURE__ */ jsxs10(Box13, { gap: 1, children: [
-      /* @__PURE__ */ jsxs10(Text13, { color: theme.menu.key, bold: true, children: [
+  return /* @__PURE__ */ jsx14(Box14, { flexDirection: "row", gap: 4, children: sections.map((section) => /* @__PURE__ */ jsxs11(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx14(Text14, { color: theme.table.headerFg, bold: true, children: section.title }),
+    section.keys.map(([key, desc]) => /* @__PURE__ */ jsxs11(Box14, { gap: 1, children: [
+      /* @__PURE__ */ jsxs11(Text14, { color: theme.menu.key, bold: true, children: [
         "<",
         key.padEnd(5),
         ">"
       ] }),
-      /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: desc })
+      /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: desc })
     ] }, key))
   ] }, section.title)) });
 }
 function HelpOverlay() {
-  return /* @__PURE__ */ jsxs10(
-    Box13,
+  return /* @__PURE__ */ jsxs11(
+    Box14,
     {
       flexDirection: "column",
       borderStyle: "bold",
@@ -1961,28 +2052,28 @@ function HelpOverlay() {
       paddingX: 2,
       paddingY: 1,
       children: [
-        /* @__PURE__ */ jsxs10(Text13, { color: theme.title, bold: true, children: [
+        /* @__PURE__ */ jsxs11(Text14, { color: theme.title, bold: true, children: [
           " ",
           "Help"
         ] }),
-        /* @__PURE__ */ jsx13(Text13, { children: " " }),
-        /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", gap: 1, children: [
-          /* @__PURE__ */ jsx13(SectionRow, { sections: ROW1 }),
-          /* @__PURE__ */ jsx13(SectionRow, { sections: ROW2 })
+        /* @__PURE__ */ jsx14(Text14, { children: " " }),
+        /* @__PURE__ */ jsxs11(Box14, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx14(SectionRow, { sections: ROW1 }),
+          /* @__PURE__ */ jsx14(SectionRow, { sections: ROW2 })
         ] }),
-        /* @__PURE__ */ jsx13(Text13, { children: " " }),
-        /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Press any key to close" })
+        /* @__PURE__ */ jsx14(Text14, { children: " " }),
+        /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Press any key to close" })
       ]
     }
   );
 }
 
 // src/tui/components/ConfirmDialog.tsx
-import { Box as Box14, Text as Text14 } from "ink";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box15, Text as Text15 } from "ink";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function ConfirmDialog({ task }) {
-  return /* @__PURE__ */ jsxs11(
-    Box14,
+  return /* @__PURE__ */ jsxs12(
+    Box15,
     {
       flexDirection: "column",
       borderStyle: "bold",
@@ -1991,17 +2082,17 @@ function ConfirmDialog({ task }) {
       paddingY: 1,
       alignSelf: "center",
       children: [
-        /* @__PURE__ */ jsx14(Text14, { color: theme.dialog.label, bold: true, children: "<Delete>" }),
-        /* @__PURE__ */ jsx14(Text14, { children: " " }),
-        /* @__PURE__ */ jsxs11(Text14, { color: theme.dialog.fg, children: [
+        /* @__PURE__ */ jsx15(Text15, { color: theme.dialog.label, bold: true, children: "<Delete>" }),
+        /* @__PURE__ */ jsx15(Text15, { children: " " }),
+        /* @__PURE__ */ jsxs12(Text15, { color: theme.dialog.fg, children: [
           'Delete task "',
           task.name,
           '"?'
         ] }),
-        /* @__PURE__ */ jsx14(Text14, { children: " " }),
-        /* @__PURE__ */ jsxs11(Box14, { gap: 3, children: [
-          /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsx14(
-            Text14,
+        /* @__PURE__ */ jsx15(Text15, { children: " " }),
+        /* @__PURE__ */ jsxs12(Box15, { gap: 3, children: [
+          /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsx15(
+            Text15,
             {
               backgroundColor: theme.dialog.buttonFocusBg,
               color: theme.dialog.buttonFocusFg,
@@ -2009,7 +2100,7 @@ function ConfirmDialog({ task }) {
               children: " y: OK "
             }
           ) }),
-          /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsx14(Text14, { backgroundColor: theme.dialog.buttonBg, color: theme.dialog.buttonFg, children: " n: Cancel " }) })
+          /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsx15(Text15, { backgroundColor: theme.dialog.buttonBg, color: theme.dialog.buttonFg, children: " n: Cancel " }) })
         ] })
       ]
     }
@@ -2017,11 +2108,11 @@ function ConfirmDialog({ task }) {
 }
 
 // src/tui/components/DetectedProjectDialog.tsx
-import { Box as Box15, Text as Text15 } from "ink";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box16, Text as Text16 } from "ink";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function DetectedProjectDialog({ remote }) {
-  return /* @__PURE__ */ jsxs12(
-    Box15,
+  return /* @__PURE__ */ jsxs13(
+    Box16,
     {
       flexDirection: "column",
       borderStyle: "bold",
@@ -2030,18 +2121,18 @@ function DetectedProjectDialog({ remote }) {
       paddingY: 1,
       alignSelf: "center",
       children: [
-        /* @__PURE__ */ jsx15(Text15, { color: theme.dialog.label, bold: true, children: "<New Repo Detected>" }),
-        /* @__PURE__ */ jsx15(Text15, { children: " " }),
-        /* @__PURE__ */ jsxs12(Text15, { color: theme.dialog.fg, children: [
+        /* @__PURE__ */ jsx16(Text16, { color: theme.dialog.label, bold: true, children: "<New Repo Detected>" }),
+        /* @__PURE__ */ jsx16(Text16, { children: " " }),
+        /* @__PURE__ */ jsxs13(Text16, { color: theme.dialog.fg, children: [
           "Git remote: ",
-          /* @__PURE__ */ jsx15(Text15, { bold: true, children: remote.value })
+          /* @__PURE__ */ jsx16(Text16, { bold: true, children: remote.value })
         ] }),
-        /* @__PURE__ */ jsx15(Text15, { color: theme.dialog.fg, children: "No project is linked to this repo yet." }),
-        /* @__PURE__ */ jsx15(Text15, { color: theme.dialog.fg, children: "Would you like to create one and link it?" }),
-        /* @__PURE__ */ jsx15(Text15, { children: " " }),
-        /* @__PURE__ */ jsxs12(Box15, { gap: 3, children: [
-          /* @__PURE__ */ jsx15(Text15, { backgroundColor: theme.dialog.buttonFocusBg, color: theme.dialog.buttonFocusFg, bold: true, children: " y: Create " }),
-          /* @__PURE__ */ jsx15(Text15, { backgroundColor: theme.dialog.buttonBg, color: theme.dialog.buttonFg, children: " n: Skip " })
+        /* @__PURE__ */ jsx16(Text16, { color: theme.dialog.fg, children: "No project is linked to this repo yet." }),
+        /* @__PURE__ */ jsx16(Text16, { color: theme.dialog.fg, children: "Would you like to create one and link it?" }),
+        /* @__PURE__ */ jsx16(Text16, { children: " " }),
+        /* @__PURE__ */ jsxs13(Box16, { gap: 3, children: [
+          /* @__PURE__ */ jsx16(Text16, { backgroundColor: theme.dialog.buttonFocusBg, color: theme.dialog.buttonFocusFg, bold: true, children: " y: Create " }),
+          /* @__PURE__ */ jsx16(Text16, { backgroundColor: theme.dialog.buttonBg, color: theme.dialog.buttonFg, children: " n: Skip " })
         ] })
       ]
     }
@@ -2049,8 +2140,8 @@ function DetectedProjectDialog({ remote }) {
 }
 
 // src/tui/components/DependencyList.tsx
-import { Box as Box16, Text as Text16 } from "ink";
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Box as Box17, Text as Text17 } from "ink";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function TaskRow({
   task,
   globalIndex,
@@ -2058,16 +2149,16 @@ function TaskRow({
 }) {
   const isSelected = globalIndex === selectedIndex;
   const statusColor = STATUS_COLOR[task.status] ?? theme.table.fg;
-  return /* @__PURE__ */ jsx16(Box16, { children: isSelected ? /* @__PURE__ */ jsxs13(Text16, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
+  return /* @__PURE__ */ jsx17(Box17, { children: isSelected ? /* @__PURE__ */ jsxs14(Text17, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
     "> ",
     task.id.padEnd(12),
     task.status.padEnd(14),
     task.name
-  ] }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    /* @__PURE__ */ jsx16(Text16, { children: "  " }),
-    /* @__PURE__ */ jsx16(Text16, { color: theme.yaml.value, children: task.id.padEnd(12) }),
-    /* @__PURE__ */ jsx16(Text16, { color: statusColor, children: task.status.padEnd(14) }),
-    /* @__PURE__ */ jsx16(Text16, { color: theme.table.fg, children: task.name })
+  ] }) : /* @__PURE__ */ jsxs14(Fragment5, { children: [
+    /* @__PURE__ */ jsx17(Text17, { children: "  " }),
+    /* @__PURE__ */ jsx17(Text17, { color: theme.yaml.value, children: task.id.padEnd(12) }),
+    /* @__PURE__ */ jsx17(Text17, { color: statusColor, children: task.status.padEnd(14) }),
+    /* @__PURE__ */ jsx17(Text17, { color: theme.table.fg, children: task.name })
   ] }) }, task.id);
 }
 function DependencyList({
@@ -2088,23 +2179,23 @@ function DependencyList({
   const relatedOffset = offset;
   offset += related.length;
   const duplicatesOffset = offset;
-  return /* @__PURE__ */ jsxs13(Box16, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
-    /* @__PURE__ */ jsxs13(Box16, { gap: 0, children: [
-      /* @__PURE__ */ jsxs13(Text16, { color: theme.title, bold: true, children: [
+  return /* @__PURE__ */ jsxs14(Box17, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsxs14(Box17, { gap: 0, children: [
+      /* @__PURE__ */ jsxs14(Text17, { color: theme.title, bold: true, children: [
         " ",
         "dependencies"
       ] }),
-      /* @__PURE__ */ jsx16(Text16, { color: theme.fg, children: "(" }),
-      /* @__PURE__ */ jsx16(Text16, { color: theme.titleHighlight, bold: true, children: task.name }),
-      /* @__PURE__ */ jsx16(Text16, { color: theme.fg, children: ")" })
+      /* @__PURE__ */ jsx17(Text17, { color: theme.fg, children: "(" }),
+      /* @__PURE__ */ jsx17(Text17, { color: theme.titleHighlight, bold: true, children: task.name }),
+      /* @__PURE__ */ jsx17(Text17, { color: theme.fg, children: ")" })
     ] }),
-    /* @__PURE__ */ jsxs13(Box16, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
-      /* @__PURE__ */ jsxs13(Text16, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsxs14(Box17, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs14(Text17, { color: theme.table.headerFg, bold: true, children: [
         "BLOCKED BY (",
         blockers.length,
         ")"
       ] }),
-      blockers.length === 0 ? /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: " No blockers" }) : blockers.map((t, i) => /* @__PURE__ */ jsx16(
+      blockers.length === 0 ? /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: " No blockers" }) : blockers.map((t, i) => /* @__PURE__ */ jsx17(
         TaskRow,
         {
           task: t,
@@ -2114,13 +2205,13 @@ function DependencyList({
         t.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs13(Box16, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
-      /* @__PURE__ */ jsxs13(Text16, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsxs14(Box17, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs14(Text17, { color: theme.table.headerFg, bold: true, children: [
         "BLOCKS (",
         dependents.length,
         ")"
       ] }),
-      dependents.length === 0 ? /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: " No dependents" }) : dependents.map((t, i) => /* @__PURE__ */ jsx16(
+      dependents.length === 0 ? /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: " No dependents" }) : dependents.map((t, i) => /* @__PURE__ */ jsx17(
         TaskRow,
         {
           task: t,
@@ -2130,13 +2221,13 @@ function DependencyList({
         t.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs13(Box16, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
-      /* @__PURE__ */ jsxs13(Text16, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsxs14(Box17, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs14(Text17, { color: theme.table.headerFg, bold: true, children: [
         "RELATES TO (",
         related.length,
         ")"
       ] }),
-      related.length === 0 ? /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: " No related tasks" }) : related.map((t, i) => /* @__PURE__ */ jsx16(
+      related.length === 0 ? /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: " No related tasks" }) : related.map((t, i) => /* @__PURE__ */ jsx17(
         TaskRow,
         {
           task: t,
@@ -2146,13 +2237,13 @@ function DependencyList({
         t.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs13(Box16, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
-      /* @__PURE__ */ jsxs13(Text16, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsxs14(Box17, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs14(Text17, { color: theme.table.headerFg, bold: true, children: [
         "DUPLICATES (",
         duplicates.length,
         ")"
       ] }),
-      duplicates.length === 0 ? /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: " No duplicate tasks" }) : duplicates.map((t, i) => /* @__PURE__ */ jsx16(
+      duplicates.length === 0 ? /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: " No duplicate tasks" }) : duplicates.map((t, i) => /* @__PURE__ */ jsx17(
         TaskRow,
         {
           task: t,
@@ -2162,19 +2253,19 @@ function DependencyList({
         t.id
       ))
     ] }),
-    /* @__PURE__ */ jsx16(Box16, { flexGrow: 1 }),
-    isAddingDep && /* @__PURE__ */ jsxs13(Box16, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
-      /* @__PURE__ */ jsx16(Text16, { color: theme.prompt, children: "depends on (id or id:type): " }),
-      /* @__PURE__ */ jsx16(Text16, { color: theme.prompt, children: addDepInput }),
-      /* @__PURE__ */ jsx16(Text16, { color: theme.promptSuggest, children: "_" })
+    /* @__PURE__ */ jsx17(Box17, { flexGrow: 1 }),
+    isAddingDep && /* @__PURE__ */ jsxs14(Box17, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
+      /* @__PURE__ */ jsx17(Text17, { color: theme.prompt, children: "depends on (id or id:type): " }),
+      /* @__PURE__ */ jsx17(Text17, { color: theme.prompt, children: addDepInput }),
+      /* @__PURE__ */ jsx17(Text17, { color: theme.promptSuggest, children: "_" })
     ] }),
-    /* @__PURE__ */ jsx16(Box16, { paddingX: 1, children: /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: "a: add dep (id or id:relates-to) | x: remove selected | enter: go to task | esc: back" }) })
+    /* @__PURE__ */ jsx17(Box17, { paddingX: 1, children: /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "a: add dep (id or id:relates-to) | x: remove selected | enter: go to task | esc: back" }) })
   ] });
 }
 
 // src/tui/components/EpicPanel.tsx
-import { Box as Box17, Text as Text17 } from "ink";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Box as Box18, Text as Text18 } from "ink";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 20;
 function EpicPanel({
   epics,
@@ -2187,34 +2278,34 @@ function EpicPanel({
   const currentPage = Math.floor(selectedIndex / PAGE_SIZE2);
   const viewStart = currentPage * PAGE_SIZE2;
   const visibleEpics = epics.slice(viewStart, viewStart + PAGE_SIZE2);
-  return /* @__PURE__ */ jsxs14(
-    Box17,
+  return /* @__PURE__ */ jsxs15(
+    Box18,
     {
       flexDirection: "column",
       width: 48,
       borderStyle: "bold",
       borderColor: isFocused ? theme.borderFocus : theme.border,
       children: [
-        /* @__PURE__ */ jsxs14(Box17, { children: [
-          /* @__PURE__ */ jsxs14(Text17, { color: theme.title, bold: true, children: [
+        /* @__PURE__ */ jsxs15(Box18, { children: [
+          /* @__PURE__ */ jsxs15(Text18, { color: theme.title, bold: true, children: [
             " ",
             "epics"
           ] }),
-          /* @__PURE__ */ jsxs14(Text17, { color: theme.titleCounter, bold: true, children: [
+          /* @__PURE__ */ jsxs15(Text18, { color: theme.titleCounter, bold: true, children: [
             "[",
             epics.length,
             "]"
           ] }),
-          isReordering && /* @__PURE__ */ jsxs14(Text17, { color: theme.flash.warn, bold: true, children: [
+          isReordering && /* @__PURE__ */ jsxs15(Text18, { color: theme.flash.warn, bold: true, children: [
             " ",
             "REORDER"
           ] }),
-          filterActive && /* @__PURE__ */ jsxs14(Text17, { color: theme.titleFilter, children: [
+          filterActive && /* @__PURE__ */ jsxs15(Text18, { color: theme.titleFilter, children: [
             " *",
             selectedEpicIds.size
           ] })
         ] }),
-        /* @__PURE__ */ jsx17(Box17, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: epics.length === 0 ? /* @__PURE__ */ jsx17(Box17, { paddingX: 1, children: /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "No epics" }) }) : visibleEpics.map((epic, i) => {
+        /* @__PURE__ */ jsx18(Box18, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: epics.length === 0 ? /* @__PURE__ */ jsx18(Box18, { paddingX: 1, children: /* @__PURE__ */ jsx18(Text18, { dimColor: true, children: "No epics" }) }) : visibleEpics.map((epic, i) => {
           const actualIndex = viewStart + i;
           const isSelected = actualIndex === selectedIndex && isFocused;
           const isChecked = selectedEpicIds.has(epic.id);
@@ -2222,21 +2313,21 @@ function EpicPanel({
           const statusColor = STATUS_COLOR[epic.status] ?? theme.table.fg;
           if (isSelected) {
             const cursorBg = isReordering ? theme.flash.warn : theme.table.cursorBg;
-            return /* @__PURE__ */ jsx17(Box17, { children: /* @__PURE__ */ jsxs14(Text17, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: [
+            return /* @__PURE__ */ jsx18(Box18, { children: /* @__PURE__ */ jsxs15(Text18, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: [
               isReordering ? "~ " : " ",
               marker,
               " ",
               epic.name
             ] }) }, epic.id);
           }
-          return /* @__PURE__ */ jsx17(Box17, { children: /* @__PURE__ */ jsxs14(Text17, { color: isChecked ? theme.titleHighlight : statusColor, children: [
+          return /* @__PURE__ */ jsx18(Box18, { children: /* @__PURE__ */ jsxs15(Text18, { color: isChecked ? theme.titleHighlight : statusColor, children: [
             " ",
             marker,
             " ",
             epic.name
           ] }) }, epic.id);
         }) }),
-        epics.length > PAGE_SIZE2 && /* @__PURE__ */ jsx17(Box17, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs14(Text17, { dimColor: true, children: [
+        epics.length > PAGE_SIZE2 && /* @__PURE__ */ jsx18(Box18, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs15(Text18, { dimColor: true, children: [
           "[",
           viewStart + 1,
           "-",
@@ -2251,16 +2342,16 @@ function EpicPanel({
 }
 
 // src/tui/components/EpicPicker.tsx
-import { useState as useState6 } from "react";
-import { Box as Box18, Text as Text18, useInput as useInput6, useStdout as useStdout3 } from "ink";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { Box as Box19, Text as Text19, useInput as useInput6, useStdout as useStdout3 } from "ink";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
   const { stdout } = useStdout3();
   const termHeight = stdout.rows > 0 ? stdout.rows : 24;
   const maxVisible = Math.max(3, termHeight - 10);
-  const [searchQuery, setSearchQuery] = useState6("");
-  const [isSearching, setIsSearching] = useState6(false);
-  const [cursorIndex, setCursorIndex] = useState6(0);
+  const [searchQuery, setSearchQuery] = useState7("");
+  const [isSearching, setIsSearching] = useState7(false);
+  const [cursorIndex, setCursorIndex] = useState7(0);
   const filtered = epics.filter((e) => {
     if (!searchQuery.trim()) return true;
     const q = searchQuery.toLowerCase();
@@ -2326,53 +2417,53 @@ function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs15(Box18, { flexDirection: "column", borderStyle: "bold", borderColor: theme.borderFocus, flexGrow: 1, children: [
-    /* @__PURE__ */ jsxs15(Box18, { gap: 0, children: [
-      /* @__PURE__ */ jsxs15(Text18, { color: theme.title, bold: true, children: [
+  return /* @__PURE__ */ jsxs16(Box19, { flexDirection: "column", borderStyle: "bold", borderColor: theme.borderFocus, flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs16(Box19, { gap: 0, children: [
+      /* @__PURE__ */ jsxs16(Text19, { color: theme.title, bold: true, children: [
         " ",
         "assign to epic"
       ] }),
-      /* @__PURE__ */ jsxs15(Text18, { color: theme.titleCounter, bold: true, children: [
+      /* @__PURE__ */ jsxs16(Text19, { color: theme.titleCounter, bold: true, children: [
         " ",
         "[",
         epics.length,
         "]"
       ] })
     ] }),
-    isSearching ? /* @__PURE__ */ jsxs15(Box18, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
-      /* @__PURE__ */ jsx18(Text18, { color: theme.prompt, children: "/" }),
-      /* @__PURE__ */ jsx18(Text18, { color: theme.prompt, children: searchQuery }),
-      /* @__PURE__ */ jsx18(Text18, { color: theme.promptSuggest, children: "_" })
-    ] }) : searchQuery ? /* @__PURE__ */ jsx18(Box18, { paddingX: 1, children: /* @__PURE__ */ jsxs15(Text18, { color: theme.titleFilter, children: [
+    isSearching ? /* @__PURE__ */ jsxs16(Box19, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
+      /* @__PURE__ */ jsx19(Text19, { color: theme.prompt, children: "/" }),
+      /* @__PURE__ */ jsx19(Text19, { color: theme.prompt, children: searchQuery }),
+      /* @__PURE__ */ jsx19(Text19, { color: theme.promptSuggest, children: "_" })
+    ] }) : searchQuery ? /* @__PURE__ */ jsx19(Box19, { paddingX: 1, children: /* @__PURE__ */ jsxs16(Text19, { color: theme.titleFilter, children: [
       "/",
       searchQuery
     ] }) }) : null,
-    /* @__PURE__ */ jsx18(Box18, { paddingX: 1, children: /* @__PURE__ */ jsxs15(Text18, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsx19(Box19, { paddingX: 1, children: /* @__PURE__ */ jsxs16(Text19, { color: theme.table.headerFg, bold: true, children: [
       "  ",
       "ID".padEnd(14),
       "STATUS".padEnd(14),
       "NAME"
     ] }) }),
-    filtered.length === 0 ? /* @__PURE__ */ jsx18(Box18, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx18(Text18, { dimColor: true, children: "No epics match the filter" }) }) : visible.map((epic, i) => {
+    filtered.length === 0 ? /* @__PURE__ */ jsx19(Box19, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx19(Text19, { dimColor: true, children: "No epics match the filter" }) }) : visible.map((epic, i) => {
       const actualIndex = viewStart + i;
       const isCursor = actualIndex === cursorIndex;
       const isCurrent = epic.id === currentEpicId;
       const marker = isCurrent ? "* " : "  ";
       const statusColor = STATUS_COLOR[epic.status] ?? theme.table.fg;
-      return /* @__PURE__ */ jsx18(Box18, { paddingX: 1, children: isCursor ? /* @__PURE__ */ jsxs15(Text18, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
+      return /* @__PURE__ */ jsx19(Box19, { paddingX: 1, children: isCursor ? /* @__PURE__ */ jsxs16(Text19, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
         "> ",
         epic.id.padEnd(14),
         epic.status.padEnd(14),
         epic.name
-      ] }) : /* @__PURE__ */ jsxs15(Fragment5, { children: [
-        /* @__PURE__ */ jsx18(Text18, { color: isCurrent ? theme.titleHighlight : theme.table.fg, children: marker }),
-        /* @__PURE__ */ jsx18(Text18, { color: theme.yaml.value, children: epic.id.padEnd(14) }),
-        /* @__PURE__ */ jsx18(Text18, { color: statusColor, children: epic.status.padEnd(14) }),
-        /* @__PURE__ */ jsx18(Text18, { color: isCurrent ? theme.titleHighlight : theme.table.fg, children: epic.name })
+      ] }) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
+        /* @__PURE__ */ jsx19(Text19, { color: isCurrent ? theme.titleHighlight : theme.table.fg, children: marker }),
+        /* @__PURE__ */ jsx19(Text19, { color: theme.yaml.value, children: epic.id.padEnd(14) }),
+        /* @__PURE__ */ jsx19(Text19, { color: statusColor, children: epic.status.padEnd(14) }),
+        /* @__PURE__ */ jsx19(Text19, { color: isCurrent ? theme.titleHighlight : theme.table.fg, children: epic.name })
       ] }) }, epic.id);
     }),
-    /* @__PURE__ */ jsx18(Box18, { flexGrow: 1 }),
-    filtered.length > maxVisible && /* @__PURE__ */ jsx18(Box18, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs15(Text18, { dimColor: true, children: [
+    /* @__PURE__ */ jsx19(Box19, { flexGrow: 1 }),
+    filtered.length > maxVisible && /* @__PURE__ */ jsx19(Box19, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs16(Text19, { dimColor: true, children: [
       "[",
       viewStart + 1,
       "-",
@@ -2381,19 +2472,52 @@ function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
       filtered.length,
       "]"
     ] }) }),
-    /* @__PURE__ */ jsx18(Box18, { paddingX: 1, children: /* @__PURE__ */ jsx18(Text18, { dimColor: true, children: "enter: assign | x: unassign | /: search | esc: cancel" }) })
+    /* @__PURE__ */ jsx19(Box19, { paddingX: 1, children: /* @__PURE__ */ jsx19(Text19, { dimColor: true, children: "enter: assign | x: unassign | /: search | esc: cancel" }) })
   ] });
 }
 
+// src/tui/components/ChangelogBanner.tsx
+import { Box as Box20, Text as Text20 } from "ink";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+function ChangelogBanner({ entries, currentIndex }) {
+  const entry = entries[currentIndex];
+  if (!entry) return null;
+  const total = entries.length;
+  return /* @__PURE__ */ jsxs17(
+    Box20,
+    {
+      flexDirection: "column",
+      borderStyle: "bold",
+      borderColor: theme.borderFocus,
+      paddingX: 3,
+      paddingY: 1,
+      gap: 1,
+      alignSelf: "center",
+      children: [
+        /* @__PURE__ */ jsx20(Text20, { color: theme.dialog.label, bold: true, children: `<What's New \u2014 v${entry.version}${entry.date ? ` (${entry.date})` : ""}>` }),
+        entry.sections.map((section) => /* @__PURE__ */ jsxs17(Box20, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx20(Text20, { color: theme.table.headerFg, bold: true, children: `### ${section.heading}` }),
+          section.items.map((item, i) => /* @__PURE__ */ jsx20(Text20, { color: theme.dialog.fg, children: `- ${item}` }, `${section.heading}-${i}`))
+        ] }, section.heading)),
+        /* @__PURE__ */ jsxs17(Box20, { gap: 2, children: [
+          /* @__PURE__ */ jsx20(Text20, { color: theme.fg, children: `[${currentIndex + 1}/${total}]` }),
+          /* @__PURE__ */ jsx20(Text20, { color: theme.menu.desc, children: "\u2191/\u2193: navigate" }),
+          /* @__PURE__ */ jsx20(Text20, { color: theme.menu.desc, children: "esc: close" })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/tui/useAutoRefetch.ts
-import { useEffect as useEffect3, useRef as useRef4 } from "react";
+import { useEffect as useEffect4, useRef as useRef4 } from "react";
 import { watchFile, unwatchFile } from "fs";
 var POLL_INTERVAL_MS = 1e3;
 var DEBOUNCE_MS = 200;
 function useAutoRefetch(dbPath, onRefetch) {
   const callbackRef = useRef4(onRefetch);
   callbackRef.current = onRefetch;
-  useEffect3(() => {
+  useEffect4(() => {
     let debounceTimer = null;
     const handleChange = () => {
       if (debounceTimer) clearTimeout(debounceTimer);
@@ -2420,8 +2544,47 @@ function useAutoRefetch(dbPath, onRefetch) {
   }, [dbPath]);
 }
 
+// src/changelog.ts
+var CHANGELOG_ENTRIES = typeof define_CHANGELOG_ENTRIES_default !== "undefined" ? define_CHANGELOG_ENTRIES_default : [];
+
+// src/utils/changelog-seen.ts
+import { readFileSync as readFileSync3, writeFileSync as writeFileSync4 } from "fs";
+function isValidSeenCache(value) {
+  if (typeof value !== "object" || value === null) return false;
+  return typeof value["changelogSeenVersion"] === "string";
+}
+function readSeenVersion(cachePath) {
+  try {
+    const raw = readFileSync3(cachePath, "utf-8");
+    const parsed = JSON.parse(raw);
+    if (isValidSeenCache(parsed)) return parsed.changelogSeenVersion;
+    return null;
+  } catch {
+    logger.info("changelog-seen: cache not available", { path: cachePath });
+    return null;
+  }
+}
+function writeSeenVersion(cachePath, version) {
+  try {
+    let existing = {};
+    try {
+      const raw = readFileSync3(cachePath, "utf-8");
+      const parsed = JSON.parse(raw);
+      if (typeof parsed === "object" && parsed !== null) {
+        existing = parsed;
+      }
+    } catch {
+    }
+    existing["changelogSeenVersion"] = version;
+    writeFileSync4(cachePath, JSON.stringify(existing), "utf-8");
+    logger.info("changelog-seen: persisted seen version", { version, path: cachePath });
+  } catch {
+    logger.warn("changelog-seen: failed to write seen version", { path: cachePath });
+  }
+}
+
 // src/tui/components/App.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var STATUS_CYCLE = [
   TaskStatus.Backlog,
   TaskStatus.Todo,
@@ -2434,8 +2597,8 @@ function App({ container, initialProject, latestVersion }) {
   const { exit } = useApp();
   const { stdout } = useStdout4();
   const [state, dispatch] = useReducer(appReducer, initialState);
-  const [, setResizeTick] = useState7(0);
-  useEffect4(() => {
+  const [, setResizeTick] = useState8(0);
+  useEffect5(() => {
     const onResize = () => {
       setResizeTick((n) => n + 1);
     };
@@ -2600,10 +2763,10 @@ function App({ container, initialProject, latestVersion }) {
     loadEpics();
   }, [loadProjects, loadTasks, loadEpics]);
   useAutoRefetch(container.dbPath, refetchAll);
-  useEffect4(() => {
+  useEffect5(() => {
     loadProjects();
   }, [loadProjects]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (state.projects.length > 0 && !state.activeProject) {
       logger.info(`TUI.resolveProject: resolving initialProject=${initialProject ?? "(default)"}`);
       const result = container.projectService.resolveProject(initialProject);
@@ -2621,7 +2784,7 @@ function App({ container, initialProject, latestVersion }) {
     }
   }, [state.projects, state.activeProject, initialProject, container]);
   const gitRemoteCheckedRef = useRef5(false);
-  useEffect4(() => {
+  useEffect5(() => {
     if (state.projects.length > 0 && !gitRemoteCheckedRef.current && !initialProject) {
       gitRemoteCheckedRef.current = true;
       const remoteResult = detectGitRemote();
@@ -2636,13 +2799,31 @@ function App({ container, initialProject, latestVersion }) {
       }
     }
   }, [state.projects, initialProject]);
-  useEffect4(() => {
+  const changelogCheckedRef = useRef5(false);
+  useEffect5(() => {
+    if (changelogCheckedRef.current) return;
+    changelogCheckedRef.current = true;
+    const seenVersion = readSeenVersion(container.updateCachePath);
+    if (seenVersion !== APP_VERSION) {
+      const newEntries = CHANGELOG_ENTRIES.filter(
+        (e) => isNewerVersion(e.version, seenVersion ?? "0.0.0") && !isNewerVersion(e.version, APP_VERSION)
+      );
+      if (newEntries.length > 0) {
+        logger.info(
+          `TUI.changelog: showing ticker for [${newEntries.map((e) => e.version).join(", ")}] (last seen: ${seenVersion ?? "none"})`
+        );
+        dispatch({ type: "SET_CHANGELOG", entries: newEntries });
+        writeSeenVersion(container.updateCachePath, APP_VERSION);
+      }
+    }
+  }, [container.updateCachePath]);
+  useEffect5(() => {
     if (state.activeProject) {
       loadTasks();
       loadEpics();
     }
   }, [state.activeProject, state.filter, loadTasks, loadEpics]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (state.flash) {
       const timer = setTimeout(() => {
         dispatch({ type: "CLEAR_FLASH" });
@@ -2654,6 +2835,21 @@ function App({ container, initialProject, latestVersion }) {
     return void 0;
   }, [state.flash]);
   useInput7((input, key) => {
+    if (state.changelogDialogOpen) {
+      if (key.upArrow || input === "k") {
+        dispatch({ type: "CHANGELOG_NAVIGATE", direction: "up" });
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        dispatch({ type: "CHANGELOG_NAVIGATE", direction: "down" });
+        return;
+      }
+      if (key.escape || input === "q" || input === "W") {
+        dispatch({ type: "CLOSE_CHANGELOG_DIALOG" });
+        return;
+      }
+      return;
+    }
     if (state.confirmDelete) {
       if (input === "y") {
         const result = container.taskService.deleteTask(state.confirmDelete.id);
@@ -3015,6 +3211,10 @@ function App({ container, initialProject, latestVersion }) {
         dispatch({ type: "CLEAR_FILTER" });
         return;
       }
+      if (input === "W" && state.changelogEntries) {
+        dispatch({ type: "OPEN_CHANGELOG_DIALOG" });
+        return;
+      }
     }
     if (state.activeView === ViewType.TaskList && state.focusedPanel === "detail" && previewTask) {
       if (key.upArrow || input === "k") {
@@ -3367,7 +3567,7 @@ ${state.selectedTask.additionalRequirements}`;
     dispatch({ type: "GO_BACK" });
   }, []);
   const previewTask = state.tasks[state.selectedIndex] ?? null;
-  const initialDepsForEdit = useMemo2(() => {
+  const initialDepsForEdit = useMemo3(() => {
     return [
       ...state.depBlockers.map((t) => ({ id: t.id, name: t.name, type: DependencyType.Blocks })),
       ...state.depRelated.map((t) => ({ id: t.id, name: t.name, type: DependencyType.RelatesTo })),
@@ -3378,23 +3578,24 @@ ${state.selectedTask.additionalRequirements}`;
       }))
     ];
   }, [state.depBlockers, state.depRelated, state.depDuplicates]);
-  const allProjectTasks = useMemo2(() => {
+  const allProjectTasks = useMemo3(() => {
     if (!state.activeProject) return [];
     const result = container.taskService.listTasks(state.activeProject, {});
     return result.ok ? result.value : [];
   }, [container, state.activeProject, state.tasks]);
   const previewTaskId = previewTask?.id ?? null;
-  useEffect4(() => {
+  useEffect5(() => {
     if (state.activeView === ViewType.TaskList && previewTaskId) {
       loadDeps(previewTaskId);
     }
   }, [state.activeView, previewTaskId, loadDeps]);
-  return /* @__PURE__ */ jsxs16(Box19, { flexDirection: "column", height: stdout.rows, children: [
-    /* @__PURE__ */ jsx19(Header, { state, latestVersion }),
-    /* @__PURE__ */ jsxs16(Box19, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: [
-      state.confirmDelete && /* @__PURE__ */ jsx19(ConfirmDialog, { task: state.confirmDelete }),
-      !state.confirmDelete && state.activeView === ViewType.TaskList && (state.detectedGitRemote ? /* @__PURE__ */ jsx19(DetectedProjectDialog, { remote: state.detectedGitRemote }) : /* @__PURE__ */ jsxs16(Box19, { flexDirection: "row", flexGrow: 1, children: [
-        /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs18(Box21, { flexDirection: "column", height: stdout.rows, children: [
+    /* @__PURE__ */ jsx21(Header, { state, latestVersion }),
+    /* @__PURE__ */ jsxs18(Box21, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: [
+      state.confirmDelete && /* @__PURE__ */ jsx21(ConfirmDialog, { task: state.confirmDelete }),
+      !state.confirmDelete && state.changelogEntries && state.changelogDialogOpen && state.activeView === ViewType.TaskList && /* @__PURE__ */ jsx21(ChangelogBanner, { entries: state.changelogEntries, currentIndex: state.changelogIndex }),
+      !state.confirmDelete && !state.changelogDialogOpen && state.activeView === ViewType.TaskList && (state.detectedGitRemote ? /* @__PURE__ */ jsx21(DetectedProjectDialog, { remote: state.detectedGitRemote }) : /* @__PURE__ */ jsxs18(Box21, { flexDirection: "row", flexGrow: 1, children: [
+        /* @__PURE__ */ jsx21(
           EpicPanel,
           {
             epics: state.epics,
@@ -3404,7 +3605,7 @@ ${state.selectedTask.additionalRequirements}`;
             isReordering: state.isEpicReordering
           }
         ),
-        /* @__PURE__ */ jsx19(Box19, { width: taskListWidth, children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx21(Box21, { width: taskListWidth, children: /* @__PURE__ */ jsx21(
           TaskList,
           {
             tasks: state.tasks,
@@ -3425,7 +3626,7 @@ ${state.selectedTask.additionalRequirements}`;
             epicFilterActive: state.selectedEpicIds.size > 0
           }
         ) }),
-        /* @__PURE__ */ jsx19(Box19, { width: taskDetailWidth, children: previewTask ? /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx21(Box21, { width: taskDetailWidth, children: previewTask ? /* @__PURE__ */ jsx21(
           TaskDetail,
           {
             task: previewTask,
@@ -3436,24 +3637,24 @@ ${state.selectedTask.additionalRequirements}`;
             isFocused: state.focusedPanel === "detail",
             scrollOffset: state.detailScrollOffset
           }
-        ) : /* @__PURE__ */ jsxs16(
-          Box19,
+        ) : /* @__PURE__ */ jsxs18(
+          Box21,
           {
             flexDirection: "column",
             flexGrow: 1,
             borderStyle: "bold",
             borderColor: theme.border,
             children: [
-              /* @__PURE__ */ jsx19(Box19, { children: /* @__PURE__ */ jsxs16(Text19, { color: theme.title, bold: true, children: [
+              /* @__PURE__ */ jsx21(Box21, { children: /* @__PURE__ */ jsxs18(Text21, { color: theme.title, bold: true, children: [
                 " ",
                 "detail"
               ] }) }),
-              /* @__PURE__ */ jsx19(Box19, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx19(Text19, { dimColor: true, children: "No task selected" }) })
+              /* @__PURE__ */ jsx21(Box21, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx21(Text21, { dimColor: true, children: "No task selected" }) })
             ]
           }
         ) })
       ] })),
-      !state.confirmDelete && state.activeView === ViewType.TaskDetail && state.selectedTask && /* @__PURE__ */ jsx19(
+      !state.confirmDelete && state.activeView === ViewType.TaskDetail && state.selectedTask && /* @__PURE__ */ jsx21(
         TaskDetail,
         {
           task: state.selectedTask,
@@ -3464,7 +3665,7 @@ ${state.selectedTask.additionalRequirements}`;
           scrollOffset: state.detailScrollOffset
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.DependencyList && state.selectedTask && /* @__PURE__ */ jsx19(
+      !state.confirmDelete && state.activeView === ViewType.DependencyList && state.selectedTask && /* @__PURE__ */ jsx21(
         DependencyList,
         {
           task: state.selectedTask,
@@ -3477,7 +3678,7 @@ ${state.selectedTask.additionalRequirements}`;
           addDepInput: state.addDepInput
         }
       ),
-      !state.confirmDelete && (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit) && /* @__PURE__ */ jsx19(
+      !state.confirmDelete && (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit) && /* @__PURE__ */ jsx21(
         TaskForm,
         {
           editingTask: state.activeView === ViewType.TaskEdit ? state.selectedTask : null,
@@ -3487,7 +3688,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleFormCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.EpicPicker && state.selectedTask && /* @__PURE__ */ jsx19(
+      !state.confirmDelete && state.activeView === ViewType.EpicPicker && state.selectedTask && /* @__PURE__ */ jsx21(
         EpicPicker,
         {
           epics: state.epics,
@@ -3496,7 +3697,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleEpicPickerCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectSelector && /* @__PURE__ */ jsx19(
+      !state.confirmDelete && state.activeView === ViewType.ProjectSelector && /* @__PURE__ */ jsx21(
         ProjectSelector,
         {
           projects: state.projects,
@@ -3509,7 +3710,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleProjectCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectCreate && /* @__PURE__ */ jsx19(
+      !state.confirmDelete && state.activeView === ViewType.ProjectCreate && /* @__PURE__ */ jsx21(
         ProjectForm,
         {
           initialGitRemote: state.detectedGitRemote ?? void 0,
@@ -3517,7 +3718,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleProjectFormCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectEdit && state.editingProject && /* @__PURE__ */ jsx19(
+      !state.confirmDelete && state.activeView === ViewType.ProjectEdit && state.editingProject && /* @__PURE__ */ jsx21(
         ProjectForm,
         {
           editingProject: state.editingProject,
@@ -3525,7 +3726,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleProjectFormCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectLink && state.linkingProject && /* @__PURE__ */ jsx19(
+      !state.confirmDelete && state.activeView === ViewType.ProjectLink && state.linkingProject && /* @__PURE__ */ jsx21(
         ProjectLinkForm,
         {
           project: state.linkingProject,
@@ -3535,18 +3736,18 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleLinkCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.Help && /* @__PURE__ */ jsx19(HelpOverlay, {})
+      !state.confirmDelete && state.activeView === ViewType.Help && /* @__PURE__ */ jsx21(HelpOverlay, {})
     ] }),
-    /* @__PURE__ */ jsx19(Crumbs, { breadcrumbs: state.breadcrumbs }),
-    state.flash && /* @__PURE__ */ jsx19(FlashMessage, { message: state.flash.message, level: state.flash.level })
+    /* @__PURE__ */ jsx21(Crumbs, { breadcrumbs: state.breadcrumbs }),
+    state.flash && /* @__PURE__ */ jsx21(FlashMessage, { message: state.flash.message, level: state.flash.level })
   ] });
 }
 
 // src/tui/index.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 async function launchTUI(container, initialProject, latestVersion) {
   const instance = render(
-    /* @__PURE__ */ jsx20(App, { container, initialProject, latestVersion }),
+    /* @__PURE__ */ jsx22(App, { container, initialProject, latestVersion }),
     {
       exitOnCtrlC: true
     }
@@ -3556,4 +3757,4 @@ async function launchTUI(container, initialProject, latestVersion) {
 export {
   launchTUI
 };
-//# sourceMappingURL=tui-NCL4RFFD.js.map
+//# sourceMappingURL=tui-APMSKU4E.js.map