@tomkapa/tayto 0.3.2 → 0.4.1

package/dist/{tui-JEP3F4JS.js → tui-IXZGQMWN.js}

@@ -5,16 +5,17 @@ import {
   TaskStatus,
   TaskType,
   UIDependencyType,
+  detectGitRemote,
   isTerminalStatus,
   logger
-} from "./chunk-STYT4TGJ.js";
+} from "./chunk-74Q55TOV.js";
 
 // src/tui/index.tsx
 import { render } from "ink";
 
 // src/tui/components/App.tsx
-import { useReducer, useEffect as useEffect2, useCallback as useCallback2, useMemo as useMemo2, useState as useState6 } from "react";
-import { Box as Box16, Text as Text16, useInput as useInput6, useApp, useStdout as useStdout4 } from "ink";
+import { useReducer, useEffect as useEffect2, useCallback as useCallback2, useMemo as useMemo2, useState as useState7 } from "react";
+import { Box as Box17, Text as Text17, useInput as useInput7, useApp, useStdout as useStdout4 } from "ink";
 
 // src/tui/types.ts
 var ViewType = {
@@ -26,6 +27,7 @@ var ViewType = {
   ProjectCreate: "project-create",
   DependencyList: "dependency-list",
   EpicPicker: "epic-picker",
+  ProjectLink: "project-link",
   Help: "help"
 };
 
@@ -192,6 +194,7 @@ var initialState = {
   epics: [],
   epicSelectedIndex: 0,
   selectedEpicIds: /* @__PURE__ */ new Set(),
+  linkingProject: null,
   isEpicReordering: false,
   epicReorderSnapshot: null
 };
@@ -214,6 +217,7 @@ function appReducer(state, action) {
         confirmDelete: null,
         isSearchActive: false,
         formData: null,
+        linkingProject: null,
         focusedPanel: "list"
       };
     }
@@ -396,6 +400,8 @@ function appReducer(state, action) {
         epicReorderSnapshot: null
       };
     }
+    case "SET_LINKING_PROJECT":
+      return { ...state, linkingProject: action.project };
   }
 }
 
