@tarcisiopgs/lisa 1.26.2 → 1.28.0

package/dist/{kanban-PSOTFEQI.js → kanban-2WMA5VPQ.js}

@@ -1,20 +1,20 @@
 #!/usr/bin/env node
+import {
+  getCachedUpdateInfo
+} from "./chunk-7CIXBENY.js";
 import {
   kanbanEmitter,
   useKanbanState
-} from "./chunk-235DMOXJ.js";
+} from "./chunk-5N4BWHIT.js";
 import {
   resetTitle,
   startSpinner,
   stopSpinner
 } from "./chunk-72CYGBT4.js";
-import {
-  getCachedUpdateInfo
-} from "./chunk-7CIXBENY.js";
 
 // src/ui/kanban.tsx
-import { Box as Box6, useApp, useInput as useInput2 } from "ink";
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { Box as Box9, useApp, useInput as useInput4 } from "ink";
+import { useEffect as useEffect4, useState as useState6 } from "react";
 
 // src/ui/board.tsx
 import { Box as Box3, Text as Text3 } from "ink";
@@ -26,11 +26,8 @@ import { Box as Box2, Text as Text2 } from "ink";
 import { Box, Text } from "ink";
 import Spinner from "ink-spinner";
 import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var WIDE_CHAR_RE = /[\u1100-\u115F\u2E80-\u303E\u3041-\u33BF\u3400-\u4DBF\u4E00-\uA4CF\uAC00-\uD7FF\uF900-\uFAFF\uFE10-\uFE6F\uFF00-\uFF60\uFFE0-\uFFE6]|[\u{1F000}-\u{1FFFF}]|[\u{20000}-\u{2FA20}]/gu;
