@tomkapa/tayto 0.8.2 → 0.9.0

package/dist/{tui-6TXG3VUA.js → tui-U7ATVUJU.js}

@@ -11,14 +11,14 @@ import {
   isNewerVersion,
   isTerminalStatus,
   logger
-} from "./chunk-TJH7MKMN.js";
+} from "./chunk-7SQR55R2.js";
 
 // src/tui/index.tsx
 import { render } from "ink";
 
 // src/tui/components/App.tsx
 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";
+import { Box as Box23, Text as Text23, useInput as useInput7, useApp, useStdout as useStdout4 } from "ink";
 
 // src/tui/types.ts
 var ViewType = {
@@ -30,10 +30,12 @@ var ViewType = {
   ProjectCreate: "project-create",
   ProjectEdit: "project-edit",
   DependencyList: "dependency-list",
-  EpicPicker: "epic-picker",
+  ReleasePicker: "release-picker",
   ProjectLink: "project-link",
-  Help: "help"
+  Help: "help",
+  Settings: "settings"
 };
+var TopTab = { Tasks: "tasks", Settings: "settings" };
 
 // src/tui/assets/logo-data.ts
 var PALETTE = {
@@ -139,7 +141,7 @@ var STATUS_COLOR = {
   [TaskStatus.Cancelled]: theme.status.kill
 };
 var TYPE_COLOR = {
-  [TaskType.Epic]: theme.status.modified,
+  [TaskType.Release]: theme.status.modified,
   [TaskType.Story]: theme.status.highlight,
   [TaskType.TechDebt]: theme.status.pending,
   [TaskType.Bug]: theme.status.error
@@ -152,9 +154,19 @@ var DEP_TYPE_LABEL = {
 };
 
 // src/tui/state.ts
+function swapAt(arr, i, j) {
+  const next = [...arr];
+  const a = next[i];
+  const b = next[j];
+  if (a === void 0 || b === void 0) return arr;
+  next[i] = b;
+  next[j] = a;
+  return next;
+}
 var initialState = {
   activeView: ViewType.TaskList,
   breadcrumbs: [ViewType.TaskList],
+  activeTab: TopTab.Tasks,
   tasks: [],
   selectedIndex: 0,
   selectedTask: null,
@@ -177,13 +189,13 @@ var initialState = {
   addDepInput: "",
   focusedPanel: "list",
   detailScrollOffset: 0,
-  epics: [],
-  epicSelectedIndex: 0,
-  selectedEpicIds: /* @__PURE__ */ new Set(),
+  releases: [],
+  releaseSelectedIndex: 0,
+  selectedReleaseIds: /* @__PURE__ */ new Set(),
   linkingProject: null,
   editingProject: null,
-  isEpicReordering: false,
-  epicReorderSnapshot: null,
+  isReleaseReordering: false,
+  releaseReorderSnapshot: null,
   detectedGitRemote: null,
   changelogEntries: null,
   changelogIndex: 0,
@@ -274,19 +286,9 @@ function appReducer(state, action) {
     case "REORDER_MOVE": {
       if (!state.isReordering) return state;
       const idx = state.selectedIndex;
-      const tasks = [...state.tasks];
       const swapIdx = action.direction === "up" ? idx - 1 : idx + 1;
-      if (swapIdx < 0 || swapIdx >= tasks.length) return state;
-      const current = tasks[idx];
-      const swap = tasks[swapIdx];
-      if (!current || !swap) return state;
-      tasks[idx] = swap;
-      tasks[swapIdx] = current;
-      return {
-        ...state,
-        tasks,
-        selectedIndex: swapIdx
-      };
+      if (swapIdx < 0 || swapIdx >= state.tasks.length) return state;
+      return { ...state, tasks: swapAt(state.tasks, idx, swapIdx), selectedIndex: swapIdx };
     }
     case "EXIT_REORDER": {
       if (!action.save && state.reorderSnapshot) {
@@ -332,65 +334,62 @@ function appReducer(state, action) {
       };
     case "DETAIL_RESET_SCROLL":
       return { ...state, detailScrollOffset: 0 };
-    case "SET_EPICS":
+    case "SET_RELEASES":
       return {
         ...state,
-        epics: action.epics,
-        epicSelectedIndex: Math.min(state.epicSelectedIndex, Math.max(0, action.epics.length - 1))
+        releases: action.releases,
+        releaseSelectedIndex: Math.min(
+          state.releaseSelectedIndex,
+          Math.max(0, action.releases.length - 1)
+        )
       };
-    case "EPIC_MOVE_CURSOR": {
-      if (state.epics.length === 0) return state;
-      const maxIdx = Math.max(0, state.epics.length - 1);
-      const newIdx = action.direction === "up" ? Math.max(0, state.epicSelectedIndex - 1) : Math.min(maxIdx, state.epicSelectedIndex + 1);
-      return { ...state, epicSelectedIndex: newIdx };
-    }
-    case "TOGGLE_EPIC": {
-      const next = new Set(state.selectedEpicIds);
-      if (next.has(action.epicId)) {
-        next.delete(action.epicId);
+    case "RELEASE_MOVE_CURSOR": {
+      if (state.releases.length === 0) return state;
+      const maxIdx = Math.max(0, state.releases.length - 1);
+      const newIdx = action.direction === "up" ? Math.max(0, state.releaseSelectedIndex - 1) : Math.min(maxIdx, state.releaseSelectedIndex + 1);
+      return { ...state, releaseSelectedIndex: newIdx };
+    }
+    case "TOGGLE_RELEASE": {
+      const next = new Set(state.selectedReleaseIds);
+      if (next.has(action.releaseId)) {
+        next.delete(action.releaseId);
       } else {
-        next.add(action.epicId);
+        next.add(action.releaseId);
       }
-      return { ...state, selectedEpicIds: next, selectedIndex: 0 };
+      return { ...state, selectedReleaseIds: next, selectedIndex: 0 };
     }
-    case "CLEAR_EPIC_SELECTION":
-      return { ...state, selectedEpicIds: /* @__PURE__ */ new Set(), selectedIndex: 0 };
-    case "ENTER_EPIC_REORDER":
+    case "CLEAR_RELEASE_SELECTION":
+      return { ...state, selectedReleaseIds: /* @__PURE__ */ new Set(), selectedIndex: 0 };
+    case "ENTER_RELEASE_REORDER":
       return {
         ...state,
-        isEpicReordering: true,
-        epicReorderSnapshot: [...state.epics]
+        isReleaseReordering: true,
+        releaseReorderSnapshot: [...state.releases]
       };
-    case "EPIC_REORDER_MOVE": {
-      if (!state.isEpicReordering) return state;
-      const idx = state.epicSelectedIndex;
-      const epics = [...state.epics];
+    case "RELEASE_REORDER_MOVE": {
+      if (!state.isReleaseReordering) return state;
+      const idx = state.releaseSelectedIndex;
       const swapIdx = action.direction === "up" ? idx - 1 : idx + 1;
-      if (swapIdx < 0 || swapIdx >= epics.length) return state;
-      const current = epics[idx];
-      const swap = epics[swapIdx];
-      if (!current || !swap) return state;
-      epics[idx] = swap;
-      epics[swapIdx] = current;
+      if (swapIdx < 0 || swapIdx >= state.releases.length) return state;
       return {
         ...state,
-        epics,
-        epicSelectedIndex: swapIdx
+        releases: swapAt(state.releases, idx, swapIdx),
+        releaseSelectedIndex: swapIdx
       };
     }
-    case "EXIT_EPIC_REORDER": {
-      if (!action.save && state.epicReorderSnapshot) {
+    case "EXIT_RELEASE_REORDER": {
+      if (!action.save && state.releaseReorderSnapshot) {
         return {
           ...state,
-          isEpicReordering: false,
-          epics: state.epicReorderSnapshot,
-          epicReorderSnapshot: null
+          isReleaseReordering: false,
+          releases: state.releaseReorderSnapshot,
+          releaseReorderSnapshot: null
         };
       }
       return {
         ...state,
-        isEpicReordering: false,
-        epicReorderSnapshot: null
+        isReleaseReordering: false,
+        releaseReorderSnapshot: null
       };
     }
     case "SET_LINKING_PROJECT":
@@ -413,6 +412,16 @@ function appReducer(state, action) {
       return { ...state, changelogDialogOpen: true, changelogIndex: 0 };
     case "CLOSE_CHANGELOG_DIALOG":
       return { ...state, changelogDialogOpen: false };
+    case "SWITCH_TAB": {
+      const isSettings = action.tab === TopTab.Settings;
+      return {
+        ...state,
+        activeTab: action.tab,
+        activeView: isSettings ? ViewType.Settings : ViewType.TaskList,
+        breadcrumbs: isSettings ? [ViewType.Settings] : [ViewType.TaskList],
+        focusedPanel: "list"
+      };
+    }
   }
 }
 
@@ -510,7 +519,14 @@ function ChangelogTicker({ entries }) {
 // 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;
+  const {
+    activeView,
+    isSearchActive,
+    isReordering,
+    isReleaseReordering,
+    isAddingDep,
+    focusedPanel
+  } = state;
   if (state.changelogDialogOpen) {
     return [
       { key: "\u2191/\u2193", desc: "navigate" },
@@ -531,7 +547,7 @@ function getKeyHints(state) {
     { key: "esc/\u2190", desc: "cancel" }
   ];
   if (isReordering) return [{ key: "\u2191/\u2193", desc: "move" }, ...REORDER_SUFFIX];
-  if (isEpicReordering) return [{ key: "\u2191/\u2193", desc: "move epic" }, ...REORDER_SUFFIX];
+  if (isReleaseReordering) return [{ key: "\u2191/\u2193", desc: "move release" }, ...REORDER_SUFFIX];
   if (isSearchActive) {
     return [
       { key: "type", desc: "query" },
@@ -539,7 +555,7 @@ function getKeyHints(state) {
       { key: "esc", desc: "cancel" }
     ];
   }
-  if (activeView === ViewType.TaskList && focusedPanel === "epic") {
+  if (activeView === ViewType.TaskList && focusedPanel === "release") {
     return [
       { key: "j/k", desc: "nav" },
       { key: "space", desc: "toggle" },
@@ -562,6 +578,13 @@ function getKeyHints(state) {
       { key: "?", desc: "help" }
     ];
   }
+  if (activeView === ViewType.Settings) {
+    return [
+      { key: "1", desc: "tasks" },
+      { key: "?", desc: "help" },
+      { key: "q", desc: "quit" }
+    ];
+  }
   if (activeView === ViewType.TaskList) {
     return [
       { key: "enter", desc: "view" },
@@ -576,6 +599,7 @@ function getKeyHints(state) {
       { key: "f/t", desc: "filter" },
       { key: "PgDn/Up", desc: "page" },
       { key: "tab/S-tab", desc: "panel" },
+      { key: "2", desc: "settings" },
       { key: "?", desc: "help" },
       { key: "q", desc: "quit" }
     ];
@@ -620,7 +644,7 @@ function getKeyHints(state) {
       { key: "esc", desc: "back" }
     ];
   }
-  if (activeView === ViewType.EpicPicker) {
+  if (activeView === ViewType.ReleasePicker) {
     return [
       { key: "j/k", desc: "nav" },
       { key: "enter", desc: "select" },
@@ -694,7 +718,8 @@ var VIEW_LABELS = {
   "task-create": "create",
   "task-edit": "edit",
   "project-selector": "projects",
-  help: "help"
+  help: "help",
+  settings: "settings"
 };
 function Crumbs({ breadcrumbs }) {
   return /* @__PURE__ */ jsx4(Box4, { flexDirection: "row", gap: 0, width: "100%", children: breadcrumbs.map((crumb, i) => {
@@ -733,6 +758,11 @@ var COL = {
   type: 12,
   status: 14
 };
+var FIXED_WIDTH = 2 + 2 + COL.rank + COL.type + COL.status;
+function padTrunc(s, w) {
+  if (s.length >= w) return s.slice(0, w);
+  return s.padEnd(w);
+}
 function TaskList({
   tasks,
   selectedIndex,
@@ -745,8 +775,10 @@ function TaskList({
   nonTerminalDependentIds,
   isSelectedBlocked,
   isFocused = true,
-  epicFilterActive = false
+  releaseFilterActive = false,
+  width
 }) {
+  const maxNameWidth = Math.max(0, width - FIXED_WIDTH);
   const currentPage = Math.floor(selectedIndex / PAGE_SIZE);
   const viewStart = currentPage * PAGE_SIZE;
   const visibleTasks = tasks.slice(viewStart, viewStart + PAGE_SIZE);
@@ -780,7 +812,7 @@ function TaskList({
             " ",
             "REORDER"
           ] }),
-          epicFilterActive && /* @__PURE__ */ jsx6(Text6, { color: theme.titleHighlight, children: " [epic]" }),
+          releaseFilterActive && /* @__PURE__ */ jsx6(Text6, { color: theme.titleHighlight, children: " [release]" }),
           filterText && /* @__PURE__ */ jsxs3(Text6, { color: theme.titleFilter, children: [
             " /",
             filterText
@@ -800,7 +832,7 @@ function TaskList({
         ] }),
         /* @__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 isSelected = actualIndex === selectedIndex && isFocused;
           const isNonTerminalBlocker = nonTerminalBlockerIds.has(task.id);
           const isNonTerminalDependent = nonTerminalDependentIds.has(task.id);
           const rowColor = STATUS_COLOR[task.status] ?? theme.table.fg;
@@ -808,29 +840,29 @@ 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__ */ 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),
-              task.status.padEnd(COL.status),
-              task.name
-            ] }) }, task.id);
+            return /* @__PURE__ */ jsxs3(Box6, { children: [
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: isReordering ? "~ " : "> " }),
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: padTrunc(rowNum, COL.rank) }),
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: padTrunc(task.type, COL.type) }),
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: padTrunc(task.status, COL.status) }),
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: padTrunc(task.name, maxNameWidth) })
+            ] }, task.id);
           }
           if (isNonTerminalBlocker || isNonTerminalDependent) {
-            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),
-              task.status.padEnd(COL.status),
-              task.name
-            ] }) }, task.id);
+            return /* @__PURE__ */ jsxs3(Box6, { children: [
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: theme.table.depHighlightBg, color: theme.table.fg, bold: true, children: depMarker }),
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: theme.table.depHighlightBg, color: theme.table.fg, bold: true, children: padTrunc(rowNum, COL.rank) }),
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: theme.table.depHighlightBg, color: theme.table.fg, bold: true, children: padTrunc(task.type, COL.type) }),
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: theme.table.depHighlightBg, color: theme.table.fg, bold: true, children: padTrunc(task.status, COL.status) }),
+              /* @__PURE__ */ jsx6(Text6, { backgroundColor: theme.table.depHighlightBg, color: theme.table.fg, bold: true, children: padTrunc(task.name, maxNameWidth) })
+            ] }, task.id);
           }
           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 })