@@ -1314,6 +1320,7 @@ function ProjectSelector({
   onSelect,
   onCreate,
   onSetDefault,
+  onLink,
   onCancel
 }) {
   const [selectedIndex, setSelectedIndex] = useState3(() => {
@@ -1344,6 +1351,13 @@ function ProjectSelector({
       }
       return;
     }
+    if (input === "l") {
+      const project = projects[selectedIndex];
+      if (project) {
+        onLink(project);
+      }
+      return;
+    }
     if (key.upArrow || input === "k") {
       setSelectedIndex((i) => Math.max(0, i - 1));
     }
@@ -1365,6 +1379,7 @@ function ProjectSelector({
     ] }),
     /* @__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: "GIT REMOTE".padEnd(40) }),
       /* @__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) => {
@@ -1373,11 +1388,13 @@ function ProjectSelector({
       const activeMarker = isActive ? "*" : " ";
       const defaultMarker = project.isDefault ? "D" : " ";
       const marker = `${activeMarker}${defaultMarker}`;
+      const remoteDisplay = (project.gitRemote ?? "").slice(0, 38).padEnd(40);
       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),
+          remoteDisplay,
           project.description
         ] }) }, project.id);
       }
@@ -1387,11 +1404,12 @@ function ProjectSelector({
           " ",
           project.name.padEnd(27)
         ] }),
+        /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: remoteDisplay }),
         /* @__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" }) })
+    /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "enter: select | d: set default | l: link git | c: create | esc: back" }) })
   ] });
 }
 
@@ -1490,9 +1508,86 @@ function ProjectForm({ onSave, onCancel }) {
   ] });
 }
 
-// src/tui/components/HelpOverlay.tsx
-import { Box as Box11, Text as Text11 } from "ink";
+// src/tui/components/ProjectLinkForm.tsx
+import { useState as useState5 } from "react";
+import { Box as Box11, Text as Text11, useInput as useInput5 } from "ink";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function ProjectLinkForm({ project, onSave, onUnlink, onDetect, onCancel }) {
+  const [remoteUrl, setRemoteUrl] = useState5(project.gitRemote ?? "");
+  useInput5((input, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (input === "s" && key.ctrl) {
+      const trimmed = remoteUrl.trim();
+      if (trimmed) {
+        onSave(trimmed);
+      }
+      return;
+    }
+    if (input === "d" && key.ctrl) {
+      const detected = onDetect();
+      if (detected) {
+        setRemoteUrl(detected);
+      }
+      return;
+    }
+    if (input === "u" && key.ctrl) {
+      if (project.gitRemote) {
+        onUnlink();
+      }
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setRemoteUrl((v) => v.slice(0, -1));
+      return;
+    }
+    if (input && !key.ctrl && !key.meta) {
+      setRemoteUrl((v) => v + input);
+    }
+  });
+  return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsxs9(Box11, { gap: 0, children: [
+      /* @__PURE__ */ jsxs9(Text11, { color: theme.title, bold: true, children: [
+        " ",
+        "link git remote"
+      ] }),
+      /* @__PURE__ */ jsxs9(Text11, { color: theme.titleCounter, bold: true, children: [
+        " ",
+        "[",
+        project.name,
+        "]"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
+      /* @__PURE__ */ jsxs9(Box11, { gap: 1, children: [
+        /* @__PURE__ */ jsx11(Text11, { color: theme.dialog.label, bold: true, children: "Current:" }),
+        /* @__PURE__ */ jsx11(
+          Text11,
+          {
+            color: project.gitRemote ? theme.yaml.value : theme.table.fg,
+            dimColor: !project.gitRemote,
+            children: project.gitRemote ?? "(none)"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs9(Box11, { gap: 1, marginTop: 1, children: [
+        /* @__PURE__ */ jsx11(Text11, { color: theme.dialog.label, bold: true, children: "Remote URL: " }),
+        /* @__PURE__ */ jsxs9(Text11, { color: theme.yaml.value, children: [
+          remoteUrl,
+          /* @__PURE__ */ jsx11(Text11, { color: theme.titleHighlight, children: "_" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx11(Box11, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx11(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "ctrl+s: save | ctrl+d: detect from cwd | ctrl+u: unlink | esc: cancel" }) })
+  ] });
+}
+
+// src/tui/components/HelpOverlay.tsx
+import { Box as Box12, Text as Text12 } from "ink";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var SECTIONS = [
   {
     title: "NAVIGATION",
@@ -1554,8 +1649,8 @@ var SECTIONS = [
   }
 ];
 function HelpOverlay() {
-  return /* @__PURE__ */ jsxs9(
-    Box11,
+  return /* @__PURE__ */ jsxs10(
+    Box12,
     {
       flexDirection: "column",
       borderStyle: "bold",
@@ -1563,35 +1658,35 @@ function HelpOverlay() {
       paddingX: 2,
       paddingY: 1,
       children: [
-        /* @__PURE__ */ jsxs9(Text11, { color: theme.title, bold: true, children: [
+        /* @__PURE__ */ jsxs10(Text12, { 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: [
+        /* @__PURE__ */ jsx12(Text12, { children: " " }),
+        /* @__PURE__ */ jsx12(Box12, { flexDirection: "row", gap: 4, children: SECTIONS.map((section) => /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx12(Text12, { color: theme.table.headerFg, bold: true, children: section.title }),
+          section.keys.map(([key, desc]) => /* @__PURE__ */ jsxs10(Box12, { gap: 1, children: [
+            /* @__PURE__ */ jsxs10(Text12, { color: theme.menu.key, bold: true, children: [
               "<",
               (key ?? "").padEnd(5),
               ">"
             ] }),
-            /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: desc })
+            /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: desc })
           ] }, key))
         ] }, section.title)) }),
-        /* @__PURE__ */ jsx11(Text11, { children: " " }),
-        /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "Press any key to close" })
+        /* @__PURE__ */ jsx12(Text12, { children: " " }),
+        /* @__PURE__ */ jsx12(Text12, { 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";
+import { Box as Box13, Text as Text13 } from "ink";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function ConfirmDialog({ task }) {
-  return /* @__PURE__ */ jsxs10(
-    Box12,
+  return /* @__PURE__ */ jsxs11(
+    Box13,
     {
       flexDirection: "column",
       borderStyle: "bold",
@@ -1600,17 +1695,17 @@ function ConfirmDialog({ task }) {
       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: [
+        /* @__PURE__ */ jsx13(Text13, { color: theme.dialog.label, bold: true, children: "<Delete>" }),
+        /* @__PURE__ */ jsx13(Text13, { children: " " }),
+        /* @__PURE__ */ jsxs11(Text13, { 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,
+        /* @__PURE__ */ jsx13(Text13, { children: " " }),
+        /* @__PURE__ */ jsxs11(Box13, { gap: 3, children: [
+          /* @__PURE__ */ jsx13(Box13, { children: /* @__PURE__ */ jsx13(
+            Text13,
             {
               backgroundColor: theme.dialog.buttonFocusBg,
               color: theme.dialog.buttonFocusFg,
@@ -1618,7 +1713,7 @@ function ConfirmDialog({ task }) {
               children: " y: OK "
             }
           ) }),
-          /* @__PURE__ */ jsx12(Box12, { children: /* @__PURE__ */ jsx12(Text12, { backgroundColor: theme.dialog.buttonBg, color: theme.dialog.buttonFg, children: " n: Cancel " }) })
+          /* @__PURE__ */ jsx13(Box13, { children: /* @__PURE__ */ jsx13(Text13, { backgroundColor: theme.dialog.buttonBg, color: theme.dialog.buttonFg, children: " n: Cancel " }) })
         ] })
       ]
     }
@@ -1626,8 +1721,8 @@ function ConfirmDialog({ task }) {
 }
 
 // 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";
+import { Box as Box14, Text as Text14 } from "ink";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function TaskRow({
   task,
   globalIndex,
@@ -1635,16 +1730,16 @@ function TaskRow({
 }) {
   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: [
+  return /* @__PURE__ */ jsx14(Box14, { children: isSelected ? /* @__PURE__ */ jsxs12(Text14, { 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 })
+  ] }) : /* @__PURE__ */ jsxs12(Fragment2, { children: [
+    /* @__PURE__ */ jsx14(Text14, { children: "  " }),
+    /* @__PURE__ */ jsx14(Text14, { color: theme.yaml.value, children: task.id.padEnd(12) }),
+    /* @__PURE__ */ jsx14(Text14, { color: statusColor, children: task.status.padEnd(14) }),
+    /* @__PURE__ */ jsx14(Text14, { color: theme.table.fg, children: task.name })
   ] }) }, task.id);
 }
 function DependencyList({
@@ -1665,23 +1760,23 @@ function DependencyList({
   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: [
+  return /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", flexGrow: 1, borderStyle: "bold", borderColor: theme.borderFocus, children: [
+    /* @__PURE__ */ jsxs12(Box14, { gap: 0, children: [
+      /* @__PURE__ */ jsxs12(Text14, { 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__ */ jsx14(Text14, { color: theme.fg, children: "(" }),
+      /* @__PURE__ */ jsx14(Text14, { color: theme.titleHighlight, bold: true, children: task.name }),
+      /* @__PURE__ */ jsx14(Text14, { color: theme.fg, children: ")" })
     ] }),
-    /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
-      /* @__PURE__ */ jsxs11(Text13, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs12(Text14, { 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(
+      blockers.length === 0 ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: " No blockers" }) : blockers.map((t, i) => /* @__PURE__ */ jsx14(
         TaskRow,
         {
           task: t,
@@ -1691,13 +1786,13 @@ function DependencyList({
         t.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
-      /* @__PURE__ */ jsxs11(Text13, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs12(Text14, { 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(
+      dependents.length === 0 ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: " No dependents" }) : dependents.map((t, i) => /* @__PURE__ */ jsx14(
         TaskRow,
         {
           task: t,
@@ -1707,13 +1802,13 @@ function DependencyList({
         t.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
-      /* @__PURE__ */ jsxs11(Text13, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs12(Text14, { 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(
+      related.length === 0 ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: " No related tasks" }) : related.map((t, i) => /* @__PURE__ */ jsx14(
         TaskRow,
         {
           task: t,
@@ -1723,13 +1818,13 @@ function DependencyList({
         t.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
-      /* @__PURE__ */ jsxs11(Text13, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [
+      /* @__PURE__ */ jsxs12(Text14, { 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(
+      duplicates.length === 0 ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: " No duplicate tasks" }) : duplicates.map((t, i) => /* @__PURE__ */ jsx14(
         TaskRow,
         {
           task: t,
@@ -1739,19 +1834,19 @@ function DependencyList({
         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__ */ jsx14(Box14, { flexGrow: 1 }),
+    isAddingDep && /* @__PURE__ */ jsxs12(Box14, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
+      /* @__PURE__ */ jsx14(Text14, { color: theme.prompt, children: "depends on (id or id:type): " }),
+      /* @__PURE__ */ jsx14(Text14, { color: theme.prompt, children: addDepInput }),
+      /* @__PURE__ */ jsx14(Text14, { 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" }) })
+    /* @__PURE__ */ jsx14(Box14, { paddingX: 1, children: /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "a: add dep (id or id:relates-to) | x: remove selected | enter: go to task | esc: back" }) })
   ] });
 }
 
 // src/tui/components/EpicPanel.tsx
-import { Box as Box14, Text as Text14 } from "ink";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box15, Text as Text15 } from "ink";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 20;
 function EpicPanel({
   epics,
@@ -1764,34 +1859,34 @@ function EpicPanel({
   const currentPage = Math.floor(selectedIndex / PAGE_SIZE2);
   const viewStart = currentPage * PAGE_SIZE2;
   const visibleEpics = epics.slice(viewStart, viewStart + PAGE_SIZE2);
-  return /* @__PURE__ */ jsxs12(
-    Box14,
+  return /* @__PURE__ */ jsxs13(
+    Box15,
     {
       flexDirection: "column",
       width: 48,
       borderStyle: "bold",
       borderColor: isFocused ? theme.borderFocus : theme.border,
       children: [
-        /* @__PURE__ */ jsxs12(Box14, { children: [
-          /* @__PURE__ */ jsxs12(Text14, { color: theme.title, bold: true, children: [
+        /* @__PURE__ */ jsxs13(Box15, { children: [
+          /* @__PURE__ */ jsxs13(Text15, { color: theme.title, bold: true, children: [
             " ",
             "epics"
           ] }),
-          /* @__PURE__ */ jsxs12(Text14, { color: theme.titleCounter, bold: true, children: [
+          /* @__PURE__ */ jsxs13(Text15, { color: theme.titleCounter, bold: true, children: [
             "[",
             epics.length,
             "]"
           ] }),
-          isReordering && /* @__PURE__ */ jsxs12(Text14, { color: theme.flash.warn, bold: true, children: [
+          isReordering && /* @__PURE__ */ jsxs13(Text15, { color: theme.flash.warn, bold: true, children: [
             " ",
             "REORDER"
           ] }),
-          filterActive && /* @__PURE__ */ jsxs12(Text14, { color: theme.titleFilter, children: [
+          filterActive && /* @__PURE__ */ jsxs13(Text15, { color: theme.titleFilter, children: [
             " *",
             selectedEpicIds.size
           ] })
         ] }),
-        /* @__PURE__ */ jsx14(Box14, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: epics.length === 0 ? /* @__PURE__ */ jsx14(Box14, { paddingX: 1, children: /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "No epics" }) }) : visibleEpics.map((epic, i) => {
+        /* @__PURE__ */ jsx15(Box15, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: epics.length === 0 ? /* @__PURE__ */ jsx15(Box15, { paddingX: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "No epics" }) }) : visibleEpics.map((epic, i) => {
           const actualIndex = viewStart + i;
           const isSelected = actualIndex === selectedIndex && isFocused;
           const isChecked = selectedEpicIds.has(epic.id);
@@ -1799,21 +1894,21 @@ function EpicPanel({
           const statusColor = STATUS_COLOR[epic.status] ?? theme.table.fg;
           if (isSelected) {
             const cursorBg = isReordering ? theme.flash.warn : theme.table.cursorBg;
-            return /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsxs12(Text14, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: [
+            return /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsxs13(Text15, { backgroundColor: cursorBg, color: theme.table.cursorFg, bold: true, children: [
               isReordering ? "~ " : " ",
               marker,
               " ",
               epic.name
             ] }) }, epic.id);
           }
-          return /* @__PURE__ */ jsx14(Box14, { children: /* @__PURE__ */ jsxs12(Text14, { color: isChecked ? theme.titleHighlight : statusColor, children: [
+          return /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsxs13(Text15, { color: isChecked ? theme.titleHighlight : statusColor, children: [
             " ",
             marker,
             " ",
             epic.name
           ] }) }, epic.id);
         }) }),
-        epics.length > PAGE_SIZE2 && /* @__PURE__ */ jsx14(Box14, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs12(Text14, { dimColor: true, children: [
+        epics.length > PAGE_SIZE2 && /* @__PURE__ */ jsx15(Box15, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs13(Text15, { dimColor: true, children: [
           "[",
           viewStart + 1,
           "-",
@@ -1828,16 +1923,16 @@ function EpicPanel({
 }
 
 // src/tui/components/EpicPicker.tsx
-import { useState as useState5 } from "react";
-import { Box as Box15, Text as Text15, useInput as useInput5, useStdout as useStdout3 } from "ink";
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useState as useState6 } from "react";
+import { Box as Box16, Text as Text16, useInput as useInput6, useStdout as useStdout3 } from "ink";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
   const { stdout } = useStdout3();
   const termHeight = stdout.rows > 0 ? stdout.rows : 24;
   const maxVisible = Math.max(3, termHeight - 10);
-  const [searchQuery, setSearchQuery] = useState5("");
-  const [isSearching, setIsSearching] = useState5(false);
-  const [cursorIndex, setCursorIndex] = useState5(0);
+  const [searchQuery, setSearchQuery] = useState6("");
+  const [isSearching, setIsSearching] = useState6(false);
+  const [cursorIndex, setCursorIndex] = useState6(0);
   const filtered = epics.filter((e) => {
     if (!searchQuery.trim()) return true;
     const q = searchQuery.toLowerCase();
@@ -1851,7 +1946,7 @@ function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
     viewStart = cursorIndex;
   }
   const visible = filtered.slice(viewStart, viewStart + maxVisible);
-  useInput5((input, key) => {
+  useInput6((input, key) => {
     if (isSearching) {
       if (key.escape) {
         setIsSearching(false);
@@ -1903,53 +1998,53 @@ function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", borderStyle: "bold", borderColor: theme.borderFocus, flexGrow: 1, children: [
-    /* @__PURE__ */ jsxs13(Box15, { gap: 0, children: [
-      /* @__PURE__ */ jsxs13(Text15, { color: theme.title, bold: true, children: [
+  return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", borderStyle: "bold", borderColor: theme.borderFocus, flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs14(Box16, { gap: 0, children: [
+      /* @__PURE__ */ jsxs14(Text16, { color: theme.title, bold: true, children: [
         " ",
         "assign to epic"
       ] }),
-      /* @__PURE__ */ jsxs13(Text15, { color: theme.titleCounter, bold: true, children: [
+      /* @__PURE__ */ jsxs14(Text16, { color: theme.titleCounter, bold: true, children: [
         " ",
         "[",
         epics.length,
         "]"
       ] })
     ] }),
-    isSearching ? /* @__PURE__ */ jsxs13(Box15, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
-      /* @__PURE__ */ jsx15(Text15, { color: theme.prompt, children: "/" }),
-      /* @__PURE__ */ jsx15(Text15, { color: theme.prompt, children: searchQuery }),
-      /* @__PURE__ */ jsx15(Text15, { color: theme.promptSuggest, children: "_" })
-    ] }) : searchQuery ? /* @__PURE__ */ jsx15(Box15, { paddingX: 1, children: /* @__PURE__ */ jsxs13(Text15, { color: theme.titleFilter, children: [
+    isSearching ? /* @__PURE__ */ jsxs14(Box16, { borderStyle: "round", borderColor: theme.prompt, paddingX: 1, children: [
+      /* @__PURE__ */ jsx16(Text16, { color: theme.prompt, children: "/" }),
+      /* @__PURE__ */ jsx16(Text16, { color: theme.prompt, children: searchQuery }),
+      /* @__PURE__ */ jsx16(Text16, { color: theme.promptSuggest, children: "_" })
+    ] }) : searchQuery ? /* @__PURE__ */ jsx16(Box16, { paddingX: 1, children: /* @__PURE__ */ jsxs14(Text16, { color: theme.titleFilter, children: [
       "/",
       searchQuery
     ] }) }) : null,
-    /* @__PURE__ */ jsx15(Box15, { paddingX: 1, children: /* @__PURE__ */ jsxs13(Text15, { color: theme.table.headerFg, bold: true, children: [
+    /* @__PURE__ */ jsx16(Box16, { paddingX: 1, children: /* @__PURE__ */ jsxs14(Text16, { color: theme.table.headerFg, bold: true, children: [
       "  ",
       "ID".padEnd(14),
       "STATUS".padEnd(14),
       "NAME"
     ] }) }),
-    filtered.length === 0 ? /* @__PURE__ */ jsx15(Box15, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "No epics match the filter" }) }) : visible.map((epic, i) => {
+    filtered.length === 0 ? /* @__PURE__ */ jsx16(Box16, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: "No epics match the filter" }) }) : visible.map((epic, i) => {
       const actualIndex = viewStart + i;
       const isCursor = actualIndex === cursorIndex;
       const isCurrent = epic.id === currentEpicId;
       const marker = isCurrent ? "* " : "  ";
       const statusColor = STATUS_COLOR[epic.status] ?? theme.table.fg;
-      return /* @__PURE__ */ jsx15(Box15, { paddingX: 1, children: isCursor ? /* @__PURE__ */ jsxs13(Text15, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
+      return /* @__PURE__ */ jsx16(Box16, { paddingX: 1, children: isCursor ? /* @__PURE__ */ jsxs14(Text16, { backgroundColor: theme.table.cursorBg, color: theme.table.cursorFg, bold: true, children: [
         "> ",
         epic.id.padEnd(14),
         epic.status.padEnd(14),
         epic.name
-      ] }) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
-        /* @__PURE__ */ jsx15(Text15, { color: isCurrent ? theme.titleHighlight : theme.table.fg, children: marker }),
-        /* @__PURE__ */ jsx15(Text15, { color: theme.yaml.value, children: epic.id.padEnd(14) }),
-        /* @__PURE__ */ jsx15(Text15, { color: statusColor, children: epic.status.padEnd(14) }),
-        /* @__PURE__ */ jsx15(Text15, { color: isCurrent ? theme.titleHighlight : theme.table.fg, children: epic.name })
+      ] }) : /* @__PURE__ */ jsxs14(Fragment3, { children: [
+        /* @__PURE__ */ jsx16(Text16, { color: isCurrent ? theme.titleHighlight : theme.table.fg, children: marker }),
+        /* @__PURE__ */ jsx16(Text16, { color: theme.yaml.value, children: epic.id.padEnd(14) }),
+        /* @__PURE__ */ jsx16(Text16, { color: statusColor, children: epic.status.padEnd(14) }),
+        /* @__PURE__ */ jsx16(Text16, { color: isCurrent ? theme.titleHighlight : theme.table.fg, children: epic.name })
       ] }) }, epic.id);
     }),
-    /* @__PURE__ */ jsx15(Box15, { flexGrow: 1 }),
-    filtered.length > maxVisible && /* @__PURE__ */ jsx15(Box15, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs13(Text15, { dimColor: true, children: [
+    /* @__PURE__ */ jsx16(Box16, { flexGrow: 1 }),
+    filtered.length > maxVisible && /* @__PURE__ */ jsx16(Box16, { justifyContent: "flex-end", paddingRight: 1, children: /* @__PURE__ */ jsxs14(Text16, { dimColor: true, children: [
       "[",
       viewStart + 1,
       "-",
@@ -1958,7 +2053,7 @@ function EpicPicker({ epics, currentEpicId, onSelect, onCancel }) {
       filtered.length,
       "]"
     ] }) }),
-    /* @__PURE__ */ jsx15(Box15, { paddingX: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "enter: assign | x: unassign | /: search | esc: cancel" }) })
+    /* @__PURE__ */ jsx16(Box16, { paddingX: 1, children: /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: "enter: assign | x: unassign | /: search | esc: cancel" }) })
   ] });
 }
 
@@ -1998,7 +2093,7 @@ function useAutoRefetch(dbPath, onRefetch) {
 }
 
 // src/tui/components/App.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var STATUS_CYCLE = [
   TaskStatus.Backlog,
   TaskStatus.Todo,
@@ -2011,7 +2106,7 @@ function App({ container, initialProject }) {
   const { exit } = useApp();
   const { stdout } = useStdout4();
   const [state, dispatch] = useReducer(appReducer, initialState);
-  const [, setResizeTick] = useState6(0);
+  const [, setResizeTick] = useState7(0);
   useEffect2(() => {
     const onResize = () => {
       setResizeTick((n) => n + 1);
@@ -2036,15 +2131,14 @@ function App({ container, initialProject }) {
     }
   }, [container]);
   const loadTasks = useCallback2(() => {
+    const activeProject = state.activeProject;
+    if (!activeProject) return;
     logger.startSpan("TUI.loadTasks", () => {
       const filter = { ...state.filter, level: TaskLevel.Work };
-      if (state.activeProject) {
-        filter.projectId = state.activeProject.id;
-      }
       if (state.selectedEpicIds.size > 0) {
         filter.parentIds = [...state.selectedEpicIds];
       }
-      const result = container.taskService.listTasks(filter);
+      const result = container.taskService.listTasks(activeProject, filter);
       if (result.ok) {
         logger.info(`TUI.loadTasks: loaded ${result.value.length} tasks`);
         dispatch({ type: "SET_TASKS", tasks: result.value });
@@ -2056,8 +2150,7 @@ function App({ container, initialProject }) {
   }, [container, state.filter, state.activeProject, state.selectedEpicIds]);
   const loadEpics = useCallback2(() => {
     if (!state.activeProject) return;
-    const result = container.taskService.listTasks({
-      projectId: state.activeProject.id,
+    const result = container.taskService.listTasks(state.activeProject, {
       level: TaskLevel.Epic
     });
     if (result.ok) {
@@ -2102,13 +2195,15 @@ function App({ container, initialProject }) {
     [container, state.selectedTask, loadTasks, loadEpics]
   );
   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 }) : next ? container.taskService.rerankTask({ taskId: task.id, beforeId: next.id }) : container.taskService.rerankTask({ taskId: task.id, position: 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",
@@ -2118,13 +2213,15 @@ function App({ container, initialProject }) {
     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 }) : next ? container.taskService.rerankTask({ taskId: epic.id, beforeId: next.id }) : container.taskService.rerankTask({ taskId: epic.id, position: 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",
@@ -2135,13 +2232,18 @@ function App({ container, initialProject }) {
   }, [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];
       if (!item) return;
-      const result = container.taskService.rerankTask({
-        taskId: item.id,
-        ...edge === "top" ? { top: true } : { bottom: true }
-      });
+      const result = container.taskService.rerankTask(
+        {
+          taskId: item.id,
+          ...edge === "top" ? { top: true } : { bottom: true }
+        },
+        activeProject
+      );
       dispatch({
         type: isEpic ? "EXIT_EPIC_REORDER" : "EXIT_REORDER",
         save: result.ok
@@ -2207,7 +2309,7 @@ function App({ container, initialProject }) {
     }
     return void 0;
   }, [state.flash]);
-  useInput6((input, key) => {
+  useInput7((input, key) => {
     if (state.confirmDelete) {
       if (input === "y") {
         const result = container.taskService.deleteTask(state.confirmDelete.id);
@@ -2232,7 +2334,7 @@ function App({ container, initialProject }) {
       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.EpicPicker) {
+    if (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit || state.activeView === ViewType.ProjectSelector || state.activeView === ViewType.ProjectCreate || state.activeView === ViewType.ProjectLink || state.activeView === ViewType.EpicPicker) {
       return;
     }
     if (state.activeView === ViewType.DependencyList && state.isAddingDep) {
@@ -2733,7 +2835,8 @@ ${state.selectedTask.additionalRequirements}`;
         loadTasks();
         loadEpics();
       } else {
-        const result = container.taskService.createTask(data, state.activeProject?.id);
+        if (!state.activeProject) return;
+        const result = container.taskService.createTask(data, state.activeProject);
         if (result.ok) {
           dispatch({ type: "FLASH", message: "Task created", level: "info" });
           dispatch({ type: "GO_BACK" });
@@ -2833,6 +2936,57 @@ ${state.selectedTask.additionalRequirements}`;
   const handleProjectFormCancel = useCallback2(() => {
     dispatch({ type: "GO_BACK" });
   }, []);
+  const handleProjectLink = useCallback2((project) => {
+    dispatch({ type: "SET_LINKING_PROJECT", project });
+    dispatch({ type: "NAVIGATE_TO", view: ViewType.ProjectLink });
+  }, []);
+  const handleLinkSave = useCallback2(
+    (remote) => {
+      if (!state.linkingProject) return;
+      const result = container.projectService.linkGitRemote(state.linkingProject.id, remote);
+      if (result.ok) {
+        logger.info(
+          `TUI.linkGitRemote: linked project=${state.linkingProject.id} remote=${result.value.gitRemote}`
+        );
+        dispatch({
+          type: "FLASH",
+          message: `Linked to: ${result.value.gitRemote}`,
+          level: "info"
+        });
+        dispatch({ type: "GO_BACK" });
+        loadProjects();
+      } else {
+        logger.error("TUI.linkGitRemote: failed", result.error);
+        dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+      }
+    },
+    [container, state.linkingProject, loadProjects]
+  );
+  const handleLinkUnlink = useCallback2(() => {
+    if (!state.linkingProject) return;
+    const result = container.projectService.unlinkGitRemote(state.linkingProject.id);
+    if (result.ok) {
+      logger.info(`TUI.unlinkGitRemote: unlinked project=${state.linkingProject.id}`);
+      dispatch({ type: "FLASH", message: "Git remote unlinked", level: "info" });
+      dispatch({ type: "GO_BACK" });
+      loadProjects();
+    } else {
+      logger.error("TUI.unlinkGitRemote: failed", result.error);
+      dispatch({ type: "FLASH", message: result.error.message, level: "error" });
+    }
+  }, [container, state.linkingProject, loadProjects]);
+  const handleLinkDetect = useCallback2(() => {
+    const result = detectGitRemote();
+    if (result.ok && result.value) {
+      dispatch({ type: "FLASH", message: `Detected: ${result.value}`, level: "info" });
+      return result.value;
+    }
+    dispatch({ type: "FLASH", message: "No git remote detected in cwd", level: "warn" });
+    return null;
+  }, []);
+  const handleLinkCancel = useCallback2(() => {
+    dispatch({ type: "GO_BACK" });
+  }, []);
   const handleProjectCancel = useCallback2(() => {
     dispatch({ type: "GO_BACK" });
   }, []);
@@ -2850,7 +3004,7 @@ ${state.selectedTask.additionalRequirements}`;
   }, [state.depBlockers, state.depRelated, state.depDuplicates]);
   const allProjectTasks = useMemo2(() => {
     if (!state.activeProject) return [];
-    const result = container.taskService.listTasks({ projectId: state.activeProject.id });
+    const result = container.taskService.listTasks(state.activeProject, {});
     return result.ok ? result.value : [];
   }, [container, state.activeProject, state.tasks]);
   const previewTaskId = previewTask?.id ?? null;
@@ -2859,12 +3013,12 @@ ${state.selectedTask.additionalRequirements}`;
       loadDeps(previewTaskId);
     }
   }, [state.activeView, previewTaskId, loadDeps]);
-  return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", height: stdout.rows, children: [
-    /* @__PURE__ */ jsx16(Header, { state }),
-    /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: [
-      state.confirmDelete && /* @__PURE__ */ jsx16(ConfirmDialog, { task: state.confirmDelete }),
-      !state.confirmDelete && state.activeView === ViewType.TaskList && /* @__PURE__ */ jsxs14(Box16, { flexDirection: "row", flexGrow: 1, children: [
-        /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs15(Box17, { flexDirection: "column", height: stdout.rows, children: [
+    /* @__PURE__ */ jsx17(Header, { state }),
+    /* @__PURE__ */ jsxs15(Box17, { flexDirection: "column", flexGrow: 1, overflowY: "hidden", children: [
+      state.confirmDelete && /* @__PURE__ */ jsx17(ConfirmDialog, { task: state.confirmDelete }),
+      !state.confirmDelete && state.activeView === ViewType.TaskList && /* @__PURE__ */ jsxs15(Box17, { flexDirection: "row", flexGrow: 1, children: [
+        /* @__PURE__ */ jsx17(
           EpicPanel,
           {
             epics: state.epics,
@@ -2874,7 +3028,7 @@ ${state.selectedTask.additionalRequirements}`;
             isReordering: state.isEpicReordering
           }
         ),
-        /* @__PURE__ */ jsx16(Box16, { width: taskListWidth, children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(Box17, { width: taskListWidth, children: /* @__PURE__ */ jsx17(
           TaskList,
           {
             tasks: state.tasks,
@@ -2895,7 +3049,7 @@ ${state.selectedTask.additionalRequirements}`;
             epicFilterActive: state.selectedEpicIds.size > 0
           }
         ) }),
-        /* @__PURE__ */ jsx16(Box16, { width: taskDetailWidth, children: previewTask ? /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(Box17, { width: taskDetailWidth, children: previewTask ? /* @__PURE__ */ jsx17(
           TaskDetail,
           {
             task: previewTask,
@@ -2906,24 +3060,24 @@ ${state.selectedTask.additionalRequirements}`;
             isFocused: state.focusedPanel === "detail",
             scrollOffset: state.detailScrollOffset
           }
-        ) : /* @__PURE__ */ jsxs14(
-          Box16,
+        ) : /* @__PURE__ */ jsxs15(
+          Box17,
           {
             flexDirection: "column",
             flexGrow: 1,
             borderStyle: "bold",
             borderColor: theme.border,
             children: [
-              /* @__PURE__ */ jsx16(Box16, { children: /* @__PURE__ */ jsxs14(Text16, { color: theme.title, bold: true, children: [
+              /* @__PURE__ */ jsx17(Box17, { children: /* @__PURE__ */ jsxs15(Text17, { color: theme.title, bold: true, children: [
                 " ",
                 "detail"
               ] }) }),
-              /* @__PURE__ */ jsx16(Box16, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: "No task selected" }) })
+              /* @__PURE__ */ jsx17(Box17, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "No task selected" }) })
             ]
           }
         ) })
       ] }),
-      !state.confirmDelete && state.activeView === ViewType.TaskDetail && state.selectedTask && /* @__PURE__ */ jsx16(
+      !state.confirmDelete && state.activeView === ViewType.TaskDetail && state.selectedTask && /* @__PURE__ */ jsx17(
         TaskDetail,
         {
           task: state.selectedTask,
@@ -2934,7 +3088,7 @@ ${state.selectedTask.additionalRequirements}`;
           scrollOffset: state.detailScrollOffset
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.DependencyList && state.selectedTask && /* @__PURE__ */ jsx16(
+      !state.confirmDelete && state.activeView === ViewType.DependencyList && state.selectedTask && /* @__PURE__ */ jsx17(
         DependencyList,
         {
           task: state.selectedTask,
@@ -2947,7 +3101,7 @@ ${state.selectedTask.additionalRequirements}`;
           addDepInput: state.addDepInput
         }
       ),
-      !state.confirmDelete && (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit) && /* @__PURE__ */ jsx16(
+      !state.confirmDelete && (state.activeView === ViewType.TaskCreate || state.activeView === ViewType.TaskEdit) && /* @__PURE__ */ jsx17(
         TaskForm,
         {
           editingTask: state.activeView === ViewType.TaskEdit ? state.selectedTask : null,
@@ -2957,7 +3111,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleFormCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.EpicPicker && state.selectedTask && /* @__PURE__ */ jsx16(
+      !state.confirmDelete && state.activeView === ViewType.EpicPicker && state.selectedTask && /* @__PURE__ */ jsx17(
         EpicPicker,
         {
           epics: state.epics,
@@ -2966,7 +3120,7 @@ ${state.selectedTask.additionalRequirements}`;
           onCancel: handleEpicPickerCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectSelector && /* @__PURE__ */ jsx16(
+      !state.confirmDelete && state.activeView === ViewType.ProjectSelector && /* @__PURE__ */ jsx17(
         ProjectSelector,
         {
           projects: state.projects,
@@ -2974,21 +3128,32 @@ ${state.selectedTask.additionalRequirements}`;
           onSelect: handleProjectSelect,
           onCreate: handleProjectCreate,
           onSetDefault: handleSetDefault,
+          onLink: handleProjectLink,
           onCancel: handleProjectCancel
         }
       ),
-      !state.confirmDelete && state.activeView === ViewType.ProjectCreate && /* @__PURE__ */ jsx16(ProjectForm, { onSave: handleProjectFormSave, onCancel: handleProjectFormCancel }),
-      !state.confirmDelete && state.activeView === ViewType.Help && /* @__PURE__ */ jsx16(HelpOverlay, {})
+      !state.confirmDelete && state.activeView === ViewType.ProjectCreate && /* @__PURE__ */ jsx17(ProjectForm, { onSave: handleProjectFormSave, onCancel: handleProjectFormCancel }),
+      !state.confirmDelete && state.activeView === ViewType.ProjectLink && state.linkingProject && /* @__PURE__ */ jsx17(
+        ProjectLinkForm,
+        {
+          project: state.linkingProject,
+          onSave: handleLinkSave,
+          onUnlink: handleLinkUnlink,
+          onDetect: handleLinkDetect,
+          onCancel: handleLinkCancel
+        }
+      ),
+      !state.confirmDelete && state.activeView === ViewType.Help && /* @__PURE__ */ jsx17(HelpOverlay, {})
     ] }),
-    /* @__PURE__ */ jsx16(Crumbs, { breadcrumbs: state.breadcrumbs }),
-    state.flash && /* @__PURE__ */ jsx16(FlashMessage, { message: state.flash.message, level: state.flash.level })
+    /* @__PURE__ */ jsx17(Crumbs, { breadcrumbs: state.breadcrumbs }),
+    state.flash && /* @__PURE__ */ jsx17(FlashMessage, { message: state.flash.message, level: state.flash.level })
   ] });
 }
 
 // src/tui/index.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 async function launchTUI(container, initialProject) {
-  const instance = render(/* @__PURE__ */ jsx17(App, { container, initialProject }), {
+  const instance = render(/* @__PURE__ */ jsx18(App, { container, initialProject }), {
     exitOnCtrlC: true
   });
   await instance.waitUntilExit();
@@ -2996,4 +3161,4 @@ async function launchTUI(container, initialProject) {
 export {
   launchTUI
 };
-//# sourceMappingURL=tui-JEP3F4JS.js.map
+//# sourceMappingURL=tui-IXZGQMWN.js.map