clairo 1.2.0 → 1.2.2

package/README.md

@@ -8,7 +8,7 @@ dashboard tui for github PRs, jira tickets, and daily logs.
 - claude code integration (requires claude code to be set up) for generating standup notes
 - link jira tickets and change ticket status from the terminal
 - auto jira ticket detection based on branch name
-- daily logs that update automatically with tui actions that can be used for generateStandupNotes
+- daily logs that update automatically with tui actions that can be used to generate standup notes
 
 ## requirements
 

package/dist/cli.js

@@ -5,12 +5,12 @@ import meow from "meow";
 
 // src/app.tsx
 import { useCallback as useCallback9, useMemo as useMemo2, useState as useState16 } from "react";
-import { Box as Box16, useApp, useInput as useInput13 } from "ink";
+import { Box as Box17, useApp, useInput as useInput13 } from "ink";
 
 // src/components/github/GitHubView.tsx
 import { useCallback as useCallback8, useEffect as useEffect8, useRef as useRef5, useState as useState11 } from "react";
 import { TitledBox as TitledBox3 } from "@mishieck/ink-titled-box";
-import { Box as Box5, Text as Text5, useInput as useInput4 } from "ink";
+import { Box as Box6, Text as Text5, useInput as useInput4 } from "ink";
 import { ScrollView as ScrollView4 } from "ink-scroll-view";
 
 // src/hooks/github/useGitRepo.ts