+            /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: padTrunc(rowNum, COL.rank) }),
+            /* @__PURE__ */ jsx6(Text6, { color: TYPE_COLOR[task.type] ?? rowColor, children: padTrunc(task.type, COL.type) }),
+            /* @__PURE__ */ jsx6(Text6, { color: STATUS_COLOR[task.status] ?? rowColor, children: padTrunc(task.status, COL.status) }),
+            /* @__PURE__ */ jsx6(Text6, { color: rowColor, children: padTrunc(task.name, maxNameWidth) })
           ] }, task.id);
         }) }),
         tasks.length > PAGE_SIZE && /* @__PURE__ */ jsx6(Box6, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs3(Text6, { dimColor: true, children: [
@@ -981,19 +1013,50 @@ function field(label, value) {
 function sectionHeader(title) {
   return PAD + chalk2.hex(theme.title).bold(`--- ${title} ---`);
 }
+function wrapWords(text, maxWidth) {
+  if (maxWidth <= 0 || text.length <= maxWidth) return [text];
+  const words = text.split(" ");
+  const out = [];
+  let line = "";
+  for (const word of words) {
+    if (line.length === 0) {
+      line = word;
+    } else if (line.length + 1 + word.length <= maxWidth) {
+      line += " " + word;
+    } else {
+      out.push(line);
+      line = word;
+    }
+  }
+  if (line.length > 0) out.push(line);
+  return out.length > 0 ? out : [""];
+}
+function buildNameLines(name, panelWidth) {
+  const label = "name";
+  const LABEL_PREFIX_LEN = PAD.length + label.length + 2;
+  const valueWidth = Math.max(10, panelWidth - 2 - LABEL_PREFIX_LEN);
+  const indent = " ".repeat(LABEL_PREFIX_LEN);
+  const prefix = PAD + chalk2.hex(theme.yaml.key).bold(label) + chalk2.hex(theme.yaml.colon)(": ");
+  const segments = name.split("\n").flatMap((seg) => wrapWords(seg, valueWidth));
+  return segments.map((seg, i) => (i === 0 ? prefix : indent) + chalk2.hex(theme.titleHighlight).bold(seg));
+}
 function markdownLines(content) {
   const rendered = renderMarkdown(content);
   if (!rendered) return [];
   return rendered.split("\n").map((line) => PAD + line);
 }
-function buildContentLines(task, blockers, dependents, related, duplicates) {
+function buildContentLines(task, parentTask, panelWidth, blockers, dependents, related, duplicates) {
   const lines = [];
   lines.push(field("id", task.id));
+  lines.push(...buildNameLines(task.name, panelWidth));
   lines.push(field("type", task.type));
   lines.push(field("status", task.status));
   lines.push(field("created", new Date(task.createdAt).toLocaleString()));
   lines.push(field("updated", new Date(task.updatedAt).toLocaleString()));
-  if (task.parentId) lines.push(field("parent", task.parentId));
+  if (task.parentId) {
+    const parentLabel = parentTask ? parentTask.name : task.parentId;
+    lines.push(field("release", parentLabel));
+  }
   const hasDeps = blockers.length > 0 || dependents.length > 0 || related.length > 0 || duplicates.length > 0;
   if (hasDeps) {
     lines.push(sectionHeader("dependencies"));
@@ -1038,6 +1101,8 @@ function buildContentLines(task, blockers, dependents, related, duplicates) {
 var CHROME_LINES = 8;
 function TaskDetail({
   task,
+  parentTask,
+  panelWidth,
   blockers = [],
   dependents = [],
   related = [],
@@ -1049,9 +1114,10 @@ function TaskDetail({
   const allText = `${task.description}
 ${task.technicalNotes}
 ${task.additionalRequirements}`;
+  const resolvedWidth = panelWidth ?? (stdout.columns > 0 ? stdout.columns : 120);
   const contentLines = useMemo2(
-    () => buildContentLines(task, blockers, dependents, related, duplicates),
-    [task, blockers, dependents, related, duplicates]
+    () => buildContentLines(task, parentTask, resolvedWidth, blockers, dependents, related, duplicates),
+    [task, parentTask, resolvedWidth, blockers, dependents, related, duplicates]
   );
   const viewportHeight = Math.max(1, (stdout.rows > 0 ? stdout.rows : 24) - CHROME_LINES);
   const visibleLines = contentLines.slice(scrollOffset, scrollOffset + viewportHeight);
@@ -1063,22 +1129,18 @@ ${task.additionalRequirements}`;
       borderStyle: "bold",
       borderColor: isFocused ? theme.borderFocus : theme.border,
       children: [
-        /* @__PURE__ */ jsxs5(Box8, { gap: 0, children: [
+        /* @__PURE__ */ jsxs5(Box8, { gap: 0, flexShrink: 0, children: [
           /* @__PURE__ */ jsxs5(Text8, { color: theme.title, bold: true, children: [
             " ",
             "detail"
           ] }),
-          /* @__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__ */ jsx8(Text8, { children: visibleLines.join("\n") }),
-        /* @__PURE__ */ jsx8(Box8, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx8(MermaidHint, { content: allText }) })
+        /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", flexGrow: 1, flexShrink: 1, overflow: "hidden", children: /* @__PURE__ */ jsx8(Text8, { children: visibleLines.join("\n") }) }),
+        /* @__PURE__ */ jsx8(Box8, { paddingX: 1, flexShrink: 0, children: /* @__PURE__ */ jsx8(MermaidHint, { content: allText }) })
       ]
     }
   );
@@ -1126,6 +1188,20 @@ function openInEditor(content, filename, options) {
 // src/tui/components/TaskPicker.tsx
 import { useState as useState2 } from "react";
 import { Box as Box9, Text as Text9, useInput, useStdout as useStdout2 } from "ink";
+
+// src/tui/viewport.ts
+function calcViewStart(cursorIndex, maxVisible) {
+  let viewStart = 0;
+  if (cursorIndex >= viewStart + maxVisible) {
+    viewStart = cursorIndex - maxVisible + 1;
+  }
+  if (cursorIndex < viewStart) {
+    viewStart = cursorIndex;
+  }
+  return viewStart;
+}
+
+// src/tui/components/TaskPicker.tsx
 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 = {
@@ -1156,13 +1232,7 @@ function TaskPicker({ tasks, excludeIds, initialSelection, onConfirm, onCancel }
     const q = searchQuery.toLowerCase();
     return t.id.toLowerCase().includes(q) || t.name.toLowerCase().includes(q) || t.description.toLowerCase().includes(q);
   });
-  let viewStart = 0;
-  if (cursorIndex >= viewStart + maxVisible) {
-    viewStart = cursorIndex - maxVisible + 1;
-  }
-  if (cursorIndex < viewStart) {
-    viewStart = cursorIndex;
-  }
+  const viewStart = calcViewStart(cursorIndex, maxVisible);
   const visible = available.slice(viewStart, viewStart + maxVisible);
   useInput((input, key) => {
     if (isSearching) {
@@ -1993,12 +2063,12 @@ var ROW1 = [
 ];
 var ROW2 = [
   {
-    title: "EPIC PANEL",
+    title: "RELEASE PANEL",
     keys: [
       ["j/k", "Navigate"],
       ["space", "Toggle filter"],
       ["0", "Clear filter"],
-      ["\u2190", "Reorder epics"]
+      ["\u2190", "Reorder releases"]
     ]
   },
   {
@@ -2263,21 +2333,21 @@ function DependencyList({
   ] });
 }
 
-// src/tui/components/EpicPanel.tsx
+// src/tui/components/ReleasePanel.tsx
 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,
+function ReleasePanel({
+  releases,
   selectedIndex,
-  selectedEpicIds,
+  selectedReleaseIds,
   isFocused,
   isReordering = false
 }) {
-  const filterActive = selectedEpicIds.size > 0;
+  const filterActive = selectedReleaseIds.size > 0;
   const currentPage = Math.floor(selectedIndex / PAGE_SIZE2);
   const viewStart = currentPage * PAGE_SIZE2;
-  const visibleEpics = epics.slice(viewStart, viewStart + PAGE_SIZE2);
+  const visibleReleases = releases.slice(viewStart, viewStart + PAGE_SIZE2);
   return /* @__PURE__ */ jsxs15(
     Box18,
     {
@@ -2289,11 +2359,11 @@ function EpicPanel({
         /* @__PURE__ */ jsxs15(Box18, { children: [
           /* @__PURE__ */ jsxs15(Text18, { color: theme.title, bold: true, children: [
             " ",
-            "epics"
+            "releases"
           ] }),
           /* @__PURE__ */ jsxs15(Text18, { color: theme.titleCounter, bold: true, children: [
             "[",
-            epics.length,
+            releases.length,
             "]"
           ] }),
           isReordering && /* @__PURE__ */ jsxs15(Text18, { color: theme.flash.warn, bold: true, children: [
@@ -2302,38 +2372,38 @@ function EpicPanel({
           ] }),
           filterActive && /* @__PURE__ */ jsxs15(Text18, { color: theme.titleFilter, children: [
             " *",
-            selectedEpicIds.size
+            selectedReleaseIds.size
           ] })
         ] }),
-        /* @__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) => {
+        /* @__PURE__ */ jsx18(Box18, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: releases.length === 0 ? /* @__PURE__ */ jsx18(Box18, { paddingX: 1, children: /* @__PURE__ */ jsx18(Text18, { dimColor: true, children: "No releases" }) }) : visibleReleases.map((release, i) => {
           const actualIndex = viewStart + i;
           const isSelected = actualIndex === selectedIndex && isFocused;
-          const isChecked = selectedEpicIds.has(epic.id);
+          const isChecked = selectedReleaseIds.has(release.id);
           const marker = isChecked ? "[x]" : "[ ]";
-          const statusColor = STATUS_COLOR[epic.status] ?? theme.table.fg;
+          const statusColor = STATUS_COLOR[release.status] ?? theme.table.fg;
           if (isSelected) {
             const cursorBg = isReordering ? theme.flash.warn : theme.table.cursorBg;
             return /* @__PURE__ */ jsx18(Box18, { children: /* @__PURE__ */ jsxs15(Text18, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: [
               isReordering ? "~ " : " ",
               marker,
               " ",
-              epic.name
-            ] }) }, epic.id);
+              release.name
+            ] }) }, release.id);
           }
           return /* @__PURE__ */ jsx18(Box18, { children: /* @__PURE__ */ jsxs15(Text18, { color: isChecked ? theme.titleHighlight : statusColor, children: [
             " ",
             marker,
             " ",
-            epic.name
-          ] }) }, epic.id);
+            release.name
+          ] }) }, release.id);
         }) }),
-        epics.length > PAGE_SIZE2 && /* @__PURE__ */ jsx18(Box18, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs15(Text18, { dimColor: true, children: [
+        releases.length > PAGE_SIZE2 && /* @__PURE__ */ jsx18(Box18, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs15(Text18, { dimColor: true, children: [
           "[",
           viewStart + 1,
           "-",
-          Math.min(viewStart + PAGE_SIZE2, epics.length),
+          Math.min(viewStart + PAGE_SIZE2, releases.length),
           "/",
-          epics.length,
+          releases.length,
           "]"
         ] }) })
       ]
@@ -2341,29 +2411,23 @@ function EpicPanel({
   );
 }
 
-// src/tui/components/EpicPicker.tsx
+// src/tui/components/ReleasePicker.tsx
 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 }) {
+function ReleasePicker({ releases, currentReleaseId, onSelect, onCancel }) {
   const { stdout } = useStdout3();
   const termHeight = stdout.rows > 0 ? stdout.rows : 24;
   const maxVisible = Math.max(3, termHeight - 10);
   const [searchQuery, setSearchQuery] = useState7("");
   const [isSearching, setIsSearching] = useState7(false);
   const [cursorIndex, setCursorIndex] = useState7(0);
-  const filtered = epics.filter((e) => {
+  const filtered = releases.filter((e) => {
     if (!searchQuery.trim()) return true;
     const q = searchQuery.toLowerCase();
     return e.id.toLowerCase().includes(q) || e.name.toLowerCase().includes(q) || e.description.toLowerCase().includes(q);
   });
-  let viewStart = 0;
-  if (cursorIndex >= viewStart + maxVisible) {
-    viewStart = cursorIndex - maxVisible + 1;
-  }
-  if (cursorIndex < viewStart) {
-    viewStart = cursorIndex;
-  }
+  const viewStart = calcViewStart(cursorIndex, maxVisible);
   const visible = filtered.slice(viewStart, viewStart + maxVisible);
   useInput6((input, key) => {
     if (isSearching) {
@@ -2397,9 +2461,9 @@ function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
       return;
     }
     if (key.return) {
-      const epic = filtered[cursorIndex];
-      if (epic) {
-        onSelect(epic.id);
+      const release = filtered[cursorIndex];
+      if (release) {
+        onSelect(release.id);
       }
       return;
     }
@@ -2421,12 +2485,12 @@ function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
     /* @__PURE__ */ jsxs16(Box19, { gap: 0, children: [
       /* @__PURE__ */ jsxs16(Text19, { color: theme.title, bold: true, children: [
         " ",
-        "assign to epic"
+        "assign to release"
       ] }),
       /* @__PURE__ */ jsxs16(Text19, { color: theme.titleCounter, bold: true, children: [
         " ",
         "[",
-        epics.length,
+        releases.length,
         "]"
       ] })
     ] }),
@@ -2444,23 +2508,23 @@ function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
       "STATUS".padEnd(14),
       "NAME"
     ] }) }),
-    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) => {
+    filtered.length === 0 ? /* @__PURE__ */ jsx19(Box19, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx19(Text19, { dimColor: true, children: "No releases match the filter" }) }) : visible.map((release, i) => {
       const actualIndex = viewStart + i;
       const isCursor = actualIndex === cursorIndex;
-      const isCurrent = epic.id === currentEpicId;
+      const isCurrent = release.id === currentReleaseId;
       const marker = isCurrent ? "* " : "  ";
-      const statusColor = STATUS_COLOR[epic.status] ?? theme.table.fg;
+      const statusColor = STATUS_COLOR[release.status] ?? theme.table.fg;
       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
+        release.id.padEnd(14),
+        release.status.padEnd(14),
+        release.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__ */ jsx19(Text19, { color: theme.yaml.value, children: release.id.padEnd(14) }),
+        /* @__PURE__ */ jsx19(Text19, { color: statusColor, children: release.status.padEnd(14) }),
+        /* @__PURE__ */ jsx19(Text19, { color: isCurrent ? theme.titleHighlight : theme.table.fg, children: release.name })
+      ] }) }, release.id);
     }),
     /* @__PURE__ */ jsx19(Box19, { flexGrow: 1 }),
     filtered.length > maxVisible && /* @__PURE__ */ jsx19(Box19, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs16(Text19, { dimColor: true, children: [
@@ -2509,6 +2573,39 @@ function ChangelogBanner({ entries, currentIndex }) {
   );
 }
 
+// src/tui/components/TabBar.tsx
+import { Box as Box21, Text as Text21 } from "ink";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function TabBar({ activeTab }) {
+  const tabs = [
+    { id: "tasks", label: " Tasks " },
+    { id: "settings", label: " Settings " }
+  ];
+  return /* @__PURE__ */ jsx21(Box21, { flexDirection: "row", gap: 0, width: "100%", children: tabs.map((tab) => {
+    const isActive = tab.id === activeTab;
+    return /* @__PURE__ */ jsx21(
+      Text21,
+      {
+        color: theme.crumb.fg,
+        backgroundColor: isActive ? theme.crumb.activeBg : theme.crumb.bg,
+        bold: isActive,
+        children: tab.label
+      },
+      tab.id
+    );
+  }) });
+}
+
+// src/tui/components/SettingsView.tsx
+import { Box as Box22, Text as Text22 } from "ink";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+function SettingsView() {
+  return /* @__PURE__ */ jsxs18(Box22, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.border, children: [
+    /* @__PURE__ */ jsx22(Box22, { children: /* @__PURE__ */ jsx22(Text22, { color: theme.title, bold: true, children: " settings" }) }),
+    /* @__PURE__ */ jsx22(Box22, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx22(Text22, { dimColor: true, children: "No settings available yet" }) })
+  ] });
+}
+
 // src/tui/useAutoRefetch.ts
 import { useEffect as useEffect4, useRef as useRef4 } from "react";
 import { watchFile, unwatchFile } from "fs";
@@ -2584,7 +2681,7 @@ function writeSeenVersion(cachePath, version) {
 }
 
 // src/tui/components/App.tsx
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 var STATUS_CYCLE = [
   TaskStatus.Backlog,
   TaskStatus.Todo,
@@ -2592,7 +2689,7 @@ var STATUS_CYCLE = [
   TaskStatus.Review,
   TaskStatus.Done
 ];
-var EPIC_PANEL_WIDTH = 48;
+var RELEASE_PANEL_WIDTH = 48;
 function App({ container, initialProject, latestVersion }) {
   const { exit } = useApp();
   const { stdout } = useStdout4();
@@ -2608,7 +2705,7 @@ function App({ container, initialProject, latestVersion }) {
     };
   }, [stdout]);
   const termWidth = stdout.columns > 0 ? stdout.columns : 120;
-  const remaining = Math.max(0, termWidth - EPIC_PANEL_WIDTH - 2);
+  const remaining = Math.max(0, termWidth - RELEASE_PANEL_WIDTH - 2);
   const taskListWidth = Math.floor(remaining * 0.6);
   const taskDetailWidth = remaining - taskListWidth;
   const loadProjects = useCallback2(() => {
@@ -2626,8 +2723,8 @@ function App({ container, initialProject, latestVersion }) {
     if (!activeProject) return;
     logger.startSpan("TUI.loadTasks", () => {
       const filter = { ...state.filter, level: TaskLevel.Work };
-      if (state.selectedEpicIds.size > 0) {
-        filter.parentIds = [...state.selectedEpicIds];
+      if (state.selectedReleaseIds.size > 0) {
+        filter.parentIds = [...state.selectedReleaseIds];
       }
       const result = container.taskService.listTasks(activeProject, filter);
       if (result.ok) {
@@ -2638,16 +2735,16 @@ function App({ container, initialProject, latestVersion }) {
         dispatch({ type: "FLASH", message: result.error.message, level: "error" });
       }
     });
-  }, [container, state.filter, state.activeProject, state.selectedEpicIds]);
-  const loadEpics = useCallback2(() => {
+  }, [container, state.filter, state.activeProject, state.selectedReleaseIds]);
+  const loadReleases = useCallback2(() => {
     if (!state.activeProject) return;
     const result = container.taskService.listTasks(state.activeProject, {
-      level: TaskLevel.Epic
+      level: TaskLevel.Release
     });
     if (result.ok) {
-      dispatch({ type: "SET_EPICS", epics: result.value });
+      dispatch({ type: "SET_RELEASES", releases: result.value });
     } else {
-      logger.error("TUI.loadEpics: failed", result.error);
+      logger.error("TUI.loadReleases: failed", result.error);
     }
   }, [container, state.activeProject]);
   const loadDeps = useCallback2(
@@ -2678,55 +2775,51 @@ function App({ container, initialProject, latestVersion }) {
           dispatch({ type: "SELECT_TASK", task: result.value });
         }
         loadTasks();
-        loadEpics();
+        loadReleases();
       } else {
         dispatch({ type: "FLASH", message: result.error.message, level: "error" });
       }
     },
-    [container, state.selectedTask, loadTasks, loadEpics]
+    [container, state.selectedTask, loadTasks, loadReleases]
+  );
+  const saveCurrentReorder = useCallback2(
+    (kind) => {
+      const activeProject = state.activeProject;
+      if (!activeProject) return;
+      const isRelease = kind === "release";
+      const items = isRelease ? state.releases : state.tasks;
+      const idx = isRelease ? state.releaseSelectedIndex : state.selectedIndex;
+      const item = items[idx];
+      if (!item) return;
+      const prev = items[idx - 1];
+      const next = items[idx + 1];
+      const result = prev ? container.taskService.rerankTask({ taskId: item.id, afterId: prev.id }, activeProject) : next ? container.taskService.rerankTask({ taskId: item.id, beforeId: next.id }, activeProject) : container.taskService.rerankTask({ taskId: item.id, position: 1 }, activeProject);
+      dispatch({ type: isRelease ? "EXIT_RELEASE_REORDER" : "EXIT_REORDER", save: result.ok });
+      dispatch({
+        type: "FLASH",
+        message: result.ok ? isRelease ? "Release rank saved" : "Rank saved" : result.error.message,
+        level: result.ok ? "info" : "error"
+      });
+      if (isRelease) loadReleases();
+      else loadTasks();
+    },
+    [
+      container,
+      state.tasks,
+      state.selectedIndex,
+      state.releases,
+      state.releaseSelectedIndex,
+      state.activeProject,
+      loadTasks,
+      loadReleases
+    ]
   );
-  const saveReorder = useCallback2(() => {
-    const activeProject = state.activeProject;
-    if (!activeProject) return;
-    const tasks = state.tasks;
-    const idx = state.selectedIndex;
-    const task = tasks[idx];
-    if (!task) return;
-    const prev = tasks[idx - 1];
-    const next = tasks[idx + 1];
-    const result = prev ? container.taskService.rerankTask({ taskId: task.id, afterId: prev.id }, activeProject) : next ? container.taskService.rerankTask({ taskId: task.id, beforeId: next.id }, activeProject) : container.taskService.rerankTask({ taskId: task.id, position: 1 }, activeProject);
-    dispatch({ type: "EXIT_REORDER", save: result.ok });
-    dispatch({
-      type: "FLASH",
-      message: result.ok ? "Rank saved" : result.error.message,
-      level: result.ok ? "info" : "error"
-    });
-    loadTasks();
-  }, [container, state.tasks, state.selectedIndex, loadTasks]);
-  const saveEpicReorder = useCallback2(() => {
-    const activeProject = state.activeProject;
-    if (!activeProject) return;
-    const epics = state.epics;
-    const idx = state.epicSelectedIndex;
-    const epic = epics[idx];
-    if (!epic) return;
-    const prev = epics[idx - 1];
-    const next = epics[idx + 1];
-    const result = prev ? container.taskService.rerankTask({ taskId: epic.id, afterId: prev.id }, activeProject) : next ? container.taskService.rerankTask({ taskId: epic.id, beforeId: next.id }, activeProject) : container.taskService.rerankTask({ taskId: epic.id, position: 1 }, activeProject);
-    dispatch({ type: "EXIT_EPIC_REORDER", save: result.ok });
-    dispatch({
-      type: "FLASH",
-      message: result.ok ? "Epic rank saved" : result.error.message,
-      level: result.ok ? "info" : "error"
-    });
-    loadEpics();
-  }, [container, state.epics, state.epicSelectedIndex, loadEpics]);
   const rerankSelectedToEdge = useCallback2(
     (kind, edge) => {
       const activeProject = state.activeProject;
       if (!activeProject) return;
-      const isEpic = kind === "epic";
-      const item = isEpic ? state.epics[state.epicSelectedIndex] : state.tasks[state.selectedIndex];
+      const isRelease = kind === "release";
+      const item = isRelease ? state.releases[state.releaseSelectedIndex] : state.tasks[state.selectedIndex];
       if (!item) return;
       const result = container.taskService.rerankTask(
         {
@@ -2736,32 +2829,32 @@ function App({ container, initialProject, latestVersion }) {
         activeProject
       );
       dispatch({
-        type: isEpic ? "EXIT_EPIC_REORDER" : "EXIT_REORDER",
+        type: isRelease ? "EXIT_RELEASE_REORDER" : "EXIT_REORDER",
         save: result.ok
       });
       dispatch({
         type: "FLASH",
-        message: result.ok ? `${isEpic ? "Epic moved" : "Moved"} to ${edge}` : result.error.message,
+        message: result.ok ? `${isRelease ? "Release moved" : "Moved"} to ${edge}` : result.error.message,
         level: result.ok ? "info" : "error"
       });
-      if (isEpic) loadEpics();
+      if (isRelease) loadReleases();
       else loadTasks();
     },
     [
       container,
       state.tasks,
       state.selectedIndex,
-      state.epics,
-      state.epicSelectedIndex,
+      state.releases,
+      state.releaseSelectedIndex,
       loadTasks,
-      loadEpics
+      loadReleases
     ]
   );
   const refetchAll = useCallback2(() => {
     loadProjects();
     loadTasks();
-    loadEpics();
-  }, [loadProjects, loadTasks, loadEpics]);
+    loadReleases();
+  }, [loadProjects, loadTasks, loadReleases]);
   useAutoRefetch(container.dbPath, refetchAll);
   useEffect5(() => {
     loadProjects();
@@ -2820,9 +2913,9 @@ function App({ container, initialProject, latestVersion }) {
   useEffect5(() => {
     if (state.activeProject) {
       loadTasks();
-      loadEpics();
+      loadReleases();
     }
-  }, [state.activeProject, state.filter, loadTasks, loadEpics]);
+  }, [state.activeProject, state.filter, loadTasks, loadReleases]);
   useEffect5(() => {
     if (state.flash) {
       const timer = setTimeout(() => {
@@ -2860,7 +2953,7 @@ function App({ container, initialProject, latestVersion }) {
             dispatch({ type: "GO_BACK" });
           }
           loadTasks();
-          loadEpics();
+          loadReleases();
         } else {
           dispatch({ type: "FLASH", message: result.error.message, level: "error" });
           dispatch({ type: "CANCEL_DELETE" });
@@ -2883,7 +2976,7 @@ function App({ container, initialProject, latestVersion }) {
       dispatch({ type: "GO_BACK" });
       return;
     }
-    if (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit || state.activeView === ViewType.ProjectSelector || state.activeView === ViewType.ProjectCreate || state.activeView === ViewType.ProjectEdit || state.activeView === ViewType.ProjectLink || state.activeView === ViewType.EpicPicker) {
+    if (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit || state.activeView === ViewType.ProjectSelector || state.activeView === ViewType.ProjectCreate || state.activeView === ViewType.ProjectEdit || state.activeView === ViewType.ProjectLink || state.activeView === ViewType.ReleasePicker) {
       return;
     }
     if (state.activeView === ViewType.DependencyList && state.isAddingDep) {
@@ -2954,30 +3047,42 @@ function App({ container, initialProject, latestVersion }) {
       }
       return;
     }
-    if (state.isEpicReordering) {
+    const isRootView = state.activeView === ViewType.TaskList || state.activeView === ViewType.Settings;
+    const noModal = !state.changelogEntries && !state.detectedGitRemote && !state.isReordering && !state.isReleaseReordering && !state.isAddingDep;
+    if (noModal && isRootView) {
+      if (input === "1") {
+        dispatch({ type: "SWITCH_TAB", tab: TopTab.Tasks });
+        return;
+      }
+      if (input === "2") {
+        dispatch({ type: "SWITCH_TAB", tab: TopTab.Settings });
+        return;
+      }
+    }
+    if (state.isReleaseReordering) {
       if (key.upArrow || input === "k") {
-        dispatch({ type: "EPIC_REORDER_MOVE", direction: "up" });
+        dispatch({ type: "RELEASE_REORDER_MOVE", direction: "up" });
         return;
       }
       if (key.downArrow || input === "j") {
-        dispatch({ type: "EPIC_REORDER_MOVE", direction: "down" });
+        dispatch({ type: "RELEASE_REORDER_MOVE", direction: "down" });
         return;
       }
       if (input === "t") {
-        rerankSelectedToEdge("epic", "top");
+        rerankSelectedToEdge("release", "top");
         return;
       }
       if (input === "b") {
-        rerankSelectedToEdge("epic", "bottom");
+        rerankSelectedToEdge("release", "bottom");
         return;
       }
       if (key.rightArrow) {
-        saveEpicReorder();
+        saveCurrentReorder("release");
         return;
       }
       if (key.escape || key.leftArrow) {
-        dispatch({ type: "EXIT_EPIC_REORDER", save: false });
-        dispatch({ type: "FLASH", message: "Epic reorder cancelled", level: "info" });
+        dispatch({ type: "EXIT_RELEASE_REORDER", save: false });
+        dispatch({ type: "FLASH", message: "Release reorder cancelled", level: "info" });
         return;
       }
       return;
@@ -3000,7 +3105,7 @@ function App({ container, initialProject, latestVersion }) {
         return;
       }
       if (key.rightArrow) {
-        saveReorder();
+        saveCurrentReorder("task");
         return;
       }
       if (key.escape || key.leftArrow) {
@@ -3010,7 +3115,7 @@ function App({ container, initialProject, latestVersion }) {
       }
       return;
     }
-    if (input === "q" && state.activeView === ViewType.TaskList && state.focusedPanel === "list") {
+    if (input === "q" && (state.activeView === ViewType.Settings || state.activeView === ViewType.TaskList && state.focusedPanel === "list")) {
       exit();
       return;
     }
@@ -3027,36 +3132,45 @@ function App({ container, initialProject, latestVersion }) {
       return;
     }
     if (key.tab && state.activeView === ViewType.TaskList) {
-      const panels = previewTask ? ["epic", "list", "detail"] : ["epic", "list"];
+      const panels = previewItem ? ["release", "list", "detail"] : ["release", "list"];
       const curIdx = panels.indexOf(state.focusedPanel);
       const delta = key.shift ? -1 : 1;
       const nextPanel = panels[(curIdx + delta + panels.length) % panels.length] ?? "list";
       dispatch({ type: "SET_PANEL_FOCUS", panel: nextPanel });
       return;
     }
-    if (state.activeView === ViewType.TaskList && state.focusedPanel === "epic") {
+    if (state.activeView === ViewType.TaskList && state.focusedPanel === "release") {
       if (key.upArrow || input === "k") {
-        dispatch({ type: "EPIC_MOVE_CURSOR", direction: "up" });
+        dispatch({ type: "RELEASE_MOVE_CURSOR", direction: "up" });
         return;
       }
       if (key.downArrow || input === "j") {
-        dispatch({ type: "EPIC_MOVE_CURSOR", direction: "down" });
+        dispatch({ type: "RELEASE_MOVE_CURSOR", direction: "down" });
+        return;
+      }
+      if (input === " ") {
+        const release = state.releases[state.releaseSelectedIndex];
+        if (release) {
+          dispatch({ type: "TOGGLE_RELEASE", releaseId: release.id });
+        }
         return;
       }
-      if (input === " " || key.return) {
-        const epic = state.epics[state.epicSelectedIndex];
-        if (epic) {
-          dispatch({ type: "TOGGLE_EPIC", epicId: epic.id });
+      if (key.return) {
+        const release = state.releases[state.releaseSelectedIndex];
+        if (release) {
+          dispatch({ type: "SELECT_TASK", task: release });
+          loadDeps(release.id);
+          dispatch({ type: "NAVIGATE_TO", view: ViewType.TaskDetail });
         }
         return;
       }
       if (input === "0") {
-        dispatch({ type: "CLEAR_EPIC_SELECTION" });
+        dispatch({ type: "CLEAR_RELEASE_SELECTION" });
         return;
       }
       if (key.leftArrow) {
-        if (state.epics.length > 0) {
-          dispatch({ type: "ENTER_EPIC_REORDER" });
+        if (state.releases.length > 0) {
+          dispatch({ type: "ENTER_RELEASE_REORDER" });
           dispatch({
             type: "FLASH",
             message: "Reorder: \u2191\u2193 move, t top, b bottom, \u2192 save, \u2190 cancel",
@@ -3135,7 +3249,7 @@ function App({ container, initialProject, latestVersion }) {
         const task = state.tasks[state.selectedIndex];
         if (task) {
           dispatch({ type: "SELECT_TASK", task });
-          dispatch({ type: "NAVIGATE_TO", view: ViewType.EpicPicker });
+          dispatch({ type: "NAVIGATE_TO", view: ViewType.ReleasePicker });
         }
         return;
       }
@@ -3144,14 +3258,14 @@ function App({ container, initialProject, latestVersion }) {
         if (task && task.parentId) {
           const result = container.taskService.updateTask(task.id, { parentId: null });
           if (result.ok) {
-            dispatch({ type: "FLASH", message: "Unassigned from epic", level: "info" });
+            dispatch({ type: "FLASH", message: "Unassigned from release", level: "info" });
             loadTasks();
-            loadEpics();
+            loadReleases();
           } else {
             dispatch({ type: "FLASH", message: result.error.message, level: "error" });
           }
         } else if (task) {
-          dispatch({ type: "FLASH", message: "Task has no epic", level: "warn" });
+          dispatch({ type: "FLASH", message: "Task has no release", level: "warn" });
         }
         return;
       }
@@ -3165,10 +3279,10 @@ function App({ container, initialProject, latestVersion }) {
         return;
       }
       if (key.leftArrow) {
-        if (state.selectedEpicIds.size > 0) {
+        if (state.selectedReleaseIds.size > 0) {
           dispatch({
             type: "FLASH",
-            message: "Clear epic filter (0) before reordering",
+            message: "Clear release filter (0) before reordering",
             level: "warn"
           });
           return;
@@ -3216,7 +3330,7 @@ function App({ container, initialProject, latestVersion }) {
         return;
       }
     }
-    if (state.activeView === ViewType.TaskList && state.focusedPanel === "detail" && previewTask) {
+    if (state.activeView === ViewType.TaskList && state.focusedPanel === "detail" && previewItem) {
       if (key.upArrow || input === "k") {
         dispatch({ type: "DETAIL_SCROLL", direction: "up" });
         return;
@@ -3226,22 +3340,22 @@ function App({ container, initialProject, latestVersion }) {
         return;
       }
       if (input === "e") {
-        dispatch({ type: "SELECT_TASK", task: previewTask });
+        dispatch({ type: "SELECT_TASK", task: previewItem });
         dispatch({ type: "NAVIGATE_TO", view: ViewType.TaskEdit });
         return;
       }
       if (input === "d") {
-        dispatch({ type: "CONFIRM_DELETE", task: previewTask });
+        dispatch({ type: "CONFIRM_DELETE", task: previewItem });
         return;
       }
       if (input === "s") {
-        cycleStatus(previewTask);
+        cycleStatus(previewItem);
         return;
       }
       if (input === "m") {
-        const allText = `${previewTask.description}
-${previewTask.technicalNotes}
-${previewTask.additionalRequirements}`;
+        const allText = `${previewItem.description}
+${previewItem.technicalNotes}
+${previewItem.additionalRequirements}`;
         const count = openAllMermaidDiagrams(allText);
         if (count > 0) {
           dispatch({
@@ -3253,8 +3367,8 @@ ${previewTask.additionalRequirements}`;
         return;
       }
       if (input === "D") {
-        dispatch({ type: "SELECT_TASK", task: previewTask });
-        loadDeps(previewTask.id);
+        dispatch({ type: "SELECT_TASK", task: previewItem });
+        loadDeps(previewItem.id);
         dispatch({ type: "NAVIGATE_TO", view: ViewType.DependencyList });
         return;
       }
@@ -3387,7 +3501,7 @@ ${state.selectedTask.additionalRequirements}`;
         loadDeps(taskId);
         dispatch({ type: "GO_BACK" });
         loadTasks();
-        loadEpics();
+        loadReleases();
       } else {
         if (!state.activeProject) return;
         const result = container.taskService.createTask(data, state.activeProject);
@@ -3395,7 +3509,7 @@ ${state.selectedTask.additionalRequirements}`;
           dispatch({ type: "FLASH", message: "Task created", level: "info" });
           dispatch({ type: "GO_BACK" });
           loadTasks();
-          loadEpics();
+          loadReleases();
         } else {
           dispatch({ type: "FLASH", message: result.error.message, level: "error" });
         }
@@ -3408,31 +3522,31 @@ ${state.selectedTask.additionalRequirements}`;
       state.activeProject,
       loadTasks,
       loadDeps,
-      loadEpics
+      loadReleases
     ]
   );
   const handleFormCancel = useCallback2(() => {
     dispatch({ type: "GO_BACK" });
   }, []);
-  const handleEpicPickerSelect = useCallback2(
-    (epicId) => {
+  const handleReleasePickerSelect = useCallback2(
+    (releaseId) => {
       if (!state.selectedTask) return;
       const result = container.taskService.updateTask(state.selectedTask.id, {
-        parentId: epicId
+        parentId: releaseId
       });
       if (result.ok) {
-        const msg = epicId ? `Assigned to ${epicId}` : "Unassigned from epic";
+        const msg = releaseId ? `Assigned to ${releaseId}` : "Unassigned from release";
         dispatch({ type: "FLASH", message: msg, level: "info" });
         loadTasks();
-        loadEpics();
+        loadReleases();
       } else {
         dispatch({ type: "FLASH", message: result.error.message, level: "error" });
       }
       dispatch({ type: "GO_BACK" });
     },
-    [container, state.selectedTask, loadTasks, loadEpics]
+    [container, state.selectedTask, loadTasks, loadReleases]
   );
-  const handleEpicPickerCancel = useCallback2(() => {
+  const handleReleasePickerCancel = useCallback2(() => {
     dispatch({ type: "GO_BACK" });
   }, []);
   const handleProjectSelect = useCallback2((project) => {
@@ -3566,7 +3680,7 @@ ${state.selectedTask.additionalRequirements}`;
   const handleProjectCancel = useCallback2(() => {
     dispatch({ type: "GO_BACK" });
   }, []);
-  const previewTask = state.tasks[state.selectedIndex] ?? null;
+  const previewItem = state.focusedPanel === "release" ? state.releases[state.releaseSelectedIndex] ?? null : state.tasks[state.selectedIndex] ?? null;
   const initialDepsForEdit = useMemo3(() => {
     return [
       ...state.depBlockers.map((t) => ({ id: t.id, name: t.name, type: DependencyType.Blocks })),
@@ -3583,29 +3697,39 @@ ${state.selectedTask.additionalRequirements}`;
     const result = container.taskService.listTasks(state.activeProject, {});
     return result.ok ? result.value : [];
   }, [container, state.activeProject, state.tasks]);
-  const previewTaskId = previewTask?.id ?? null;
+  const previewItemId = previewItem?.id ?? null;
   useEffect5(() => {
-    if (state.activeView === ViewType.TaskList && previewTaskId) {
-      loadDeps(previewTaskId);
-    }
-  }, [state.activeView, previewTaskId, loadDeps]);
-  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,
+    if (state.activeView === ViewType.TaskList && previewItemId) {
+      loadDeps(previewItemId);
+    }
+  }, [state.activeView, previewItemId, loadDeps]);
+  return /* @__PURE__ */ jsxs19(Box23, { flexDirection: "column", height: stdout.rows, children: [
+    /* @__PURE__ */ jsxs19(Box23, { flexShrink: 0, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx23(Header, { state, latestVersion }),
+      /* @__PURE__ */ jsx23(TabBar, { activeTab: state.activeTab })
+    ] }),
+    state.activeTab === TopTab.Settings && /* @__PURE__ */ jsx23(SettingsView, {}),
+    state.activeTab === TopTab.Tasks && /* @__PURE__ */ jsxs19(Box23, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: [
+      state.confirmDelete && /* @__PURE__ */ jsx23(ConfirmDialog, { task: state.confirmDelete }),
+      !state.confirmDelete && state.changelogEntries && state.changelogDialogOpen && state.activeView === ViewType.TaskList && /* @__PURE__ */ jsx23(
+        ChangelogBanner,
+        {
+          entries: state.changelogEntries,
+          currentIndex: state.changelogIndex
+        }
+      ),
+      !state.confirmDelete && !state.changelogDialogOpen && state.activeView === ViewType.TaskList && (state.detectedGitRemote ? /* @__PURE__ */ jsx23(DetectedProjectDialog, { remote: state.detectedGitRemote }) : /* @__PURE__ */ jsxs19(Box23, { flexDirection: "row", flexGrow: 1, children: [
+        /* @__PURE__ */ jsx23(
+          ReleasePanel,
           {
-            epics: state.epics,
-            selectedIndex: state.epicSelectedIndex,
-            selectedEpicIds: state.selectedEpicIds,
-            isFocused: state.focusedPanel === "epic",
-            isReordering: state.isEpicReordering
+            releases: state.releases,
+            selectedIndex: state.releaseSelectedIndex,
+            selectedReleaseIds: state.selectedReleaseIds,
+            isFocused: state.focusedPanel === "release",
+            isReordering: state.isReleaseReordering
           }
         ),
-        /* @__PURE__ */ jsx21(Box21, { width: taskListWidth, children: /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23(Box23, { width: taskListWidth, children: /* @__PURE__ */ jsx23(
           TaskList,
           {
             tasks: state.tasks,
@@ -3623,13 +3747,16 @@ ${state.selectedTask.additionalRequirements}`;
             ),
             isSelectedBlocked: state.depBlockers.some((t) => !isTerminalStatus(t.status)),
             isFocused: state.focusedPanel === "list",
-            epicFilterActive: state.selectedEpicIds.size > 0
+            releaseFilterActive: state.selectedReleaseIds.size > 0,
+            width: taskListWidth
           }
         ) }),
-        /* @__PURE__ */ jsx21(Box21, { width: taskDetailWidth, children: previewTask ? /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23(Box23, { width: taskDetailWidth, children: previewItem ? /* @__PURE__ */ jsx23(
           TaskDetail,
           {
-            task: previewTask,
+            task: previewItem,
+            parentTask: state.releases.find((r) => r.id === previewItem.parentId) ?? null,
+            panelWidth: taskDetailWidth,
             blockers: state.depBlockers,
             dependents: state.depDependents,
             related: state.depRelated,
@@ -3637,27 +3764,29 @@ ${state.selectedTask.additionalRequirements}`;
             isFocused: state.focusedPanel === "detail",
             scrollOffset: state.detailScrollOffset
           }
-        ) : /* @__PURE__ */ jsxs18(
-          Box21,
+        ) : /* @__PURE__ */ jsxs19(
+          Box23,
           {
             flexDirection: "column",
             flexGrow: 1,
             borderStyle: "bold",
             borderColor: theme.border,
             children: [
-              /* @__PURE__ */ jsx21(Box21, { children: /* @__PURE__ */ jsxs18(Text21, { color: theme.title, bold: true, children: [
+              /* @__PURE__ */ jsx23(Box23, { children: /* @__PURE__ */ jsxs19(Text23, { color: theme.title, bold: true, children: [
                 " ",
                 "detail"
               ] }) }),
-              /* @__PURE__ */ jsx21(Box21, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx21(Text21, { dimColor: true, children: "No task selected" }) })
+              /* @__PURE__ */ jsx23(Box23, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx23(Text23, { dimColor: true, children: "No task selected" }) })
             ]
           }
         ) })
       ] })),
-      !state.confirmDelete && state.activeView === ViewType.TaskDetail && state.selectedTask && /* @__PURE__ */ jsx21(
+      !state.confirmDelete && state.activeView === ViewType.TaskDetail && state.selectedTask && /* @__PURE__ */ jsx23(
         TaskDetail,
         {
           task: state.selectedTask,
+          parentTask: state.releases.find((r) => r.id === state.selectedTask.parentId) ?? null,
+          panelWidth: termWidth,
           blockers: state.depBlockers,
           dependents: state.depDependents,
           related: state.depRelated,
@@ -3665,7 +3794,7 @@ ${state.selectedTask.additionalRequirements}`;
           scrollOffset: state.detailScrollOffset
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.DependencyList && state.selectedTask && /* @__PURE__ */ jsx21(
+      !state.confirmDelete && state.activeView === ViewType.DependencyList && state.selectedTask && /* @__PURE__ */ jsx23(
         DependencyList,
         {
           task: state.selectedTask,
@@ -3678,7 +3807,7 @@ ${state.selectedTask.additionalRequirements}`;
           addDepInput: state.addDepInput
         }
       ),
-      !state.confirmDelete && (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit) && /* @__PURE__ */ jsx21(
+      !state.confirmDelete && (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit) && /* @__PURE__ */ jsx23(
         TaskForm,
         {
           editingTask: state.activeView === ViewType.TaskEdit ? state.selectedTask : null,
@@ -3688,16 +3817,16 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleFormCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.EpicPicker && state.selectedTask && /* @__PURE__ */ jsx21(
-        EpicPicker,
+      !state.confirmDelete && state.activeView === ViewType.ReleasePicker && state.selectedTask && /* @__PURE__ */ jsx23(
+        ReleasePicker,
         {
-          epics: state.epics,
-          currentEpicId: state.selectedTask.parentId,
-          onSelect: handleEpicPickerSelect,
-          onCancel: handleEpicPickerCancel
+          releases: state.releases,
+          currentReleaseId: state.selectedTask.parentId,
+          onSelect: handleReleasePickerSelect,
+          onCancel: handleReleasePickerCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectSelector && /* @__PURE__ */ jsx21(
+      !state.confirmDelete && state.activeView === ViewType.ProjectSelector && /* @__PURE__ */ jsx23(
         ProjectSelector,
         {
           projects: state.projects,
@@ -3710,7 +3839,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleProjectCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectCreate && /* @__PURE__ */ jsx21(
+      !state.confirmDelete && state.activeView === ViewType.ProjectCreate && /* @__PURE__ */ jsx23(
         ProjectForm,
         {
           initialGitRemote: state.detectedGitRemote ?? void 0,
@@ -3718,7 +3847,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleProjectFormCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectEdit && state.editingProject && /* @__PURE__ */ jsx21(
+      !state.confirmDelete && state.activeView === ViewType.ProjectEdit && state.editingProject && /* @__PURE__ */ jsx23(
         ProjectForm,
         {
           editingProject: state.editingProject,
@@ -3726,7 +3855,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleProjectFormCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectLink && state.linkingProject && /* @__PURE__ */ jsx21(
+      !state.confirmDelete && state.activeView === ViewType.ProjectLink && state.linkingProject && /* @__PURE__ */ jsx23(
         ProjectLinkForm,
         {
           project: state.linkingProject,
@@ -3736,18 +3865,18 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleLinkCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.Help && /* @__PURE__ */ jsx21(HelpOverlay, {})
+      !state.confirmDelete && state.activeView === ViewType.Help && /* @__PURE__ */ jsx23(HelpOverlay, {})
     ] }),
-    /* @__PURE__ */ jsx21(Crumbs, { breadcrumbs: state.breadcrumbs }),
-    state.flash && /* @__PURE__ */ jsx21(FlashMessage, { message: state.flash.message, level: state.flash.level })
+    /* @__PURE__ */ jsx23(Crumbs, { breadcrumbs: state.breadcrumbs }),
+    state.flash && /* @__PURE__ */ jsx23(FlashMessage, { message: state.flash.message, level: state.flash.level })
   ] });
 }
 
 // src/tui/index.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 async function launchTUI(container, initialProject, latestVersion) {
   const instance = render(
-    /* @__PURE__ */ jsx22(App, { container, initialProject, latestVersion }),
+    /* @__PURE__ */ jsx24(App, { container, initialProject, latestVersion }),
     {
       exitOnCtrlC: true
     }
@@ -3757,4 +3886,4 @@ async function launchTUI(container, initialProject, latestVersion) {
 export {
   launchTUI
 };
-//# sourceMappingURL=tui-6TXG3VUA.js.map
+//# sourceMappingURL=tui-U7ATVUJU.js.map