@tarcisiopgs/lisa 1.6.0 → 1.7.0

package/dist/{chunk-KAME5MG7.js → chunk-MUBWKMRZ.js}

@@ -8,11 +8,15 @@ var KanbanEmitter = class extends EventEmitter {
 var kanbanEmitter = new KanbanEmitter();
 function useKanbanState() {
   const [cards, setCards] = useState([]);
+  const [isEmpty, setIsEmpty] = useState(false);
+  const [workComplete, setWorkComplete] = useState(
+    null
+  );
   useEffect(() => {
     const onQueued = (issue) => {
       setCards((prev) => {
         if (prev.some((c) => c.id === issue.id)) return prev;
-        return [...prev, { id: issue.id, title: issue.title, column: "backlog" }];
+        return [...prev, { id: issue.id, title: issue.title, column: "backlog", outputLog: "" }];
       });
     };
     const onStarted = (issueId) => {
@@ -24,7 +28,9 @@ function useKanbanState() {
     };
     const onDone = (issueId, prUrl) => {
       setCards(
-        (prev) => prev.map((c) => c.id === issueId ? { ...c, column: "done", prUrl } : c)
+        (prev) => prev.map(
+          (c) => c.id === issueId ? { ...c, column: "done", prUrl, finishedAt: Date.now() } : c
+        )
       );
     };
     const onReverted = (issueId) => {
@@ -34,18 +40,31 @@ function useKanbanState() {
         )
       );
     };
+    const onOutput = (issueId, text) => {
+      setCards(
+        (prev) => prev.map((c) => c.id === issueId ? { ...c, outputLog: c.outputLog + text } : c)
+      );
+    };
     kanbanEmitter.on("issue:queued", onQueued);
     kanbanEmitter.on("issue:started", onStarted);
     kanbanEmitter.on("issue:done", onDone);
     kanbanEmitter.on("issue:reverted", onReverted);
+    kanbanEmitter.on("issue:output", onOutput);
+    const onEmpty = () => setIsEmpty(true);
+    const onComplete = (data) => setWorkComplete(data);
+    kanbanEmitter.on("work:empty", onEmpty);
+    kanbanEmitter.on("work:complete", onComplete);
     return () => {
       kanbanEmitter.off("issue:queued", onQueued);
       kanbanEmitter.off("issue:started", onStarted);
       kanbanEmitter.off("issue:done", onDone);
       kanbanEmitter.off("issue:reverted", onReverted);
+      kanbanEmitter.off("issue:output", onOutput);
+      kanbanEmitter.off("work:empty", onEmpty);
+      kanbanEmitter.off("work:complete", onComplete);
     };
   }, []);
-  return { cards };
+  return { cards, isEmpty, workComplete };
 }
 
 export {

package/dist/index.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   kanbanEmitter
-} from "./chunk-KAME5MG7.js";
+} from "./chunk-MUBWKMRZ.js";
 
 // src/cli.ts
 import { execSync as execSync8 } from "child_process";