@@ -174,6 +174,22 @@ function findRemoteWithBranch(branch) {
 import { exec, execFile } from "child_process";
 import { promisify } from "util";
 var execAsync = promisify(exec);
+function timeAgo(dateStr) {
+  const seconds = Math.floor((Date.now() - new Date(dateStr).getTime()) / 1e3);
+  const intervals = [
+    [86400 * 365, "year"],
+    [86400 * 30, "month"],
+    [86400 * 7, "week"],
+    [86400, "day"],
+    [3600, "hour"],
+    [60, "minute"]
+  ];
+  for (const [secs, label] of intervals) {
+    const count = Math.floor(seconds / secs);
+    if (count >= 1) return `${count} ${label}${count > 1 ? "s" : ""} ago`;
+  }
+  return "just now";
+}
 function resolveCheckStatus(check) {
   const conclusion = check.conclusion ?? check.state;
   if (conclusion === "SUCCESS" || check.status === "COMPLETED") return "success";
@@ -201,6 +217,7 @@ function resolveMergeDisplay(pr) {
   if (!pr) return { text: "UNKNOWN", color: "yellow" };
   if (pr.state === "MERGED") return { text: "MERGED", color: "magenta" };
   if (pr.state === "CLOSED") return { text: "CLOSED", color: "red" };
+  if (pr.isDraft) return { text: "DRAFT", color: "yellow" };
   if (pr.mergeable === "MERGEABLE") return { text: "MERGEABLE", color: "green" };
   if (pr.mergeable === "CONFLICTING") return { text: "CONFLICTING", color: "red" };
   return { text: pr.mergeable ?? "UNKNOWN", color: "yellow" };
@@ -287,6 +304,11 @@ async function getPRDetails(prNumber, repo) {
       "updatedAt",
       "isDraft",
       "mergeable",
+      "baseRefName",
+      "headRefName",
+      "additions",
+      "deletions",
+      "labels",
       "reviewDecision",
       "commits",
       "assignees",
@@ -701,7 +723,7 @@ function generatePRContent() {
 
 Rules:
 - "title": a concise PR title in imperative mood, under 72 characters
-- "body": a markdown PR description summarizing what changed and why. Use bullet points for multiple changes.
+- "body": a markdown PR description focusing on the motivation and what the PR achieves at a high level. Keep it concise \u2014 a short paragraph or two is ideal. Use bullet points only when there are genuinely distinct changes worth calling out separately. For larger PRs, organize with markdown sections (## headings) to break up the description.
 - Do not include any text outside the JSON object
 - Do not add any "Co-Authored-By" or attribution lines`;
   return runClaudePrompt(prompt);
@@ -1100,24 +1122,43 @@ ${oldStatus} \u2192 ${newStatus}
 // src/components/github/PRDetailsBox.tsx
 import open from "open";
 import { useRef as useRef2 } from "react";
-import { Box as Box2, Text as Text2, useInput, useStdout } from "ink";
+import { Box as Box3, Text as Text2, useInput, useStdout } from "ink";
 import { ScrollView } from "ink-scroll-view";
 
+// src/components/ui/Divider.tsx
+import { Box } from "ink";
+import { jsx } from "react/jsx-runtime";
+function Divider({ color }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      flexGrow: 1,
+      height: 0,
+      borderStyle: "round",
+      borderBottom: false,
+      borderLeft: false,
+      borderRight: false,
+      borderColor: color,
+      borderDimColor: !color
+    }
+  );
+}
+
 // src/components/ui/Markdown.tsx
 import Table from "cli-table3";
 import { marked } from "marked";
-import { Box, Text } from "ink";
+import { Box as Box2, Text } from "ink";
 import Link from "ink-link";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Markdown({ children }) {
   const tokens = marked.lexer(children);
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: tokens.map((token, idx) => /* @__PURE__ */ jsx(TokenRenderer, { token }, idx)) });
+  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: tokens.map((token, idx) => /* @__PURE__ */ jsx2(TokenRenderer, { token }, idx)) });
 }
 function TokenRenderer({ token }) {
   var _a, _b;
   switch (token.type) {
     case "heading":
-      return /* @__PURE__ */ jsx(Box, { marginTop: token.depth === 1 ? 0 : 1, children: /* @__PURE__ */ jsx(Text, { bold: true, underline: token.depth === 1, children: renderInline(token.tokens) }) });
+      return /* @__PURE__ */ jsx2(Box2, { marginTop: token.depth === 1 ? 0 : 1, children: /* @__PURE__ */ jsx2(Text, { bold: true, underline: token.depth === 1, children: renderInline(token.tokens) }) });
     case "paragraph": {
       const hasLinks = (_a = token.tokens) == null ? void 0 : _a.some(
         (t) => {
@@ -1126,31 +1167,31 @@ function TokenRenderer({ token }) {
         }
       );
       if (hasLinks) {
-        return /* @__PURE__ */ jsx(Box, { flexDirection: "row", flexWrap: "wrap", children: renderInline(token.tokens) });
+        return /* @__PURE__ */ jsx2(Box2, { flexDirection: "row", flexWrap: "wrap", children: renderInline(token.tokens) });
       }
-      return /* @__PURE__ */ jsx(Text, { children: renderInline(token.tokens) });
+      return /* @__PURE__ */ jsx2(Text, { children: renderInline(token.tokens) });
     }
     case "code":
-      return /* @__PURE__ */ jsx(Box, { marginY: 1, paddingX: 1, borderStyle: "single", borderColor: "gray", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: token.text }) });
+      return /* @__PURE__ */ jsx2(Box2, { marginY: 1, paddingX: 1, borderStyle: "single", borderColor: "gray", children: /* @__PURE__ */ jsx2(Text, { dimColor: true, children: token.text }) });
     case "blockquote":
-      return /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2502 " }),
-        /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: (_b = token.tokens) == null ? void 0 : _b.map((t, idx) => /* @__PURE__ */ jsx(TokenRenderer, { token: t }, idx)) })
+      return /* @__PURE__ */ jsxs(Box2, { marginLeft: 2, children: [
+        /* @__PURE__ */ jsx2(Text, { color: "gray", children: "\u2502 " }),
+        /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: (_b = token.tokens) == null ? void 0 : _b.map((t, idx) => /* @__PURE__ */ jsx2(TokenRenderer, { token: t }, idx)) })
       ] });
     case "list":
-      return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, children: token.items.map((item, idx) => /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { children: token.ordered ? `${idx + 1}. ` : "\u2022 " }),
-        /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: item.tokens.map((t, i) => /* @__PURE__ */ jsx(TokenRenderer, { token: t }, i)) })
+      return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginY: 1, children: token.items.map((item, idx) => /* @__PURE__ */ jsxs(Box2, { children: [
+        /* @__PURE__ */ jsx2(Text, { children: token.ordered ? `${idx + 1}. ` : "\u2022 " }),
+        /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: item.tokens.map((t, i) => /* @__PURE__ */ jsx2(TokenRenderer, { token: t }, i)) })
       ] }, idx)) });
     case "table":
-      return /* @__PURE__ */ jsx(TableRenderer, { token });
+      return /* @__PURE__ */ jsx2(TableRenderer, { token });
     case "hr":
-      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(40) });
+      return /* @__PURE__ */ jsx2(Text, { dimColor: true, children: "\u2500".repeat(40) });
     case "space":
       return null;
     default:
       if ("text" in token && typeof token.text === "string") {
-        return /* @__PURE__ */ jsx(Text, { children: token.text });
+        return /* @__PURE__ */ jsx2(Text, { children: token.text });
       }
       return null;
   }
@@ -1163,18 +1204,18 @@ function TableRenderer({ token }) {
   for (const row of token.rows) {
     table.push(row.map((cell) => renderInlineToString(cell.tokens)));
   }
-  return /* @__PURE__ */ jsx(Text, { children: table.toString() });
+  return /* @__PURE__ */ jsx2(Text, { children: table.toString() });
 }
 function renderInline(tokens) {
   if (!tokens) return null;
   return tokens.map((token, idx) => {
     switch (token.type) {
       case "text":
-        return /* @__PURE__ */ jsx(Text, { children: token.text }, idx);
+        return /* @__PURE__ */ jsx2(Text, { children: token.text }, idx);
       case "strong":
-        return /* @__PURE__ */ jsx(Text, { bold: true, children: renderInline(token.tokens) }, idx);
+        return /* @__PURE__ */ jsx2(Text, { bold: true, children: renderInline(token.tokens) }, idx);
       case "em":
-        return /* @__PURE__ */ jsx(Text, { italic: true, children: renderInline(token.tokens) }, idx);
+        return /* @__PURE__ */ jsx2(Text, { italic: true, children: renderInline(token.tokens) }, idx);
       case "codespan":
         return /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
           "`",
@@ -1182,7 +1223,7 @@ function renderInline(tokens) {
           "`"
         ] }, idx);
       case "link":
-        return /* @__PURE__ */ jsx(Link, { url: token.href, children: /* @__PURE__ */ jsx(Text, { color: "blue", children: renderInlineToString(token.tokens) }) }, idx);
+        return /* @__PURE__ */ jsx2(Link, { url: token.href, children: /* @__PURE__ */ jsx2(Text, { color: "blue", children: renderInlineToString(token.tokens) }) }, idx);
       case "image":
         return /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
           "[Image: ",
@@ -1190,12 +1231,12 @@ function renderInline(tokens) {
           "]"
         ] }, idx);
       case "br":
-        return /* @__PURE__ */ jsx(Text, { children: "\n" }, idx);
+        return /* @__PURE__ */ jsx2(Text, { children: "\n" }, idx);
       case "del":
-        return /* @__PURE__ */ jsx(Text, { strikethrough: true, children: renderInline(token.tokens) }, idx);
+        return /* @__PURE__ */ jsx2(Text, { strikethrough: true, children: renderInline(token.tokens) }, idx);
       default:
         if ("text" in token && typeof token.text === "string") {
-          return /* @__PURE__ */ jsx(Text, { children: token.text }, idx);
+          return /* @__PURE__ */ jsx2(Text, { children: token.text }, idx);
         }
         return null;
     }
@@ -1215,9 +1256,9 @@ function renderInlineToString(tokens) {
 }
 
 // src/components/github/PRDetailsBox.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function PRDetailsBox({ pr, loading, error, isActive }) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const scrollRef = useRef2(null);
   const title = "[3] PR Details";
   const borderColor = isActive ? "yellow" : void 0;
@@ -1243,13 +1284,13 @@ function PRDetailsBox({ pr, loading, error, isActive }) {
   const { stdout } = useStdout();
   const terminalWidth = (stdout == null ? void 0 : stdout.columns) ?? 80;
   const columnWidth = Math.floor(terminalWidth / 2);
-  const titlePart = `\u256D\u2500 ${displayTitle} `;
+  const titlePart = `\u256D ${displayTitle} `;
   const dashCount = Math.max(0, columnWidth - titlePart.length - 1);
   const topBorder = `${titlePart}${"\u2500".repeat(dashCount)}\u256E`;
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx2(Text2, { color: borderColor, children: topBorder }),
-    /* @__PURE__ */ jsx2(
-      Box2,
+  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx3(Text2, { color: borderColor, children: topBorder }),
+    /* @__PURE__ */ jsx3(
+      Box3,
       {
         flexDirection: "column",
         flexGrow: 1,
@@ -1258,33 +1299,57 @@ function PRDetailsBox({ pr, loading, error, isActive }) {
         borderStyle: "round",
         borderTop: false,
         borderColor,
-        children: /* @__PURE__ */ jsx2(ScrollView, { ref: scrollRef, children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, children: [
-          loading && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Loading details..." }),
-          error && /* @__PURE__ */ jsx2(Text2, { color: "red", children: error }),
-          !loading && !error && !pr && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Select a PR to view details" }),
+        children: /* @__PURE__ */ jsx3(ScrollView, { ref: scrollRef, children: /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", paddingX: 1, children: [
+          loading && /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "Loading details..." }),
+          error && /* @__PURE__ */ jsx3(Text2, { color: "red", children: error }),
+          !loading && !error && !pr && /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "Select a PR to view details" }),
           !loading && !error && pr && /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx2(Text2, { bold: true, children: pr.title }),
-            /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-              "by ",
-              ((_a = pr.author) == null ? void 0 : _a.login) ?? "unknown",
-              " | ",
-              ((_b = pr.commits) == null ? void 0 : _b.length) ?? 0,
-              " commits"
+            /* @__PURE__ */ jsxs2(Box3, { children: [
+              /* @__PURE__ */ jsxs2(Text2, { bold: true, children: [
+                pr.title,
+                " "
+              ] }),
+              /* @__PURE__ */ jsx3(Text2, { color: mergeDisplay.color, children: "\uE0B6" }),
+              /* @__PURE__ */ jsx3(Text2, { color: "black", backgroundColor: mergeDisplay.color, bold: true, children: `${mergeDisplay.text}` }),
+              /* @__PURE__ */ jsx3(Text2, { color: mergeDisplay.color, children: "\uE0B4" })
             ] }),
-            /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
-              /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Review: " }),
-              /* @__PURE__ */ jsx2(Text2, { color: reviewDisplay.color, children: reviewDisplay.text }),
-              /* @__PURE__ */ jsx2(Text2, { children: " | " }),
-              /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Status: " }),
-              /* @__PURE__ */ jsx2(Text2, { color: mergeDisplay.color, children: mergeDisplay.text })
+            /* @__PURE__ */ jsxs2(Box3, { children: [
+              /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+                pr.baseRefName,
+                " \u2190 ",
+                pr.headRefName,
+                " | by ",
+                ((_a = pr.author) == null ? void 0 : _a.login) ?? "unknown",
+                " | ",
+                ((_b = pr.commits) == null ? void 0 : _b.length) ?? 0,
+                " ",
+                "commits",
+                pr.createdAt && ` | opened ${timeAgo(pr.createdAt)}`,
+                " |",
+                " "
+              ] }),
+              /* @__PURE__ */ jsxs2(Text2, { color: "green", children: [
+                "+",
+                pr.additions
+              ] }),
+              /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: " " }),
+              /* @__PURE__ */ jsxs2(Text2, { color: "red", children: [
+                "-",
+                pr.deletions
+              ] })
             ] }),
-            (((_c = pr.assignees) == null ? void 0 : _c.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
-              /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Assignees: " }),
-              /* @__PURE__ */ jsx2(Text2, { children: pr.assignees.map((a) => a.login).join(", ") })
+            (((_c = pr.labels) == null ? void 0 : _c.length) ?? 0) > 0 && /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: pr.labels.map((l) => l.name).join(", ") }),
+            /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Divider, {}) }),
+            (((_d = pr.assignees) == null ? void 0 : _d.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box3, { marginTop: 1, children: [
+              /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "Assignees: " }),
+              /* @__PURE__ */ jsx3(Text2, { children: pr.assignees.map((a) => a.login).join(", ") })
             ] }),