-function stripDoubleWidth(str) {
-  return str.replace(WIDE_CHAR_RE, "?");
-}
+
+// src/ui/format.ts
 function formatElapsed(ms) {
   const seconds = Math.floor(ms / 1e3);
   const minutes = Math.floor(seconds / 60);
@@ -38,6 +35,13 @@ function formatElapsed(ms) {
   if (minutes > 0) return `${minutes}m ${remainingSeconds}s`;
   return `${seconds}s`;
 }
+
+// src/ui/card.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var WIDE_CHAR_RE = /[\u1100-\u115F\u2E80-\u303E\u3041-\u33BF\u3400-\u4DBF\u4E00-\uA4CF\uAC00-\uD7FF\uF900-\uFAFF\uFE10-\uFE6F\uFF00-\uFF60\uFFE0-\uFFE6]|[\u{1F000}-\u{1FFFF}]|[\u{20000}-\u{2FA20}]/gu;
+function stripDoubleWidth(str) {
+  return str.replace(WIDE_CHAR_RE, "?");
+}
 function wrapTitle(title, maxWidth) {
   if (title.length <= maxWidth) return [title, ""];
   const words = title.split(" ");
@@ -245,15 +249,9 @@ function Column({
 
 // src/ui/board.tsx
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function formatDuration(ms) {
-  const totalSeconds = Math.floor(ms / 1e3);
-  const minutes = Math.floor(totalSeconds / 60);
-  const seconds = totalSeconds % 60;
-  if (minutes > 0) return `${minutes}m ${seconds}s`;
-  return `${seconds}s`;
-}
 function Board({
   cards,
+  columns,
   labels,
   isEmpty,
   isWatching = false,
@@ -263,9 +261,7 @@ function Board({
   activeCardIndex = 0,
   paused = false
 }) {
-  const backlog = cards.filter((c) => c.column === "backlog");
-  const inProgress = cards.filter((c) => c.column === "in_progress");
-  const done = cards.filter((c) => c.column === "done");
+  const { backlog, inProgress, done } = columns;
   if (isWatching) {
     return /* @__PURE__ */ jsx3(Box3, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs3(
       Box3,
@@ -314,7 +310,7 @@ function Board({
       }
     ) });
   }
-  if (isEmpty) {
+  if (isEmpty && cards.length === 0) {
     return /* @__PURE__ */ jsx3(Box3, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs3(
       Box3,
       {
@@ -328,7 +324,7 @@ function Board({
           /* @__PURE__ */ jsx3(Box3, { height: 1 }),
           /* @__PURE__ */ jsx3(Text3, { color: "white", dimColor: true, children: "No issues match the current filters." }),
           /* @__PURE__ */ jsx3(Box3, { height: 1 }),
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: "Check source config \xB7 labels \xB7 status" })
+          /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: "Press [n] to plan and create new issues" })
         ]
       }
     ) });
@@ -339,7 +335,7 @@ function Board({
       /* @__PURE__ */ jsx3(Text3, { color: "white", bold: true, children: workComplete.total }),
       /* @__PURE__ */ jsx3(Text3, { color: "white", children: ` issue${workComplete.total !== 1 ? "s" : ""} resolved` }),
       /* @__PURE__ */ jsx3(Text3, { color: "green", children: " \xB7 " }),
-      /* @__PURE__ */ jsx3(Text3, { color: "green", bold: true, children: formatDuration(workComplete.duration) })
+      /* @__PURE__ */ jsx3(Text3, { color: "green", bold: true, children: formatElapsed(workComplete.duration) })
     ] }),
     /* @__PURE__ */ jsxs3(Box3, { flexGrow: 1, flexDirection: "row", children: [
       /* @__PURE__ */ jsx3(
@@ -413,13 +409,6 @@ function openUrl(url) {
     }
   });
 }
-function formatElapsed2(ms) {
-  const seconds = Math.floor(ms / 1e3);
-  const minutes = Math.floor(seconds / 60);
-  const remainingSeconds = seconds % 60;
-  if (minutes > 0) return `${minutes}m ${remainingSeconds}s`;
-  return `${seconds}s`;
-}
 function hyperlink(url, text) {
   return `\x1B]8;;${url}\x07${text}\x1B]8;;\x07`;
 }
@@ -495,8 +484,8 @@ function IssueDetail({ card, onBack }) {
     }
   });
   const { columns: terminalCols, rows: terminalRows } = useTerminalSize();
-  const SIDEBAR_TOTAL_WIDTH = 30;
-  const maxLineWidth = Math.max(1, terminalCols - SIDEBAR_TOTAL_WIDTH - 4);
+  const SIDEBAR_TOTAL_WIDTH4 = 30;
+  const maxLineWidth = Math.max(1, terminalCols - SIDEBAR_TOTAL_WIDTH4 - 4);
   const prCount = card.prUrls.length > 0 ? card.prUrls.length : 0;
   const logFileRow = card.logFile ? 1 : 0;
   const headerOverhead = 6 + prCount + logFileRow;
@@ -512,13 +501,13 @@ function IssueDetail({ card, onBack }) {
   let isRunning = false;
   if (card.column === "in_progress" && card.startedAt !== void 0) {
     const pauseOffset = (card.pauseAccumulated ?? 0) + (card.pausedAt ? now - card.pausedAt : 0);
-    elapsedDisplay = formatElapsed2(Math.max(0, now - card.startedAt - pauseOffset));
+    elapsedDisplay = formatElapsed(Math.max(0, now - card.startedAt - pauseOffset));
     isRunning = !isPausedInProgress;
   } else if (card.column === "done" && card.startedAt !== void 0 && card.finishedAt !== void 0) {
-    elapsedDisplay = formatElapsed2(card.finishedAt - card.startedAt);
+    elapsedDisplay = formatElapsed(card.finishedAt - card.startedAt);
   }
   const separator = useMemo(() => {
-    const separatorInner = Math.max(0, terminalCols - SIDEBAR_TOTAL_WIDTH - 4);
+    const separatorInner = Math.max(0, terminalCols - SIDEBAR_TOTAL_WIDTH4 - 4);
     return `\u2560${"\u2550".repeat(Math.max(0, separatorInner - 2))}\u2563`;
   }, [terminalCols]);
   const totalLines = lines.length;
@@ -526,7 +515,7 @@ function IssueDetail({ card, onBack }) {
   return /* @__PURE__ */ jsxs4(
     Box4,
     {
-      width: terminalCols - SIDEBAR_TOTAL_WIDTH,
+      width: terminalCols - SIDEBAR_TOTAL_WIDTH4,
       flexDirection: "column",
       borderStyle: "single",
       borderColor: "yellow",
@@ -584,11 +573,253 @@ function IssueDetail({ card, onBack }) {
   );
 }
 
+// src/ui/plan-chat.tsx
+import { Box as Box5, Text as Text5, useInput as useInput2 } from "ink";
+import Spinner3 from "ink-spinner";
+import { useState as useState4 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var SIDEBAR_TOTAL_WIDTH = 30;
+function PlanChat({ messages, isThinking, onSend, onCancel }) {
+  const [inputBuffer, setInputBuffer] = useState4("");
+  const { columns: terminalCols, rows: terminalRows } = useTerminalSize();
+  const maxWidth = Math.max(1, terminalCols - SIDEBAR_TOTAL_WIDTH - 4);
+  const messageAreaHeight = Math.max(1, terminalRows - 6);
+  useInput2((input, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (key.return) {
+      const trimmed = inputBuffer.trim();
+      if (trimmed.length > 0) {
+        onSend(trimmed);
+        setInputBuffer("");
+      }
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setInputBuffer((prev) => prev.slice(0, -1));
+      return;
+    }
+    if (input && !key.ctrl && !key.meta && !key.upArrow && !key.downArrow && !key.leftArrow && !key.rightArrow && !key.tab) {
+      setInputBuffer((prev) => prev + input);
+    }
+  });
+  const displayLines = [];
+  for (const msg of messages) {
+    const lines = msg.content.split("\n");
+    for (let i = 0; i < lines.length; i++) {
+      displayLines.push({ role: msg.role, text: lines[i] ?? "", isFirst: i === 0 });
+    }
+  }
+  const visibleMessages = displayLines.slice(-messageAreaHeight);
+  return /* @__PURE__ */ jsxs5(
+    Box5,
+    {
+      width: terminalCols - SIDEBAR_TOTAL_WIDTH,
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "yellow",
+      paddingX: 1,
+      paddingY: 0,
+      children: [
+        /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsx5(Text5, { color: "yellow", bold: true, children: "PLAN" }),
+          /* @__PURE__ */ jsx5(Text5, { color: "gray", children: " \u2014 " }),
+          /* @__PURE__ */ jsx5(Text5, { color: "white", children: "Describe your goal" })
+        ] }),
+        /* @__PURE__ */ jsx5(Text5, { color: "yellow", dimColor: true, children: "\u2500".repeat(Math.max(0, maxWidth)) }),
+        /* @__PURE__ */ jsxs5(Box5, { height: messageAreaHeight, flexDirection: "column", overflow: "hidden", children: [
+          visibleMessages.length === 0 && !isThinking && /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "gray", dimColor: true, children: "What would you like to plan? Describe the feature or goal." }) }),
+          visibleMessages.map((line, i) => {
+            const isNewMessage = line.isFirst && (i === 0 || visibleMessages[i - 1]?.role !== line.role);
+            return (
+              // biome-ignore lint/suspicious/noArrayIndexKey: chat lines have no stable key
+              /* @__PURE__ */ jsx5(Box5, { flexDirection: "row", marginTop: isNewMessage && i > 0 ? 1 : 0, children: /* @__PURE__ */ jsx5(
+                Text5,
+                {
+                  color: line.role === "user" ? "cyan" : "white",
+                  dimColor: line.role === "ai",
+                  wrap: "truncate",
+                  children: line.text
+                }
+              ) }, i)
+            );
+          }),
+          isThinking && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", marginTop: 0, children: [
+            /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: /* @__PURE__ */ jsx5(Spinner3, { type: "dots" }) }),
+            /* @__PURE__ */ jsx5(Text5, { color: "gray", dimColor: true, children: " Analyzing..." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx5(Text5, { color: "yellow", dimColor: true, children: "\u2500".repeat(Math.max(0, maxWidth)) }),
+        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", children: [
+          /* @__PURE__ */ jsx5(Text5, { color: "cyan", bold: true, children: "> " }),
+          /* @__PURE__ */ jsx5(Text5, { color: "white", children: inputBuffer }),
+          /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "_" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/plan-detail.tsx
+import { Box as Box6, Text as Text6, useInput as useInput3 } from "ink";
+import { useState as useState5 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var SIDEBAR_TOTAL_WIDTH2 = 30;
+function PlanDetail({ issue, onBack, onEdit }) {
+  const { columns: terminalCols, rows: terminalRows } = useTerminalSize();
+  const maxWidth = Math.max(1, terminalCols - SIDEBAR_TOTAL_WIDTH2 - 4);
+  const [scrollOffset, setScrollOffset] = useState5(0);
+  useInput3((input, key) => {
+    if (key.escape) {
+      onBack();
+      return;
+    }
+    if (input === "e") {
+      onEdit();
+      return;
+    }
+    if (key.upArrow) {
+      setScrollOffset((prev) => Math.max(0, prev - 1));
+    }
+    if (key.downArrow) {
+      setScrollOffset((prev) => prev + 1);
+    }
+  });
+  const contentLines = [];
+  if (issue.description) {
+    const descLines = issue.description.split("\n");
+    for (const line of descLines) {
+      contentLines.push({ text: line, color: "white" });
+    }
+    contentLines.push({ text: "", color: "white" });
+  }
+  if (issue.acceptanceCriteria.length > 0) {
+    contentLines.push({ text: "ACCEPTANCE CRITERIA", color: "yellow", bold: true });
+    for (const criterion of issue.acceptanceCriteria) {
+      contentLines.push({ text: `\u2610 ${criterion}`, color: "white" });
+    }
+    contentLines.push({ text: "", color: "white" });
+  }
+  if (issue.dependsOn.length > 0) {
+    contentLines.push({ text: "DEPENDENCIES", color: "yellow", bold: true });
+    contentLines.push({
+      text: `Depends on: ${issue.dependsOn.map((d) => `#${d}`).join(", ")}`,
+      color: "gray",
+      dimColor: true
+    });
+    contentLines.push({ text: "", color: "white" });
+  }
+  if (issue.relevantFiles.length > 0) {
+    contentLines.push({ text: "RELEVANT FILES", color: "yellow", bold: true });
+    for (const file of issue.relevantFiles) {
+      contentLines.push({ text: `  ${file}`, color: "gray", dimColor: true });
+    }
+  }
+  const bodyHeight = Math.max(1, terminalRows - 5);
+  const clampedOffset = Math.min(scrollOffset, Math.max(0, contentLines.length - bodyHeight));
+  const visibleLines = contentLines.slice(clampedOffset, clampedOffset + bodyHeight);
+  return /* @__PURE__ */ jsxs6(
+    Box6,
+    {
+      width: terminalCols - SIDEBAR_TOTAL_WIDTH2,
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "yellow",
+      paddingX: 1,
+      paddingY: 0,
+      children: [
+        /* @__PURE__ */ jsxs6(Box6, { children: [
+          /* @__PURE__ */ jsx6(Text6, { color: "yellow", bold: true, children: `#${issue.order} ` }),
+          /* @__PURE__ */ jsx6(Text6, { color: "white", bold: true, wrap: "truncate", children: issue.title })
+        ] }),
+        issue.dependsOn.length > 0 && /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
+          "\u2192 depends on: ",
+          issue.dependsOn.map((d) => `#${d}`).join(", ")
+        ] }) }),
+        /* @__PURE__ */ jsx6(Text6, { color: "yellow", dimColor: true, children: "\u2500".repeat(Math.max(0, maxWidth)) }),
+        /* @__PURE__ */ jsx6(Box6, { height: bodyHeight, flexDirection: "column", overflow: "hidden", children: visibleLines.map((line, i) => {
+          const { text, color, bold: isBold, dimColor: isDim } = line;
+          return (
+            // biome-ignore lint/suspicious/noArrayIndexKey: content lines have no stable key
+            /* @__PURE__ */ jsx6(Text6, { color, bold: isBold, dimColor: isDim, wrap: "truncate", children: text }, i)
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+// src/ui/plan-review.tsx
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var SIDEBAR_TOTAL_WIDTH3 = 30;
+var MAX_VISIBLE_FILES = 3;
+function PlanReview({ goal, issues, selectedIndex }) {
+  const { columns: terminalCols } = useTerminalSize();
+  const maxWidth = Math.max(1, terminalCols - SIDEBAR_TOTAL_WIDTH3 - 4);
+  return /* @__PURE__ */ jsxs7(
+    Box7,
+    {
+      width: terminalCols - SIDEBAR_TOTAL_WIDTH3,
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "yellow",
+      paddingX: 1,
+      paddingY: 0,
+      children: [
+        /* @__PURE__ */ jsxs7(Box7, { children: [
+          /* @__PURE__ */ jsx7(Text7, { color: "yellow", bold: true, children: "PLAN: " }),
+          /* @__PURE__ */ jsx7(Text7, { color: "white", bold: true, wrap: "truncate", children: goal })
+        ] }),
+        /* @__PURE__ */ jsx7(Text7, { color: "yellow", dimColor: true, children: "\u2500".repeat(Math.max(0, maxWidth)) }),
+        /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", flexGrow: 1, children: [
+          issues.length === 0 && /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "gray", dimColor: true, children: "No issues in the plan." }) }),
+          issues.map((issue, i) => {
+            const isSelected = i === selectedIndex;
+            const extraFiles = issue.relevantFiles.length - MAX_VISIBLE_FILES;
+            const visibleFiles = issue.relevantFiles.slice(0, MAX_VISIBLE_FILES);
+            return /* @__PURE__ */ jsxs7(
+              Box7,
+              {
+                flexDirection: "column",
+                borderStyle: isSelected ? "single" : void 0,
+                borderColor: isSelected ? "yellow" : void 0,
+                paddingX: isSelected ? 1 : 0,
+                marginLeft: isSelected ? 0 : 2,
+                marginTop: i === 0 ? 0 : 0,
+                children: [
+                  /* @__PURE__ */ jsxs7(Box7, { flexDirection: "row", children: [
+                    /* @__PURE__ */ jsx7(Text7, { color: isSelected ? "yellow" : "gray", children: isSelected ? "\u25B8 " : "  " }),
+                    /* @__PURE__ */ jsx7(Text7, { color: "yellow", bold: true, children: `${issue.order}. ` }),
+                    /* @__PURE__ */ jsx7(Text7, { color: "gray", children: "\u25CB " }),
+                    /* @__PURE__ */ jsx7(Text7, { color: "white", bold: isSelected, wrap: "truncate", children: issue.title })
+                  ] }),
+                  issue.dependsOn.length > 0 && /* @__PURE__ */ jsx7(Box7, { marginLeft: 5, children: /* @__PURE__ */ jsxs7(Text7, { color: "gray", dimColor: true, children: [
+                    "\u2192 depends on: ",
+                    issue.dependsOn.map((d) => `#${d}`).join(", ")
+                  ] }) }),
+                  visibleFiles.length > 0 && /* @__PURE__ */ jsx7(Box7, { marginLeft: 5, flexDirection: "row", children: /* @__PURE__ */ jsxs7(Text7, { color: "gray", dimColor: true, children: [
+                    visibleFiles.join(", "),
+                    extraFiles > 0 ? ` +${extraFiles} more` : ""
+                  ] }) })
+                ]
+              },
+              issue.order
+            );
+          })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/ui/sidebar.tsx
 import { existsSync } from "fs";
 import { basename, join } from "path";
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8 } from "ink";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function Sidebar({
   provider,
   model,
@@ -599,12 +830,13 @@ function Sidebar({
   paused = false,
   hasInProgress = false,
   hasPrUrl = false,
-  updateInfo = null
+  updateInfo = null,
+  workComplete = null
 }) {
   const dir = basename(cwd).toUpperCase();
   const cwdLabel = existsSync(join(cwd, ".git")) ? "REPOSITORY" : "WORKSPACE";
-  return /* @__PURE__ */ jsxs5(
-    Box5,
+  return /* @__PURE__ */ jsxs8(
+    Box8,
     {
       flexDirection: "column",
       width: 28,
@@ -614,89 +846,115 @@ function Sidebar({
       paddingX: 1,
       paddingY: 0,
       children: [
-        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557" }),
-          /* @__PURE__ */ jsxs5(Text5, { color: "yellow", children: [
+        /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginBottom: 1, children: [
+          /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557" }),
+          /* @__PURE__ */ jsxs8(Text8, { color: "yellow", children: [
             "\u2551  ",
-            /* @__PURE__ */ jsx5(Text5, { color: "white", bold: true, children: "L I S A  " }),
-            /* @__PURE__ */ jsx5(Text5, { color: "yellow", bold: true, children: "\u266A" }),
-            /* @__PURE__ */ jsx5(Text5, { color: "white", bold: true, children: "          " }),
+            /* @__PURE__ */ jsx8(Text8, { color: "white", bold: true, children: "L I S A  " }),
+            /* @__PURE__ */ jsx8(Text8, { color: "yellow", bold: true, children: "\u266A" }),
+            /* @__PURE__ */ jsx8(Text8, { color: "white", bold: true, children: "          " }),
             "\u2551"
           ] }),
-          /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D" })
-        ] }),
-        /* @__PURE__ */ jsxs5(Box5, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx5(Text5, { color: paused ? "yellow" : "green", children: paused ? "\u23F8 " : "\u25B6 " }),
-          /* @__PURE__ */ jsx5(Text5, { color: paused ? "yellow" : "green", bold: true, children: paused ? "PAUSED" : "RUNNING" })
+          /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D" })
         ] }),
-        /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
-        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsx5(Text5, { color: "white", dimColor: true, children: "PROVIDER" }),
-          /* @__PURE__ */ jsxs5(Box5, { children: [
-            /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u25B8 " }),
-            /* @__PURE__ */ jsx5(Text5, { color: "white", bold: true, children: provider.toUpperCase() })
+        /* @__PURE__ */ jsx8(Box8, { marginBottom: 1, children: activeView === "idle" || activeView === "empty" ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+          /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "\u25C7 " }),
+          /* @__PURE__ */ jsx8(Text8, { color: "gray", bold: true, children: "IDLE" })
+        ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+          /* @__PURE__ */ jsx8(Text8, { color: paused ? "yellow" : "green", children: paused ? "\u23F8 " : "\u25B6 " }),
+          /* @__PURE__ */ jsx8(Text8, { color: paused ? "yellow" : "green", bold: true, children: paused ? "PAUSED" : "RUNNING" })
+        ] }) }),
+        /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
+        /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx8(Text8, { color: "white", dimColor: true, children: "PROVIDER" }),
+          /* @__PURE__ */ jsxs8(Box8, { children: [
+            /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25B8 " }),
+            /* @__PURE__ */ jsx8(Text8, { color: "white", bold: true, children: provider.toUpperCase() })
           ] })
         ] }),
-        models.length <= 1 && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsx5(Text5, { color: "white", dimColor: true, children: "MODEL" }),
-          /* @__PURE__ */ jsxs5(Box5, { children: [
-            /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u25B8 " }),
-            /* @__PURE__ */ jsx5(Text5, { color: "white", bold: true, children: (() => {
+        models.length <= 1 && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx8(Text8, { color: "white", dimColor: true, children: "MODEL" }),
+          /* @__PURE__ */ jsxs8(Box8, { children: [
+            /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25B8 " }),
+            /* @__PURE__ */ jsx8(Text8, { color: "white", bold: true, children: (() => {
               const m = (model ?? "default").toUpperCase();
               return m.length > 19 ? `${m.slice(0, 18)}\u2026` : m;
             })() })
           ] })
         ] }),
-        models.length > 1 && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsx5(Text5, { color: "white", dimColor: true, children: "MODEL QUEUE" }),
-          models.map((m, i) => /* @__PURE__ */ jsxs5(Box5, { paddingLeft: 1, flexDirection: "row", children: [
-            /* @__PURE__ */ jsx5(Text5, { color: m === model ? "yellow" : "gray", children: m === model ? "\u25CF " : `${i + 1}. ` }),
-            /* @__PURE__ */ jsx5(Text5, { color: m === model ? "yellow" : "white", bold: m === model, children: (() => {
+        models.length > 1 && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx8(Text8, { color: "white", dimColor: true, children: "MODEL QUEUE" }),
+          models.map((m, i) => /* @__PURE__ */ jsxs8(Box8, { paddingLeft: 1, flexDirection: "row", children: [
+            /* @__PURE__ */ jsx8(Text8, { color: m === model ? "yellow" : "gray", children: m === model ? "\u25CF " : `${i + 1}. ` }),
+            /* @__PURE__ */ jsx8(Text8, { color: m === model ? "yellow" : "white", bold: m === model, children: (() => {
               const display = m.toUpperCase();
               return display.length > 19 ? `${display.slice(0, 18)}\u2026` : display;
             })() })
           ] }, m))
         ] }),
-        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsx5(Text5, { color: "white", dimColor: true, children: "SOURCE" }),
-          /* @__PURE__ */ jsxs5(Box5, { children: [
-            /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u25B8 " }),
-            /* @__PURE__ */ jsx5(Text5, { color: "white", bold: true, children: source.toUpperCase() })
+        /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx8(Text8, { color: "white", dimColor: true, children: "SOURCE" }),
+          /* @__PURE__ */ jsxs8(Box8, { children: [
+            /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25B8 " }),
+            /* @__PURE__ */ jsx8(Text8, { color: "white", bold: true, children: source.toUpperCase() })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsx5(Text5, { color: "white", dimColor: true, children: cwdLabel }),
-          /* @__PURE__ */ jsxs5(Box5, { children: [
-            /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u25B8 " }),
-            /* @__PURE__ */ jsx5(Text5, { color: "white", bold: true, children: dir.length > 18 ? `${dir.slice(0, 15)}\u2026` : dir })
+        /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx8(Text8, { color: "white", dimColor: true, children: cwdLabel }),
+          /* @__PURE__ */ jsxs8(Box8, { children: [
+            /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25B8 " }),
+            /* @__PURE__ */ jsx8(Text8, { color: "white", bold: true, children: dir.length > 18 ? `${dir.slice(0, 15)}\u2026` : dir })
           ] })
         ] }),
-        /* @__PURE__ */ jsx5(Box5, { flexGrow: 1 }),
-        updateInfo && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
-          /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, flexDirection: "column", children: [
-            /* @__PURE__ */ jsx5(Text5, { color: "green", bold: true, children: "UPDATE AVAILABLE" }),
-            /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        /* @__PURE__ */ jsx8(Box8, { flexGrow: 1 }),
+        updateInfo && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginBottom: 1, children: [
+          /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
+          /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsx8(Text8, { color: "green", bold: true, children: "UPDATE AVAILABLE" }),
+            /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
               updateInfo.currentVersion,
               " \u2192 ",
-              /* @__PURE__ */ jsx5(Text5, { color: "green", children: updateInfo.latestVersion })
+              /* @__PURE__ */ jsx8(Text8, { color: "green", children: updateInfo.latestVersion })
             ] }),
-            /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "npm i -g @tarcisiopgs/lisa" })
+            /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "npm i -g @tarcisiopgs/lisa" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
-        activeView === "board" ? /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[\u2190\u2192] columns" }),
-          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[\u2191\u2193] navigate" }),
-          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[\u21B5]  detail" }),
-          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: paused ? "[p]  resume" : "[p]  pause" }),
-          hasInProgress && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[k]  kill" }),
-          hasInProgress && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[s]  skip" }),
-          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[q]  quit" })
-        ] }) : /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[\u2191\u2193] scroll" }),
-          hasPrUrl && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[o]  open PR(s)" }),
-          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[Esc] board" })
+        /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
+        activeView === "board" && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+          hasInProgress && /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[k]  kill" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[n]  plan" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[q]  quit" })
+        ] }),
+        activeView === "detail" && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+          hasPrUrl && /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[o]  open PR" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[Esc] back" })
+        ] }),
+        activeView === "watching" && /* @__PURE__ */ jsx8(Box8, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[q]  quit" }) }),
+        activeView === "watch-prompt" && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+          workComplete && /* @__PURE__ */ jsx8(Text8, { color: "green", bold: true, children: `${workComplete.total} issue${workComplete.total !== 1 ? "s" : ""} \xB7 ${formatElapsed(workComplete.duration)}` }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[w]  watch" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[q]  quit" })
+        ] }),
+        activeView === "empty" && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[n]  plan" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[q]  quit" })
+        ] }),
+        activeView === "idle" && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[r]  run" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[n]  plan" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[q]  quit" })
+        ] }),
+        activeView === "plan-chat" && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[\u21B5]  send" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[Esc] cancel" })
+        ] }),
+        activeView === "plan-review" && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[\u2191\u2193] navigate" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[\u21B5]  detail" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[e]  edit" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[d]  delete" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[a]  approve" }),
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[Esc] cancel" })
         ] })
       ]
     }