@@ -388,6 +388,7 @@ function setTitle(title) {
 }
 function startSpinner(message) {
   if (!isTTY()) return;
+  if (getOutputMode() === "tui") return;
   stopSpinner();
   spinnerFrame = 0;
   writeOSC(`${SPINNER_FRAMES[0]} Lisa \u2014 ${message}`);
@@ -402,6 +403,7 @@ function stopSpinner(message) {
     spinnerTimer = null;
   }
   if (!isTTY()) return;
+  if (getOutputMode() === "tui") return;
   if (message) {
     writeOSC(message);
   }
@@ -1036,6 +1038,9 @@ var AiderProvider = class {
       proc.stdout.on("data", (chunk) => {
         const text2 = chunk.toString();
         if (getOutputMode() !== "tui") process.stdout.write(text2);
+        if (opts.issueId) {
+          kanbanEmitter.emit("issue:output", opts.issueId, text2);
+        }
         chunks.push(text2);
         try {
           appendFileSync3(opts.logFile, text2);
@@ -1117,6 +1122,9 @@ var ClaudeProvider = class {
       proc.stdout.on("data", (chunk) => {
         const text2 = chunk.toString();
         if (getOutputMode() !== "tui") process.stdout.write(text2);
+        if (opts.issueId) {
+          kanbanEmitter.emit("issue:output", opts.issueId, text2);
+        }
         chunks.push(text2);
         try {
           appendFileSync4(opts.logFile, text2);
@@ -1191,6 +1199,9 @@ var CopilotProvider = class {
       proc.stdout.on("data", (chunk) => {
         const text2 = chunk.toString();
         if (getOutputMode() !== "tui") process.stdout.write(text2);
+        if (opts.issueId) {
+          kanbanEmitter.emit("issue:output", opts.issueId, text2);
+        }
         chunks.push(text2);
         try {
           appendFileSync5(opts.logFile, text2);
@@ -1283,6 +1294,9 @@ var CursorProvider = class {
       proc.stdout.on("data", (chunk) => {
         const text2 = chunk.toString();
         if (getOutputMode() !== "tui") process.stdout.write(text2);
+        if (opts.issueId) {
+          kanbanEmitter.emit("issue:output", opts.issueId, text2);
+        }
         chunks.push(text2);
         try {
           appendFileSync6(opts.logFile, text2);
@@ -1358,6 +1372,9 @@ var GeminiProvider = class {
       proc.stdout.on("data", (chunk) => {
         const text2 = chunk.toString();
         if (getOutputMode() !== "tui") process.stdout.write(text2);
+        if (opts.issueId) {
+          kanbanEmitter.emit("issue:output", opts.issueId, text2);
+        }
         chunks.push(text2);
         try {
           appendFileSync7(opts.logFile, text2);
@@ -1433,6 +1450,9 @@ var GooseProvider = class {
       proc.stdout.on("data", (chunk) => {
         const text2 = chunk.toString();
         if (getOutputMode() !== "tui") process.stdout.write(text2);
+        if (opts.issueId) {
+          kanbanEmitter.emit("issue:output", opts.issueId, text2);
+        }
         chunks.push(text2);
         try {
           appendFileSync8(opts.logFile, text2);
@@ -1507,6 +1527,9 @@ var OpenCodeProvider = class {
       proc.stdout.on("data", (chunk) => {
         const text2 = chunk.toString();
         if (getOutputMode() !== "tui") process.stdout.write(text2);
+        if (opts.issueId) {
+          kanbanEmitter.emit("issue:output", opts.issueId, text2);
+        }
         chunks.push(text2);
         try {
           appendFileSync9(opts.logFile, text2);
@@ -3322,6 +3345,8 @@ async function runLoop(config2, opts) {
     }
   }
   let session = 0;
+  const loopStart = Date.now();
+  let completedCount = 0;
   while (true) {
     session++;
     if (opts.limit > 0 && session > opts.limit) {
@@ -3370,6 +3395,9 @@ async function runLoop(config2, opts) {
         error(`Issue '${opts.issueId}' not found.`);
       } else {
         ok(`No more issues with label '${config2.source_config.label}'. Done.`);
+        if (session === 1) {
+          kanbanEmitter.emit("work:empty");
+        }
       }
       break;
     }
@@ -3479,6 +3507,7 @@ async function runLoop(config2, opts) {
       for (const prUrl of sessionResult.prUrls) {
         kanbanEmitter.emit("issue:done", issue2.id, prUrl);
       }
+      completedCount++;
       if (labelToRemove) {
         ok(`Removed label "${labelToRemove}" from ${issue2.id}`);
       }
@@ -3496,6 +3525,12 @@ async function runLoop(config2, opts) {
     setTitle("Lisa \u2014 cooling down...");
     await sleep(config2.loop.cooldown * 1e3);
   }
+  if (completedCount > 0) {
+    kanbanEmitter.emit("work:complete", {
+      total: completedCount,
+      duration: Date.now() - loopStart
+    });
+  }
   resetTitle();
   ok(`lisa finished. ${session} session(s) run.`);
 }
@@ -4079,7 +4114,7 @@ Add them to your ${shell} and run: source ${shell}`));
     if (isTUI) {
       const { render } = await import("ink");
       const { createElement } = await import("react");
-      const { KanbanApp } = await import("./kanban-KIPKQ2IL.js");
+      const { KanbanApp } = await import("./kanban-UW2MC2PB.js");
       render(createElement(KanbanApp, { config: merged }), { exitOnCtrlC: false });
     }
     await runLoop(merged, {

package/dist/kanban-UW2MC2PB.js

@@ -0,0 +1,481 @@
+#!/usr/bin/env node
+import {
+  useKanbanState
+} from "./chunk-MUBWKMRZ.js";
+
+// src/ui/kanban.tsx
+import { Box as Box6, useApp, useInput as useInput2 } from "ink";
+import { useState as useState3 } from "react";
+
+// src/ui/board.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+
+// src/ui/column.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+
+// src/ui/card.tsx
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatElapsed(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 Card({ card, isSelected = false }) {
+  const [now, setNow] = useState(Date.now());
+  useEffect(() => {
+    if (card.column !== "in_progress") return;
+    const interval = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(interval);
+  }, [card.column]);
+  let statusGlyph;
+  let statusColor;
+  if (card.hasError) {
+    statusGlyph = "\u2716";
+    statusColor = "red";
+  } else if (card.column === "in_progress") {
+    statusGlyph = "\u25C9";
+    statusColor = "yellow";
+  } else if (card.column === "done") {
+    statusGlyph = "\u2714";
+    statusColor = "green";
+  } else {
+    statusGlyph = "\u25CB";
+    statusColor = "white";
+  }
+  const selectionBar = isSelected ? "\u2590" : " ";
+  const selectionColor = isSelected ? "yellow" : "white";
+  const truncated = card.title.length > 30 ? `${card.title.slice(0, 27)}\u2026` : card.title;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "row",
+      paddingX: 0,
+      marginBottom: 0,
+      borderStyle: "single",
+      borderColor: card.hasError ? "red" : isSelected ? "yellow" : "gray",
+      children: [
+        /* @__PURE__ */ jsx(Text, { color: selectionColor, children: selectionBar }),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [
+          /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { color: "yellow", bold: isSelected, children: card.id }),
+            /* @__PURE__ */ jsx(Text, { color: statusColor, children: statusGlyph })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { bold: isSelected, dimColor: !isSelected, children: truncated }),
+          card.column === "in_progress" && card.startedAt !== void 0 && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", marginTop: 0, children: [
+            /* @__PURE__ */ jsx(Text, { color: "yellow", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
+            /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+              " ",
+              formatElapsed(now - card.startedAt)
+            ] })
+          ] }),
+          card.column === "done" && card.startedAt !== void 0 && card.finishedAt !== void 0 && /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+            "\u2714 ",
+            formatElapsed(card.finishedAt - card.startedAt)
+          ] }),
+          card.hasError && /* @__PURE__ */ jsx(Text, { color: "red", children: "FAILED" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/column.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CARD_HEIGHT = 5;
+var HEADER_ROWS = 4;
+function Column({ label, cards, isFocused = false, activeCardIndex = 0 }) {
+  const terminalRows = process.stdout.rows ?? 24;
+  const visibleCount = Math.max(1, Math.floor((terminalRows - HEADER_ROWS) / CARD_HEIGHT));
+  let scrollOffset = 0;
+  if (activeCardIndex >= visibleCount) {
+    scrollOffset = activeCardIndex - visibleCount + 1;
+  }
+  scrollOffset = Math.max(0, Math.min(scrollOffset, Math.max(0, cards.length - visibleCount)));
+  const visibleCards = cards.slice(scrollOffset, scrollOffset + visibleCount);
+  const hiddenAbove = scrollOffset;
+  const hiddenBelow = Math.max(0, cards.length - scrollOffset - visibleCount);
+  const borderColor = isFocused ? "yellow" : "gray";
+  const headerColor = isFocused ? "yellow" : "white";
+  const runningCount = cards.filter((c) => c.column === "in_progress").length;
+  const errorCount = cards.filter((c) => c.hasError).length;
+  return /* @__PURE__ */ jsxs2(
+    Box2,
+    {
+      flexDirection: "column",
+      flexGrow: 1,
+      borderStyle: "single",
+      borderColor,
+      paddingX: 1,
+      paddingY: 0,
+      children: [
+        /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+          /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", children: [
+            isFocused && /* @__PURE__ */ jsx2(Text2, { color: "yellow", bold: true, children: "\u25B6 " }),
+            !isFocused && /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "  " }),
+            /* @__PURE__ */ jsx2(Text2, { color: headerColor, bold: true, children: label.toUpperCase() })
+          ] }),
+          /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", children: [
+            errorCount > 0 && /* @__PURE__ */ jsx2(Text2, { color: "red", bold: true, children: `!${errorCount} ` }),
+            runningCount > 0 && /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: `~${runningCount} ` }),
+            /* @__PURE__ */ jsx2(Text2, { color: headerColor, children: `[${cards.length}]` })
+          ] })
+        ] }),
+        hiddenAbove > 0 && /* @__PURE__ */ jsx2(Box2, { justifyContent: "center", children: /* @__PURE__ */ jsx2(Text2, { color: "yellow", dimColor: true, children: `\u2191 ${hiddenAbove} more` }) }),
+        visibleCards.map((card, idx) => {
+          const absoluteIdx = scrollOffset + idx;
+          const isSelected = isFocused && absoluteIdx === activeCardIndex;
+          return /* @__PURE__ */ jsx2(Card, { card, isSelected }, card.id);
+        }),
+        cards.length === 0 && /* @__PURE__ */ jsx2(Box2, { justifyContent: "center", paddingY: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, children: "\u2014 empty \u2014" }) }),
+        hiddenBelow > 0 && /* @__PURE__ */ jsx2(Box2, { justifyContent: "center", children: /* @__PURE__ */ jsx2(Text2, { color: "yellow", dimColor: true, children: `\u2193 ${hiddenBelow} more` }) })
+      ]
+    }
+  );
+}
+
+// src/ui/board.tsx
+import { 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,
+  labels,
+  isEmpty,
+  workComplete,
+  activeColIndex = 0,
+  activeCardIndex = 0
+}) {
+  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");
+  if (isEmpty) {
+    return /* @__PURE__ */ jsx3(Box3, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs3(
+      Box3,
+      {
+        flexDirection: "column",
+        borderStyle: "single",
+        borderColor: "yellow",
+        paddingX: 3,
+        paddingY: 1,
+        children: [
+          /* @__PURE__ */ jsx3(Text3, { color: "yellow", bold: true, children: "\u25C8  NO ISSUES FOUND" }),
+          /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+          /* @__PURE__ */ jsx3(Text3, { color: "white", dimColor: true, children: "No issues match the current label and status filters." }),
+          /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+          /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: "Check your source configuration and labels." })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs3(Box3, { flexGrow: 1, flexDirection: "column", children: [
+    workComplete && /* @__PURE__ */ jsxs3(Box3, { borderStyle: "single", borderColor: "green", paddingX: 2, paddingY: 0, marginBottom: 0, children: [
+      /* @__PURE__ */ jsx3(Text3, { color: "green", bold: true, children: "\u2714 ALL SESSIONS COMPLETE" }),
+      /* @__PURE__ */ jsx3(Text3, { color: "white", children: " \u2014 " }),
+      /* @__PURE__ */ jsx3(Text3, { color: "white", bold: true, children: workComplete.total }),
+      /* @__PURE__ */ jsx3(Text3, { color: "white", children: ` issue${workComplete.total !== 1 ? "s" : ""} resolved in ` }),
+      /* @__PURE__ */ jsx3(Text3, { color: "green", bold: true, children: formatDuration(workComplete.duration) })
+    ] }),
+    /* @__PURE__ */ jsxs3(Box3, { flexGrow: 1, flexDirection: "row", children: [
+      /* @__PURE__ */ jsx3(
+        Column,
+        {
+          label: labels.backlog,
+          cards: backlog,
+          isFocused: activeColIndex === 0,
+          activeCardIndex: activeColIndex === 0 ? activeCardIndex : 0
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Column,
+        {
+          label: labels.inProgress,
+          cards: inProgress,
+          isFocused: activeColIndex === 1,
+          activeCardIndex: activeColIndex === 1 ? activeCardIndex : 0
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Column,
+        {
+          label: labels.done,
+          cards: done,
+          isFocused: activeColIndex === 2,
+          activeCardIndex: activeColIndex === 2 ? activeCardIndex : 0
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/ui/detail.tsx
+import { Box as Box4, Text as Text4, useInput } from "ink";
+import Spinner2 from "ink-spinner";
+import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+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 statusLabel(column, hasError) {
+  if (hasError) return { text: "FAILED", color: "red" };
+  if (column === "in_progress") return { text: "IN PROGRESS", color: "yellow" };
+  if (column === "done") return { text: "DONE", color: "green" };
+  return { text: "QUEUED", color: "white" };
+}
+function IssueDetail({ card, onBack }) {
+  const [now, setNow] = useState2(Date.now());
+  const [logScrollOffset, setLogScrollOffset] = useState2(0);
+  const [userScrolled, setUserScrolled] = useState2(false);
+  const prevOutputLen = useRef(card.outputLog.length);
+  useEffect2(() => {
+    if (card.column !== "in_progress") return;
+    const interval = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(interval);
+  }, [card.column]);
+  useEffect2(() => {
+    if (!userScrolled && card.outputLog.length !== prevOutputLen.current) {
+      prevOutputLen.current = card.outputLog.length;
+      setLogScrollOffset(0);
+    }
+  }, [card.outputLog, userScrolled]);
+  useInput((_input, key) => {
+    if (key.escape) {
+      onBack();
+      return;
+    }
+    if (key.upArrow) {
+      setUserScrolled(true);
+      setLogScrollOffset((prev) => prev + 1);
+    }
+    if (key.downArrow) {
+      setLogScrollOffset((prev) => {
+        const next = Math.max(0, prev - 1);
+        if (next === 0) setUserScrolled(false);
+        return next;
+      });
+    }
+  });
+  const terminalCols = process.stdout.columns ?? 80;
+  const terminalRows = process.stdout.rows ?? 24;
+  const bodyRows = Math.max(1, terminalRows - 10);
+  const lines = card.outputLog.split("\n");
+  const startLine = Math.max(0, lines.length - bodyRows - logScrollOffset);
+  const visibleLines = lines.slice(startLine, startLine + bodyRows);
+  const status = statusLabel(card.column, card.hasError);
+  let elapsedDisplay = null;
+  let isRunning = false;
+  if (card.column === "in_progress" && card.startedAt !== void 0) {
+    elapsedDisplay = formatElapsed2(now - card.startedAt);
+    isRunning = true;
+  } else if (card.column === "done" && card.startedAt !== void 0 && card.finishedAt !== void 0) {
+    elapsedDisplay = formatElapsed2(card.finishedAt - card.startedAt);
+  }
+  const innerWidth = Math.max(0, terminalCols - 6);
+  const separator = `\u2560${"\u2550".repeat(innerWidth)}\u2563`;
+  const totalLines = lines.length;
+  const scrollPct = totalLines <= bodyRows ? "100%" : `${Math.round((startLine + bodyRows) / totalLines * 100)}%`;
+  return /* @__PURE__ */ jsxs4(
+    Box4,
+    {
+      flexGrow: 1,
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "yellow",
+      paddingX: 1,
+      paddingY: 0,
+      children: [
+        /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", justifyContent: "space-between", marginTop: 0, children: [
+          /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", children: [
+            /* @__PURE__ */ jsx4(Text4, { color: "yellow", bold: true, children: card.id }),
+            /* @__PURE__ */ jsx4(Text4, { color: "gray", children: " \u2502 " }),
+            /* @__PURE__ */ jsx4(Text4, { color: status.color, bold: true, children: status.text })
+          ] }),
+          /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", children: [
+            isRunning && elapsedDisplay && /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", marginRight: 2, children: [
+              /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: /* @__PURE__ */ jsx4(Spinner2, { type: "dots" }) }),
+              /* @__PURE__ */ jsx4(Text4, { color: "yellow", bold: true, children: ` ${elapsedDisplay}` })
+            ] }),
+            !isRunning && elapsedDisplay && /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", marginRight: 2, children: [
+              /* @__PURE__ */ jsx4(Text4, { color: "green", children: "\u2714 " }),
+              /* @__PURE__ */ jsx4(Text4, { color: "green", bold: true, children: elapsedDisplay })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx4(Box4, { marginTop: 0, children: /* @__PURE__ */ jsx4(Text4, { color: "white", bold: true, children: card.title }) }),
+        card.prUrl !== void 0 && card.prUrl.length > 0 && /* @__PURE__ */ jsxs4(Box4, { marginTop: 0, children: [
+          /* @__PURE__ */ jsx4(Text4, { color: "yellow", dimColor: true, children: "PR: " }),
+          /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: card.prUrl })
+        ] }),
+        /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { color: "yellow", dimColor: true, children: separator }) }),
+        /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: "PROVIDER OUTPUT" }),
+          userScrolled && /* @__PURE__ */ jsx4(Text4, { color: "yellow", dimColor: true, children: `scroll ${scrollPct}` }),
+          !userScrolled && totalLines > bodyRows && /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: "auto-scroll" })
+        ] }),
+        /* @__PURE__ */ jsx4(Box4, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: card.outputLog.length === 0 ? /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", marginTop: 1, children: [
+          /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: /* @__PURE__ */ jsx4(Spinner2, { type: "dots" }) }),
+          /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: " Waiting for provider output..." })
+        ] }) : visibleLines.map((line, i) => (
+          // biome-ignore lint/suspicious/noArrayIndexKey: log lines have no stable key
+          /* @__PURE__ */ jsx4(Text4, { color: "white", dimColor: true, children: line }, i)
+        )) }),
+        /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+          /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: "[\u2191\u2193] scroll" }),
+          /* @__PURE__ */ jsx4(Text4, { color: "yellow", dimColor: true, children: "[Esc] back to board" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/sidebar.tsx
+import { basename } from "path";
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function Sidebar({ provider, source, cwd }) {
+  const dir = basename(cwd);
+  return /* @__PURE__ */ jsxs5(
+    Box5,
+    {
+      flexDirection: "column",
+      width: 28,
+      borderStyle: "single",
+      borderColor: "yellow",
+      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: [
+            "\u2551",
+            /* @__PURE__ */ jsx5(Text5, { color: "white", bold: true, children: "    L I S A  v 2      " }),
+            /* @__PURE__ */ jsx5(Text5, { color: "yellow", 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: "green", children: "\u25B6 " }),
+          /* @__PURE__ */ jsx5(Text5, { color: "green", bold: true, children: "RUNNING" })
+        ] }),
+        /* @__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__ */ 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__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx5(Text5, { color: "white", dimColor: true, children: "WORKSPACE" }),
+          /* @__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__ */ jsx5(Box5, { flexGrow: 1 }),
+        /* @__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, { dimColor: true, children: "[Tab]  next column" }),
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[\u2191\u2193]  navigate    " }),
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[\u21B5]   view detail " }),
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[q]   quit        " })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/kanban.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function KanbanApp({ config }) {
+  const { exit } = useApp();
+  const { cards, isEmpty, workComplete } = useKanbanState();
+  const [activeView, setActiveView] = useState3("board");
+  const [activeColIndex, setActiveColIndex] = useState3(0);
+  const [activeCardIndex, setActiveCardIndex] = useState3(0);
+  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 columnCards = [backlog, inProgress, done];
+  useInput2((input, key) => {
+    if (input === "q") {
+      process.emit("SIGINT");
+      exit();
+      return;
+    }
+    if (activeView === "detail") {
+      if (key.escape) setActiveView("board");
+      return;
+    }
+    if (key.tab && !key.shift) {
+      const nextCol = (activeColIndex + 1) % 3;
+      setActiveColIndex(nextCol);
+      const colLen = columnCards[nextCol]?.length ?? 0;
+      setActiveCardIndex(Math.min(activeCardIndex, Math.max(0, colLen - 1)));
+      return;
+    }
+    if (key.tab && key.shift) {
+      const prevCol = (activeColIndex + 2) % 3;
+      setActiveColIndex(prevCol);
+      const colLen = columnCards[prevCol]?.length ?? 0;
+      setActiveCardIndex(Math.min(activeCardIndex, Math.max(0, colLen - 1)));
+      return;
+    }
+    if (key.downArrow) {
+      const colLen = columnCards[activeColIndex]?.length ?? 0;
+      setActiveCardIndex((prev) => Math.min(prev + 1, Math.max(0, colLen - 1)));
+      return;
+    }
+    if (key.upArrow) {
+      setActiveCardIndex((prev) => Math.max(0, prev - 1));
+      return;
+    }
+    if (key.return) {
+      const colLen = columnCards[activeColIndex]?.length ?? 0;
+      if (colLen > 0) setActiveView("detail");
+    }
+  });
+  const labels = {
+    backlog: config.source_config.pick_from,
+    inProgress: config.source_config.in_progress,
+    done: config.source_config.done
+  };
+  const selectedCard = activeView === "detail" ? columnCards[activeColIndex]?.[activeCardIndex] ?? null : null;
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", height: process.stdout.rows, children: [
+    /* @__PURE__ */ jsx6(Sidebar, { provider: config.provider, source: config.source, cwd: process.cwd() }),
+    activeView === "board" || !selectedCard ? /* @__PURE__ */ jsx6(
+      Board,
+      {
+        cards,
+        labels,
+        isEmpty,
+        workComplete,
+        activeColIndex,
+        activeCardIndex
+      }
+    ) : /* @__PURE__ */ jsx6(IssueDetail, { card: selectedCard, onBack: () => setActiveView("board") })
+  ] });
+}
+export {
+  KanbanApp
+};

package/package.json

@@ -1,60 +1,62 @@
 {
-  "name": "@tarcisiopgs/lisa",
-  "version": "1.6.0",
-  "description": "Deterministic autonomous issue resolver — structured AI agent loop for Linear/Trello",
-  "license": "MIT",
-  "type": "module",
-  "bin": {
-    "lisa": "dist/index.js"
-  },
-  "dependencies": {
-    "@clack/prompts": "^1.0.1",
-    "citty": "^0.2.1",
-    "execa": "^9.6.1",
-    "ink": "^6.8.0",
-    "ink-spinner": "^5.0.0",
-    "picocolors": "^1.1.1",
-    "react": "^19.2.4",
-    "yaml": "^2.8.2"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^2.4.3",
-    "@types/node": "^22.13.4",
-    "@types/react": "^19.2.14",
-    "@vitest/coverage-v8": "^4.0.18",
-    "concurrently": "^9.2.1",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.2.7",
-    "tsup": "^8.4.0",
-    "tsx": "^4.19.3",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.18"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/tarcisiopgs/lisa.git"
-  },
-  "files": [
-    "dist"
-  ],
-  "lint-staged": {
-    "*.{ts,tsx}": [
-      "biome check --write"
-    ]
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsx src/index.ts",
-    "check": "biome check src/",
-    "format": "biome format --write src/",
-    "lint": "biome lint src/",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "ci": "concurrently -n lint,typecheck,test \"pnpm lint\" \"pnpm typecheck\" \"pnpm test\""
-  }
-}
+	"name": "@tarcisiopgs/lisa",
+	"version": "1.7.0",
+	"description": "Deterministic autonomous issue resolver — structured AI agent loop for Linear/Trello",
+	"license": "MIT",
+	"type": "module",
+	"bin": {
+		"lisa": "dist/index.js"
+	},
+	"scripts": {
+		"build": "tsup",
+		"dev": "tsx src/index.ts",
+		"check": "biome check src/",
+		"format": "biome format --write src/",
+		"lint": "biome lint src/",
+		"typecheck": "tsc --noEmit",
+		"test": "vitest run",
+		"test:watch": "vitest",
+		"test:coverage": "vitest run --coverage",
+		"ci": "concurrently -n lint,typecheck,test \"pnpm lint\" \"pnpm typecheck\" \"pnpm test\"",
+		"prepare": "husky"
+	},
+	"dependencies": {
+		"@clack/prompts": "^1.0.1",
+		"citty": "^0.2.1",
+		"execa": "^9.6.1",
+		"ink": "^6.8.0",
+		"ink-spinner": "^5.0.0",
+		"picocolors": "^1.1.1",
+		"react": "^19.2.4",
+		"yaml": "^2.8.2"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^2.4.3",
+		"@types/node": "^22.13.4",
+		"@types/react": "^19.2.14",
+		"@vitest/coverage-v8": "^4.0.18",
+		"concurrently": "^9.2.1",
+		"husky": "^9.1.7",
+		"lint-staged": "^16.2.7",
+		"tsup": "^8.4.0",
+		"tsx": "^4.19.3",
+		"typescript": "^5.9.3",
+		"vitest": "^4.0.18"
+	},
+	"packageManager": "pnpm@10.29.3",
+	"publishConfig": {
+		"access": "public"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/tarcisiopgs/lisa.git"
+	},
+	"files": [
+		"dist"
+	],
+	"lint-staged": {
+		"*.{ts,tsx}": [
+			"biome check --write"
+		]
+	}
+}

package/dist/kanban-KIPKQ2IL.js

@@ -1,127 +0,0 @@
-#!/usr/bin/env node
-import {
-  useKanbanState
-} from "./chunk-KAME5MG7.js";
-
-// src/ui/kanban.tsx
-import { Box as Box5, useApp, useInput } from "ink";
-
-// src/ui/board.tsx
-import { Box as Box3 } from "ink";
-
-// src/ui/column.tsx
-import { Box as Box2, Text as Text2 } from "ink";
-
-// src/ui/card.tsx
-import { Box, Text } from "ink";
-import Spinner from "ink-spinner";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function formatElapsed(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 Card({ card }) {
-  const [now, setNow] = useState(Date.now());
-  useEffect(() => {
-    if (card.column !== "in_progress") return;
-    const interval = setInterval(() => setNow(Date.now()), 1e3);
-    return () => clearInterval(interval);
-  }, [card.column]);
-  const truncated = card.title.length > 22 ? `${card.title.slice(0, 19)}...` : card.title;
-  const borderColor = card.hasError ? "red" : card.column === "done" ? "green" : "white";
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      borderStyle: "round",
-      borderColor,
-      flexDirection: "column",
-      paddingX: 1,
-      marginBottom: 1,
-      children: [
-        /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: card.id }),
-        /* @__PURE__ */ jsx(Text, { children: truncated }),
-        card.column === "in_progress" && card.startedAt !== void 0 && /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "yellow", children: /* @__PURE__ */ jsx(Spinner, { type: "dots" }) }),
-          /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-            " ",
-            formatElapsed(now - card.startedAt)
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/ui/column.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function Column({ label, cards }) {
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", flexGrow: 1, borderStyle: "single", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs2(Text2, { bold: true, color: "cyan", children: [
-      label,
-      " (",
-      cards.length,
-      ")"
-    ] }),
-    /* @__PURE__ */ jsx2(Box2, { height: 1 }),
-    cards.map((card) => /* @__PURE__ */ jsx2(Card, { card }, card.id))
-  ] });
-}
-
-// src/ui/board.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function Board({ cards, labels }) {
-  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");
-  return /* @__PURE__ */ jsxs3(Box3, { flexGrow: 1, flexDirection: "row", children: [
-    /* @__PURE__ */ jsx3(Column, { label: labels.backlog, cards: backlog }),
-    /* @__PURE__ */ jsx3(Column, { label: labels.inProgress, cards: inProgress }),
-    /* @__PURE__ */ jsx3(Column, { label: labels.done, cards: done })
-  ] });
-}
-
-// src/ui/sidebar.tsx
-import { Box as Box4, Text as Text3 } from "ink";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function Sidebar({ provider, source }) {
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", width: 18, borderStyle: "single", paddingX: 1, children: [
-    /* @__PURE__ */ jsx4(Text3, { bold: true, color: "yellow", children: "\u25C6 LISA" }),
-    /* @__PURE__ */ jsx4(Box4, { height: 1 }),
-    /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: "Provider" }),
-    /* @__PURE__ */ jsx4(Text3, { color: "cyan", children: provider }),
-    /* @__PURE__ */ jsx4(Box4, { height: 1 }),
-    /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: "Source" }),
-    /* @__PURE__ */ jsx4(Text3, { color: "cyan", children: source }),
-    /* @__PURE__ */ jsx4(Box4, { flexGrow: 1 }),
-    /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: "[q] Quit" })
-  ] });
-}
-
-// src/ui/kanban.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function KanbanApp({ config }) {
-  const { exit } = useApp();
-  const { cards } = useKanbanState();
-  useInput((input) => {
-    if (input === "q") {
-      process.emit("SIGINT");
-      exit();
-    }
-  });
-  const labels = {
-    backlog: config.source_config.pick_from,
-    inProgress: config.source_config.in_progress,
-    done: config.source_config.done
-  };
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", height: process.stdout.rows, children: [
-    /* @__PURE__ */ jsx5(Sidebar, { provider: config.provider, source: config.source }),
-    /* @__PURE__ */ jsx5(Board, { cards, labels })
-  ] });
-}
-export {
-  KanbanApp
-};