-            (((_d = pr.reviews) == null ? void 0 : _d.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-              /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Reviews:" }),
-              pr.reviews.map((review, idx) => {
+            ((((_e = pr.reviews) == null ? void 0 : _e.length) ?? 0) > 0 || (((_f = pr.reviewRequests) == null ? void 0 : _f.length) ?? 0) > 0) && /* @__PURE__ */ jsxs2(Box3, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsxs2(Box3, { children: [
+                /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "Reviews: " }),
+                /* @__PURE__ */ jsx3(Text2, { color: reviewDisplay.color, children: reviewDisplay.text })
+              ] }),
+              (_g = pr.reviews) == null ? void 0 : _g.map((review, idx) => {
                 const color = review.state === "APPROVED" ? "green" : review.state === "CHANGES_REQUESTED" ? "red" : review.state === "COMMENTED" ? "blue" : "yellow";
                 const icon = review.state === "APPROVED" ? "\u2713" : review.state === "CHANGES_REQUESTED" ? "\u2717" : review.state === "COMMENTED" ? "\u{1F4AC}" : "\u25CB";
                 return /* @__PURE__ */ jsxs2(Text2, { color, children: [
@@ -1293,16 +1358,20 @@ function PRDetailsBox({ pr, loading, error, isActive }) {
                   " ",
                   review.author.login
                 ] }, idx);
-              })
-            ] }),
-            (((_e = pr.reviewRequests) == null ? void 0 : _e.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { children: [
-              /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Pending: " }),
-              /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: pr.reviewRequests.map((r) => r.login ?? r.name ?? r.slug ?? "Team").join(", ") })
+              }),
+              (_h = pr.reviewRequests) == null ? void 0 : _h.map((r, idx) => /* @__PURE__ */ jsxs2(Text2, { color: "yellow", children: [
+                "  ",
+                "\u25CB ",
+                r.login ?? r.name ?? r.slug ?? "Team",
+                " ",
+                /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "(pending)" })
+              ] }, `pending-${idx}`))
             ] }),
-            (((_f = pr.statusCheckRollup) == null ? void 0 : _f.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-              /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Checks:" }),
+            (((_i = pr.statusCheckRollup) == null ? void 0 : _i.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box3, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsx3(Divider, {}),
+              /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "Checks:" }),
               Array.from(
-                ((_g = pr.statusCheckRollup) == null ? void 0 : _g.reduce((acc, check) => {
+                ((_j = pr.statusCheckRollup) == null ? void 0 : _j.reduce((acc, check) => {
                   const key = check.name ?? check.context ?? "";
                   const existing = acc.get(key);
                   if (!existing || (check.startedAt ?? "") > (existing.startedAt ?? "")) {
@@ -1322,9 +1391,10 @@ function PRDetailsBox({ pr, loading, error, isActive }) {
                 ] }, idx);
               })
             ] }),
-            pr.body && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-              /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Description:" }),
-              /* @__PURE__ */ jsx2(Markdown, { children: pr.body })
+            pr.body && /* @__PURE__ */ jsxs2(Box3, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsx3(Divider, {}),
+              /* @__PURE__ */ jsx3(Text2, { dimColor: true, children: "Description:" }),
+              /* @__PURE__ */ jsx3(Markdown, { children: pr.body })
             ] })
           ] })
         ] }) })