@@ -704,7 +962,7 @@ function Sidebar({
 }
 
 // src/ui/kanban.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function KanbanApp({ config, initialCards = [] }) {
   const { exit } = useApp();
   const { cards, isEmpty, isWatching, isWatchPrompt, workComplete, modelInUse } = useKanbanState(
@@ -712,12 +970,17 @@ function KanbanApp({ config, initialCards = [] }) {
     initialCards
   );
   const { rows } = useTerminalSize();
-  const [activeView, setActiveView] = useState4("board");
-  const [activeColIndex, setActiveColIndex] = useState4(0);
-  const [activeCardIndex, setActiveCardIndex] = useState4(0);
-  const [paused, setPaused] = useState4(false);
-  const [selectedCardId, setSelectedCardId] = useState4(null);
-  const [updateInfo] = useState4(() => getCachedUpdateInfo());
+  const [activeView, setActiveView] = useState6("board");
+  const [activeColIndex, setActiveColIndex] = useState6(0);
+  const [activeCardIndex, setActiveCardIndex] = useState6(0);
+  const [paused, setPaused] = useState6(false);
+  const [selectedCardId, setSelectedCardId] = useState6(null);
+  const [updateInfo] = useState6(() => getCachedUpdateInfo());
+  const [planMessages, setPlanMessages] = useState6([]);
+  const [planIssues, setPlanIssues] = useState6([]);
+  const [planGoal, setPlanGoal] = useState6("");
+  const [planThinking, setPlanThinking] = useState6(false);
+  const [planSelectedIndex, setPlanSelectedIndex] = useState6(0);
   useEffect4(() => {
     const initialModel = config.provider_options?.[config.provider]?.models?.[0];
     if (!modelInUse && initialModel) {
@@ -731,6 +994,39 @@ function KanbanApp({ config, initialCards = [] }) {
       kanbanEmitter.off("tui:exit", onExit);
     };
   }, [exit]);
+  useEffect4(() => {
+    const onAiMessage = (content) => {
+      setPlanMessages((prev) => [...prev, { role: "ai", content }]);
+      setPlanThinking(false);
+    };
+    const onThinking = () => setPlanThinking(true);
+    const onIssuesReady = (issues) => {
+      setPlanIssues(issues);
+      setPlanSelectedIndex(0);
+      setActiveView("plan-review");
+      setPlanThinking(false);
+    };
+    const onEditResult = (index, updated) => {
+      if (!updated) return;
+      setPlanIssues((prev) => {
+        const next = [...prev];
+        if (next[index]) {
+          next[index] = { ...next[index], ...updated };
+        }
+        return next;
+      });
+    };
+    kanbanEmitter.on("plan:ai-message", onAiMessage);
+    kanbanEmitter.on("plan:thinking", onThinking);
+    kanbanEmitter.on("plan:issues-ready", onIssuesReady);
+    kanbanEmitter.on("plan:edit-result", onEditResult);
+    return () => {
+      kanbanEmitter.off("plan:ai-message", onAiMessage);
+      kanbanEmitter.off("plan:thinking", onThinking);
+      kanbanEmitter.off("plan:issues-ready", onIssuesReady);
+      kanbanEmitter.off("plan:edit-result", onEditResult);
+    };
+  }, []);
   const backlog = [...cards.filter((c) => c.column === "backlog")].sort((a, b) => {
     if (a.hasError && !b.hasError) return 1;
     if (!a.hasError && b.hasError) return -1;
@@ -775,7 +1071,7 @@ function KanbanApp({ config, initialCards = [] }) {
     setActiveColIndex(newColIndex);
     setActiveCardIndex(newCardIndex);
   }, [cards, selectedCardId, activeView]);
-  useInput2((input, key) => {
+  useInput4((input, key) => {
     if (isWatchPrompt) {
       if (input === "w") {
         kanbanEmitter.emit("work:watch-prompt-resolved");
@@ -788,8 +1084,63 @@ function KanbanApp({ config, initialCards = [] }) {
       }
       return;
     }
-    if (input === "q") {
-      process.emit("SIGINT");
+    if (activeView === "plan-chat") {
+      if (key.escape) {
+        setActiveView("board");
+      }
+      return;
+    }
+    if (activeView === "plan-review") {
+      if (key.escape) {
+        setActiveView("board");
+        return;
+      }
+      if (key.upArrow) {
+        setPlanSelectedIndex((prev) => Math.max(0, prev - 1));
+        return;
+      }
+      if (key.downArrow) {
+        setPlanSelectedIndex((prev) => Math.min(planIssues.length - 1, prev + 1));
+        return;
+      }
+      if (key.return) {
+        setActiveView("plan-detail");
+        return;
+      }
+      if (input === "a") {
+        kanbanEmitter.emit("plan:approved", planIssues, planGoal);
+        setActiveView("board");
+        return;
+      }
+      if (input === "d" && planIssues.length > 0) {
+        const newIssues = [...planIssues];
+        const removed = newIssues.splice(planSelectedIndex, 1)[0];
+        for (const issue of newIssues) {
+          issue.dependsOn = issue.dependsOn.filter((d) => d !== removed?.order);
+        }
+        setPlanIssues(newIssues);
+        if (newIssues.length === 0) {
+          setActiveView("plan-chat");
+        } else {
+          setPlanSelectedIndex(Math.min(planSelectedIndex, Math.max(0, newIssues.length - 1)));
+        }
+        return;
+      }
+      if (input === "e") {
+        kanbanEmitter.emit("plan:edit-issue", planSelectedIndex, planIssues[planSelectedIndex]);
+        return;
+      }
+      return;
+    }
+    if (activeView === "plan-detail") {
+      if (key.escape) {
+        setActiveView("plan-review");
+        return;
+      }
+      if (input === "e") {
+        kanbanEmitter.emit("plan:edit-issue", planSelectedIndex, planIssues[planSelectedIndex]);
+        return;
+      }
       return;
     }
     if (activeView === "detail") {
@@ -799,6 +1150,10 @@ function KanbanApp({ config, initialCards = [] }) {
       }
       return;
     }
+    if (input === "q") {
+      process.emit("SIGINT");
+      return;
+    }
     if (input === "p") {
       const next = !paused;
       setPaused(next);
@@ -824,6 +1179,27 @@ function KanbanApp({ config, initialCards = [] }) {
       }
       return;
     }
+    if (input === "r" && isEmpty && backlog.length > 0) {
+      kanbanEmitter.emit("loop:run");
+      return;
+    }
+    if (input === "n") {
+      setActiveView("plan-chat");
+      setPlanMessages([]);
+      setPlanIssues([]);
+      setPlanGoal("");
+      setPlanThinking(false);
+      return;
+    }
+    if (input === "1" || input === "2" || input === "3") {
+      const targetCol = Number(input) - 1;
+      if (targetCol !== activeColIndex) {
+        setActiveColIndex(targetCol);
+        const colLen = columnCards[targetCol]?.length ?? 0;
+        setActiveCardIndex(Math.min(activeCardIndex, Math.max(0, colLen - 1)));
+      }
+      return;
+    }
     if (key.rightArrow) {
       const nextCol = (activeColIndex + 1) % 3;
       setActiveColIndex(nextCol);
@@ -864,8 +1240,18 @@ function KanbanApp({ config, initialCards = [] }) {
   const hasPrUrl = (selectedCard?.prUrls.length ?? 0) > 0;
   const providerOptions = config.provider_options?.[config.provider];
   const models = providerOptions?.models || (providerOptions?.model ? [providerOptions.model] : []);
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", height: rows, children: [
-    /* @__PURE__ */ jsx6(
+  let sidebarMode = "board";
+  if (isWatchPrompt) sidebarMode = "watch-prompt";
+  else if (isWatching) sidebarMode = "watching";
+  else if (isEmpty && activeView === "board" && cards.length === 0) sidebarMode = "empty";
+  else if (isEmpty && activeView === "board" && cards.length > 0) sidebarMode = "idle";
+  else if (activeView === "plan-chat") sidebarMode = "plan-chat";
+  else if (activeView === "plan-review" || activeView === "plan-detail")
+    sidebarMode = "plan-review";
+  else if (activeView === "detail") sidebarMode = "detail";
+  else if (activeView === "board") sidebarMode = "board";
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "row", height: rows, children: [
+    /* @__PURE__ */ jsx9(
       Sidebar,
       {
         provider: config.provider,
@@ -873,17 +1259,66 @@ function KanbanApp({ config, initialCards = [] }) {
         models,
         source: config.source,
         cwd: process.cwd(),
-        activeView,
+        activeView: sidebarMode,
         paused,
         hasInProgress,
         hasPrUrl,
-        updateInfo
+        updateInfo,
+        workComplete
       }
     ),
-    activeView === "board" || !selectedCard ? /* @__PURE__ */ jsx6(
+    activeView === "plan-chat" ? /* @__PURE__ */ jsx9(
+      PlanChat,
+      {
+        messages: planMessages,
+        isThinking: planThinking,
+        onSend: (msg) => {
+          setPlanMessages((prev) => [...prev, { role: "user", content: msg }]);
+          if (!planGoal) setPlanGoal(msg);
+          kanbanEmitter.emit("plan:user-message", msg);
+        },
+        onCancel: () => setActiveView("board")
+      }
+    ) : activeView === "plan-review" ? /* @__PURE__ */ jsx9(
+      PlanReview,
+      {
+        goal: planGoal,
+        issues: planIssues,
+        selectedIndex: planSelectedIndex,
+        onNavigate: setPlanSelectedIndex,
+        onViewDetail: (idx) => {
+          setPlanSelectedIndex(idx);
+          setActiveView("plan-detail");
+        },
+        onEdit: (idx) => kanbanEmitter.emit("plan:edit-issue", idx, planIssues[idx]),
+        onDelete: (idx) => {
+          const newIssues = [...planIssues];
+          newIssues.splice(idx, 1);
+          setPlanIssues(newIssues);
+          if (newIssues.length === 0) {
+            setActiveView("plan-chat");
+          } else {
+            setPlanSelectedIndex(Math.min(idx, Math.max(0, newIssues.length - 1)));
+          }
+        },
+        onApprove: () => {
+          kanbanEmitter.emit("plan:approved", planIssues, planGoal);
+          setActiveView("board");
+        },
+        onCancel: () => setActiveView("board")
+      }
+    ) : activeView === "plan-detail" && planIssues[planSelectedIndex] ? /* @__PURE__ */ jsx9(
+      PlanDetail,
+      {
+        issue: planIssues[planSelectedIndex],
+        onBack: () => setActiveView("plan-review"),
+        onEdit: () => kanbanEmitter.emit("plan:edit-issue", planSelectedIndex, planIssues[planSelectedIndex])
+      }
+    ) : activeView === "board" || !selectedCard ? /* @__PURE__ */ jsx9(
       Board,
       {
         cards,
+        columns: { backlog, inProgress, done },
         labels,
         isEmpty,
         isWatching,
@@ -893,7 +1328,7 @@ function KanbanApp({ config, initialCards = [] }) {
         activeCardIndex,
         paused
       }
-    ) : /* @__PURE__ */ jsx6(
+    ) : /* @__PURE__ */ jsx9(
       IssueDetail,
       {
         card: selectedCard,