@tomkapa/tayto 0.1.0

package/dist/tui-JNZRBEIQ.js

@@ -0,0 +1,2352 @@
+#!/usr/bin/env node
+import {
+  DependencyType,
+  TaskStatus,
+  TaskType,
+  UIDependencyType,
+  isTerminalStatus,
+  logger
+} from "./chunk-6NQOFUIQ.js";
+
+// src/tui/index.tsx
+import { render } from "ink";
+
+// src/tui/components/App.tsx
+import { useReducer, useEffect, useCallback as useCallback2, useMemo } from "react";
+import { Box as Box14, Text as Text14, useInput as useInput5, useApp } from "ink";
+
+// src/tui/types.ts
+var ViewType = {
+  TaskList: "task-list",
+  TaskDetail: "task-detail",
+  TaskCreate: "task-create",
+  TaskEdit: "task-edit",
+  ProjectSelector: "project-selector",
+  ProjectCreate: "project-create",
+  DependencyList: "dependency-list",
+  Help: "help"
+};
+
+// src/tui/state.ts
+var initialState = {
+  activeView: ViewType.TaskList,
+  breadcrumbs: [ViewType.TaskList],
+  tasks: [],
+  selectedIndex: 0,
+  selectedTask: null,
+  projects: [],
+  activeProject: null,
+  filter: {},
+  searchQuery: "",
+  isSearchActive: false,
+  isReordering: false,
+  reorderSnapshot: null,
+  flash: null,
+  confirmDelete: null,
+  formData: null,
+  depBlockers: [],
+  depDependents: [],
+  depRelated: [],
+  depDuplicates: [],
+  depSelectedIndex: 0,
+  isAddingDep: false,
+  addDepInput: "",
+  focusedPanel: "list"
+};
+function appReducer(state, action) {
+  switch (action.type) {
+    case "NAVIGATE_TO":
+      return {
+        ...state,
+        breadcrumbs: [...state.breadcrumbs, action.view],
+        activeView: action.view,
+        confirmDelete: null,
+        focusedPanel: "list"
+      };
+    case "GO_BACK": {
+      const crumbs = state.breadcrumbs.length > 1 ? state.breadcrumbs.slice(0, -1) : [ViewType.TaskList];
+      return {
+        ...state,
+        activeView: crumbs[crumbs.length - 1] ?? ViewType.TaskList,
+        breadcrumbs: crumbs,
+        confirmDelete: null,
+        isSearchActive: false,
+        formData: null,
+        focusedPanel: "list"
+      };
+    }
+    case "SET_TASKS":
+      return {
+        ...state,
+        tasks: action.tasks,
+        selectedIndex: Math.min(state.selectedIndex, Math.max(0, action.tasks.length - 1))
+      };
+    case "SET_PROJECTS":
+      return { ...state, projects: action.projects };
+    case "SET_ACTIVE_PROJECT":
+      return { ...state, activeProject: action.project };
+    case "SET_FILTER":
+      return {
+        ...state,
+        filter: { ...state.filter, ...action.filter },
+        selectedIndex: 0
+      };
+    case "CLEAR_FILTER":
+      return { ...state, filter: {}, selectedIndex: 0, searchQuery: "" };
+    case "SET_SEARCH_ACTIVE":
+      return { ...state, isSearchActive: action.active };
+    case "SET_SEARCH_QUERY":
+      return { ...state, searchQuery: action.query };
+    case "FLASH":
+      return {
+        ...state,
+        flash: { message: action.message, level: action.level }
+      };
+    case "CLEAR_FLASH":
+      return { ...state, flash: null };
+    case "CONFIRM_DELETE":
+      return { ...state, confirmDelete: action.task };
+    case "CANCEL_DELETE":
+      return { ...state, confirmDelete: null };
+    case "MOVE_CURSOR": {
+      const maxIndex = Math.max(0, state.tasks.length - 1);
+      const newIndex = action.direction === "up" ? Math.max(0, state.selectedIndex - 1) : Math.min(maxIndex, state.selectedIndex + 1);
+      return { ...state, selectedIndex: newIndex };
+    }
+    case "SET_CURSOR": {
+      const maxIndex = Math.max(0, state.tasks.length - 1);
+      return { ...state, selectedIndex: Math.max(0, Math.min(action.index, maxIndex)) };
+    }
+    case "SELECT_TASK":
+      return { ...state, selectedTask: action.task };
+    case "SET_FORM_DATA":
+      return { ...state, formData: action.data };
+    case "ENTER_REORDER":
+      return {
+        ...state,
+        isReordering: true,
+        reorderSnapshot: [...state.tasks]
+      };
+    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
+      };
+    }
+    case "EXIT_REORDER": {
+      if (!action.save && state.reorderSnapshot) {
+        return {
+          ...state,
+          isReordering: false,
+          tasks: state.reorderSnapshot,
+          reorderSnapshot: null
+        };
+      }
+      return {
+        ...state,
+        isReordering: false,
+        reorderSnapshot: null
+      };
+    }
+    case "SET_DEPS":
+      return {
+        ...state,
+        depBlockers: action.blockers,
+        depDependents: action.dependents,
+        depRelated: action.related,
+        depDuplicates: action.duplicates,
+        depSelectedIndex: 0
+      };
+    case "DEP_MOVE_CURSOR": {
+      const total = state.depBlockers.length + state.depDependents.length + state.depRelated.length + state.depDuplicates.length;
+      if (total === 0) return state;
+      const maxIdx = Math.max(0, total - 1);
+      const newIdx = action.direction === "up" ? Math.max(0, state.depSelectedIndex - 1) : Math.min(maxIdx, state.depSelectedIndex + 1);
+      return { ...state, depSelectedIndex: newIdx };
+    }
+    case "SET_ADDING_DEP":
+      return { ...state, isAddingDep: action.active, addDepInput: "" };
+    case "SET_ADD_DEP_INPUT":
+      return { ...state, addDepInput: action.input };
+    case "SET_PANEL_FOCUS":
+      return { ...state, focusedPanel: action.panel };
+  }
+}
+
+// src/tui/theme.ts
+var theme = {
+  // Body
+  fg: "#1E90FF",
+  // dodgerblue
+  bg: "black",
+  logo: "#FFA500",
+  // orange
+  // Table
+  table: {
+    fg: "#00FFFF",
+    // aqua
+    cursorFg: "black",
+    cursorBg: "#00FFFF",
+    // aqua
+    headerFg: "white",
+    markColor: "#98FB98",
+    // palegreen
+    depHighlightBg: "#1A5276",
+    // dark steel blue – non-terminal dep rows
+    blockedCursorBg: "#C0392B"
+    // strong red – selected row blocked by non-terminal dep
+  },
+  // Status colors (row-level)
+  status: {
+    new: "#87CEFA",
+    // lightskyblue
+    modified: "#ADFF2F",
+    // greenyellow
+    added: "#1E90FF",
+    // dodgerblue
+    error: "#FF4500",
+    // orangered
+    pending: "#FF8C00",
+    // darkorange
+    highlight: "#00FFFF",
+    // aqua
+    kill: "#9370DB",
+    // mediumpurple
+    completed: "#778899"
+    // lightslategray
+  },
+  // Frame / borders
+  border: "#1E90FF",
+  // dodgerblue
+  borderFocus: "#00FFFF",
+  // aqua
+  // Title
+  title: "#00FFFF",
+  // aqua
+  titleHighlight: "#FF00FF",
+  // fuchsia
+  titleCounter: "#FFEFD5",
+  // papayawhip
+  titleFilter: "#2E8B57",
+  // seagreen
+  // Prompt
+  prompt: "#5F9EA0",
+  // cadetblue
+  promptSuggest: "#1E90FF",
+  // dodgerblue
+  // Dialog
+  dialog: {
+    fg: "#1E90FF",
+    // dodgerblue
+    buttonFg: "black",
+    buttonBg: "#1E90FF",
+    buttonFocusFg: "white",
+    buttonFocusBg: "#FF00FF",
+    // fuchsia
+    label: "#FF00FF",
+    // fuchsia
+    field: "#1E90FF"
+  },
+  // Detail/YAML
+  yaml: {
+    key: "#4682B4",
+    // steelblue
+    colon: "white",
+    value: "#FFEFD5"
+    // papayawhip
+  },
+  // Crumbs
+  crumb: {
+    fg: "black",
+    bg: "#4682B4",
+    // steelblue
+    activeBg: "#FFA500"
+    // orange
+  },
+  // Flash
+  flash: {
+    info: "#FFDEAD",
+    // navajowhite
+    warn: "#FFA500",
+    // orange
+    error: "#FF4500"
+    // orangered
+  },
+  // Menu / key hints
+  menu: {
+    key: "#1E90FF",
+    // dodgerblue
+    numKey: "#FF00FF",
+    // fuchsia
+    desc: "white"
+  }
+};
+
+// src/tui/constants.ts
+var STATUS_VALUES = Object.values(TaskStatus);
+var TYPE_VALUES = Object.values(TaskType);
+var STATUS_COLOR = {
+  [TaskStatus.Backlog]: theme.status.completed,
+  [TaskStatus.Todo]: theme.status.new,
+  [TaskStatus.InProgress]: theme.status.pending,
+  [TaskStatus.Review]: theme.status.modified,
+  [TaskStatus.Done]: theme.status.added,
+  [TaskStatus.Cancelled]: theme.status.kill
+};
+var TYPE_COLOR = {
+  [TaskType.Story]: theme.status.highlight,
+  [TaskType.TechDebt]: theme.status.pending,
+  [TaskType.Bug]: theme.status.error
+};
+var DEP_TYPE_LABEL = {
+  [DependencyType.Blocks]: "blocks",
+  [DependencyType.RelatesTo]: "relates-to",
+  [DependencyType.Duplicates]: "duplicates",
+  [UIDependencyType.BlockedBy]: "blocked-by"
+};
+
+// src/tui/components/Header.tsx
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getKeyHints(view, isSearchActive) {
+  if (isSearchActive) {
+    return [
+      { key: "enter", desc: "apply" },
+      { key: "esc", desc: "cancel" }
+    ];
+  }
+  if (view === "task-list") {
+    return [
+      { key: "enter", desc: "view" },
+      { key: "c", desc: "create" },
+      { key: "e", desc: "edit" },
+      { key: "d", desc: "del" },
+      { key: "s", desc: "status" },
+      { key: "\u2190", desc: "reorder" },
+      { key: "/", desc: "search" },
+      { key: "p", desc: "project" },
+      { key: "f", desc: "status-f" },
+      { key: "t", desc: "type-f" },
+      { key: "?", desc: "help" },
+      { key: "q", desc: "quit" }
+    ];
+  }
+  if (view === "task-detail") {
+    return [
+      { key: "e", desc: "edit" },
+      { key: "s", desc: "status" },
+      { key: "d", desc: "del" },
+      { key: "m", desc: "mermaid" },
+      { key: "esc", desc: "back" },
+      { key: "?", desc: "help" },
+      { key: "q", desc: "quit" }
+    ];
+  }
+  return [
+    { key: "esc", desc: "back" },
+    { key: "?", desc: "help" },
+    { key: "q", desc: "quit" }
+  ];
+}
+function Header({ state }) {
+  const projectName = state.activeProject?.name ?? "none";
+  const taskCount = state.tasks.length;
+  const hints = getKeyHints(state.activeView, state.isSearchActive);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs(Box, { gap: 2, children: [
+      /* @__PURE__ */ jsx(Text, { color: theme.logo, bold: true, children: "TaskCLI" }),
+      /* @__PURE__ */ jsx(Text, { color: theme.logo, children: "Project:" }),
+      /* @__PURE__ */ jsx(Text, { color: "white", bold: true, children: projectName }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ jsx(Text, { color: theme.logo, children: "Tasks:" }),
+      /* @__PURE__ */ jsx(Text, { color: "white", bold: true, children: taskCount })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "row", flexWrap: "wrap", columnGap: 1, children: hints.map((h) => /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Text, { color: theme.menu.key, bold: true, children: [
+        "<",
+        h.key,
+        ">"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: h.desc })
+    ] }, h.key)) })
+  ] });
+}
+
+// src/tui/components/Crumbs.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var VIEW_LABELS = {
+  "task-list": "tasks",
+  "task-detail": "detail",
+  "task-create": "create",
+  "task-edit": "edit",
+  "project-selector": "projects",
+  help: "help"
+};
+function Crumbs({ breadcrumbs }) {
+  return /* @__PURE__ */ jsx2(Box2, { 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__ */ jsx2(
+      Text2,
+      {
+        color: theme.crumb.fg,
+        backgroundColor: isActive ? theme.crumb.activeBg : theme.crumb.bg,
+        bold: isActive,
+        children: label
+      },
+      `${crumb}-${i}`
+    );
+  }) });
+}
+
+// src/tui/components/FlashMessage.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3 } 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__ */ jsx3(Box3, { justifyContent: "center", width: "100%", children: /* @__PURE__ */ jsx3(Text3, { color: LEVEL_COLOR[level], bold: level === "error", children: message }) });
+}
+
+// src/tui/components/TaskList.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var COL = {
+  rank: 5,
+  type: 12,
+  status: 14
+};
+function TaskList({
+  tasks,
+  selectedIndex,
+  searchQuery,
+  isSearchActive,
+  isReordering,
+  filter,
+  activeProjectName,
+  nonTerminalBlockerIds,
+  nonTerminalDependentIds,
+  isSelectedBlocked,
+  isFocused = true
+}) {
+  const currentPage = Math.floor(selectedIndex / PAGE_SIZE);
+  const viewStart = currentPage * PAGE_SIZE;
+  const visibleTasks = tasks.slice(viewStart, viewStart + PAGE_SIZE);
+  const filterParts = [];
+  if (filter.status) filterParts.push(`status:${filter.status}`);
+  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(
+    Box4,
+    {
+      flexDirection: "column",
+      flexGrow: 1,
+      borderStyle: "bold",
+      borderColor: isFocused ? theme.borderFocus : theme.border,
+      children: [
+        /* @__PURE__ */ jsxs2(Box4, { children: [
+          /* @__PURE__ */ jsxs2(Text4, { color: theme.title, bold: true, children: [
+            " ",
+            "tasks"
+          ] }),
+          /* @__PURE__ */ jsx4(Text4, { color: theme.fg, children: "(" }),
+          /* @__PURE__ */ jsx4(Text4, { color: theme.titleHighlight, bold: true, children: activeProjectName }),
+          /* @__PURE__ */ jsx4(Text4, { color: theme.fg, children: ")" }),
+          /* @__PURE__ */ jsxs2(Text4, { color: theme.titleCounter, bold: true, children: [
+            "[",
+            tasks.length,
+            "]"
+          ] }),
+          isReordering && /* @__PURE__ */ jsxs2(Text4, { color: theme.flash.warn, bold: true, children: [
+            " ",
+            "REORDER"
+          ] }),
+          filterText && /* @__PURE__ */ jsxs2(Text4, { color: theme.titleFilter, children: [
+            " /",
+            filterText
+          ] })
+        ] }),
+        isSearchActive && /* @__PURE__ */ jsxs2(Box4, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
+          /* @__PURE__ */ jsx4(Text4, { color: theme.prompt, children: "/" }),
+          /* @__PURE__ */ jsx4(Text4, { color: theme.prompt, children: searchQuery }),
+          /* @__PURE__ */ jsx4(Text4, { color: theme.promptSuggest, children: "_" })
+        ] }),
+        /* @__PURE__ */ jsxs2(Box4, { children: [
+          /* @__PURE__ */ jsx4(Text4, { color: theme.table.headerFg, bold: true, children: "  " }),
+          /* @__PURE__ */ jsx4(Text4, { color: theme.table.headerFg, bold: true, children: "#".padEnd(COL.rank) }),
+          /* @__PURE__ */ jsx4(Text4, { color: theme.table.headerFg, bold: true, children: "TYPE".padEnd(COL.type) }),
+          /* @__PURE__ */ jsx4(Text4, { color: theme.table.headerFg, bold: true, children: "STATUS".padEnd(COL.status) }),
+          /* @__PURE__ */ jsx4(Text4, { color: theme.table.headerFg, bold: true, children: "NAME" })
+        ] }),
+        tasks.length === 0 ? /* @__PURE__ */ jsx4(Box4, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx4(Text4, { 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);
+          const isNonTerminalDependent = nonTerminalDependentIds.has(task.id);
+          const rowColor = STATUS_COLOR[task.status] ?? theme.table.fg;
+          const rowNum = `${actualIndex + 1}`;
+          const depMarker = isNonTerminalBlocker ? "\u25B2 " : isNonTerminalDependent ? "\u25BC " : "  ";
+          if (isSelected) {
+            const cursorBg = isReordering ? theme.flash.warn : isSelectedBlocked ? theme.table.blockedCursorBg : theme.table.cursorBg;
+            return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsxs2(Text4, { 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);
+          }
+          if (isNonTerminalBlocker || isNonTerminalDependent) {
+            return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsxs2(Text4, { 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__ */ jsxs2(Box4, { children: [
+            /* @__PURE__ */ jsx4(Text4, { children: "  " }),
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: rowNum.padEnd(COL.rank) }),
+            /* @__PURE__ */ jsx4(Text4, { color: TYPE_COLOR[task.type] ?? rowColor, children: task.type.padEnd(COL.type) }),
+            /* @__PURE__ */ jsx4(Text4, { color: STATUS_COLOR[task.status] ?? rowColor, children: task.status.padEnd(COL.status) }),
+            /* @__PURE__ */ jsx4(Text4, { color: rowColor, children: task.name })
+          ] }, task.id);
+        }),
+        /* @__PURE__ */ jsx4(Box4, { flexGrow: 1 }),
+        tasks.length > PAGE_SIZE && /* @__PURE__ */ jsx4(Box4, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs2(Text4, { dimColor: true, children: [
+          "[",
+          viewStart + 1,
+          "-",
+          Math.min(viewStart + PAGE_SIZE, tasks.length),
+          "/",
+          tasks.length,
+          "]"
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/tui/components/TaskDetail.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+
+// src/tui/components/Markdown.tsx
+import { Text as Text5, Box as Box5 } from "ink";
+import { Marked } from "marked";
+import { markedTerminal } from "marked-terminal";
+import chalk from "chalk";
+
+// src/tui/mermaid.ts
+import { writeFileSync, mkdtempSync } from "fs";
+import { join } from "path";
+import { tmpdir } from "os";
+import { exec } from "child_process";
+function openMermaidInBrowser(code) {
+  const dir = mkdtempSync(join(tmpdir(), "task-mermaid-"));
+  const filepath = join(dir, "diagram.html");
+  const html = `<!DOCTYPE html>
+<html><head>
+<meta charset="utf-8">
+<title>Mermaid Diagram</title>
+<style>
+  body { background: #1a1a2e; display: flex; justify-content: center; padding: 2rem; }
+  .mermaid { background: #16213e; padding: 2rem; border-radius: 8px; }
+</style>
+</head><body>
+<pre class="mermaid">
+${code.replace(/</g, "&lt;").replace(/>/g, "&gt;")}
+</pre>
+<script type="module">
+import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
+mermaid.initialize({ startOnLoad: true, theme: 'dark' });
+</script>
+</body></html>`;
+  writeFileSync(filepath, html, "utf-8");
+  const cmd = process.platform === "darwin" ? `open "${filepath}"` : process.platform === "win32" ? `start "" "${filepath}"` : `xdg-open "${filepath}"`;
+  exec(cmd);
+}
+
+// src/tui/components/Markdown.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function extractMermaidBlocks(content) {
+  const lexer = new Marked();
+  const tokens = lexer.lexer(content);
+  const blocks = [];
+  function walk(items) {
+    for (const token of items) {
+      if (token.type === "code" && token.lang === "mermaid") {
+        blocks.push(token.text);
+      }
+      if ("tokens" in token && Array.isArray(token.tokens)) {
+        walk(token.tokens);
+      }
+    }
+  }
+  walk(tokens);
+  return blocks;
+}
+function createRenderer() {
+  const mermaidExtension = {
+    renderer: {
+      code(token) {
+        if (token.lang !== "mermaid") return false;
+        const lines = token.text.split("\n");
+        const preview = lines.slice(0, 6);
+        const maxLen = Math.max(...preview.map((l) => l.length), 30);
+        const border = "\u2500".repeat(maxLen + 2);
+        const framed = preview.map((l) => `  ${chalk.dim("\u2502")} ${chalk.hex(theme.table.fg)(l)}`).join("\n");
+        const truncated = lines.length > 6 ? `
+  ${chalk.dim("\u2502")} ${chalk.dim(`... ${lines.length - 6} more lines`)}` : "";
+        return [
+          "",
+          `  ${chalk.hex(theme.title).bold("\u250C Mermaid Diagram")}  ${chalk.hex(theme.menu.key)("[press m to open in browser]")}`,
+          `  ${chalk.dim(border)}`,
+          framed,
+          truncated,
+          `  ${chalk.dim(border)}`,
+          ""
+        ].join("\n");
+      }
+    }
+  };
+  const terminalExt = markedTerminal;
+  return new Marked(
+    terminalExt({
+      showSectionPrefix: false,
+      reflowText: true,
+      tab: 2
+    }),
+    mermaidExtension
+  );
+}
+var marked = createRenderer();
+function Markdown({ content }) {
+  if (!content.trim()) {
+    return /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "No content" });
+  }
+  const rendered = marked.parse(content);
+  if (typeof rendered !== "string") {
+    return /* @__PURE__ */ jsx5(Text5, { children: content });
+  }
+  return /* @__PURE__ */ jsx5(Text5, { children: rendered.trimEnd() });
+}
+function MermaidHint({ content }) {
+  const blocks = extractMermaidBlocks(content);
+  if (blocks.length === 0) return null;
+  return /* @__PURE__ */ jsxs3(Box5, { children: [
+    /* @__PURE__ */ jsxs3(Text5, { color: theme.menu.key, bold: true, children: [
+      "<m>",
+      " "
+    ] }),
+    /* @__PURE__ */ jsxs3(Text5, { dimColor: true, children: [
+      "Open ",
+      blocks.length,
+      " mermaid diagram",
+      blocks.length > 1 ? "s" : "",
+      " in browser"
+    ] })
+  ] });
+}
+function openAllMermaidDiagrams(content) {
+  const blocks = extractMermaidBlocks(content);
+  for (const block of blocks) {
+    openMermaidInBrowser(block);
+  }
+  return blocks.length;
+}
+
+// src/tui/components/TaskDetail.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function Field({ label, value }) {
+  return /* @__PURE__ */ jsxs4(Box6, { gap: 0, children: [
+    /* @__PURE__ */ jsx6(Text6, { color: theme.yaml.key, bold: true, children: label }),
+    /* @__PURE__ */ jsx6(Text6, { color: theme.yaml.colon, children: ": " }),
+    /* @__PURE__ */ jsx6(Text6, { color: theme.yaml.value, children: value })
+  ] });
+}
+function TaskDetail({
+  task,
+  blockers,
+  dependents,
+  related,
+  duplicates,
+  isFocused = true
+}) {
+  const allText = `${task.description}
+${task.technicalNotes}
+${task.additionalRequirements}`;
+  return /* @__PURE__ */ jsxs4(
+    Box6,
+    {
+      flexDirection: "column",
+      flexGrow: 1,
+      borderStyle: "bold",
+      borderColor: isFocused ? theme.borderFocus : theme.border,
+      children: [
+        /* @__PURE__ */ jsxs4(Box6, { gap: 0, children: [
+          /* @__PURE__ */ jsxs4(Text6, { color: theme.title, bold: true, children: [
+            " ",
+            "detail"
+          ] }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.fg, children: "(" }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.titleHighlight, bold: true, children: task.name }),
+          /* @__PURE__ */ jsx6(Text6, { color: theme.fg, children: ")" })
+        ] }),
+        /* @__PURE__ */ jsxs4(Box6, { flexDirection: "column", paddingX: 1, paddingY: 0, children: [
+          /* @__PURE__ */ jsx6(Field, { label: "id", value: task.id }),
+          /* @__PURE__ */ jsx6(Field, { label: "type", value: task.type }),
+          /* @__PURE__ */ jsx6(Field, { label: "status", value: task.status }),
+          /* @__PURE__ */ jsx6(Field, { label: "created", value: new Date(task.createdAt).toLocaleString() }),
+          /* @__PURE__ */ jsx6(Field, { label: "updated", value: new Date(task.updatedAt).toLocaleString() }),
+          task.parentId && /* @__PURE__ */ jsx6(Field, { label: "parent", value: task.parentId })
+        ] }),
+        (blockers && blockers.length > 0 || dependents && dependents.length > 0 || related && related.length > 0 || duplicates && duplicates.length > 0) && /* @__PURE__ */ jsxs4(Box6, { flexDirection: "column", paddingX: 1, children: [
+          /* @__PURE__ */ jsx6(Text6, { color: theme.title, bold: true, children: "--- dependencies ---" }),
+          blockers && blockers.length > 0 && /* @__PURE__ */ jsxs4(Box6, { gap: 0, children: [
+            /* @__PURE__ */ jsxs4(Text6, { color: theme.status.error, bold: true, children: [
+              "blocked by:",
+              " "
+            ] }),
+            /* @__PURE__ */ jsx6(Text6, { color: theme.yaml.value, children: blockers.map((t) => t.id).join(", ") })
+          ] }),
+          dependents && dependents.length > 0 && /* @__PURE__ */ jsxs4(Box6, { gap: 0, children: [
+            /* @__PURE__ */ jsxs4(Text6, { color: theme.status.added, bold: true, children: [
+              "blocks:",
+              " "
+            ] }),
+            /* @__PURE__ */ jsx6(Text6, { color: theme.yaml.value, children: dependents.map((t) => t.id).join(", ") })
+          ] }),
+          related && related.length > 0 && /* @__PURE__ */ jsxs4(Box6, { gap: 0, children: [
+            /* @__PURE__ */ jsxs4(Text6, { color: theme.status.new, bold: true, children: [
+              "relates to:",
+              " "
+            ] }),
+            /* @__PURE__ */ jsx6(Text6, { color: theme.yaml.value, children: related.map((t) => t.id).join(", ") })
+          ] }),
+          duplicates && duplicates.length > 0 && /* @__PURE__ */ jsxs4(Box6, { gap: 0, children: [
+            /* @__PURE__ */ jsxs4(Text6, { color: theme.status.pending, bold: true, children: [
+              "duplicates:",
+              " "
+            ] }),
+            /* @__PURE__ */ jsx6(Text6, { color: theme.yaml.value, children: duplicates.map((t) => t.id).join(", ") })
+          ] }),
+          /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "press D to manage dependencies" })
+        ] }),
+        /* @__PURE__ */ jsxs4(Box6, { flexDirection: "column", paddingX: 1, children: [
+          /* @__PURE__ */ jsx6(Text6, { color: theme.title, bold: true, children: "--- description ---" }),
+          task.description.trim() ? /* @__PURE__ */ jsx6(Markdown, { content: task.description }) : /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "No description" })
+        ] }),
+        task.technicalNotes.trim() && /* @__PURE__ */ jsxs4(Box6, { flexDirection: "column", paddingX: 1, children: [
+          /* @__PURE__ */ jsx6(Text6, { color: theme.title, bold: true, children: "--- technical notes ---" }),
+          /* @__PURE__ */ jsx6(Markdown, { content: task.technicalNotes })
+        ] }),
+        task.additionalRequirements.trim() && /* @__PURE__ */ jsxs4(Box6, { flexDirection: "column", paddingX: 1, children: [
+          /* @__PURE__ */ jsx6(Text6, { color: theme.title, bold: true, children: "--- requirements ---" }),
+          /* @__PURE__ */ jsx6(Markdown, { content: task.additionalRequirements })
+        ] }),
+        /* @__PURE__ */ jsx6(Box6, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx6(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx6(MermaidHint, { content: allText }) })
+      ]
+    }
+  );
+}
+
+// src/tui/components/TaskForm.tsx
+import { useState as useState2, useCallback } from "react";
+import { Box as Box8, Text as Text8, useInput as useInput2 } from "ink";
+
+// src/tui/editor.ts
+import { writeFileSync as writeFileSync2, readFileSync, unlinkSync, mkdtempSync as mkdtempSync2 } from "fs";
+import { join as join2 } from "path";
+import { tmpdir as tmpdir2 } from "os";
+import { spawnSync } from "child_process";
+function getEditor() {
+  return process.env["EDITOR"] ?? process.env["VISUAL"] ?? "vi";
+}
+function openInEditor(content, filename) {
+  const dir = mkdtempSync2(join2(tmpdir2(), "task-"));
+  const filepath = join2(dir, filename);
+  writeFileSync2(filepath, content, "utf-8");
+  const editor = getEditor();
+  const result = spawnSync(editor, [filepath], {
+    stdio: "inherit",
+    shell: true
+  });
+  if (result.status !== 0) {
+    try {
+      unlinkSync(filepath);
+    } catch {
+    }
+    return null;
+  }
+  try {
+    const edited = readFileSync(filepath, "utf-8");
+    unlinkSync(filepath);
+    return edited;
+  } catch {
+    return null;
+  }
+}
+
+// src/tui/components/TaskPicker.tsx
+import { useState } from "react";
+import { Box as Box7, Text as Text7, useInput, useStdout } from "ink";
+import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var DEP_TYPE_VALUES = Object.values(UIDependencyType);
+var DEP_TYPE_COLOR = {
+  [DependencyType.Blocks]: theme.status.error,
+  [DependencyType.RelatesTo]: theme.status.new,
+  [DependencyType.Duplicates]: theme.status.pending,
+  [UIDependencyType.BlockedBy]: theme.status.modified
+};
+function TaskPicker({ tasks, excludeIds, initialSelection, onConfirm, onCancel }) {
+  const { stdout } = useStdout();
+  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 map = /* @__PURE__ */ new Map();
+    if (initialSelection) {
+      for (const dep of initialSelection) {
+        map.set(dep.id, dep);
+      }
+    }
+    return map;
+  });
+  const available = tasks.filter((t) => {
+    if (excludeIds?.has(t.id)) return false;
+    if (!searchQuery.trim()) return true;
+    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 visible = available.slice(viewStart, viewStart + maxVisible);
+  useInput((input, key) => {
+    if (isSearching) {
+      if (key.escape) {
+        setIsSearching(false);
+        return;
+      }
+      if (key.return) {
+        setIsSearching(false);
+        setCursorIndex(0);
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setSearchQuery((q) => q.slice(0, -1));
+        setCursorIndex(0);
+        return;
+      }
+      if (input && !key.ctrl && !key.meta) {
+        setSearchQuery((q) => q + input);
+        setCursorIndex(0);
+        return;
+      }
+      return;
+    }
+    if (key.upArrow || input === "k") {
+      setCursorIndex((i) => Math.max(0, i - 1));
+      return;
+    }
+    if (key.downArrow || input === "j") {
+      setCursorIndex((i) => Math.min(available.length - 1, i + 1));
+      return;
+    }
+    if (input === " " || input === "t") {
+      const task = available[cursorIndex];
+      if (!task) return;
+      setSelected((prev) => {
+        const next = new Map(prev);
+        const entry = prev.get(task.id);
+        if (!entry) {
+          next.set(task.id, { id: task.id, name: task.name, type: DependencyType.Blocks });
+        } else {
+          const idx = DEP_TYPE_VALUES.indexOf(entry.type);
+          if (idx < DEP_TYPE_VALUES.length - 1) {
+            const nextType = DEP_TYPE_VALUES[idx + 1] ?? DependencyType.Blocks;
+            next.set(task.id, { ...entry, type: nextType });
+          } else {
+            next.delete(task.id);
+          }
+        }
+        return next;
+      });
+      return;
+    }
+    if (input === "x") {
+      const task = available[cursorIndex];
+      if (!task) return;
+      setSelected((prev) => {
+        const next = new Map(prev);
+        next.delete(task.id);
+        return next;
+      });
+      return;
+    }
+    if (input === "/") {
+      setIsSearching(true);
+      setSearchQuery("");
+      return;
+    }
+    if (key.return) {
+      onConfirm(Array.from(selected.values()));
+      return;
+    }
+    if (key.escape || input === "q") {
+      onCancel();
+      return;
+    }
+  });
+  return /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", borderStyle: "bold", borderColor: theme.borderFocus, flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs5(Box7, { gap: 0, children: [
+      /* @__PURE__ */ jsxs5(Text7, { color: theme.title, bold: true, children: [
+        " ",
+        "select dependencies"
+      ] }),
+      /* @__PURE__ */ jsxs5(Text7, { color: theme.titleCounter, bold: true, children: [
+        " ",
+        "[",
+        selected.size,
+        " selected]"
+      ] })
+    ] }),
+    isSearching ? /* @__PURE__ */ jsxs5(Box7, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
+      /* @__PURE__ */ jsx7(Text7, { color: theme.prompt, children: "/" }),
+      /* @__PURE__ */ jsx7(Text7, { color: theme.prompt, children: searchQuery }),
+      /* @__PURE__ */ jsx7(Text7, { color: theme.promptSuggest, children: "_" })
+    ] }) : searchQuery ? /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text7, { color: theme.titleFilter, children: [
+      "/",
+      searchQuery
+    ] }) }) : null,
+    /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text7, { color: theme.table.headerFg, bold: true, children: [
+      "  ",
+      "SEL".padEnd(5),
+      "ID".padEnd(14),
+      "REL TYPE".padEnd(12),
+      "STATUS".padEnd(14),
+      "NAME"
+    ] }) }),
+    available.length === 0 ? /* @__PURE__ */ jsx7(Box7, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx7(Text7, { 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);
+      const isChecked = !!entry;
+      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__ */ jsx7(Box7, { paddingX: 1, children: isCursor ? /* @__PURE__ */ jsxs5(Text7, { 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__ */ jsx7(Text7, { children: "  " }),
+        /* @__PURE__ */ jsx7(Text7, { color: isChecked ? theme.status.added : theme.table.fg, children: checkMark.padEnd(5) }),
+        /* @__PURE__ */ jsx7(Text7, { color: theme.yaml.value, children: task.id.padEnd(14) }),
+        /* @__PURE__ */ jsx7(Text7, { color: depColor, children: depType.padEnd(12) }),
+        /* @__PURE__ */ jsx7(Text7, { color: theme.status.completed, children: task.status.padEnd(14) }),
+        /* @__PURE__ */ jsx7(Text7, { color: theme.table.fg, children: task.name })
+      ] }) }, task.id);
+    }),
+    /* @__PURE__ */ jsx7(Box7, { flexGrow: 1 }),
+    available.length > maxVisible && /* @__PURE__ */ jsx7(Box7, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs5(Text7, { dimColor: true, children: [
+      "[",
+      viewStart + 1,
+      "-",
+      Math.min(viewStart + maxVisible, available.length),
+      "/",
+      available.length,
+      "]"
+    ] }) }),
+    selected.size > 0 && /* @__PURE__ */ jsxs5(Box7, { paddingX: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { color: theme.table.headerFg, bold: true, children: "Selected:" }),
+      /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsx7(Text7, { children: Array.from(selected.values()).map((d) => `${d.id} (${DEP_TYPE_LABEL[d.type] ?? d.type})`).join(", ") }) })
+    ] }),
+    /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text7, { dimColor: true, children: [
+      "space/t: select & cycle type (blocks ",
+      "->",
+      " relates-to ",
+      "->",
+      " duplicates ",
+      "->",
+      " blocked-by",
+      " ",
+      "->",
+      " off) | x: deselect | /: search | enter: confirm | esc: cancel"
+    ] }) })
+  ] });
+}
+
+// src/tui/components/TaskForm.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var FIELDS = [
+  { label: "Name", key: "name", type: "inline" },
+  { label: "Type", key: "type", type: "select", options: TYPE_VALUES },
+  { label: "Status", key: "status", type: "select", options: STATUS_VALUES },
+  { label: "Depends On", key: "dependsOn", type: "picker" },
+  { label: "Description", key: "description", type: "editor", editorFilename: "description.md" },
+  {
+    label: "Tech Notes",
+    key: "technicalNotes",
+    type: "editor",
+    editorFilename: "technical-notes.md"
+  },
+  {
+    label: "Requirements",
+    key: "additionalRequirements",
+    type: "editor",
+    editorFilename: "requirements.md"
+  }
+];
+function TaskForm({ editingTask, allTasks, initialDeps, onSave, onCancel }) {
+  const [focusIndex, setFocusIndex] = useState2(0);
+  const [values, setValues] = useState2({
+    name: editingTask?.name ?? "",
+    type: editingTask?.type ?? TaskType.Story,
+    status: editingTask?.status ?? TaskStatus.Backlog,
+    description: editingTask?.description ?? "",
+    technicalNotes: editingTask?.technicalNotes ?? "",
+    additionalRequirements: editingTask?.additionalRequirements ?? ""
+  });
+  const [editorActive, setEditorActive] = useState2(false);
+  const [pickerActive, setPickerActive] = useState2(false);
+  const [pickedDeps, setPickedDeps] = useState2(initialDeps ?? []);
+  const currentField = FIELDS[focusIndex];
+  const launchEditor = useCallback(
+    (field) => {
+      setEditorActive(true);
+      setTimeout(() => {
+        const content = values[field.key] ?? "";
+        const result = openInEditor(content, field.editorFilename ?? `${field.key}.md`);
+        if (result !== null) {
+          setValues((v) => ({ ...v, [field.key]: result }));
+        }
+        setEditorActive(false);
+      }, 50);
+    },
+    [values]
+  );
+  const handlePickerConfirm = useCallback((selected) => {
+    setPickedDeps(selected);
+    setPickerActive(false);
+  }, []);
+  const handlePickerCancel = useCallback(() => {
+    setPickerActive(false);
+  }, []);
+  useInput2(
+    (input, key) => {
+      if (editorActive || pickerActive) return;
+      if (key.escape) {
+        onCancel();
+        return;
+      }
+      if (!currentField) return;
+      if (key.tab) {
+        if (key.shift) {
+          setFocusIndex((i) => Math.max(0, i - 1));
+        } else {
+          setFocusIndex((i) => Math.min(FIELDS.length - 1, i + 1));
+        }
+        return;
+      }
+      if (input === "s" && key.ctrl) {
+        const nameVal = values["name"];
+        if (typeof nameVal === "string" && nameVal.trim()) {
+          onSave({
+            name: nameVal,
+            description: values["description"] ?? "",
+            type: values["type"] ?? TaskType.Story,
+            status: values["status"] ?? TaskStatus.Backlog,
+            technicalNotes: values["technicalNotes"] ?? "",
+            additionalRequirements: values["additionalRequirements"] ?? "",
+            dependsOn: pickedDeps.map((d) => ({ id: d.id, type: d.type }))
+          });
+        }
+        return;
+      }
+      if (currentField.type === "inline") {
+        const currentValue = values[currentField.key] ?? "";
+        if (key.backspace || key.delete) {
+          setValues((v) => ({ ...v, [currentField.key]: currentValue.slice(0, -1) }));
+        } else if (key.return) {
+          setFocusIndex((i) => Math.min(FIELDS.length - 1, i + 1));
+        } else if (input && !key.ctrl && !key.meta) {
+          setValues((v) => ({ ...v, [currentField.key]: currentValue + input }));
+        }
+      }
+      if (currentField.type === "picker") {
+        if (key.return) {
+          setPickerActive(true);
+        } else if (key.downArrow) {
+          setFocusIndex((i) => Math.min(FIELDS.length - 1, i + 1));
+        } else if (key.upArrow) {
+          setFocusIndex((i) => Math.max(0, i - 1));
+        }
+      }
+      if (currentField.type === "editor") {
+        if (key.return) {
+          launchEditor(currentField);
+        } else if (key.downArrow) {
+          setFocusIndex((i) => Math.min(FIELDS.length - 1, i + 1));
+        } else if (key.upArrow) {
+          setFocusIndex((i) => Math.max(0, i - 1));
+        }
+      }
+      if (currentField.type === "select") {
+        const options = currentField.options ?? [];
+        const currentValue = values[currentField.key] ?? "";
+        const currentIndex = options.indexOf(currentValue);
+        if (key.rightArrow || key.return || input === " ") {
+          const nextIndex = (currentIndex + 1) % options.length;
+          setValues((v) => ({ ...v, [currentField.key]: options[nextIndex] ?? "" }));
+        } else if (key.leftArrow) {
+          const prevIndex = (currentIndex - 1 + options.length) % options.length;
+          setValues((v) => ({ ...v, [currentField.key]: options[prevIndex] ?? "" }));
+        }
+      }
+    },
+    { isActive: !editorActive && !pickerActive }
+  );
+  if (pickerActive) {
+    const pickerExclude = editingTask ? { excludeIds: /* @__PURE__ */ new Set([editingTask.id]) } : {};
+    return /* @__PURE__ */ jsx8(
+      TaskPicker,
+      {
+        tasks: allTasks,
+        ...pickerExclude,
+        initialSelection: pickedDeps,
+        onConfirm: handlePickerConfirm,
+        onCancel: handlePickerCancel
+      }
+    );
+  }
+  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(Box8, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsx8(Box8, { gap: 0, children: /* @__PURE__ */ jsxs6(Text8, { color: theme.title, bold: true, children: [
+      " ",
+      isEdit ? "edit" : "create"
+    ] }) }),
+    /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", paddingX: 1, paddingY: 0, children: FIELDS.map((field, i) => {
+      const isFocused = i === focusIndex;
+      const value = field.key === "dependsOn" ? depSummary : values[field.key] ?? "";
+      const displayValue = value;
+      return /* @__PURE__ */ jsxs6(Box8, { gap: 1, children: [
+        /* @__PURE__ */ jsxs6(Text8, { color: isFocused ? theme.dialog.label : theme.yaml.key, bold: isFocused, children: [
+          isFocused ? ">" : " ",
+          " ",
+          field.label.padEnd(14)
+        ] }),
+        field.type === "inline" && /* @__PURE__ */ jsxs6(Text8, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
+          displayValue,
+          isFocused ? /* @__PURE__ */ jsx8(Text8, { color: theme.titleHighlight, children: "_" }) : ""
+        ] }),
+        field.type === "picker" && /* @__PURE__ */ jsxs6(Text8, { children: [
+          displayValue ? /* @__PURE__ */ jsx8(Text8, { color: theme.status.added, children: displayValue.length > 60 ? displayValue.slice(0, 60) + "..." : displayValue }) : /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: isFocused ? "press enter to select" : "none" }),
+          isFocused && /* @__PURE__ */ jsx8(Text8, { color: theme.menu.key, children: " [enter: open picker]" })
+        ] }),
+        field.type === "editor" && /* @__PURE__ */ jsxs6(Text8, { children: [
+          displayValue ? /* @__PURE__ */ jsxs6(Text8, { color: theme.status.added, children: [
+            displayValue.split("\n")[0]?.slice(0, 50),
+            displayValue.length > 50 || displayValue.includes("\n") ? "..." : ""
+          ] }) : /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: isFocused ? "press enter" : "empty" }),
+          isFocused && /* @__PURE__ */ jsx8(Text8, { color: theme.menu.key, children: " [enter: $EDITOR]" })
+        ] }),
+        field.type === "select" && /* @__PURE__ */ jsxs6(Text8, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
+          isFocused ? "< " : "  ",
+          displayValue,
+          isFocused ? " >" : ""
+        ] })
+      ] }, field.key);
+    }) }),
+    /* @__PURE__ */ jsx8(Box8, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "tab: next | shift+tab: prev | ctrl+s: save | esc: cancel" }) }),
+    editorActive && /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx8(Text8, { 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 Box9, Text as Text9, useInput as useInput3 } from "ink";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function ProjectSelector({
+  projects,
+  activeProject,
+  onSelect,
+  onCreate,
+  onSetDefault,
+  onCancel
+}) {
+  const [selectedIndex, setSelectedIndex] = useState3(() => {
+    if (!activeProject) return 0;
+    const idx = projects.findIndex((p) => p.id === activeProject.id);
+    return idx >= 0 ? idx : 0;
+  });
+  useInput3((input, key) => {
+    if (key.escape || input === "q") {
+      onCancel();
+      return;
+    }
+    if (key.return) {
+      const project = projects[selectedIndex];
+      if (project) {
+        onSelect(project);
+      }
+      return;
+    }
+    if (input === "c") {
+      onCreate();
+      return;
+    }
+    if (input === "d") {
+      const project = projects[selectedIndex];
+      if (project) {
+        onSetDefault(project);
+      }
+      return;
+    }
+    if (key.upArrow || input === "k") {
+      setSelectedIndex((i) => Math.max(0, i - 1));
+    }
+    if (key.downArrow || input === "j") {
+      setSelectedIndex((i) => Math.min(projects.length - 1, i + 1));
+    }
+  });
+  return /* @__PURE__ */ jsxs7(Box9, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsxs7(Box9, { gap: 0, children: [
+      /* @__PURE__ */ jsxs7(Text9, { color: theme.title, bold: true, children: [
+        " ",
+        "projects"
+      ] }),
+      /* @__PURE__ */ jsxs7(Text9, { color: theme.titleCounter, bold: true, children: [
+        "[",
+        projects.length,
+        "]"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7(Box9, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { color: theme.table.headerFg, bold: true, children: "  NAME".padEnd(30) }),
+      /* @__PURE__ */ jsx9(Text9, { color: theme.table.headerFg, bold: true, children: "DESCRIPTION" })
+    ] }),
+    projects.length === 0 ? /* @__PURE__ */ jsx9(Box9, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsx9(Text9, { 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 ? "*" : " ";
+      const defaultMarker = project.isDefault ? "D" : " ";
+      const marker = `${activeMarker}${defaultMarker}`;
+      if (isSelected) {
+        return /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsxs7(Text9, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
+          marker,
+          " ",
+          project.name.padEnd(27),
+          project.description
+        ] }) }, project.id);
+      }
+      return /* @__PURE__ */ jsxs7(Box9, { paddingX: 1, children: [
+        /* @__PURE__ */ jsxs7(Text9, { color: isActive ? theme.status.modified : theme.table.fg, children: [
+          marker,
+          " ",
+          project.name.padEnd(27)
+        ] }),
+        /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: project.description })
+      ] }, project.id);
+    }),
+    /* @__PURE__ */ jsx9(Box9, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "enter: select | d: set default | c: create | esc: back" }) })
+  ] });
+}
+
+// src/tui/components/ProjectForm.tsx
+import { useState as useState4 } from "react";
+import { Box as Box10, Text as Text10, useInput as useInput4 } from "ink";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var FIELDS2 = [
+  { label: "Name", key: "name", type: "inline" },
+  { label: "Key", key: "key", type: "inline" },
+  { label: "Description", key: "description", type: "inline" },
+  { label: "Default", key: "isDefault", type: "toggle" }
+];
+function ProjectForm({ onSave, onCancel }) {
+  const [focusIndex, setFocusIndex] = useState4(0);
+  const [values, setValues] = useState4({
+    name: "",
+    key: "",
+    description: "",
+    isDefault: "no"
+  });
+  const currentField = FIELDS2[focusIndex];
+  useInput4((input, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (!currentField) return;
+    if (key.tab) {
+      if (key.shift) {
+        setFocusIndex((i) => Math.max(0, i - 1));
+      } else {
+        setFocusIndex((i) => Math.min(FIELDS2.length - 1, i + 1));
+      }
+      return;
+    }
+    if (input === "s" && key.ctrl) {
+      const nameVal = values["name"];
+      if (typeof nameVal === "string" && nameVal.trim()) {
+        onSave({
+          name: nameVal,
+          key: values["key"] ?? "",
+          description: values["description"] ?? "",
+          isDefault: values["isDefault"] === "yes"
+        });
+      }
+      return;
+    }
+    if (currentField.type === "inline") {
+      const currentValue = values[currentField.key] ?? "";
+      if (key.backspace || key.delete) {
+        setValues((v) => ({ ...v, [currentField.key]: currentValue.slice(0, -1) }));
+      } else if (key.return) {
+        setFocusIndex((i) => Math.min(FIELDS2.length - 1, i + 1));
+      } else if (input && !key.ctrl && !key.meta) {
+        setValues((v) => ({ ...v, [currentField.key]: currentValue + input }));
+      }
+    }
+    if (currentField.type === "toggle") {
+      if (key.return || key.rightArrow || key.leftArrow || input === " ") {
+        setValues((v) => ({
+          ...v,
+          [currentField.key]: v[currentField.key] === "yes" ? "no" : "yes"
+        }));
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsx10(Box10, { gap: 0, children: /* @__PURE__ */ jsxs8(Text10, { color: theme.title, bold: true, children: [
+      " ",
+      "new project"
+    ] }) }),
+    /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", paddingX: 1, paddingY: 0, children: FIELDS2.map((field, i) => {
+      const isFocused = i === focusIndex;
+      const value = values[field.key] ?? "";
+      return /* @__PURE__ */ jsxs8(Box10, { gap: 1, children: [
+        /* @__PURE__ */ jsxs8(Text10, { color: isFocused ? theme.dialog.label : theme.yaml.key, bold: isFocused, children: [
+          isFocused ? ">" : " ",
+          " ",
+          field.label.padEnd(14)
+        ] }),
+        field.type === "inline" && /* @__PURE__ */ jsxs8(Text10, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
+          value,
+          isFocused ? /* @__PURE__ */ jsx10(Text10, { color: theme.titleHighlight, children: "_" }) : "",
+          field.key === "key" && !value && /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: isFocused ? " (auto from name)" : "" })
+        ] }),
+        field.type === "toggle" && /* @__PURE__ */ jsxs8(Text10, { color: isFocused ? theme.yaml.value : theme.table.fg, children: [
+          isFocused ? "< " : "  ",
+          value,
+          isFocused ? " >" : ""
+        ] })
+      ] }, field.key);
+    }) }),
+    /* @__PURE__ */ jsx10(Box10, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "tab: next | shift+tab: prev | ctrl+s: save | esc: cancel" }) })
+  ] });
+}
+
+// src/tui/components/HelpOverlay.tsx
+import { Box as Box11, Text as Text11 } from "ink";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var SECTIONS = [
+  {
+    title: "NAVIGATION",
+    keys: [
+      ["j/k", "Up/Down"],
+      ["g/G", "Top/Bottom"],
+      ["enter", "View"],
+      ["esc", "Back"]
+    ]
+  },
+  {
+    title: "ACTIONS",
+    keys: [
+      ["c", "Create"],
+      ["e", "Edit"],
+      ["d", "Delete"],
+      ["s", "Status cycle"],
+      ["D", "Dependencies"]
+    ]
+  },
+  {
+    title: "REORDER",
+    keys: [
+      ["\u2190", "Enter reorder"],
+      ["\u2191\u2193", "Move task"],
+      ["\u2192", "Save position"],
+      ["esc/\u2190", "Cancel"]
+    ]
+  },
+  {
+    title: "FILTER",
+    keys: [
+      ["/", "Search"],
+      ["f", "Status filter"],
+      ["t", "Type filter"],
+      ["0", "Clear filters"]
+    ]
+  },
+  {
+    title: "DEPS VIEW",
+    keys: [
+      ["a", "Add blocker"],
+      ["x", "Remove dep"],
+      ["enter", "Go to task"],
+      ["esc", "Back"]
+    ]
+  },
+  {
+    title: "GENERAL",
+    keys: [
+      ["p", "Projects"],
+      ["?", "Help"],
+      ["q", "Quit"]
+    ]
+  }
+];
+function HelpOverlay() {
+  return /* @__PURE__ */ jsxs9(
+    Box11,
+    {
+      flexDirection: "column",
+      borderStyle: "bold",
+      borderColor: theme.borderFocus,
+      paddingX: 2,
+      paddingY: 1,
+      children: [
+        /* @__PURE__ */ jsxs9(Text11, { color: theme.title, bold: true, children: [
+          " ",
+          "Help"
+        ] }),
+        /* @__PURE__ */ jsx11(Text11, { children: " " }),
+        /* @__PURE__ */ jsx11(Box11, { flexDirection: "row", gap: 4, children: SECTIONS.map((section) => /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx11(Text11, { color: theme.table.headerFg, bold: true, children: section.title }),
+          section.keys.map(([key, desc]) => /* @__PURE__ */ jsxs9(Box11, { gap: 1, children: [
+            /* @__PURE__ */ jsxs9(Text11, { color: theme.menu.key, bold: true, children: [
+              "<",
+              (key ?? "").padEnd(5),
+              ">"
+            ] }),
+            /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: desc })
+          ] }, key))
+        ] }, section.title)) }),
+        /* @__PURE__ */ jsx11(Text11, { children: " " }),
+        /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "Press any key to close" })
+      ]
+    }
+  );
+}
+
+// src/tui/components/ConfirmDialog.tsx
+import { Box as Box12, Text as Text12 } from "ink";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function ConfirmDialog({ task }) {
+  return /* @__PURE__ */ jsxs10(
+    Box12,
+    {
+      flexDirection: "column",
+      borderStyle: "bold",
+      borderColor: theme.status.error,
+      paddingX: 3,
+      paddingY: 1,
+      alignSelf: "center",
+      children: [
+        /* @__PURE__ */ jsx12(Text12, { color: theme.dialog.label, bold: true, children: "<Delete>" }),
+        /* @__PURE__ */ jsx12(Text12, { children: " " }),
+        /* @__PURE__ */ jsxs10(Text12, { color: theme.dialog.fg, children: [
+          'Delete task "',
+          task.name,
+          '"?'
+        ] }),
+        /* @__PURE__ */ jsx12(Text12, { children: " " }),
+        /* @__PURE__ */ jsxs10(Box12, { gap: 3, children: [
+          /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsx12(
+            Text12,
+            {
+              backgroundColor: theme.dialog.buttonFocusBg,
+              color: theme.dialog.buttonFocusFg,
+              bold: true,
+              children: " y: OK "
+            }
+          ) }),
+          /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsx12(Text12, { backgroundColor: theme.dialog.buttonBg, color: theme.dialog.buttonFg, children: " n: Cancel " }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/tui/components/DependencyList.tsx
+import { Box as Box13, Text as Text13 } from "ink";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function TaskRow({
+  task,
+  globalIndex,
+  selectedIndex
+}) {
+  const isSelected = globalIndex === selectedIndex;
+  const statusColor = STATUS_COLOR[task.status] ?? theme.table.fg;
+  return /* @__PURE__ */ jsx13(Box13, { children: isSelected ? /* @__PURE__ */ jsxs11(Text13, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
+    "> ",
+    task.id.padEnd(12),
+    task.status.padEnd(14),
+    task.name
+  ] }) : /* @__PURE__ */ jsxs11(Fragment2, { children: [
+    /* @__PURE__ */ jsx13(Text13, { children: "  " }),
+    /* @__PURE__ */ jsx13(Text13, { color: theme.yaml.value, children: task.id.padEnd(12) }),
+    /* @__PURE__ */ jsx13(Text13, { color: statusColor, children: task.status.padEnd(14) }),
+    /* @__PURE__ */ jsx13(Text13, { color: theme.table.fg, children: task.name })
+  ] }) }, task.id);
+}
+function DependencyList({
+  task,
+  blockers,
+  dependents,
+  related,
+  duplicates,
+  selectedIndex,
+  isAddingDep,
+  addDepInput
+}) {
+  let offset = 0;
+  const blockersOffset = offset;
+  offset += blockers.length;
+  const dependentsOffset = offset;
+  offset += dependents.length;
+  const relatedOffset = offset;
+  offset += related.length;
+  const duplicatesOffset = offset;
+  return /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsxs11(Box13, { gap: 0, children: [
+      /* @__PURE__ */ jsxs11(Text13, { color: theme.title, bold: true, children: [
+        " ",
+        "dependencies"
+      ] }),
+      /* @__PURE__ */ jsx13(Text13, { color: theme.fg, children: "(" }),
+      /* @__PURE__ */ jsx13(Text13, { color: theme.titleHighlight, bold: true, children: task.name }),
+      /* @__PURE__ */ jsx13(Text13, { color: theme.fg, children: ")" })
+    ] }),
+    /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs11(Text13, { color: theme.table.headerFg, bold: true, children: [
+        "BLOCKED BY (",
+        blockers.length,
+        ")"
+      ] }),
+      blockers.length === 0 ? /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: " No blockers" }) : blockers.map((t, i) => /* @__PURE__ */ jsx13(
+        TaskRow,
+        {
+          task: t,
+          globalIndex: blockersOffset + i,
+          selectedIndex
+        },
+        t.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs11(Text13, { color: theme.table.headerFg, bold: true, children: [
+        "BLOCKS (",
+        dependents.length,
+        ")"
+      ] }),
+      dependents.length === 0 ? /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: " No dependents" }) : dependents.map((t, i) => /* @__PURE__ */ jsx13(
+        TaskRow,
+        {
+          task: t,
+          globalIndex: dependentsOffset + i,
+          selectedIndex
+        },
+        t.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs11(Text13, { color: theme.table.headerFg, bold: true, children: [
+        "RELATES TO (",
+        related.length,
+        ")"
+      ] }),
+      related.length === 0 ? /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: " No related tasks" }) : related.map((t, i) => /* @__PURE__ */ jsx13(
+        TaskRow,
+        {
+          task: t,
+          globalIndex: relatedOffset + i,
+          selectedIndex
+        },
+        t.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs11(Text13, { color: theme.table.headerFg, bold: true, children: [
+        "DUPLICATES (",
+        duplicates.length,
+        ")"
+      ] }),
+      duplicates.length === 0 ? /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: " No duplicate tasks" }) : duplicates.map((t, i) => /* @__PURE__ */ jsx13(
+        TaskRow,
+        {
+          task: t,
+          globalIndex: duplicatesOffset + i,
+          selectedIndex
+        },
+        t.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsx13(Box13, { flexGrow: 1 }),
+    isAddingDep && /* @__PURE__ */ jsxs11(Box13, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
+      /* @__PURE__ */ jsx13(Text13, { color: theme.prompt, children: "depends on (id or id:type): " }),
+      /* @__PURE__ */ jsx13(Text13, { color: theme.prompt, children: addDepInput }),
+      /* @__PURE__ */ jsx13(Text13, { color: theme.promptSuggest, children: "_" })
+    ] }),
+    /* @__PURE__ */ jsx13(Box13, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "a: add dep (id or id:relates-to) | x: remove selected | enter: go to task | esc: back" }) })
+  ] });
+}
+
+// src/tui/components/App.tsx
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var STATUS_CYCLE = [
+  TaskStatus.Backlog,
+  TaskStatus.Todo,
+  TaskStatus.InProgress,
+  TaskStatus.Review,
+  TaskStatus.Done
+];
+function App({ container, initialProject }) {
+  const { exit } = useApp();
+  const [state, dispatch] = useReducer(appReducer, initialState);
+  const loadProjects = useCallback2(() => {
+    const result = container.projectService.listProjects();
+    if (result.ok) {
+      logger.info(`TUI.loadProjects: loaded ${result.value.length} projects`);
+      dispatch({ type: "SET_PROJECTS", projects: result.value });
+    } else {
+      logger.error("TUI.loadProjects: failed", result.error);
+      dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+    }
+  }, [container]);
+  const loadTasks = useCallback2(() => {
+    logger.startSpan("TUI.loadTasks", () => {
+      const filter = { ...state.filter };
+      if (state.activeProject) {
+        filter.projectId = state.activeProject.id;
+      }
+      const result = container.taskService.listTasks(filter);
+      if (result.ok) {
+        logger.info(`TUI.loadTasks: loaded ${result.value.length} tasks`);
+        dispatch({ type: "SET_TASKS", tasks: result.value });
+      } else {
+        logger.error("TUI.loadTasks: failed", result.error);
+        dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+      }
+    });
+  }, [container, state.filter, state.activeProject]);
+  const loadDeps = useCallback2(
+    (taskId) => {
+      const blockersResult = container.dependencyService.listBlockers(taskId);
+      const dependentsResult = container.dependencyService.listDependents(taskId);
+      const relatedResult = container.dependencyService.listRelated(taskId);
+      const duplicatesResult = container.dependencyService.listDuplicates(taskId);
+      dispatch({
+        type: "SET_DEPS",
+        blockers: blockersResult.ok ? blockersResult.value : [],
+        dependents: dependentsResult.ok ? dependentsResult.value : [],
+        related: relatedResult.ok ? relatedResult.value : [],
+        duplicates: duplicatesResult.ok ? duplicatesResult.value : []
+      });
+    },
+    [container]
+  );
+  const cycleStatus = useCallback2(
+    (task) => {
+      const currentIndex = STATUS_CYCLE.indexOf(task.status);
+      const nextStatus = STATUS_CYCLE[(currentIndex + 1) % STATUS_CYCLE.length];
+      if (!nextStatus) return;
+      const result = container.taskService.updateTask(task.id, { status: nextStatus });
+      if (result.ok) {
+        dispatch({ type: "FLASH", message: `Status -> ${nextStatus}`, level: "info" });
+        if (state.selectedTask?.id === task.id) {
+          dispatch({ type: "SELECT_TASK", task: result.value });
+        }
+        loadTasks();
+      } else {
+        dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+      }
+    },
+    [container, state.selectedTask, loadTasks]
+  );
+  const saveReorder = useCallback2(() => {
+    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 }) : next ? container.taskService.rerankTask({ taskId: task.id, beforeId: next.id }) : container.taskService.rerankTask({ taskId: task.id, position: 1 });
+    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]);
+  useEffect(() => {
+    loadProjects();
+  }, [loadProjects]);
+  useEffect(() => {
+    if (state.projects.length > 0 && !state.activeProject) {
+      logger.info(`TUI.resolveProject: resolving initialProject=${initialProject ?? "(default)"}`);
+      const result = container.projectService.resolveProject(initialProject);
+      if (result.ok) {
+        logger.info(
+          `TUI.resolveProject: resolved to key=${result.value.key} name=${result.value.name}`
+        );
+        dispatch({ type: "SET_ACTIVE_PROJECT", project: result.value });
+      } else {
+        logger.error("TUI.resolveProject: failed", result.error);
+        const fallback = state.projects[0] ?? null;
+        logger.info(`TUI.resolveProject: falling back to ${fallback?.name ?? "null"}`);
+        dispatch({ type: "SET_ACTIVE_PROJECT", project: fallback });
+      }
+    }
+  }, [state.projects, state.activeProject, initialProject, container]);
+  useEffect(() => {
+    if (state.activeProject) {
+      loadTasks();
+    }
+  }, [state.activeProject, state.filter, loadTasks]);
+  useEffect(() => {
+    if (state.flash) {
+      const timer = setTimeout(() => {
+        dispatch({ type: "CLEAR_FLASH" });
+      }, 3e3);
+      return () => {
+        clearTimeout(timer);
+      };
+    }
+    return void 0;
+  }, [state.flash]);
+  useInput5((input, key) => {
+    if (state.confirmDelete) {
+      if (input === "y") {
+        const result = container.taskService.deleteTask(state.confirmDelete.id);
+        if (result.ok) {
+          dispatch({ type: "FLASH", message: "Task deleted", level: "info" });
+          dispatch({ type: "CANCEL_DELETE" });
+          if (state.activeView === ViewType.TaskDetail) {
+            dispatch({ type: "GO_BACK" });
+          }
+          loadTasks();
+        } else {
+          dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+          dispatch({ type: "CANCEL_DELETE" });
+        }
+      } else if (input === "n" || key.escape) {
+        dispatch({ type: "CANCEL_DELETE" });
+      }
+      return;
+    }
+    if (state.activeView === ViewType.Help) {
+      dispatch({ type: "GO_BACK" });
+      return;
+    }
+    if (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit || state.activeView === ViewType.ProjectSelector || state.activeView === ViewType.ProjectCreate) {
+      return;
+    }
+    if (state.activeView === ViewType.DependencyList && state.isAddingDep) {
+      if (key.escape) {
+        dispatch({ type: "SET_ADDING_DEP", active: false });
+        return;
+      }
+      if (key.return && state.addDepInput.trim() && state.selectedTask) {
+        const raw = state.addDepInput.trim();
+        const colonIdx = raw.lastIndexOf(":");
+        const validTypes = /* @__PURE__ */ new Set(["blocks", "relates-to", "duplicates"]);
+        let depId;
+        let depType;
+        if (colonIdx > 0) {
+          const maybetype = raw.slice(colonIdx + 1);
+          if (validTypes.has(maybetype)) {
+            depId = raw.slice(0, colonIdx);
+            depType = maybetype;
+          } else {
+            depId = raw;
+          }
+        } else {
+          depId = raw;
+        }
+        const result = container.dependencyService.addDependency({
+          taskId: state.selectedTask.id,
+          dependsOnId: depId,
+          type: depType
+        });
+        if (result.ok) {
+          dispatch({ type: "FLASH", message: "Dependency added", level: "info" });
+          loadDeps(state.selectedTask.id);
+        } else {
+          dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+        }
+        dispatch({ type: "SET_ADDING_DEP", active: false });
+        return;
+      }
+      if (key.backspace || key.delete) {
+        dispatch({ type: "SET_ADD_DEP_INPUT", input: state.addDepInput.slice(0, -1) });
+        return;
+      }
+      if (input && !key.ctrl && !key.meta) {
+        dispatch({ type: "SET_ADD_DEP_INPUT", input: state.addDepInput + input });
+        return;
+      }
+      return;
+    }
+    if (state.isSearchActive) {
+      if (key.escape) {
+        dispatch({ type: "SET_SEARCH_ACTIVE", active: false });
+        dispatch({ type: "SET_SEARCH_QUERY", query: "" });
+        dispatch({ type: "SET_FILTER", filter: { search: void 0 } });
+        return;
+      }
+      if (key.return) {
+        dispatch({ type: "SET_SEARCH_ACTIVE", active: false });
+        dispatch({ type: "SET_FILTER", filter: { search: state.searchQuery || void 0 } });
+        return;
+      }
+      if (key.backspace || key.delete) {
+        dispatch({ type: "SET_SEARCH_QUERY", query: state.searchQuery.slice(0, -1) });
+        return;
+      }
+      if (input && !key.ctrl && !key.meta) {
+        dispatch({ type: "SET_SEARCH_QUERY", query: state.searchQuery + input });
+        return;
+      }
+      return;
+    }
+    if (state.isReordering) {
+      if (key.upArrow || input === "k") {
+        dispatch({ type: "REORDER_MOVE", direction: "up" });
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        dispatch({ type: "REORDER_MOVE", direction: "down" });
+        return;
+      }
+      if (key.rightArrow) {
+        saveReorder();
+        return;
+      }
+      if (key.escape || key.leftArrow) {
+        dispatch({ type: "EXIT_REORDER", save: false });
+        dispatch({ type: "FLASH", message: "Reorder cancelled", level: "info" });
+        return;
+      }
+      return;
+    }
+    if (input === "q" && state.activeView === ViewType.TaskList && state.focusedPanel === "list") {
+      exit();
+      return;
+    }
+    if (input === "q" || key.escape) {
+      if (state.activeView === ViewType.TaskList && state.focusedPanel === "detail") {
+        dispatch({ type: "SET_PANEL_FOCUS", panel: "list" });
+        return;
+      }
+      dispatch({ type: "GO_BACK" });
+      return;
+    }
+    if (input === "?") {
+      dispatch({ type: "NAVIGATE_TO", view: ViewType.Help });
+      return;
+    }
+    if (key.tab && state.activeView === ViewType.TaskList && previewTask) {
+      dispatch({
+        type: "SET_PANEL_FOCUS",
+        panel: state.focusedPanel === "list" ? "detail" : "list"
+      });
+      return;
+    }
+    if (state.activeView === ViewType.TaskList && state.focusedPanel === "list") {
+      if (key.upArrow || input === "k") {
+        dispatch({ type: "MOVE_CURSOR", direction: "up" });
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        dispatch({ type: "MOVE_CURSOR", direction: "down" });
+        return;
+      }
+      if (input === "g") {
+        dispatch({ type: "SET_CURSOR", index: 0 });
+        return;
+      }
+      if (input === "G") {
+        dispatch({ type: "SET_CURSOR", index: state.tasks.length - 1 });
+        return;
+      }
+      if (key.return) {
+        const task = state.tasks[state.selectedIndex];
+        if (task) {
+          dispatch({ type: "SELECT_TASK", task });
+          loadDeps(task.id);
+          dispatch({ type: "NAVIGATE_TO", view: ViewType.TaskDetail });
+        }
+        return;
+      }
+      if (input === "c") {
+        dispatch({ type: "NAVIGATE_TO", view: ViewType.TaskCreate });
+        return;
+      }
+      if (input === "e") {
+        const task = state.tasks[state.selectedIndex];
+        if (task) {
+          dispatch({ type: "SELECT_TASK", task });
+          loadDeps(task.id);
+          dispatch({ type: "NAVIGATE_TO", view: ViewType.TaskEdit });
+        }
+        return;
+      }
+      if (input === "d") {
+        const task = state.tasks[state.selectedIndex];
+        if (task) {
+          dispatch({ type: "CONFIRM_DELETE", task });
+        }
+        return;
+      }
+      if (input === "s") {
+        const task = state.tasks[state.selectedIndex];
+        if (task) {
+          cycleStatus(task);
+        }
+        return;
+      }
+      if (input === "/") {
+        dispatch({ type: "SET_SEARCH_ACTIVE", active: true });
+        dispatch({ type: "SET_SEARCH_QUERY", query: "" });
+        return;
+      }
+      if (input === "p") {
+        dispatch({ type: "NAVIGATE_TO", view: ViewType.ProjectSelector });
+        return;
+      }
+      if (key.leftArrow) {
+        if (state.tasks.length > 0) {
+          dispatch({ type: "ENTER_REORDER" });
+          dispatch({ type: "FLASH", message: "Reorder: \u2191\u2193 move, \u2192 save, \u2190 cancel", level: "info" });
+        }
+        return;
+      }
+      if (input === "f") {
+        const currentStatus = state.filter.status;
+        const currentIndex = currentStatus ? STATUS_VALUES.indexOf(currentStatus) : -1;
+        const nextIndex = currentIndex + 1;
+        const nextStatus = nextIndex < STATUS_VALUES.length ? STATUS_VALUES[nextIndex] : void 0;
+        dispatch({ type: "SET_FILTER", filter: { status: nextStatus } });
+        return;
+      }
+      if (input === "t") {
+        const currentType = state.filter.type;
+        const currentIndex = currentType ? TYPE_VALUES.indexOf(currentType) : -1;
+        const nextIndex = currentIndex + 1;
+        const nextType = nextIndex < TYPE_VALUES.length ? TYPE_VALUES[nextIndex] : void 0;
+        dispatch({ type: "SET_FILTER", filter: { type: nextType } });
+        return;
+      }
+      if (input === "0") {
+        dispatch({ type: "CLEAR_FILTER" });
+        return;
+      }
+    }
+    if (state.activeView === ViewType.TaskList && state.focusedPanel === "detail" && previewTask) {
+      if (input === "e") {
+        dispatch({ type: "SELECT_TASK", task: previewTask });
+        dispatch({ type: "NAVIGATE_TO", view: ViewType.TaskEdit });
+        return;
+      }
+      if (input === "d") {
+        dispatch({ type: "CONFIRM_DELETE", task: previewTask });
+        return;
+      }
+      if (input === "s") {
+        cycleStatus(previewTask);
+        return;
+      }
+      if (input === "m") {
+        const allText = `${previewTask.description}
+${previewTask.technicalNotes}
+${previewTask.additionalRequirements}`;
+        const count = openAllMermaidDiagrams(allText);
+        if (count > 0) {
+          dispatch({
+            type: "FLASH",
+            message: `Opened ${count} diagram${count > 1 ? "s" : ""} in browser`,
+            level: "info"
+          });
+        }
+        return;
+      }
+      if (input === "D") {
+        dispatch({ type: "SELECT_TASK", task: previewTask });
+        loadDeps(previewTask.id);
+        dispatch({ type: "NAVIGATE_TO", view: ViewType.DependencyList });
+        return;
+      }
+    }
+    if (state.activeView === ViewType.TaskDetail) {
+      if (input === "e" && state.selectedTask) {
+        dispatch({ type: "NAVIGATE_TO", view: ViewType.TaskEdit });
+        return;
+      }
+      if (input === "d" && state.selectedTask) {
+        dispatch({ type: "CONFIRM_DELETE", task: state.selectedTask });
+        return;
+      }
+      if (input === "s" && state.selectedTask) {
+        cycleStatus(state.selectedTask);
+        return;
+      }
+      if (input === "m" && state.selectedTask) {
+        const allText = `${state.selectedTask.description}
+${state.selectedTask.technicalNotes}
+${state.selectedTask.additionalRequirements}`;
+        const count = openAllMermaidDiagrams(allText);
+        if (count > 0) {
+          dispatch({
+            type: "FLASH",
+            message: `Opened ${count} diagram${count > 1 ? "s" : ""} in browser`,
+            level: "info"
+          });
+        }
+        return;
+      }
+      if (input === "D" && state.selectedTask) {
+        loadDeps(state.selectedTask.id);
+        dispatch({ type: "NAVIGATE_TO", view: ViewType.DependencyList });
+        return;
+      }
+    }
+    if (state.activeView === ViewType.DependencyList && state.selectedTask) {
+      if (key.upArrow || input === "k") {
+        dispatch({ type: "DEP_MOVE_CURSOR", direction: "up" });
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        dispatch({ type: "DEP_MOVE_CURSOR", direction: "down" });
+        return;
+      }
+      if (input === "a") {
+        dispatch({ type: "SET_ADDING_DEP", active: true });
+        return;
+      }
+      if (input === "x") {
+        const allItems = [
+          ...state.depBlockers,
+          ...state.depDependents,
+          ...state.depRelated,
+          ...state.depDuplicates
+        ];
+        const selected = allItems[state.depSelectedIndex];
+        if (selected) {
+          const result = container.dependencyService.removeDependencyBetween(
+            state.selectedTask.id,
+            selected.id
+          );
+          if (result.ok) {
+            dispatch({ type: "FLASH", message: "Dependency removed", level: "info" });
+            loadDeps(state.selectedTask.id);
+          } else {
+            dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+          }
+        }
+        return;
+      }
+      if (key.return) {
+        const allItems = [
+          ...state.depBlockers,
+          ...state.depDependents,
+          ...state.depRelated,
+          ...state.depDuplicates
+        ];
+        const selected = allItems[state.depSelectedIndex];
+        if (selected) {
+          dispatch({ type: "SELECT_TASK", task: selected });
+          loadDeps(selected.id);
+          dispatch({ type: "NAVIGATE_TO", view: ViewType.TaskDetail });
+        }
+        return;
+      }
+    }
+  });
+  const handleFormSave = useCallback2(
+    (data) => {
+      if (state.activeView === ViewType.TaskEdit && state.selectedTask) {
+        const taskId = state.selectedTask.id;
+        const result = container.taskService.updateTask(taskId, data);
+        if (!result.ok) {
+          dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+          return;
+        }
+        const currentDepsResult = container.dependencyService.listAllDeps(taskId);
+        const currentDeps = currentDepsResult.ok ? currentDepsResult.value : [];
+        const newDeps = data.dependsOn ?? [];
+        const currentKeys = new Set(currentDeps.map((d) => `${d.dependsOnId}:${d.type}`));
+        const newKeys = new Set(newDeps.map((d) => `${d.id}:${d.type}`));
+        for (const dep of currentDeps) {
+          if (!newKeys.has(`${dep.dependsOnId}:${dep.type}`)) {
+            container.dependencyService.removeDependency({
+              taskId,
+              dependsOnId: dep.dependsOnId
+            });
+          }
+        }
+        for (const entry of newDeps) {
+          if (currentKeys.has(`${entry.id}:${entry.type}`)) continue;
+          container.dependencyService.addDependency({
+            taskId,
+            dependsOnId: entry.id,
+            type: entry.type
+          });
+        }
+        dispatch({ type: "FLASH", message: "Task updated", level: "info" });
+        dispatch({ type: "SELECT_TASK", task: result.value });
+        loadDeps(taskId);
+        dispatch({ type: "GO_BACK" });
+        loadTasks();
+      } else {
+        const result = container.taskService.createTask(data, state.activeProject?.id);
+        if (result.ok) {
+          dispatch({ type: "FLASH", message: "Task created", level: "info" });
+          dispatch({ type: "GO_BACK" });
+          loadTasks();
+        } else {
+          dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+        }
+      }
+    },
+    [container, state.activeView, state.selectedTask, state.activeProject, loadTasks, loadDeps]
+  );
+  const handleFormCancel = useCallback2(() => {
+    dispatch({ type: "GO_BACK" });
+  }, []);
+  const handleProjectSelect = useCallback2((project) => {
+    dispatch({ type: "SET_ACTIVE_PROJECT", project });
+    dispatch({ type: "GO_BACK" });
+    dispatch({ type: "FLASH", message: `Switched to: ${project.name}`, level: "info" });
+  }, []);
+  const handleSetDefault = useCallback2(
+    (project) => {
+      const result = container.projectService.updateProject(project.id, { isDefault: true });
+      if (result.ok) {
+        logger.info(`TUI.setDefault: set key=${result.value.key} as default`);
+        dispatch({ type: "FLASH", message: `Default project: ${result.value.name}`, level: "info" });
+        loadProjects();
+      } else {
+        logger.error("TUI.setDefault: failed", result.error);
+        dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+      }
+    },
+    [container, loadProjects]
+  );
+  const handleProjectCreate = useCallback2(() => {
+    dispatch({ type: "NAVIGATE_TO", view: ViewType.ProjectCreate });
+  }, []);
+  const handleProjectFormSave = useCallback2(
+    (data) => {
+      const result = container.projectService.createProject({
+        name: data.name,
+        key: data.key || void 0,
+        description: data.description || void 0,
+        isDefault: data.isDefault
+      });
+      if (result.ok) {
+        logger.info(`TUI.createProject: created key=${result.value.key} name=${result.value.name}`);
+        dispatch({
+          type: "FLASH",
+          message: `Project created: ${result.value.name}`,
+          level: "info"
+        });
+        dispatch({ type: "SET_ACTIVE_PROJECT", project: result.value });
+        dispatch({ type: "GO_BACK" });
+        dispatch({ type: "GO_BACK" });
+        loadProjects();
+      } else {
+        logger.error("TUI.createProject: failed", result.error);
+        dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+      }
+    },
+    [container, loadProjects]
+  );
+  const handleProjectFormCancel = useCallback2(() => {
+    dispatch({ type: "GO_BACK" });
+  }, []);
+  const handleProjectCancel = useCallback2(() => {
+    dispatch({ type: "GO_BACK" });
+  }, []);
+  const previewTask = state.tasks[state.selectedIndex] ?? null;
+  const initialDepsForEdit = useMemo(() => {
+    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 })),
+      ...state.depDuplicates.map((t) => ({
+        id: t.id,
+        name: t.name,
+        type: DependencyType.Duplicates
+      }))
+    ];
+  }, [state.depBlockers, state.depRelated, state.depDuplicates]);
+  const allProjectTasks = useMemo(() => {
+    if (!state.activeProject) return [];
+    const result = container.taskService.listTasks({ projectId: state.activeProject.id });
+    return result.ok ? result.value : [];
+  }, [container, state.activeProject, state.tasks]);
+  const previewTaskId = previewTask?.id ?? null;
+  useEffect(() => {
+    if (state.activeView === ViewType.TaskList && previewTaskId) {
+      loadDeps(previewTaskId);
+    }
+  }, [state.activeView, previewTaskId, loadDeps]);
+  return /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", height: "100%", children: [
+    /* @__PURE__ */ jsx14(Header, { state }),
+    /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", flexGrow: 1, children: [
+      state.confirmDelete && /* @__PURE__ */ jsx14(ConfirmDialog, { task: state.confirmDelete }),
+      !state.confirmDelete && state.activeView === ViewType.TaskList && /* @__PURE__ */ jsxs12(Box14, { flexDirection: "row", flexGrow: 1, children: [
+        /* @__PURE__ */ jsx14(Box14, { width: "50%", children: /* @__PURE__ */ jsx14(
+          TaskList,
+          {
+            tasks: state.tasks,
+            selectedIndex: state.selectedIndex,
+            searchQuery: state.searchQuery,
+            isSearchActive: state.isSearchActive,
+            isReordering: state.isReordering,
+            filter: state.filter,
+            activeProjectName: state.activeProject?.name ?? "none",
+            nonTerminalBlockerIds: new Set(
+              state.depBlockers.filter((t) => !isTerminalStatus(t.status)).map((t) => t.id)
+            ),
+            nonTerminalDependentIds: new Set(
+              state.depDependents.filter((t) => !isTerminalStatus(t.status)).map((t) => t.id)
+            ),
+            isSelectedBlocked: state.depBlockers.some((t) => !isTerminalStatus(t.status)),
+            isFocused: state.focusedPanel === "list"
+          }
+        ) }),
+        /* @__PURE__ */ jsx14(Box14, { flexGrow: 1, children: previewTask ? /* @__PURE__ */ jsx14(
+          TaskDetail,
+          {
+            task: previewTask,
+            blockers: state.depBlockers,
+            dependents: state.depDependents,
+            related: state.depRelated,
+            duplicates: state.depDuplicates,
+            isFocused: state.focusedPanel === "detail"
+          }
+        ) : /* @__PURE__ */ jsxs12(
+          Box14,
+          {
+            flexDirection: "column",
+            flexGrow: 1,
+            borderStyle: "bold",
+            borderColor: theme.border,
+            children: [
+              /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsxs12(Text14, { color: theme.title, bold: true, children: [
+                " ",
+                "detail"
+              ] }) }),
+              /* @__PURE__ */ jsx14(Box14, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "No task selected" }) })
+            ]
+          }
+        ) })
+      ] }),
+      !state.confirmDelete && state.activeView === ViewType.TaskDetail && state.selectedTask && /* @__PURE__ */ jsx14(
+        TaskDetail,
+        {
+          task: state.selectedTask,
+          blockers: state.depBlockers,
+          dependents: state.depDependents,
+          related: state.depRelated,
+          duplicates: state.depDuplicates
+        }
+      ),
+      !state.confirmDelete && state.activeView === ViewType.DependencyList && state.selectedTask && /* @__PURE__ */ jsx14(
+        DependencyList,
+        {
+          task: state.selectedTask,
+          blockers: state.depBlockers,
+          dependents: state.depDependents,
+          related: state.depRelated,
+          duplicates: state.depDuplicates,
+          selectedIndex: state.depSelectedIndex,
+          isAddingDep: state.isAddingDep,
+          addDepInput: state.addDepInput
+        }
+      ),
+      !state.confirmDelete && (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit) && /* @__PURE__ */ jsx14(
+        TaskForm,
+        {
+          editingTask: state.activeView === ViewType.TaskEdit ? state.selectedTask : null,
+          allTasks: allProjectTasks,
+          initialDeps: state.activeView === ViewType.TaskEdit ? initialDepsForEdit : void 0,
+          onSave: handleFormSave,
+          onCancel: handleFormCancel
+        }
+      ),
+      !state.confirmDelete && state.activeView === ViewType.ProjectSelector && /* @__PURE__ */ jsx14(
+        ProjectSelector,
+        {
+          projects: state.projects,
+          activeProject: state.activeProject,
+          onSelect: handleProjectSelect,
+          onCreate: handleProjectCreate,
+          onSetDefault: handleSetDefault,
+          onCancel: handleProjectCancel
+        }
+      ),
+      !state.confirmDelete && state.activeView === ViewType.ProjectCreate && /* @__PURE__ */ jsx14(ProjectForm, { onSave: handleProjectFormSave, onCancel: handleProjectFormCancel }),
+      !state.confirmDelete && state.activeView === ViewType.Help && /* @__PURE__ */ jsx14(HelpOverlay, {})
+    ] }),
+    /* @__PURE__ */ jsx14(Crumbs, { breadcrumbs: state.breadcrumbs }),
+    state.flash && /* @__PURE__ */ jsx14(FlashMessage, { message: state.flash.message, level: state.flash.level })
+  ] });
+}
+
+// src/tui/index.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+async function launchTUI(container, initialProject) {
+  const instance = render(/* @__PURE__ */ jsx15(App, { container, initialProject }), {
+    exitOnCtrlC: true
+  });
+  await instance.waitUntilExit();
+}
+export {
+  launchTUI
+};
+//# sourceMappingURL=tui-JNZRBEIQ.js.map