@@ -1337,8 +1407,9 @@ function PRDetailsBox({ pr, loading, error, isActive }) {
 import open2 from "open";
 import { useState as useState10 } from "react";
 import { TitledBox } from "@mishieck/ink-titled-box";
-import { Box as Box3, Text as Text3, useInput as useInput3 } from "ink";
+import { Box as Box4, Text as Text3, useInput as useInput3 } from "ink";
 import { ScrollView as ScrollView2 } from "ink-scroll-view";
+import Spinner from "ink-spinner";
 
 // src/hooks/jira/useJiraTickets.ts
 import { useCallback as useCallback4, useState as useState5 } from "react";
@@ -1765,7 +1836,7 @@ async function copyToClipboard(text) {
 }
 
 // src/components/github/PullRequestsBox.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function PullRequestsBox({
   prs,
   selectedPR,
@@ -1815,25 +1886,28 @@ function PullRequestsBox({
   const subtitle = branch ? ` (${branch})` : "";
   const copiedIndicator = copied ? " [Copied!]" : "";
   const borderColor = isActive ? "yellow" : void 0;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     TitledBox,
     {
       borderStyle: "round",
       titles: [`${title}${subtitle}${copiedIndicator}`],
       borderColor,
       height: 5,
-      children: /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
-        loading && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Loading PRs..." }),
-        error && /* @__PURE__ */ jsx3(Text3, { color: "red", children: error }),
-        isGeneratingPR && /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: "Generating PR with Claude... (Esc to cancel)" }),
+      children: /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+        loading && /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: "Loading PRs..." }),
+        error && /* @__PURE__ */ jsx4(Text3, { color: "red", children: error }),
+        isGeneratingPR && /* @__PURE__ */ jsxs3(Text3, { color: "yellow", children: [
+          /* @__PURE__ */ jsx4(Spinner, { type: "dots" }),
+          " Generating PR with Claude... (Esc to cancel)"
+        ] }),
         !loading && !error && /* @__PURE__ */ jsxs3(ScrollView2, { ref: scrollRef, children: [
-          prs.length === 0 && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No PRs for this branch" }, "empty"),
+          prs.length === 0 && /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: "No PRs for this branch" }, "empty"),
           prs.map((pr, idx) => {
             const isHighlighted = isActive && idx === highlightedIndex;
             const isSelected = pr.number === (selectedPR == null ? void 0 : selectedPR.number);
             const cursor = isHighlighted ? ">" : " ";
             const indicator = isSelected ? " *" : "";
-            return /* @__PURE__ */ jsxs3(Box3, { children: [
+            return /* @__PURE__ */ jsxs3(Box4, { children: [
               /* @__PURE__ */ jsxs3(Text3, { color: isHighlighted ? "yellow" : void 0, children: [
                 cursor,
                 " "
@@ -1845,7 +1919,7 @@ function PullRequestsBox({
                 pr.isDraft ? "[Draft] " : "",
                 pr.title
               ] }),
-              /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: indicator })
+              /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: indicator })
             ] }, pr.number);
           }),
           /* @__PURE__ */ jsxs3(Text3, { color: "blue", children: [
@@ -1860,9 +1934,9 @@ function PullRequestsBox({
 
 // src/components/github/RemotesBox.tsx
 import { TitledBox as TitledBox2 } from "@mishieck/ink-titled-box";
-import { Box as Box4, Text as Text4 } from "ink";
+import { Box as Box5, Text as Text4 } from "ink";
 import { ScrollView as ScrollView3 } from "ink-scroll-view";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isActive }) {
   const selectedIndex = remotes.findIndex((r) => r.name === selectedRemote);
   const { highlightedIndex, scrollRef } = useListNavigation({
@@ -1873,16 +1947,16 @@ function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isActiv
   });
   const title = "[1] Remotes";
   const borderColor = isActive ? "yellow" : void 0;
-  return /* @__PURE__ */ jsx4(TitledBox2, { borderStyle: "round", titles: [title], borderColor, height: 5, children: /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
-    loading && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Loading..." }),
-    error && /* @__PURE__ */ jsx4(Text4, { color: "red", children: error }),
-    !loading && !error && remotes.length === 0 && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "No remotes configured" }),
-    !loading && !error && remotes.length > 0 && /* @__PURE__ */ jsx4(ScrollView3, { ref: scrollRef, children: remotes.map((remote, idx) => {
+  return /* @__PURE__ */ jsx5(TitledBox2, { borderStyle: "round", titles: [title], borderColor, height: 5, children: /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+    loading && /* @__PURE__ */ jsx5(Text4, { dimColor: true, children: "Loading..." }),
+    error && /* @__PURE__ */ jsx5(Text4, { color: "red", children: error }),
+    !loading && !error && remotes.length === 0 && /* @__PURE__ */ jsx5(Text4, { dimColor: true, children: "No remotes configured" }),
+    !loading && !error && remotes.length > 0 && /* @__PURE__ */ jsx5(ScrollView3, { ref: scrollRef, children: remotes.map((remote, idx) => {
       const isHighlighted = isActive && idx === highlightedIndex;
       const isSelected = remote.name === selectedRemote;
       const cursor = isHighlighted ? ">" : " ";
       const indicator = isSelected ? " *" : "";
-      return /* @__PURE__ */ jsxs4(Box4, { children: [
+      return /* @__PURE__ */ jsxs4(Box5, { children: [
         /* @__PURE__ */ jsxs4(Text4, { color: isHighlighted ? "yellow" : void 0, children: [
           cursor,
           " "
@@ -1893,14 +1967,14 @@ function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isActiv
           remote.url,
           ")"
         ] }),
-        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: indicator })
+        /* @__PURE__ */ jsx5(Text4, { dimColor: true, children: indicator })
       ] }, remote.name);
     }) })
   ] }) });
 }
 
 // src/components/github/GitHubView.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function GitHubView({ isActive, onFocusedBoxChange, onLogUpdated }) {
   const repo = useGitRepo();
   const pullRequests = usePullRequests();
@@ -2116,10 +2190,10 @@ ${body}`;
     { isActive }
   );
   if (repo.isRepo === false) {
-    return /* @__PURE__ */ jsx5(TitledBox3, { borderStyle: "round", titles: ["Error"], flexGrow: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "red", children: "Current directory is not a git repository" }) });
+    return /* @__PURE__ */ jsx6(TitledBox3, { borderStyle: "round", titles: ["Error"], flexGrow: 1, children: /* @__PURE__ */ jsx6(Text5, { color: "red", children: "Current directory is not a git repository" }) });
   }
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx6(
       RemotesBox,
       {
         remotes: repo.remotes,
@@ -2130,7 +2204,7 @@ ${body}`;
         isActive: isActive && !prPreview && focusedBox === "remotes"
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       PullRequestsBox,
       {
         prs: pullRequests.prs,
@@ -2145,7 +2219,7 @@ ${body}`;
         isGeneratingPR
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       PRDetailsBox,
       {
         pr: pullRequests.prDetails,
@@ -2154,13 +2228,13 @@ ${body}`;
         isActive: isActive && !prPreview && focusedBox === "details"
       }
     ),
-    prPreview && /* @__PURE__ */ jsx5(TitledBox3, { borderStyle: "round", titles: ["PR Preview"], borderColor: "yellow", flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, flexGrow: 1, flexBasis: 0, overflow: "hidden", children: [
-      /* @__PURE__ */ jsx5(Box5, { flexGrow: 1, flexBasis: 0, overflow: "hidden", children: /* @__PURE__ */ jsx5(ScrollView4, { ref: previewScrollRef, children: /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx5(Text5, { bold: true, children: prPreview.title }),
-        /* @__PURE__ */ jsx5(Text5, { children: "" }),
-        /* @__PURE__ */ jsx5(Text5, { children: prPreview.body })
+    prPreview && /* @__PURE__ */ jsx6(TitledBox3, { borderStyle: "round", titles: ["PR Preview"], borderColor: "yellow", flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", paddingX: 1, flexGrow: 1, flexBasis: 0, overflow: "hidden", children: [
+      /* @__PURE__ */ jsx6(Box6, { flexGrow: 1, flexBasis: 0, overflow: "hidden", children: /* @__PURE__ */ jsx6(ScrollView4, { ref: previewScrollRef, children: /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx6(Text5, { bold: true, children: prPreview.title }),
+        /* @__PURE__ */ jsx6(Text5, { children: "" }),
+        /* @__PURE__ */ jsx6(Text5, { children: prPreview.body })
       ] }) }) }),
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Enter to apply, Esc to dismiss, j/k to scroll" })
+      /* @__PURE__ */ jsx6(Text5, { dimColor: true, children: "Enter to apply, Esc to dismiss, j/k to scroll" })
     ] }) })
   ] });
 }
@@ -2171,11 +2245,11 @@ import { useEffect as useEffect10, useRef as useRef6 } from "react";
 
 // src/components/jira/LinkTicketModal.tsx
 import { useState as useState12 } from "react";
-import { Box as Box7, Text as Text7, useInput as useInput6 } from "ink";
+import { Box as Box8, Text as Text7, useInput as useInput6 } from "ink";
 
 // src/components/ui/TextInput.tsx
-import { Box as Box6, Text as Text6, useInput as useInput5 } from "ink";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box7, Text as Text6, useInput as useInput5 } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function TextInput({ value, onChange, placeholder, isActive, mask }) {
   useInput5(
     (input, key) => {
@@ -2196,14 +2270,14 @@ function TextInput({ value, onChange, placeholder, isActive, mask }) {
   );
   const displayValue = mask ? "*".repeat(value.length) : value;
   const showPlaceholder = value.length === 0 && placeholder;
-  return /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { children: [
-    showPlaceholder ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: placeholder }) : /* @__PURE__ */ jsx6(Text6, { children: displayValue }),
-    isActive && /* @__PURE__ */ jsx6(Text6, { backgroundColor: "yellow", children: " " })
+  return /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsxs6(Text6, { children: [
+    showPlaceholder ? /* @__PURE__ */ jsx7(Text6, { dimColor: true, children: placeholder }) : /* @__PURE__ */ jsx7(Text6, { children: displayValue }),
+    isActive && /* @__PURE__ */ jsx7(Text6, { backgroundColor: "yellow", children: " " })
   ] }) });
 }
 
 // src/components/jira/LinkTicketModal.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
   const [ticketInput, setTicketInput] = useState12("");
   const canSubmit = ticketInput.trim().length > 0;
@@ -2220,29 +2294,29 @@ function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
     },
     { isActive: !loading }
   );
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, children: [
-    /* @__PURE__ */ jsx7(Text7, { bold: true, color: "yellow", children: "Link Jira Ticket" }),
-    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Type ticket ID, Enter to submit, Esc to cancel" }),
-    /* @__PURE__ */ jsx7(Box7, { marginTop: 1 }),
-    error && /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "red", children: error }) }),
-    /* @__PURE__ */ jsxs7(Box7, { children: [
-      /* @__PURE__ */ jsx7(Text7, { color: "blue", children: "Ticket: " }),
-      /* @__PURE__ */ jsx7(TextInput, { value: ticketInput, onChange: setTicketInput, placeholder: "PROJ-123", isActive: !loading })
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsx8(Text7, { bold: true, color: "yellow", children: "Link Jira Ticket" }),
+    /* @__PURE__ */ jsx8(Text7, { dimColor: true, children: "Type ticket ID, Enter to submit, Esc to cancel" }),
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1 }),
+    error && /* @__PURE__ */ jsx8(Box8, { marginBottom: 1, children: /* @__PURE__ */ jsx8(Text7, { color: "red", children: error }) }),
+    /* @__PURE__ */ jsxs7(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text7, { color: "blue", children: "Ticket: " }),
+      /* @__PURE__ */ jsx8(TextInput, { value: ticketInput, onChange: setTicketInput, placeholder: "PROJ-123", isActive: !loading })
     ] }),
-    loading && /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "yellow", children: "Fetching ticket..." }) }),
-    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Examples: PROJ-123 or https://company.atlassian.net/browse/PROJ-123" }) })
+    loading && /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text7, { color: "yellow", children: "Fetching ticket..." }) }),
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text7, { dimColor: true, children: "Examples: PROJ-123 or https://company.atlassian.net/browse/PROJ-123" }) })
   ] });
 }
 
 // src/components/jira/JiraView.tsx
 import { TitledBox as TitledBox4 } from "@mishieck/ink-titled-box";
-import { Box as Box11, Text as Text11, useInput as useInput9 } from "ink";
+import { Box as Box12, Text as Text11, useInput as useInput9 } from "ink";
 
 // src/components/jira/ChangeStatusModal.tsx
 import { useEffect as useEffect9, useState as useState13 } from "react";
-import { Box as Box8, Text as Text8, useInput as useInput7 } from "ink";
+import { Box as Box9, Text as Text8, useInput as useInput7 } from "ink";
 import SelectInput from "ink-select-input";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onCancel }) {
   const [transitions, setTransitions] = useState13([]);
   const [loading, setLoading] = useState13(true);
@@ -2310,23 +2384,23 @@ function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onC
     0,
     transitions.findIndex((t) => t.to.name === currentStatus)
   );
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, children: [
+  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, children: [
     /* @__PURE__ */ jsxs8(Text8, { bold: true, color: "yellow", children: [
       "Change Status: ",
       ticketKey
     ] }),
-    loading && /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Loading transitions..." }),
-    error && /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: "red", children: error }) }),
-    !loading && !error && transitions.length === 0 && /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "No available transitions" }),
-    !loading && !error && transitions.length > 0 && !applying && /* @__PURE__ */ jsx8(Box8, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx8(SelectInput, { items, initialIndex, onSelect: handleSelect }) }),
-    applying && /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "Updating status..." }) }),
-    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Esc to cancel" }) })
+    loading && /* @__PURE__ */ jsx9(Text8, { dimColor: true, children: "Loading transitions..." }),
+    error && /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text8, { color: "red", children: error }) }),
+    !loading && !error && transitions.length === 0 && /* @__PURE__ */ jsx9(Text8, { dimColor: true, children: "No available transitions" }),
+    !loading && !error && transitions.length > 0 && !applying && /* @__PURE__ */ jsx9(Box9, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx9(SelectInput, { items, initialIndex, onSelect: handleSelect }) }),
+    applying && /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text8, { color: "yellow", children: "Updating status..." }) }),
+    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text8, { dimColor: true, children: "Esc to cancel" }) })
   ] });
 }
 
 // src/components/jira/ConfigureJiraSiteModal.tsx
 import { useState as useState14 } from "react";
-import { Box as Box9, Text as Text9, useInput as useInput8 } from "ink";
+import { Box as Box10, Text as Text9, useInput as useInput8 } from "ink";
 import { ScrollView as ScrollView5 } from "ink-scroll-view";
 
 // src/lib/editor.ts
@@ -2358,7 +2432,7 @@ function openInEditor(content, filename) {
 }
 
 // src/components/jira/ConfigureJiraSiteModal.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var MAX_VISIBLE_ITEMS = 4;
 function ConfigureJiraSiteModal({
   initialSiteUrl,
@@ -2452,26 +2526,26 @@ function ConfigureJiraSiteModal({
     const prefix = isSelected ? "> " : "  ";
     const color = isSelected ? "yellow" : void 0;
     const displayValue = isSensitive && value ? "*".repeat(Math.min(value.length, 20)) : value;
-    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+    return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs9(Text9, { color, bold: isSelected, children: [
         prefix,
         label
       ] }),
-      value !== void 0 && /* @__PURE__ */ jsx9(Box9, { marginLeft: 4, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: displayValue || "(empty - press Enter to edit)" }) })
+      value !== void 0 && /* @__PURE__ */ jsx10(Box10, { marginLeft: 4, children: /* @__PURE__ */ jsx10(Text9, { dimColor: true, children: displayValue || "(empty - press Enter to edit)" }) })
     ] });
   };
   if (mode === "choose") {
     const totalItems = existingConfigs.length + 1;
     const listHeight = Math.min(totalItems * 2, MAX_VISIBLE_ITEMS * 2);
-    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, paddingY: 1, children: [
-      /* @__PURE__ */ jsx9(Text9, { bold: true, color: "cyan", children: "Configure Jira Site" }),
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Select an existing configuration or enter new credentials" }),
-      /* @__PURE__ */ jsx9(Box9, { marginTop: 1 }),
-      error && /* @__PURE__ */ jsx9(Box9, { marginBottom: 1, children: /* @__PURE__ */ jsx9(Text9, { color: "red", children: error }) }),
-      /* @__PURE__ */ jsx9(Box9, { height: listHeight, overflow: "hidden", children: /* @__PURE__ */ jsxs9(ScrollView5, { ref: scrollRef, children: [
+    return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, paddingY: 1, children: [
+      /* @__PURE__ */ jsx10(Text9, { bold: true, color: "cyan", children: "Configure Jira Site" }),
+      /* @__PURE__ */ jsx10(Text9, { dimColor: true, children: "Select an existing configuration or enter new credentials" }),
+      /* @__PURE__ */ jsx10(Box10, { marginTop: 1 }),
+      error && /* @__PURE__ */ jsx10(Box10, { marginBottom: 1, children: /* @__PURE__ */ jsx10(Text9, { color: "red", children: error }) }),
+      /* @__PURE__ */ jsx10(Box10, { height: listHeight, overflow: "hidden", children: /* @__PURE__ */ jsxs9(ScrollView5, { ref: scrollRef, children: [
         existingConfigs.map((config, idx) => {
           const isSelected = selectedExisting === idx;
-          return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+          return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", children: [
             /* @__PURE__ */ jsxs9(Text9, { color: isSelected ? "yellow" : void 0, bold: isSelected, children: [
               isSelected ? "> " : "  ",
               config.siteUrl
@@ -2482,7 +2556,7 @@ function ConfigureJiraSiteModal({
             ] })
           ] }, config.siteUrl + config.email);
         }),
-        /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs9(
           Text9,
           {
             color: selectedExisting === existingConfigs.length ? "yellow" : void 0,
@@ -2494,41 +2568,41 @@ function ConfigureJiraSiteModal({
           }
         ) })
       ] }) }),
-      loading && /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "Validating credentials..." }) })
+      loading && /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text9, { color: "yellow", children: "Validating credentials..." }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, paddingY: 1, children: [
-    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "cyan", children: "Configure Jira Site" }),
+  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsx10(Text9, { bold: true, color: "cyan", children: "Configure Jira Site" }),
     /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
       "Up/Down to select, Enter to edit, Esc to ",
       hasExisting ? "go back" : "cancel"
     ] }),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 1 }),
-    error && /* @__PURE__ */ jsx9(Box9, { marginBottom: 1, children: /* @__PURE__ */ jsx9(Text9, { color: "red", children: error }) }),
+    /* @__PURE__ */ jsx10(Box10, { marginTop: 1 }),
+    error && /* @__PURE__ */ jsx10(Box10, { marginBottom: 1, children: /* @__PURE__ */ jsx10(Text9, { color: "red", children: error }) }),
     renderItem("siteUrl", "Site URL (e.g., https://company.atlassian.net)", siteUrl),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 1 }),
+    /* @__PURE__ */ jsx10(Box10, { marginTop: 1 }),
     renderItem("email", "Email", email),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 1 }),
+    /* @__PURE__ */ jsx10(Box10, { marginTop: 1 }),
     renderItem("apiToken", "API Token", apiToken, true),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 1 }),
-    /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsxs9(Text9, { color: selectedItem === "submit" ? "green" : void 0, bold: selectedItem === "submit", children: [
+    /* @__PURE__ */ jsx10(Box10, { marginTop: 1 }),
+    /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs9(Text9, { color: selectedItem === "submit" ? "green" : void 0, bold: selectedItem === "submit", children: [
       selectedItem === "submit" ? "> " : "  ",
       canSubmit ? "[Save Configuration]" : "[Fill all fields first]"
     ] }) }),
-    loading && /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "Validating credentials..." }) }),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Get your API token from: https://id.atlassian.com/manage-profile/security/api-tokens" }) })
+    loading && /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text9, { color: "yellow", children: "Validating credentials..." }) }),
+    /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text9, { dimColor: true, children: "Get your API token from: https://id.atlassian.com/manage-profile/security/api-tokens" }) })
   ] });
 }
 
 // src/components/jira/TicketItem.tsx
-import { Box as Box10, Text as Text10 } from "ink";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box11, Text as Text10 } from "ink";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function TicketItem({ ticketKey, summary, status, isHighlighted, isSelected }) {
   const prefix = isHighlighted ? "> " : isSelected ? "\u25CF " : "  ";
   const textColor = isSelected ? "green" : void 0;
-  return /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs10(Text10, { color: textColor, children: [
+  return /* @__PURE__ */ jsx11(Box11, { children: /* @__PURE__ */ jsxs10(Text10, { color: textColor, children: [
     prefix,
-    /* @__PURE__ */ jsx10(Text10, { bold: true, color: "blue", children: ticketKey }),
+    /* @__PURE__ */ jsx11(Text10, { bold: true, color: "blue", children: ticketKey }),
     " ",
     summary,
     status && /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
@@ -2540,7 +2614,7 @@ function TicketItem({ ticketKey, summary, status, isHighlighted, isSelected }) {
 }
 
 // src/components/jira/JiraView.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function JiraView({ isActive, onModalChange, onJiraStateChange, onLogUpdated }) {
   const repo = useGitRepo();
   const jira = useJiraTickets();
@@ -2638,13 +2712,13 @@ function JiraView({ isActive, onModalChange, onJiraStateChange, onLogUpdated })
     { isActive: isActive && !modal.isOpen }
   );
   if (repo.isRepo === false) {
-    return /* @__PURE__ */ jsx11(TitledBox4, { borderStyle: "round", titles: ["Jira"], flexShrink: 0, children: /* @__PURE__ */ jsx11(Text11, { color: "red", children: "Not a git repository" }) });
+    return /* @__PURE__ */ jsx12(TitledBox4, { borderStyle: "round", titles: ["Jira"], flexShrink: 0, children: /* @__PURE__ */ jsx12(Text11, { color: "red", children: "Not a git repository" }) });
   }
   if (modal.type === "configure") {
     const siteUrl = repo.repoPath ? getJiraSiteUrl(repo.repoPath) : void 0;
     const creds = repo.repoPath ? getJiraCredentials(repo.repoPath) : { email: null, apiToken: null };
     const existingConfigs = getExistingJiraConfigs(repo.repoPath ?? void 0);
-    return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx12(
       ConfigureJiraSiteModal,
       {
         initialSiteUrl: siteUrl ?? void 0,
@@ -2661,7 +2735,7 @@ function JiraView({ isActive, onModalChange, onJiraStateChange, onLogUpdated })
     ) });
   }
   if (modal.type === "link") {
-    return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx12(
       LinkTicketModal,
       {
         onSubmit: handleLinkSubmit,
@@ -2675,7 +2749,7 @@ function JiraView({ isActive, onModalChange, onJiraStateChange, onLogUpdated })
     ) });
   }
   if (modal.type === "status" && repo.repoPath && repo.currentBranch && currentTicket) {
-    return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx12(
       ChangeStatusModal,
       {
         repoPath: repo.repoPath,
@@ -2688,10 +2762,10 @@ function JiraView({ isActive, onModalChange, onJiraStateChange, onLogUpdated })
   }
   const title = "[4] Jira";
   const borderColor = isActive ? "yellow" : void 0;
-  return /* @__PURE__ */ jsx11(TitledBox4, { borderStyle: "round", titles: [title], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 1, children: [
-    jira.jiraState === "not_configured" && /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No Jira site configured" }),
-    jira.jiraState === "no_tickets" && /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No tickets linked to this branch" }),
-    jira.jiraState === "has_tickets" && jira.tickets.map((ticket, idx) => /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(TitledBox4, { borderStyle: "round", titles: [title], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", paddingX: 1, children: [
+    jira.jiraState === "not_configured" && /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "No Jira site configured" }),
+    jira.jiraState === "no_tickets" && /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "No tickets linked to this branch" }),
+    jira.jiraState === "has_tickets" && jira.tickets.map((ticket, idx) => /* @__PURE__ */ jsx12(
       TicketItem,
       {
         ticketKey: ticket.key,
@@ -2706,15 +2780,16 @@ function JiraView({ isActive, onModalChange, onJiraStateChange, onLogUpdated })
 
 // src/components/logs/LogsView.tsx
 import { useEffect as useEffect12 } from "react";
-import { Box as Box14, useInput as useInput12 } from "ink";
+import { Box as Box15, useInput as useInput12 } from "ink";
 
 // src/components/logs/LogViewerBox.tsx
 import { useEffect as useEffect11, useRef as useRef7, useState as useState15 } from "react";
 import { TitledBox as TitledBox5 } from "@mishieck/ink-titled-box";
-import { Box as Box12, Text as Text12, useInput as useInput10 } from "ink";
+import { Box as Box13, Text as Text12, useInput as useInput10 } from "ink";
 import { ScrollView as ScrollView6 } from "ink-scroll-view";
+import Spinner2 from "ink-spinner";
 import TextInput2 from "ink-text-input";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function LogViewerBox({ date, content, isActive, onRefresh, onLogCreated }) {
   const scrollRef = useRef7(null);
   const [isInputMode, setIsInputMode] = useState15(false);
@@ -2810,14 +2885,14 @@ ${value.trim()}
     setIsInputMode(false);
     onRefresh();
   };
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx12(TitledBox5, { borderStyle: "round", titles: [displayTitle], borderColor, flexGrow: 1, children: /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsx12(ScrollView6, { ref: scrollRef, children: /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", paddingX: 1, children: [
-      !date && /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Select a log file to view" }),
-      date && content === null && /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Log file not found" }),
-      date && content !== null && content.trim() === "" && /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Empty log file" }),
-      date && content && content.trim() !== "" && /* @__PURE__ */ jsx12(Markdown, { children: content })
+  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx13(TitledBox5, { borderStyle: "round", titles: [displayTitle], borderColor, flexGrow: 1, children: /* @__PURE__ */ jsx13(Box13, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsx13(ScrollView6, { ref: scrollRef, children: /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", paddingX: 1, children: [
+      !date && /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Select a log file to view" }),
+      date && content === null && /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Log file not found" }),
+      date && content !== null && content.trim() === "" && /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Empty log file" }),
+      date && content && content.trim() !== "" && /* @__PURE__ */ jsx13(Markdown, { children: content })
     ] }) }) }) }),
-    isInputMode && /* @__PURE__ */ jsx12(TitledBox5, { borderStyle: "round", titles: ["Add Entry"], borderColor: "yellow", children: /* @__PURE__ */ jsx12(Box12, { paddingX: 1, children: /* @__PURE__ */ jsx12(
+    isInputMode && /* @__PURE__ */ jsx13(TitledBox5, { borderStyle: "round", titles: ["Add Entry"], borderColor: "yellow", children: /* @__PURE__ */ jsx13(Box13, { paddingX: 1, children: /* @__PURE__ */ jsx13(
       TextInput2,
       {
         value: inputValue,
@@ -2825,19 +2900,22 @@ ${value.trim()}
         onSubmit: handleInputSubmit
       }
     ) }) }),
-    isGeneratingStandup && /* @__PURE__ */ jsx12(TitledBox5, { borderStyle: "round", titles: ["Standup Notes"], borderColor: "yellow", children: /* @__PURE__ */ jsxs12(Box12, { paddingX: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx12(Text12, { color: "yellow", children: "Generating standup notes..." }),
-      /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Press Esc to cancel" })
+    isGeneratingStandup && /* @__PURE__ */ jsx13(TitledBox5, { borderStyle: "round", titles: ["Standup Notes"], borderColor: "yellow", children: /* @__PURE__ */ jsxs12(Box13, { paddingX: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs12(Text12, { color: "yellow", children: [
+        /* @__PURE__ */ jsx13(Spinner2, { type: "dots" }),
+        " Generating standup notes..."
+      ] }),
+      /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Press Esc to cancel" })
     ] }) }),
-    standupResult && /* @__PURE__ */ jsx12(
+    standupResult && /* @__PURE__ */ jsx13(
       TitledBox5,
       {
         borderStyle: "round",
         titles: ["Standup Notes"],
         borderColor: standupResult.type === "error" ? "red" : "green",
-        children: /* @__PURE__ */ jsxs12(Box12, { paddingX: 1, flexDirection: "column", children: [
-          standupResult.type === "error" ? /* @__PURE__ */ jsx12(Text12, { color: "red", children: standupResult.message }) : /* @__PURE__ */ jsx12(Markdown, { children: standupResult.message }),
-          /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "Press Esc to dismiss" })
+        children: /* @__PURE__ */ jsxs12(Box13, { paddingX: 1, flexDirection: "column", children: [
+          standupResult.type === "error" ? /* @__PURE__ */ jsx13(Text12, { color: "red", children: standupResult.message }) : /* @__PURE__ */ jsx13(Markdown, { children: standupResult.message }),
+          /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Press Esc to dismiss" })
         ] })
       }
     )
@@ -2846,9 +2924,9 @@ ${value.trim()}
 
 // src/components/logs/LogsHistoryBox.tsx
 import { TitledBox as TitledBox6 } from "@mishieck/ink-titled-box";
-import { Box as Box13, Text as Text13, useInput as useInput11 } from "ink";
+import { Box as Box14, Text as Text13, useInput as useInput11 } from "ink";
 import { ScrollView as ScrollView7 } from "ink-scroll-view";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function LogsHistoryBox({
   logFiles,
   selectedDate,
@@ -2878,28 +2956,28 @@ function LogsHistoryBox({
     },
     { isActive }
   );
-  return /* @__PURE__ */ jsx13(TitledBox6, { borderStyle: "round", titles: [title], borderColor, height: 5, children: /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
-    logFiles.length === 0 && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "No logs yet" }),
-    logFiles.length > 0 && /* @__PURE__ */ jsx13(ScrollView7, { ref: scrollRef, children: logFiles.map((file, idx) => {
+  return /* @__PURE__ */ jsx14(TitledBox6, { borderStyle: "round", titles: [title], borderColor, height: 5, children: /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+    logFiles.length === 0 && /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "No logs yet" }),
+    logFiles.length > 0 && /* @__PURE__ */ jsx14(ScrollView7, { ref: scrollRef, children: logFiles.map((file, idx) => {
       const isHighlighted = idx === highlightedIndex;
       const isSelected = file.date === selectedDate;
       const cursor = isHighlighted ? ">" : " ";
       const indicator = isSelected ? " *" : "";
-      return /* @__PURE__ */ jsxs13(Box13, { children: [
+      return /* @__PURE__ */ jsxs13(Box14, { children: [
         /* @__PURE__ */ jsxs13(Text13, { color: isHighlighted ? "yellow" : void 0, children: [
           cursor,
           " "
         ] }),
-        /* @__PURE__ */ jsx13(Text13, { color: file.isToday ? "green" : void 0, bold: file.isToday, children: file.date }),
-        file.isToday && /* @__PURE__ */ jsx13(Text13, { color: "green", children: " (today)" }),
-        /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: indicator })
+        /* @__PURE__ */ jsx14(Text13, { color: file.isToday ? "green" : void 0, bold: file.isToday, children: file.date }),
+        file.isToday && /* @__PURE__ */ jsx14(Text13, { color: "green", children: " (today)" }),
+        /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: indicator })
       ] }, file.date);
     }) })
   ] }) });
 }
 
 // src/components/logs/LogsView.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function LogsView({ isActive, refreshKey, focusedBox, onFocusedBoxChange }) {
   const logs = useLogs();
   useEffect12(() => {
@@ -2914,8 +2992,8 @@ function LogsView({ isActive, refreshKey, focusedBox, onFocusedBoxChange }) {
     },
     { isActive }
   );
-  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx15(
       LogsHistoryBox,
       {
         logFiles: logs.logFiles,
@@ -2926,7 +3004,7 @@ function LogsView({ isActive, refreshKey, focusedBox, onFocusedBoxChange }) {
         isActive: isActive && focusedBox === "history"
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       LogViewerBox,
       {
         date: logs.selectedDate,
@@ -2940,8 +3018,8 @@ function LogsView({ isActive, refreshKey, focusedBox, onFocusedBoxChange }) {
 }
 
 // src/components/ui/KeybindingsBar.tsx
-import { Box as Box15, Text as Text14 } from "ink";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box16, Text as Text14 } from "ink";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var globalBindings = [
   { key: "1-4", label: "Focus" },
   { key: "j/k", label: "Navigate" },
@@ -2951,14 +3029,14 @@ var modalBindings = [{ key: "Esc", label: "Cancel" }];
 var DUCK_ASCII = "<(')___";
 function KeybindingsBar({ contextBindings = [], modalOpen = false, duck }) {
   const allBindings = modalOpen ? [...contextBindings, ...modalBindings] : [...contextBindings, ...globalBindings];
-  return /* @__PURE__ */ jsxs15(Box15, { flexShrink: 0, paddingX: 1, gap: 2, children: [
-    allBindings.map((binding) => /* @__PURE__ */ jsxs15(Box15, { gap: 1, children: [
-      /* @__PURE__ */ jsx15(Text14, { bold: true, color: binding.color ?? "yellow", children: binding.key }),
-      /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: binding.label })
+  return /* @__PURE__ */ jsxs15(Box16, { flexShrink: 0, paddingX: 1, gap: 2, children: [
+    allBindings.map((binding) => /* @__PURE__ */ jsxs15(Box16, { gap: 1, children: [
+      /* @__PURE__ */ jsx16(Text14, { bold: true, color: binding.color ?? "yellow", children: binding.key }),
+      /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: binding.label })
     ] }, binding.key)),
-    (duck == null ? void 0 : duck.visible) && /* @__PURE__ */ jsxs15(Box15, { flexGrow: 1, justifyContent: "flex-end", gap: 1, children: [
-      /* @__PURE__ */ jsx15(Text14, { children: DUCK_ASCII }),
-      /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: duck.message })
+    (duck == null ? void 0 : duck.visible) && /* @__PURE__ */ jsxs15(Box16, { flexGrow: 1, justifyContent: "flex-end", gap: 1, children: [
+      /* @__PURE__ */ jsx16(Text14, { children: DUCK_ASCII }),
+      /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: duck.message })
     ] })
   ] });
 }
@@ -3025,7 +3103,7 @@ function computeKeybindings(focusedView, state) {
 }
 
 // src/app.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function App() {
   const { exit } = useApp();
   const [focusedView, setFocusedView] = useState16("github");
@@ -3074,10 +3152,10 @@ function App() {
     },
     { isActive: !modalOpen }
   );
-  return /* @__PURE__ */ jsxs16(Box16, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: [
-    /* @__PURE__ */ jsxs16(Box16, { flexGrow: 1, flexDirection: "row", columnGap: 1, children: [
-      /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: [
-        /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs16(Box17, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs16(Box17, { flexGrow: 1, flexDirection: "row", columnGap: 1, children: [
+      /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: [
+        /* @__PURE__ */ jsx17(
           GitHubView,
           {
             isActive: focusedView === "github",
@@ -3085,7 +3163,7 @@ function App() {
             onLogUpdated: handleLogUpdated
           }
         ),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           JiraView,
           {
             isActive: focusedView === "jira",
@@ -3095,7 +3173,7 @@ function App() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx16(Box16, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(Box17, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsx17(
         LogsView,
         {
           isActive: focusedView === "logs",
@@ -3105,7 +3183,7 @@ function App() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       KeybindingsBar,
       {
         contextBindings: keybindings,
@@ -3121,8 +3199,8 @@ import { render as inkRender } from "ink";
 
 // src/lib/Screen.tsx
 import { useCallback as useCallback10, useEffect as useEffect13, useState as useState17 } from "react";
-import { Box as Box17, useStdout as useStdout2 } from "ink";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { Box as Box18, useStdout as useStdout2 } from "ink";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function Screen({ children }) {
   const { stdout } = useStdout2();
   const getSize = useCallback10(() => ({ height: stdout.rows, width: stdout.columns }), [stdout]);
@@ -3134,17 +3212,17 @@ function Screen({ children }) {
       stdout.off("resize", onResize);
     };
   }, [stdout, getSize]);
-  return /* @__PURE__ */ jsx17(Box17, { height: size.height, width: size.width, children });
+  return /* @__PURE__ */ jsx18(Box18, { height: size.height, width: size.width, children });
 }
 
 // src/lib/render.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var ENTER_ALT_BUFFER = "\x1B[?1049h";
 var EXIT_ALT_BUFFER = "\x1B[?1049l";
 var CLEAR_SCREEN = "\x1B[2J\x1B[H";
 function render(node, options) {
   process.stdout.write(ENTER_ALT_BUFFER + CLEAR_SCREEN);
-  const element = /* @__PURE__ */ jsx18(Screen, { children: node });
+  const element = /* @__PURE__ */ jsx19(Screen, { children: node });
   const instance = inkRender(element, options);
   setImmediate(() => instance.rerender(element));
   const cleanup = () => process.stdout.write(EXIT_ALT_BUFFER);
@@ -3165,7 +3243,7 @@ function render(node, options) {
 }
 
 // src/cli.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var cli = meow(
   `
 	Usage
@@ -3198,4 +3276,4 @@ if (cli.flags.cwd) {
     process.exit(1);
   }
 }
-render(/* @__PURE__ */ jsx19(App, {}));
+render(/* @__PURE__ */ jsx20(App, {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clairo",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -27,6 +27,7 @@
     "ink-link": "^5.0.0",
     "ink-scroll-view": "^0.3.5",
     "ink-select-input": "^6.2.0",
+    "ink-spinner": "^5.0.0",
     "ink-text-input": "^6.0.0",
     "marked": "^17.0.1",
     "meow": "^11.0.0",