@ondrej-svec/hog 1.11.0 → 1.12.0

package/dist/cli.js

@@ -2848,61 +2848,88 @@ var init_action_log = __esm({
   }
 });
 
-// src/board/components/activity-panel.tsx
+// src/board/components/panel.tsx
 import { Box as Box2, Text as Text2 } from "ink";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ActivityPanel({ events, selectedIdx, isActive, height }) {
-  const borderColor = isActive ? "cyan" : "gray";
+function buildTopLine(title, width) {
+  const titlePart = `\u2500 ${title} `;
+  const dashCount = Math.max(0, width - 2 - titlePart.length);
+  return `\u256D${titlePart}${"\u2500".repeat(dashCount)}\u256E`;
+}
+function Panel({ title, isActive, width, height, flexGrow, children }) {
+  const color = isActive ? "cyan" : "gray";
+  const topLine = buildTopLine(title, width);
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width, height, flexGrow, overflow: "hidden", children: [
+    /* @__PURE__ */ jsx2(Text2, { color, children: topLine }),
+    /* @__PURE__ */ jsx2(
+      Box2,
+      {
+        borderStyle: "round",
+        borderTop: false,
+        borderColor: color,
+        flexDirection: "column",
+        flexGrow: 1,
+        overflow: "hidden",
+        width,
+        children
+      }
+    )
+  ] });
+}
+var init_panel = __esm({
+  "src/board/components/panel.tsx"() {
+    "use strict";
+  }
+});
+
+// src/board/components/activity-panel.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ActivityPanel({
+  events,
+  selectedIdx,
+  isActive,
+  height,
+  width
+}) {
   const maxRows = Math.max(1, height - 2);
   const visible = events.slice(0, maxRows);
-  return /* @__PURE__ */ jsxs2(
-    Box2,
-    {
-      borderStyle: "single",
-      borderColor,
-      flexDirection: "column",
-      height,
-      overflow: "hidden",
-      children: [
-        /* @__PURE__ */ jsx2(Text2, { bold: true, color: isActive ? "cyan" : "white", children: "[4] Activity" }),
-        visible.length === 0 ? /* @__PURE__ */ jsx2(Text2, { color: "gray", children: " No recent activity" }) : visible.map((event, i) => {
-          const isSel = isActive && i === selectedIdx;
-          const ago = timeAgo(event.timestamp);
-          return /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsxs2(Text2, { color: isSel ? "cyan" : "gray", bold: isSel, children: [
-              isSel ? "\u25B6 " : "  ",
-              ago
-            ] }),
-            /* @__PURE__ */ jsxs2(Text2, { color: isSel ? "white" : "gray", children: [
-              " ",
-              "@",
-              event.actor,
-              " ",
-              event.summary,
-              " "
-            ] }),
-            /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-              "(",
-              event.repoShortName,
-              ")"
-            ] })
-          ] }, `${event.repoShortName}:${event.issueNumber}:${i}`);
-        })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx3(Panel, { title: "[4] Activity", isActive, width, height, children: visible.length === 0 ? /* @__PURE__ */ jsx3(Text3, { color: "gray", children: " No recent activity" }) : visible.map((event, i) => {
+    const isSel = isActive && i === selectedIdx;
+    const ago = timeAgo(event.timestamp);
+    return /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { color: isSel ? "cyan" : "gray", bold: isSel, children: [
+        isSel ? "\u25BA " : "  ",
+        ago
+      ] }),
+      /* @__PURE__ */ jsxs3(Text3, { color: isSel ? "white" : "gray", children: [
+        " ",
+        "@",
+        event.actor,
+        " ",
+        event.summary,
+        " "
+      ] }),
+      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "(",
+        event.repoShortName,
+        ")"
+      ] })
+    ] }, `${event.repoShortName}:${event.issueNumber}:${i}`);
+  }) });
 }
 var init_activity_panel = __esm({
   "src/board/components/activity-panel.tsx"() {
     "use strict";
     init_constants();
+    init_panel();
   }
 });
 
 // src/board/components/detail-panel.tsx
-import { Box as Box3, Text as Text3 } from "ink";
+import { Box as Box4, Text as Text4 } from "ink";
 import { useEffect as useEffect3 } from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function stripMarkdown(text) {
   return text.replace(/^#{1,6}\s+/gm, "").replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/__(.+?)__/g, "$1").replace(/_(.+?)_/g, "$1").replace(/~~(.+?)~~/g, "$1").replace(/`{1,3}[^`]*`{1,3}/g, (m) => m.replace(/`/g, "")).replace(/^\s*[-*+]\s+/gm, "  - ").replace(/^\s*\d+\.\s+/gm, "  ").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/!\[([^\]]*)\]\([^)]+\)/g, "[$1]").replace(/^>\s+/gm, "  ").replace(/---+/g, "").replace(/\n{3,}/g, "\n\n").trim();
 }
@@ -2921,11 +2948,11 @@ function BodySection({
   issueNumber
 }) {
   const { text, remaining } = formatBody(body, 15);
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3(Text3, { children: "" }),
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "--- Description ---" }),
-    /* @__PURE__ */ jsx3(Text3, { wrap: "wrap", children: text }),
-    remaining > 0 ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx4(Text4, { children: "" }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "--- Description ---" }),
+    /* @__PURE__ */ jsx4(Text4, { wrap: "wrap", children: text }),
+    remaining > 0 ? /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
       "... (",
       remaining,
       " more lines \u2014 gh issue view ",
@@ -2952,111 +2979,87 @@ function DetailPanel({
   fetchComments,
   issueRepo
 }) {
-  const borderColor = isActive ? "cyan" : "gray";
   useEffect3(() => {
     if (!(issue && fetchComments && issueRepo)) return;
     if (commentsState !== null && commentsState !== void 0) return;
     fetchComments(issueRepo, issue.number);
   }, [issue, issueRepo, fetchComments, commentsState]);
   if (!issue) {
-    return /* @__PURE__ */ jsxs3(
-      Box3,
-      {
-        width,
-        borderStyle: "single",
-        borderColor,
-        flexDirection: "column",
-        paddingX: 1,
-        children: [
-          /* @__PURE__ */ jsx3(Text3, { bold: true, color: isActive ? "cyan" : "white", children: "[0] Detail" }),
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "No item selected" })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsx4(Panel, { title: "[0] Detail", isActive, width, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "No item selected" }) });
   }
-  return /* @__PURE__ */ jsxs3(
-    Box3,
-    {
-      width,
-      borderStyle: "single",
-      borderColor,
-      flexDirection: "column",
-      paddingX: 1,
-      children: [
-        /* @__PURE__ */ jsx3(Text3, { bold: true, color: isActive ? "cyan" : "white", children: "[0] Detail" }),
-        /* @__PURE__ */ jsxs3(Text3, { color: "cyan", bold: true, children: [
-          "#",
-          issue.number,
-          " ",
-          issue.title
-        ] }),
-        /* @__PURE__ */ jsx3(Text3, { children: "" }),
-        /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "State: " }),
-          /* @__PURE__ */ jsx3(Text3, { color: issue.state === "open" ? "green" : "red", children: issue.state })
-        ] }),
-        (issue.assignees ?? []).length > 0 ? /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "Assignees: " }),
-          /* @__PURE__ */ jsx3(Text3, { children: (issue.assignees ?? []).map((a) => a.login).join(", ") })
-        ] }) : null,
-        issue.labels.length > 0 ? /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "Labels: " }),
-          /* @__PURE__ */ jsx3(Text3, { children: issue.labels.map((l) => l.name).join(", ") })
-        ] }) : null,
-        issue.projectStatus ? /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "Status: " }),
-          /* @__PURE__ */ jsx3(Text3, { color: "magenta", children: issue.projectStatus })
-        ] }) : null,
-        issue.targetDate ? /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "Target: " }),
-          /* @__PURE__ */ jsx3(Text3, { children: issue.targetDate })
-        ] }) : null,
-        /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "Updated: " }),
-          /* @__PURE__ */ jsx3(Text3, { children: new Date(issue.updatedAt).toLocaleString() })
-        ] }),
-        issue.slackThreadUrl ? /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "Slack: " }),
-          /* @__PURE__ */ jsx3(Text3, { color: "blue", children: countSlackLinks(issue.body) > 1 ? `${countSlackLinks(issue.body)} links (s opens first)` : "thread (s to open)" })
-        ] }) : null,
-        issue.body ? /* @__PURE__ */ jsx3(BodySection, { body: issue.body, issueNumber: issue.number }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-          /* @__PURE__ */ jsx3(Text3, { children: "" }),
-          /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "(no description)" })
+  return /* @__PURE__ */ jsxs4(Panel, { title: "[0] Detail", isActive, width, children: [
+    /* @__PURE__ */ jsxs4(Text4, { color: "cyan", bold: true, children: [
+      "#",
+      issue.number,
+      " ",
+      issue.title
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { children: "" }),
+    /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "State: " }),
+      /* @__PURE__ */ jsx4(Text4, { color: issue.state === "open" ? "green" : "red", children: issue.state })
+    ] }),
+    (issue.assignees ?? []).length > 0 ? /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Assignees: " }),
+      /* @__PURE__ */ jsx4(Text4, { children: (issue.assignees ?? []).map((a) => a.login).join(", ") })
+    ] }) : null,
+    issue.labels.length > 0 ? /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Labels: " }),
+      /* @__PURE__ */ jsx4(Text4, { children: issue.labels.map((l) => l.name).join(", ") })
+    ] }) : null,
+    issue.projectStatus ? /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Status: " }),
+      /* @__PURE__ */ jsx4(Text4, { color: "magenta", children: issue.projectStatus })
+    ] }) : null,
+    issue.targetDate ? /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Target: " }),
+      /* @__PURE__ */ jsx4(Text4, { children: issue.targetDate })
+    ] }) : null,
+    /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Updated: " }),
+      /* @__PURE__ */ jsx4(Text4, { children: new Date(issue.updatedAt).toLocaleString() })
+    ] }),
+    issue.slackThreadUrl ? /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Slack: " }),
+      /* @__PURE__ */ jsx4(Text4, { color: "blue", children: countSlackLinks(issue.body) > 1 ? `${countSlackLinks(issue.body)} links (s opens first)` : "thread (s to open)" })
+    ] }) : null,
+    issue.body ? /* @__PURE__ */ jsx4(BodySection, { body: issue.body, issueNumber: issue.number }) : /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsx4(Text4, { children: "" }),
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "(no description)" })
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { children: "" }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "--- Comments ---" }),
+    commentsState === "loading" ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "fetching comments..." }) : commentsState === "error" ? /* @__PURE__ */ jsx4(Text4, { color: "red", children: "could not load comments" }) : commentsState && commentsState.length === 0 ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "No comments yet." }) : commentsState && commentsState.length > 0 ? commentsState.slice(-5).map((comment, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: stable list
+      /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs4(Text4, { color: "cyan", children: [
+          "@",
+          comment.author.login,
+          " \xB7 ",
+          formatCommentAge(comment.createdAt)
         ] }),
-        /* @__PURE__ */ jsx3(Text3, { children: "" }),
-        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "--- Comments ---" }),
-        commentsState === "loading" ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "fetching comments..." }) : commentsState === "error" ? /* @__PURE__ */ jsx3(Text3, { color: "red", children: "could not load comments" }) : commentsState && commentsState.length === 0 ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No comments yet." }) : commentsState && commentsState.length > 0 ? commentsState.slice(-5).map((comment, i) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: stable list
-          /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginBottom: 1, children: [
-            /* @__PURE__ */ jsxs3(Text3, { color: "cyan", children: [
-              "@",
-              comment.author.login,
-              " \xB7 ",
-              formatCommentAge(comment.createdAt)
-            ] }),
-            /* @__PURE__ */ jsxs3(Text3, { wrap: "wrap", children: [
-              " ",
-              comment.body.split("\n")[0]
-            ] })
-          ] }, i)
-        )) : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "fetching comments..." }),
-        /* @__PURE__ */ jsx3(Text3, { children: "" }),
-        /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: issue.url })
-      ]
-    }
-  );
+        /* @__PURE__ */ jsxs4(Text4, { wrap: "wrap", children: [
+          " ",
+          comment.body.split("\n")[0]
+        ] })
+      ] }, i)
+    )) : /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "fetching comments..." }),
+    /* @__PURE__ */ jsx4(Text4, { children: "" }),
+    /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: issue.url })
+  ] });
 }
 var SLACK_URL_RE;
 var init_detail_panel = __esm({
   "src/board/components/detail-panel.tsx"() {
     "use strict";
+    init_panel();
     SLACK_URL_RE = /https:\/\/[^/]+\.slack\.com\/archives\/[A-Z0-9]+\/p[0-9]+/gi;
   }
 });
 
 // src/board/components/hint-bar.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function HintBar({
   uiMode,
   activePanelId,
@@ -3066,23 +3069,23 @@ function HintBar({
   hasUndoable
 }) {
   if (uiMode === "multiSelect") {
-    return /* @__PURE__ */ jsxs4(Box4, { children: [
-      /* @__PURE__ */ jsxs4(Text4, { color: "cyan", bold: true, children: [
+    return /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: "cyan", bold: true, children: [
         "[MULTI-SELECT] ",
         multiSelectCount,
         " selected"
       ] }),
-      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: " Space:toggle Enter:actions Esc:cancel" })
+      /* @__PURE__ */ jsx5(Text5, { color: "gray", children: " Space:toggle Enter:actions Esc:cancel" })
     ] });
   }
   if (uiMode === "focus") {
-    return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { color: "magenta", bold: true, children: "[FOCUS] Focus mode \u2014 Esc to exit" }) });
+    return /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { color: "magenta", bold: true, children: "[FOCUS] Focus mode \u2014 Esc to exit" }) });
   }
   if (uiMode === "search") {
-    return /* @__PURE__ */ jsxs4(Box4, { children: [
-      /* @__PURE__ */ jsx4(Text4, { color: "yellow", bold: true, children: "[SEARCH]" }),
-      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: " type to filter Enter:confirm Esc:clear" }),
-      searchQuery ? /* @__PURE__ */ jsxs4(Text4, { color: "yellow", children: [
+    return /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "yellow", bold: true, children: "[SEARCH]" }),
+      /* @__PURE__ */ jsx5(Text5, { color: "gray", children: " type to filter Enter:confirm Esc:clear" }),
+      searchQuery ? /* @__PURE__ */ jsxs5(Text5, { color: "yellow", children: [
         ' "',
         searchQuery,
         '"'
@@ -3090,10 +3093,10 @@ function HintBar({
     ] });
   }
   if (uiMode === "overlay:fuzzyPicker") {
-    return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "\u2191\u2193/Ctrl-J/K:nav Enter:jump Esc:close" }) });
+    return /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "\u2191\u2193/Ctrl-J/K:nav Enter:jump Esc:close" }) });
   }
   if (uiMode.startsWith("overlay:")) {
-    return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "j/k:nav Enter:select Esc:cancel" }) });
+    return /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "j/k:nav Enter:select Esc:cancel" }) });
   }
   const panelHints = {
     0: "j/k:scroll  Esc:close  ? help",
@@ -3102,10 +3105,10 @@ function HintBar({
     3: `j/k:move  p:pick  m:status  c:comment  /:search  n:new  0-4:panel${hasUndoable ? "  u:undo" : ""}  ? help  q:quit`,
     4: "j/k:scroll  Enter:jump  r:refresh  0-4:panel  ? help"
   };
-  return /* @__PURE__ */ jsxs4(Box4, { children: [
-    /* @__PURE__ */ jsx4(Text4, { color: "gray", children: panelHints[activePanelId] }),
-    mineOnly ? /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: " filter:@me" }) : null,
-    searchQuery ? /* @__PURE__ */ jsxs4(Text4, { color: "yellow", children: [
+  return /* @__PURE__ */ jsxs5(Box5, { children: [
+    /* @__PURE__ */ jsx5(Text5, { color: "gray", children: panelHints[activePanelId] }),
+    mineOnly ? /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: " filter:@me" }) : null,
+    searchQuery ? /* @__PURE__ */ jsxs5(Text5, { color: "yellow", children: [
       ' filter:"',
       searchQuery,
       '"'
@@ -3119,9 +3122,9 @@ var init_hint_bar = __esm({
 });
 
 // src/board/components/bulk-action-menu.tsx
-import { Box as Box5, Text as Text5, useInput as useInput2 } from "ink";
+import { Box as Box6, Text as Text6, useInput as useInput2 } from "ink";
 import { useState as useState7 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function getMenuItems(selectionType) {
   if (selectionType === "github") {
     return [
@@ -3156,13 +3159,13 @@ function BulkActionMenu({ count, selectionType, onSelect, onCancel }) {
     }
   });
   if (items.length === 0) {
-    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "No bulk actions for mixed selection types." }),
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Esc to cancel" })
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "No bulk actions for mixed selection types." }),
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Esc to cancel" })
     ] });
   }
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs5(Text5, { color: "cyan", bold: true, children: [
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs6(Text6, { color: "cyan", bold: true, children: [
       "Bulk action (",
       count,
       " selected):"
@@ -3170,12 +3173,12 @@ function BulkActionMenu({ count, selectionType, onSelect, onCancel }) {
     items.map((item, i) => {
       const isSelected = i === selectedIdx;
       const prefix = isSelected ? "> " : "  ";
-      return /* @__PURE__ */ jsxs5(Text5, { ...isSelected ? { color: "cyan" } : {}, children: [
+      return /* @__PURE__ */ jsxs6(Text6, { ...isSelected ? { color: "cyan" } : {}, children: [
         prefix,
         item.label
       ] }, item.action.type);
     }),
-    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "j/k:navigate Enter:select Esc:cancel" })
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "j/k:navigate Enter:select Esc:cancel" })
   ] });
 }
 var init_bulk_action_menu = __esm({
@@ -3205,9 +3208,9 @@ import { mkdtempSync, readFileSync as readFileSync4, rmSync, writeFileSync as wr
 import { tmpdir } from "os";
 import { join as join4 } from "path";
 import { TextInput } from "@inkjs/ui";
-import { Box as Box6, Text as Text6, useInput as useInput3, useStdin } from "ink";
+import { Box as Box7, Text as Text7, useInput as useInput3, useStdin } from "ink";
 import { useEffect as useEffect4, useRef as useRef7, useState as useState8 } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function CommentInput({
   issueNumber,
   onSubmit,
@@ -3274,19 +3277,19 @@ function CommentInput({
     }
   }, [editing, value, setRawMode]);
   if (editing) {
-    return /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { color: "cyan", children: [
+    return /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsxs7(Text7, { color: "cyan", children: [
       "Opening editor for #",
       issueNumber,
       "\u2026"
     ] }) });
   }
-  return /* @__PURE__ */ jsxs6(Box6, { children: [
-    /* @__PURE__ */ jsxs6(Text6, { color: "cyan", children: [
+  return /* @__PURE__ */ jsxs7(Box7, { children: [
+    /* @__PURE__ */ jsxs7(Text7, { color: "cyan", children: [
       "comment #",
       issueNumber,
       ": "
     ] }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       TextInput,
       {
         defaultValue: value,
@@ -3308,16 +3311,16 @@ var init_comment_input = __esm({
 });
 
 // src/board/components/confirm-prompt.tsx
-import { Box as Box7, Text as Text7, useInput as useInput4 } from "ink";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8, useInput as useInput4 } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function ConfirmPrompt({ message, onConfirm, onCancel }) {
   useInput4((input2, key) => {
     if (input2 === "y" || input2 === "Y") return onConfirm();
     if (input2 === "n" || input2 === "N" || key.escape) return onCancel();
   });
-  return /* @__PURE__ */ jsxs7(Box7, { children: [
-    /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: message }),
-    /* @__PURE__ */ jsx7(Text7, { color: "gray", children: " (y/n)" })
+  return /* @__PURE__ */ jsxs8(Box8, { children: [
+    /* @__PURE__ */ jsx8(Text8, { color: "cyan", children: message }),
+    /* @__PURE__ */ jsx8(Text8, { color: "gray", children: " (y/n)" })
   ] });
 }
 var init_confirm_prompt = __esm({
@@ -3328,9 +3331,9 @@ var init_confirm_prompt = __esm({
 
 // src/board/components/label-picker.tsx
 import { Spinner } from "@inkjs/ui";
-import { Box as Box8, Text as Text8, useInput as useInput5 } from "ink";
+import { Box as Box9, Text as Text9, useInput as useInput5 } from "ink";
 import { useEffect as useEffect5, useRef as useRef8, useState as useState9 } from "react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function LabelPicker({
   repo,
   currentLabels,
@@ -3405,21 +3408,21 @@ function LabelPicker({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsx8(Spinner, { label: "Fetching labels..." }) });
+    return /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsx9(Spinner, { label: "Fetching labels..." }) });
   }
   const allLabels = labels ?? [];
   if (allLabels.length === 0) {
-    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "cyan", bold: true, children: "Labels:" }),
-      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "No labels in this repo" }),
-      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Esc:cancel" })
+    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "cyan", bold: true, children: "Labels:" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "No labels in this repo" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Esc:cancel" })
     ] });
   }
   const repoLabelNames = new Set(allLabels.map((l) => l.name));
   const orphanedLabels = currentLabels.filter((l) => !repoLabelNames.has(l));
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Text8, { color: "cyan", bold: true, children: "Labels (Space:toggle Enter:confirm Esc:cancel):" }),
-    orphanedLabels.map((name) => /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(Text9, { color: "cyan", bold: true, children: "Labels (Space:toggle Enter:confirm Esc:cancel):" }),
+    orphanedLabels.map((name) => /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
       selected.has(name) ? "[x]" : "[ ]",
       " ",
       name,
@@ -3428,7 +3431,7 @@ function LabelPicker({
     allLabels.map((label, i) => {
       const isSel = i === cursor;
       const isChecked = selected.has(label.name);
-      return /* @__PURE__ */ jsxs8(Text8, { ...isSel ? { color: "cyan" } : {}, children: [
+      return /* @__PURE__ */ jsxs9(Text9, { ...isSel ? { color: "cyan" } : {}, children: [
         isSel ? ">" : " ",
         " ",
         isChecked ? "[x]" : "[ ]",
@@ -3447,9 +3450,9 @@ var init_label_picker = __esm({
 
 // src/board/components/create-issue-form.tsx
 import { TextInput as TextInput2 } from "@inkjs/ui";
-import { Box as Box9, Text as Text9, useInput as useInput6 } from "ink";
+import { Box as Box10, Text as Text10, useInput as useInput6 } from "ink";
 import { useState as useState10 } from "react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function CreateIssueForm({
   repos,
   defaultRepo,
@@ -3480,15 +3483,15 @@ function CreateIssueForm({
   });
   const selectedRepo = repos[repoIdx];
   if (field === "labels" && selectedRepo) {
-    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Text9, { color: "cyan", bold: true, children: "Create Issue \u2014 Add Labels (optional)" }),
-      /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
+    return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "cyan", bold: true, children: "Create Issue \u2014 Add Labels (optional)" }),
+      /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
         "Repo: ",
         selectedRepo.shortName,
         " Title: ",
         title
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         LabelPicker,
         {
           repo: selectedRepo.name,
@@ -3513,12 +3516,12 @@ function CreateIssueForm({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx9(Text9, { color: "cyan", bold: true, children: "Create Issue" }),
-    /* @__PURE__ */ jsxs9(Box9, { children: [
-      /* @__PURE__ */ jsx9(Text9, { dimColor: field !== "repo", children: "Repo: " }),
-      repos.map((r, i) => /* @__PURE__ */ jsx9(
-        Text9,
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx10(Text10, { color: "cyan", bold: true, children: "Create Issue" }),
+    /* @__PURE__ */ jsxs10(Box10, { children: [
+      /* @__PURE__ */ jsx10(Text10, { dimColor: field !== "repo", children: "Repo: " }),
+      repos.map((r, i) => /* @__PURE__ */ jsx10(
+        Text10,
         {
           ...i === repoIdx ? { color: "cyan", bold: true } : {},
           dimColor: field !== "repo",
@@ -3526,11 +3529,11 @@ function CreateIssueForm({
         },
         r.name
       )),
-      field === "repo" ? /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: " j/k:select Tab:next" }) : null
+      field === "repo" ? /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " j/k:select Tab:next" }) : null
     ] }),
-    /* @__PURE__ */ jsxs9(Box9, { children: [
-      /* @__PURE__ */ jsx9(Text9, { dimColor: field !== "title", children: "Title: " }),
-      field === "title" ? /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsxs10(Box10, { children: [
+      /* @__PURE__ */ jsx10(Text10, { dimColor: field !== "title", children: "Title: " }),
+      field === "title" ? /* @__PURE__ */ jsx10(
         TextInput2,
         {
           defaultValue: title,
@@ -3547,9 +3550,9 @@ function CreateIssueForm({
             }
           }
         }
-      ) : /* @__PURE__ */ jsx9(Text9, { children: title || "(empty)" })
+      ) : /* @__PURE__ */ jsx10(Text10, { children: title || "(empty)" })
     ] }),
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Tab:switch fields Enter:next Esc:cancel" })
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "Tab:switch fields Enter:next Esc:cancel" })
   ] });
 }
 var init_create_issue_form = __esm({
@@ -3564,9 +3567,9 @@ import { spawnSync as spawnSync2 } from "child_process";
 import { mkdtempSync as mkdtempSync2, readFileSync as readFileSync5, rmSync as rmSync2, writeFileSync as writeFileSync5 } from "fs";
 import { tmpdir as tmpdir2 } from "os";
 import { join as join5 } from "path";
-import { Box as Box10, Text as Text10, useStdin as useStdin2 } from "ink";
+import { Box as Box11, Text as Text11, useStdin as useStdin2 } from "ink";
 import { useEffect as useEffect6, useRef as useRef9, useState as useState11 } from "react";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function buildEditorFile(issue, repoName, statusOptions, repoLabels) {
   const statusNames = statusOptions.map((o) => o.name).join(", ");
   const labelNames = repoLabels.map((l) => l.name).join(", ");
@@ -3808,7 +3811,7 @@ function EditIssueOverlay({
     onPushEntry
   ]);
   if (!editing) return null;
-  return /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs10(Text10, { color: "cyan", children: [
+  return /* @__PURE__ */ jsx11(Box11, { children: /* @__PURE__ */ jsxs11(Text11, { color: "cyan", children: [
     "Opening editor for #",
     issue.number,
     "\u2026"
@@ -3824,9 +3827,9 @@ var init_edit_issue_overlay = __esm({
 });
 
 // src/board/components/focus-mode.tsx
-import { Box as Box11, Text as Text11, useInput as useInput7 } from "ink";
+import { Box as Box12, Text as Text12, useInput as useInput7 } from "ink";
 import { useCallback as useCallback10, useEffect as useEffect7, useRef as useRef10, useState as useState12 } from "react";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function formatTime(secs) {
   const m = Math.floor(secs / 60);
   const s = secs % 60;
@@ -3883,23 +3886,23 @@ function FocusMode({ label, durationSec, onExit, onEndAction }) {
   );
   useInput7(handleInput);
   if (timerDone) {
-    return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs11(Box11, { children: [
-        /* @__PURE__ */ jsx11(Text11, { color: "green", bold: true, children: "Focus complete!" }),
-        /* @__PURE__ */ jsxs11(Text11, { color: "gray", children: [
+    return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs12(Box12, { children: [
+        /* @__PURE__ */ jsx12(Text12, { color: "green", bold: true, children: "Focus complete!" }),
+        /* @__PURE__ */ jsxs12(Text12, { color: "gray", children: [
           " ",
           label
         ] })
       ] }),
-      /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "[c]" }),
-        /* @__PURE__ */ jsx11(Text11, { children: " Continue " }),
-        /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "[b]" }),
-        /* @__PURE__ */ jsx11(Text11, { children: " Break " }),
-        /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: "[d]" }),
-        /* @__PURE__ */ jsx11(Text11, { children: " Done " }),
-        /* @__PURE__ */ jsx11(Text11, { color: "gray", children: "[Esc]" }),
-        /* @__PURE__ */ jsx11(Text11, { children: " Exit" })
+      /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx12(Text12, { color: "cyan", children: "[c]" }),
+        /* @__PURE__ */ jsx12(Text12, { children: " Continue " }),
+        /* @__PURE__ */ jsx12(Text12, { color: "cyan", children: "[b]" }),
+        /* @__PURE__ */ jsx12(Text12, { children: " Break " }),
+        /* @__PURE__ */ jsx12(Text12, { color: "cyan", children: "[d]" }),
+        /* @__PURE__ */ jsx12(Text12, { children: " Done " }),
+        /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "[Esc]" }),
+        /* @__PURE__ */ jsx12(Text12, { children: " Exit" })
       ] })
     ] });
   }
@@ -3907,21 +3910,21 @@ function FocusMode({ label, durationSec, onExit, onEndAction }) {
   const barWidth = 20;
   const filled = Math.round(progress * barWidth);
   const bar = "\u2588".repeat(filled) + "\u2591".repeat(barWidth - filled);
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs11(Box11, { children: [
-      /* @__PURE__ */ jsxs11(Text11, { color: "magenta", bold: true, children: [
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs12(Box12, { children: [
+      /* @__PURE__ */ jsxs12(Text12, { color: "magenta", bold: true, children: [
         "Focus:",
         " "
       ] }),
-      /* @__PURE__ */ jsx11(Text11, { children: label })
+      /* @__PURE__ */ jsx12(Text12, { children: label })
     ] }),
-    /* @__PURE__ */ jsxs11(Box11, { children: [
-      /* @__PURE__ */ jsx11(Text11, { color: "magenta", children: bar }),
-      /* @__PURE__ */ jsx11(Text11, { children: " " }),
-      /* @__PURE__ */ jsx11(Text11, { bold: true, children: formatTime(remaining) }),
-      /* @__PURE__ */ jsx11(Text11, { color: "gray", children: " remaining" })
+    /* @__PURE__ */ jsxs12(Box12, { children: [
+      /* @__PURE__ */ jsx12(Text12, { color: "magenta", children: bar }),
+      /* @__PURE__ */ jsx12(Text12, { children: " " }),
+      /* @__PURE__ */ jsx12(Text12, { bold: true, children: formatTime(remaining) }),
+      /* @__PURE__ */ jsx12(Text12, { color: "gray", children: " remaining" })
     ] }),
-    /* @__PURE__ */ jsx11(Text11, { color: "gray", dimColor: true, children: "Esc to exit focus" })
+    /* @__PURE__ */ jsx12(Text12, { color: "gray", dimColor: true, children: "Esc to exit focus" })
   ] });
 }
 var init_focus_mode = __esm({
@@ -3933,9 +3936,9 @@ var init_focus_mode = __esm({
 // src/board/components/fuzzy-picker.tsx
 import { TextInput as TextInput3 } from "@inkjs/ui";
 import { Fzf } from "fzf";
-import { Box as Box12, Text as Text12, useInput as useInput8 } from "ink";
+import { Box as Box13, Text as Text13, useInput as useInput8 } from "ink";
 import { useMemo as useMemo2, useState as useState13 } from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function keepCursorVisible(cursor, offset, visible) {
   if (cursor < offset) return cursor;
   if (cursor >= offset + visible) return cursor - visible + 1;
@@ -4027,13 +4030,13 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
   });
   const visibleResults = results.slice(scrollOffset, scrollOffset + VISIBLE);
   const totalCount = results.length;
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs12(Box12, { children: [
-      /* @__PURE__ */ jsxs12(Text12, { color: "cyan", bold: true, children: [
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs13(Box13, { children: [
+      /* @__PURE__ */ jsxs13(Text13, { color: "cyan", bold: true, children: [
         "Find issue",
         " "
       ] }),
-      /* @__PURE__ */ jsxs12(Text12, { color: "gray", children: [
+      /* @__PURE__ */ jsxs13(Text13, { color: "gray", children: [
         "(",
         totalCount,
         " match",
@@ -4041,14 +4044,14 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
         ")",
         " "
       ] }),
-      /* @__PURE__ */ jsx12(Text12, { color: "gray", dimColor: true, children: "\u2191\u2193/Ctrl-J/K nav Enter:jump Esc:close" })
+      /* @__PURE__ */ jsx13(Text13, { color: "gray", dimColor: true, children: "\u2191\u2193/Ctrl-J/K nav Enter:jump Esc:close" })
     ] }),
-    /* @__PURE__ */ jsxs12(Box12, { children: [
-      /* @__PURE__ */ jsxs12(Text12, { color: "yellow", children: [
+    /* @__PURE__ */ jsxs13(Box13, { children: [
+      /* @__PURE__ */ jsxs13(Text13, { color: "yellow", children: [
         ">",
         " "
       ] }),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         TextInput3,
         {
           defaultValue: query,
@@ -4065,7 +4068,7 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
         }
       )
     ] }),
-    scrollOffset > 0 ? /* @__PURE__ */ jsxs12(Text12, { color: "gray", dimColor: true, children: [
+    scrollOffset > 0 ? /* @__PURE__ */ jsxs13(Text13, { color: "gray", dimColor: true, children: [
       "\u25B2 ",
       scrollOffset,
       " more above"
@@ -4074,7 +4077,7 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
       const isSelected = scrollOffset + idx === cursor;
       const labelStr = issue.labels ? ` [${issue.labels.split(" ").slice(0, 2).join("] [")}]` : "";
       const assigneeStr = issue.assignee ? ` @${issue.assignee.split(" ")[0]}` : "";
-      return /* @__PURE__ */ jsx12(Box12, { children: isSelected ? /* @__PURE__ */ jsxs12(Text12, { color: "cyan", bold: true, children: [
+      return /* @__PURE__ */ jsx13(Box13, { children: isSelected ? /* @__PURE__ */ jsxs13(Text13, { color: "cyan", bold: true, children: [
         ">",
         " ",
         issue.repoShortName,
@@ -4084,7 +4087,7 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
         issue.title,
         labelStr,
         assigneeStr
-      ] }) : /* @__PURE__ */ jsxs12(Text12, { children: [
+      ] }) : /* @__PURE__ */ jsxs13(Text13, { children: [
         "  ",
         issue.repoShortName,
         "#",
@@ -4095,12 +4098,12 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
         assigneeStr
       ] }) }, issue.navId);
     }),
-    totalCount === 0 ? /* @__PURE__ */ jsxs12(Text12, { dimColor: true, children: [
+    totalCount === 0 ? /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
       'No issues match "',
       query,
       '"'
     ] }) : null,
-    results.length > scrollOffset + VISIBLE ? /* @__PURE__ */ jsxs12(Text12, { color: "gray", dimColor: true, children: [
+    results.length > scrollOffset + VISIBLE ? /* @__PURE__ */ jsxs13(Text13, { color: "gray", dimColor: true, children: [
       "\u25BC ",
       results.length - scrollOffset - VISIBLE,
       " more below"
@@ -4114,29 +4117,29 @@ var init_fuzzy_picker = __esm({
 });
 
 // src/board/components/help-overlay.tsx
-import { Box as Box13, Text as Text13, useInput as useInput9 } from "ink";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text14, useInput as useInput9 } from "ink";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function HelpOverlay({ currentMode, onClose }) {
   useInput9((_input, key) => {
     if (key.escape) onClose();
   });
-  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs13(Box13, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx13(Text13, { color: "cyan", bold: true, children: "Keyboard Shortcuts" }),
-      /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs14(Box14, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx14(Text14, { color: "cyan", bold: true, children: "Keyboard Shortcuts" }),
+      /* @__PURE__ */ jsxs14(Text14, { dimColor: true, children: [
         "mode: ",
         currentMode
       ] })
     ] }),
-    /* @__PURE__ */ jsx13(Text13, { children: " " }),
-    SHORTCUTS.map((group) => /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx13(Text13, { color: "yellow", bold: true, children: group.category }),
-      group.items.map((item) => /* @__PURE__ */ jsxs13(Box13, { children: [
-        /* @__PURE__ */ jsx13(Box13, { width: 16, children: /* @__PURE__ */ jsx13(Text13, { color: "green", children: item.key }) }),
-        /* @__PURE__ */ jsx13(Text13, { children: item.desc })
+    /* @__PURE__ */ jsx14(Text14, { children: " " }),
+    SHORTCUTS.map((group) => /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx14(Text14, { color: "yellow", bold: true, children: group.category }),
+      group.items.map((item) => /* @__PURE__ */ jsxs14(Box14, { children: [
+        /* @__PURE__ */ jsx14(Box14, { width: 16, children: /* @__PURE__ */ jsx14(Text14, { color: "green", children: item.key }) }),
+        /* @__PURE__ */ jsx14(Text14, { children: item.desc })
       ] }, item.key))
     ] }, group.category)),
-    /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Press ? or Esc to close" })
+    /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Press ? or Esc to close" })
   ] });
 }
 var SHORTCUTS;
@@ -4202,9 +4205,9 @@ import { mkdtempSync as mkdtempSync3, readFileSync as readFileSync6, rmSync as r
 import { tmpdir as tmpdir3 } from "os";
 import { join as join6 } from "path";
 import { Spinner as Spinner2, TextInput as TextInput4 } from "@inkjs/ui";
-import { Box as Box14, Text as Text14, useInput as useInput10, useStdin as useStdin3 } from "ink";
+import { Box as Box15, Text as Text15, useInput as useInput10, useStdin as useStdin3 } from "ink";
 import { useCallback as useCallback11, useEffect as useEffect8, useRef as useRef11, useState as useState14 } from "react";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function NlCreateOverlay({
   repos,
   defaultRepoName,
@@ -4330,27 +4333,27 @@ function NlCreateOverlay({
     });
   }, [isParsing, onLlmFallback]);
   if (isParsing) {
-    return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx14(Text14, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
-      /* @__PURE__ */ jsx14(Spinner2, { label: "Parsing..." })
+    return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx15(Text15, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
+      /* @__PURE__ */ jsx15(Spinner2, { label: "Parsing..." })
     ] });
   }
   if (parsed && step === "body") {
     if (editingBody) {
-      return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx14(Text14, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
-        /* @__PURE__ */ jsx14(Text14, { color: "cyan", children: "Opening editor for body\u2026" })
+      return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx15(Text15, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
+        /* @__PURE__ */ jsx15(Text15, { color: "cyan", children: "Opening editor for body\u2026" })
       ] });
     }
-    return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx14(Text14, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
-      /* @__PURE__ */ jsxs14(Box14, { children: [
-        /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Title: " }),
-        /* @__PURE__ */ jsx14(Text14, { children: parsed.title })
+    return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx15(Text15, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
+      /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Title: " }),
+        /* @__PURE__ */ jsx15(Text15, { children: parsed.title })
       ] }),
-      /* @__PURE__ */ jsxs14(Box14, { children: [
-        /* @__PURE__ */ jsx14(Text14, { color: "cyan", children: "body: " }),
-        /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { color: "cyan", children: "body: " }),
+        /* @__PURE__ */ jsx15(
           TextInput4,
           {
             defaultValue: body,
@@ -4372,45 +4375,45 @@ function NlCreateOverlay({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Enter:create ctrl+e:editor Esc:back" })
+      /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Enter:create ctrl+e:editor Esc:back" })
     ] });
   }
   if (parsed) {
     const labels = [...parsed.labels];
-    return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx14(Text14, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
-      /* @__PURE__ */ jsxs14(Box14, { children: [
-        /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Repo: " }),
-        /* @__PURE__ */ jsx14(Text14, { color: "cyan", children: selectedRepo?.shortName ?? "(none)" }),
-        repos.length > 1 ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: " r:cycle" }) : null
+    return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx15(Text15, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
+      /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Repo: " }),
+        /* @__PURE__ */ jsx15(Text15, { color: "cyan", children: selectedRepo?.shortName ?? "(none)" }),
+        repos.length > 1 ? /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: " r:cycle" }) : null
       ] }),
-      /* @__PURE__ */ jsxs14(Box14, { children: [
-        /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Title: " }),
-        /* @__PURE__ */ jsx14(Text14, { children: parsed.title })
+      /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Title: " }),
+        /* @__PURE__ */ jsx15(Text15, { children: parsed.title })
       ] }),
-      labels.length > 0 ? /* @__PURE__ */ jsxs14(Box14, { children: [
-        /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Labels: " }),
-        /* @__PURE__ */ jsx14(Text14, { children: labels.join(", ") })
+      labels.length > 0 ? /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Labels: " }),
+        /* @__PURE__ */ jsx15(Text15, { children: labels.join(", ") })
       ] }) : null,
-      parsed.assignee ? /* @__PURE__ */ jsxs14(Box14, { children: [
-        /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Assignee: " }),
-        /* @__PURE__ */ jsxs14(Text14, { children: [
+      parsed.assignee ? /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Assignee: " }),
+        /* @__PURE__ */ jsxs15(Text15, { children: [
           "@",
           parsed.assignee
         ] })
       ] }) : null,
-      parsed.dueDate ? /* @__PURE__ */ jsxs14(Box14, { children: [
-        /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Due: " }),
-        /* @__PURE__ */ jsx14(Text14, { children: formatDue(parsed.dueDate) })
+      parsed.dueDate ? /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Due: " }),
+        /* @__PURE__ */ jsx15(Text15, { children: formatDue(parsed.dueDate) })
       ] }) : null,
-      /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Enter:add body Esc:cancel" })
+      /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Enter:add body Esc:cancel" })
     ] });
   }
-  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx14(Text14, { color: "cyan", bold: true, children: "\u2728 What do you need to do?" }),
-    /* @__PURE__ */ jsxs14(Box14, { children: [
-      /* @__PURE__ */ jsx14(Text14, { color: "cyan", children: "> " }),
-      /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx15(Text15, { color: "cyan", bold: true, children: "\u2728 What do you need to do?" }),
+    /* @__PURE__ */ jsxs15(Box15, { children: [
+      /* @__PURE__ */ jsx15(Text15, { color: "cyan", children: "> " }),
+      /* @__PURE__ */ jsx15(
         TextInput4,
         {
           placeholder: "fix login bug #bug #priority:high @me due friday",
@@ -4419,8 +4422,8 @@ function NlCreateOverlay({
         }
       )
     ] }),
-    parseError ? /* @__PURE__ */ jsx14(Text14, { color: "red", children: parseError }) : null,
-    /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Tip: #label @user due <date> Enter:parse Esc:cancel" })
+    parseError ? /* @__PURE__ */ jsx15(Text15, { color: "red", children: parseError }) : null,
+    /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Tip: #label @user due <date> Enter:parse Esc:cancel" })
   ] });
 }
 function buildLabelList(parsed) {
@@ -4440,12 +4443,12 @@ var init_nl_create_overlay = __esm({
 
 // src/board/components/search-bar.tsx
 import { TextInput as TextInput5 } from "@inkjs/ui";
-import { Box as Box15, Text as Text15 } from "ink";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box16, Text as Text16 } from "ink";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function SearchBar({ defaultValue, onChange, onSubmit }) {
-  return /* @__PURE__ */ jsxs15(Box15, { children: [
-    /* @__PURE__ */ jsx15(Text15, { color: "yellow", children: "/" }),
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs16(Box16, { children: [
+    /* @__PURE__ */ jsx16(Text16, { color: "yellow", children: "/" }),
+    /* @__PURE__ */ jsx16(
       TextInput5,
       {
         defaultValue,
@@ -4463,9 +4466,9 @@ var init_search_bar = __esm({
 });
 
 // src/board/components/status-picker.tsx
-import { Box as Box16, Text as Text16, useInput as useInput11 } from "ink";
+import { Box as Box17, Text as Text17, useInput as useInput11 } from "ink";
 import { useRef as useRef12, useState as useState15 } from "react";
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 function isTerminal(name) {
   return TERMINAL_STATUS_RE.test(name);
 }
@@ -4541,26 +4544,26 @@ function StatusPicker({
   });
   if (confirmingTerminal) {
     const opt = options[selectedIdx];
-    return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs16(Text16, { color: "yellow", bold: true, children: [
+    return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs17(Text17, { color: "yellow", bold: true, children: [
         "Mark as ",
         opt?.name,
         "?"
       ] }),
-      /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: "This will close the issue on GitHub." }),
-      /* @__PURE__ */ jsx16(Text16, { children: "Continue? [y/n]" })
+      /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "This will close the issue on GitHub." }),
+      /* @__PURE__ */ jsx17(Text17, { children: "Continue? [y/n]" })
     ] });
   }
-  return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx16(Text16, { color: "cyan", bold: true, children: "Move to status:" }),
+  return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx17(Text17, { color: "cyan", bold: true, children: "Move to status:" }),
     options.map((opt, i) => {
       const isCurrent = opt.name === currentStatus;
       const isSelected = i === selectedIdx;
       const terminal = isTerminal(opt.name) && showTerminalStatuses;
       const prefix = isSelected ? "> " : "  ";
       const suffix = isCurrent ? " (current)" : terminal ? " (Done)" : "";
-      return /* @__PURE__ */ jsxs16(
-        Text16,
+      return /* @__PURE__ */ jsxs17(
+        Text17,
         {
           ...isSelected ? { color: "cyan" } : terminal ? { color: "yellow" } : {},
           dimColor: isCurrent,
@@ -4573,7 +4576,7 @@ function StatusPicker({
         opt.id
       );
     }),
-    /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: "j/k:navigate Enter:select Esc:cancel" })
+    /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "j/k:navigate Enter:select Esc:cancel" })
   ] });
 }
 var init_status_picker = __esm({
@@ -4584,7 +4587,7 @@ var init_status_picker = __esm({
 });
 
 // src/board/components/overlay-renderer.tsx
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 function OverlayRenderer({
   uiState,
   config: config2,
@@ -4625,9 +4628,9 @@ function OverlayRenderer({
   onPushEntry
 }) {
   const { mode, helpVisible } = uiState;
-  return /* @__PURE__ */ jsxs17(Fragment2, { children: [
-    helpVisible ? /* @__PURE__ */ jsx17(HelpOverlay, { currentMode: mode, onClose: onToggleHelp }) : null,
-    mode === "overlay:status" && selectedRepoStatusOptions.length > 0 ? /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs18(Fragment2, { children: [
+    helpVisible ? /* @__PURE__ */ jsx18(HelpOverlay, { currentMode: mode, onClose: onToggleHelp }) : null,
+    mode === "overlay:status" && selectedRepoStatusOptions.length > 0 ? /* @__PURE__ */ jsx18(
       StatusPicker,
       {
         options: selectedRepoStatusOptions,
@@ -4636,7 +4639,7 @@ function OverlayRenderer({
         onCancel: onExitOverlay
       }
     ) : null,
-    mode === "overlay:create" ? /* @__PURE__ */ jsx17(
+    mode === "overlay:create" ? /* @__PURE__ */ jsx18(
       CreateIssueForm,
       {
         repos: config2.repos,
@@ -4646,7 +4649,7 @@ function OverlayRenderer({
         labelCache
       }
     ) : null,
-    mode === "overlay:confirmPick" ? /* @__PURE__ */ jsx17(
+    mode === "overlay:confirmPick" ? /* @__PURE__ */ jsx18(
       ConfirmPrompt,
       {
         message: "Pick this issue?",
@@ -4654,7 +4657,7 @@ function OverlayRenderer({
         onCancel: onCancelPick
       }
     ) : null,
-    mode === "overlay:bulkAction" ? /* @__PURE__ */ jsx17(
+    mode === "overlay:bulkAction" ? /* @__PURE__ */ jsx18(
       BulkActionMenu,
       {
         count: multiSelectCount,
@@ -4663,7 +4666,7 @@ function OverlayRenderer({
         onCancel: onExitOverlay
       }
     ) : null,
-    mode === "focus" && focusLabel ? /* @__PURE__ */ jsx17(
+    mode === "focus" && focusLabel ? /* @__PURE__ */ jsx18(
       FocusMode,
       {
         label: focusLabel,
@@ -4673,7 +4676,7 @@ function OverlayRenderer({
       },
       focusKey
     ) : null,
-    mode === "overlay:label" && selectedIssue && defaultRepo ? /* @__PURE__ */ jsx17(
+    mode === "overlay:label" && selectedIssue && defaultRepo ? /* @__PURE__ */ jsx18(
       LabelPicker,
       {
         repo: defaultRepo,
@@ -4684,8 +4687,8 @@ function OverlayRenderer({
         onError: onLabelError
       }
     ) : null,
-    mode === "search" ? /* @__PURE__ */ jsx17(SearchBar, { defaultValue: searchQuery, onChange: onSearchChange, onSubmit: onSearchSubmit }) : null,
-    mode === "overlay:comment" && selectedIssue ? /* @__PURE__ */ jsx17(
+    mode === "search" ? /* @__PURE__ */ jsx18(SearchBar, { defaultValue: searchQuery, onChange: onSearchChange, onSubmit: onSearchSubmit }) : null,
+    mode === "overlay:comment" && selectedIssue ? /* @__PURE__ */ jsx18(
       CommentInput,
       {
         issueNumber: selectedIssue.number,
@@ -4695,8 +4698,8 @@ function OverlayRenderer({
         onResumeRefresh
       }
     ) : null,
-    mode === "overlay:fuzzyPicker" ? /* @__PURE__ */ jsx17(FuzzyPicker, { repos, onSelect: onFuzzySelect, onClose: onFuzzyClose }) : null,
-    mode === "overlay:createNl" ? /* @__PURE__ */ jsx17(
+    mode === "overlay:fuzzyPicker" ? /* @__PURE__ */ jsx18(FuzzyPicker, { repos, onSelect: onFuzzySelect, onClose: onFuzzyClose }) : null,
+    mode === "overlay:createNl" ? /* @__PURE__ */ jsx18(
       NlCreateOverlay,
       {
         repos: config2.repos,
@@ -4709,7 +4712,7 @@ function OverlayRenderer({
         onLlmFallback
       }
     ) : null,
-    mode === "overlay:editIssue" && selectedIssue && selectedRepoName ? /* @__PURE__ */ jsx17(
+    mode === "overlay:editIssue" && selectedIssue && selectedRepoName ? /* @__PURE__ */ jsx18(
       EditIssueOverlay,
       {
         issue: selectedIssue,
@@ -4746,8 +4749,8 @@ var init_overlay_renderer = __esm({
 });
 
 // src/board/components/panel-layout.tsx
-import { Box as Box17 } from "ink";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Box as Box18 } from "ink";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function getLayoutMode(cols) {
   if (cols >= WIDE_THRESHOLD) return "wide";
   if (cols >= MEDIUM_THRESHOLD) return "medium";
@@ -4768,35 +4771,35 @@ function PanelLayout({
   const mode = getLayoutMode(cols);
   if (mode === "wide") {
     const detailWidth = getDetailWidth(cols);
-    return /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs18(Box17, { height: issuesPanelHeight, children: [
-        /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
+    return /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs19(Box18, { height: issuesPanelHeight, children: [
+        /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
           reposPanel,
           statusesPanel
         ] }),
-        /* @__PURE__ */ jsx18(Box17, { flexGrow: 1, flexDirection: "column", children: issuesPanel }),
-        /* @__PURE__ */ jsx18(Box17, { width: detailWidth, flexDirection: "column", children: detailPanel })
+        /* @__PURE__ */ jsx19(Box18, { flexGrow: 1, flexDirection: "column", children: issuesPanel }),
+        /* @__PURE__ */ jsx19(Box18, { width: detailWidth, flexDirection: "column", children: detailPanel })
       ] }),
-      /* @__PURE__ */ jsx18(Box17, { height: ACTIVITY_HEIGHT, children: activityPanel })
+      /* @__PURE__ */ jsx19(Box18, { height: ACTIVITY_HEIGHT, children: activityPanel })
     ] });
   }
   if (mode === "medium") {
-    return /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs18(Box17, { height: issuesPanelHeight, children: [
-        /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
+    return /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs19(Box18, { height: issuesPanelHeight, children: [
+        /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
           reposPanel,
           statusesPanel
         ] }),
-        /* @__PURE__ */ jsx18(Box17, { flexGrow: 1, flexDirection: "column", children: issuesPanel })
+        /* @__PURE__ */ jsx19(Box18, { flexGrow: 1, flexDirection: "column", children: issuesPanel })
       ] }),
-      /* @__PURE__ */ jsx18(Box17, { height: ACTIVITY_HEIGHT, children: activityPanel })
+      /* @__PURE__ */ jsx19(Box18, { height: ACTIVITY_HEIGHT, children: activityPanel })
     ] });
   }
-  return /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
     reposPanel,
     statusesPanel,
-    /* @__PURE__ */ jsx18(Box17, { flexGrow: 1, flexDirection: "column", children: issuesPanel }),
-    /* @__PURE__ */ jsx18(Box17, { height: ACTIVITY_HEIGHT, children: activityPanel })
+    /* @__PURE__ */ jsx19(Box18, { flexGrow: 1, flexDirection: "column", children: issuesPanel }),
+    /* @__PURE__ */ jsx19(Box18, { height: ACTIVITY_HEIGHT, children: activityPanel })
   ] });
 }
 var WIDE_THRESHOLD, MEDIUM_THRESHOLD, LEFT_COL_WIDTH, ACTIVITY_HEIGHT;
@@ -4806,45 +4809,43 @@ var init_panel_layout = __esm({
     WIDE_THRESHOLD = 160;
     MEDIUM_THRESHOLD = 100;
     LEFT_COL_WIDTH = 24;
-    ACTIVITY_HEIGHT = 3;
+    ACTIVITY_HEIGHT = 5;
   }
 });
 
 // src/board/components/repos-panel.tsx
-import { Box as Box18, Text as Text17 } from "ink";
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Box as Box19, Text as Text18 } from "ink";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 function shortName(fullName) {
   return fullName.includes("/") ? fullName.split("/")[1] ?? fullName : fullName;
 }
-function ReposPanel({ repos, selectedIdx, isActive }) {
-  const borderColor = isActive ? "cyan" : "gray";
-  return /* @__PURE__ */ jsxs19(Box18, { borderStyle: "single", borderColor, flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx19(Text17, { bold: true, color: isActive ? "cyan" : "white", children: "[1] Repos" }),
-    repos.length === 0 ? /* @__PURE__ */ jsx19(Text17, { color: "gray", children: " \u2014" }) : repos.map((repo, i) => {
-      const isSel = i === selectedIdx;
-      const label = shortName(repo.name);
-      return /* @__PURE__ */ jsxs19(Box18, { children: [
-        /* @__PURE__ */ jsxs19(Text17, { color: isSel ? "cyan" : isActive ? "white" : "gray", bold: isSel, children: [
-          isSel ? "\u25B6 " : "  ",
-          label
-        ] }),
-        /* @__PURE__ */ jsxs19(Text17, { color: "gray", children: [
-          " ",
-          repo.openCount
-        ] })
-      ] }, repo.name);
-    })
-  ] });
+function ReposPanel({ repos, selectedIdx, isActive, width, flexGrow }) {
+  const maxLabel = Math.max(4, width - 8);
+  return /* @__PURE__ */ jsx20(Panel, { title: "[1] Repos", isActive, width, flexGrow, children: repos.length === 0 ? /* @__PURE__ */ jsx20(Text18, { color: "gray", children: "\u2014" }) : repos.map((repo, i) => {
+    const isSel = i === selectedIdx;
+    const label = shortName(repo.name).slice(0, maxLabel);
+    return /* @__PURE__ */ jsxs20(Box19, { children: [
+      /* @__PURE__ */ jsxs20(Text18, { color: isSel ? "cyan" : isActive ? "white" : "gray", bold: isSel, children: [
+        isSel ? "\u25BA " : "  ",
+        label
+      ] }),
+      /* @__PURE__ */ jsxs20(Text18, { color: "gray", children: [
+        " ",
+        repo.openCount
+      ] })
+    ] }, repo.name);
+  }) });
 }
 var init_repos_panel = __esm({
   "src/board/components/repos-panel.tsx"() {
     "use strict";
+    init_panel();
   }
 });
 
 // src/board/components/issue-row.tsx
-import { Box as Box19, Text as Text18 } from "ink";
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Box as Box20, Text as Text19 } from "ink";
+import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 function truncate(s, max) {
   return s.length > max ? `${s.slice(0, max - 1)}\u2026` : s;
 }
@@ -4885,30 +4886,30 @@ function IssueRow({ issue, selfLogin, isSelected }) {
   const labels = (issue.labels ?? []).slice(0, 2);
   const target = formatTargetDate(issue.targetDate);
   const titleStr = truncate(issue.title, 42).padEnd(42);
-  return /* @__PURE__ */ jsxs20(Box19, { children: [
-    isSelected ? /* @__PURE__ */ jsx20(Text18, { color: "cyan", bold: true, children: "\u25B6 " }) : /* @__PURE__ */ jsx20(Text18, { children: "  " }),
-    /* @__PURE__ */ jsxs20(Text18, { color: "cyan", children: [
+  return /* @__PURE__ */ jsxs21(Box20, { children: [
+    isSelected ? /* @__PURE__ */ jsx21(Text19, { color: "cyan", bold: true, children: "\u25B6 " }) : /* @__PURE__ */ jsx21(Text19, { children: "  " }),
+    /* @__PURE__ */ jsxs21(Text19, { color: "cyan", children: [
       "#",
       String(issue.number).padEnd(5)
     ] }),
-    /* @__PURE__ */ jsx20(Text18, { children: " " }),
-    isSelected ? /* @__PURE__ */ jsx20(Text18, { color: "white", bold: true, children: titleStr }) : /* @__PURE__ */ jsx20(Text18, { children: titleStr }),
-    /* @__PURE__ */ jsx20(Text18, { children: " " }),
-    /* @__PURE__ */ jsx20(Box19, { width: LABEL_COL_WIDTH, children: labels.map((l, i) => /* @__PURE__ */ jsxs20(Text18, { children: [
+    /* @__PURE__ */ jsx21(Text19, { children: " " }),
+    isSelected ? /* @__PURE__ */ jsx21(Text19, { color: "white", bold: true, children: titleStr }) : /* @__PURE__ */ jsx21(Text19, { children: titleStr }),
+    /* @__PURE__ */ jsx21(Text19, { children: " " }),
+    /* @__PURE__ */ jsx21(Box20, { width: LABEL_COL_WIDTH, children: labels.map((l, i) => /* @__PURE__ */ jsxs21(Text19, { children: [
       i > 0 ? " " : "",
-      /* @__PURE__ */ jsxs20(Text18, { color: labelColor(l.name), children: [
+      /* @__PURE__ */ jsxs21(Text19, { color: labelColor(l.name), children: [
         "[",
         truncate(l.name, 12),
         "]"
       ] })
     ] }, l.name)) }),
-    /* @__PURE__ */ jsx20(Text18, { children: " " }),
-    /* @__PURE__ */ jsx20(Text18, { color: assigneeColor, children: assigneeText.padEnd(14) }),
-    /* @__PURE__ */ jsx20(Text18, { children: " " }),
-    /* @__PURE__ */ jsx20(Text18, { color: "gray", children: timeAgo2(issue.updatedAt).padStart(4) }),
-    target.text ? /* @__PURE__ */ jsxs20(Fragment3, { children: [
-      /* @__PURE__ */ jsx20(Text18, { children: " " }),
-      /* @__PURE__ */ jsx20(Text18, { color: target.color, children: target.text })
+    /* @__PURE__ */ jsx21(Text19, { children: " " }),
+    /* @__PURE__ */ jsx21(Text19, { color: assigneeColor, children: assigneeText.padEnd(14) }),
+    /* @__PURE__ */ jsx21(Text19, { children: " " }),
+    /* @__PURE__ */ jsx21(Text19, { color: "gray", children: timeAgo2(issue.updatedAt).padStart(4) }),
+    target.text ? /* @__PURE__ */ jsxs21(Fragment3, { children: [
+      /* @__PURE__ */ jsx21(Text19, { children: " " }),
+      /* @__PURE__ */ jsx21(Text19, { color: target.color, children: target.text })
     ] }) : null
   ] });
 }
@@ -4932,20 +4933,20 @@ var init_issue_row = __esm({
 });
 
 // src/board/components/row-renderer.tsx
-import { Box as Box20, Text as Text19 } from "ink";
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Box as Box21, Text as Text20 } from "ink";
+import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 function RowRenderer({ row, selectedId, selfLogin, isMultiSelected }) {
   switch (row.type) {
     case "sectionHeader": {
       const arrow = row.isCollapsed ? "\u25B6" : "\u25BC";
       const isSel = selectedId === row.navId;
-      return /* @__PURE__ */ jsxs21(Box20, { children: [
-        /* @__PURE__ */ jsxs21(Text19, { color: isSel ? "cyan" : "white", bold: true, children: [
+      return /* @__PURE__ */ jsxs22(Box21, { children: [
+        /* @__PURE__ */ jsxs22(Text20, { color: isSel ? "cyan" : "white", bold: true, children: [
           arrow,
           " ",
           row.label
         ] }),
-        /* @__PURE__ */ jsxs21(Text19, { color: "gray", children: [
+        /* @__PURE__ */ jsxs22(Text20, { color: "gray", children: [
           " ",
           "(",
           row.count,
@@ -4959,26 +4960,26 @@ function RowRenderer({ row, selectedId, selfLogin, isMultiSelected }) {
       if (row.navId) {
         const arrow = row.isCollapsed ? "\u25B6" : "\u25BC";
         const isSel = selectedId === row.navId;
-        return /* @__PURE__ */ jsxs21(Box20, { children: [
-          /* @__PURE__ */ jsxs21(Text19, { color: isSel ? "cyan" : "gray", children: [
+        return /* @__PURE__ */ jsxs22(Box21, { children: [
+          /* @__PURE__ */ jsxs22(Text20, { color: isSel ? "cyan" : "gray", children: [
             "  ",
             arrow,
             " ",
             row.text
           ] }),
-          /* @__PURE__ */ jsxs21(Text19, { color: "gray", children: [
+          /* @__PURE__ */ jsxs22(Text20, { color: "gray", children: [
             " (",
             row.count,
             ")"
           ] })
         ] });
       }
-      return /* @__PURE__ */ jsxs21(Box20, { children: [
-        /* @__PURE__ */ jsxs21(Text19, { bold: true, color: "white", children: [
+      return /* @__PURE__ */ jsxs22(Box21, { children: [
+        /* @__PURE__ */ jsxs22(Text20, { bold: true, color: "white", children: [
           " ",
           row.text
         ] }),
-        row.count != null ? /* @__PURE__ */ jsxs21(Text19, { color: "gray", children: [
+        row.count != null ? /* @__PURE__ */ jsxs22(Text20, { color: "gray", children: [
           " (",
           row.count,
           ")"
@@ -4987,25 +4988,25 @@ function RowRenderer({ row, selectedId, selfLogin, isMultiSelected }) {
     }
     case "issue": {
       const checkbox2 = isMultiSelected != null ? isMultiSelected ? "\u2611 " : "\u2610 " : "";
-      return /* @__PURE__ */ jsxs21(Box20, { children: [
-        checkbox2 ? /* @__PURE__ */ jsx21(Text19, { color: isMultiSelected ? "cyan" : "gray", children: checkbox2 }) : null,
-        /* @__PURE__ */ jsx21(IssueRow, { issue: row.issue, selfLogin, isSelected: selectedId === row.navId })
+      return /* @__PURE__ */ jsxs22(Box21, { children: [
+        checkbox2 ? /* @__PURE__ */ jsx22(Text20, { color: isMultiSelected ? "cyan" : "gray", children: checkbox2 }) : null,
+        /* @__PURE__ */ jsx22(IssueRow, { issue: row.issue, selfLogin, isSelected: selectedId === row.navId })
       ] });
     }
     case "activity": {
       const ago = new Date(row.event.timestamp).toLocaleTimeString();
-      return /* @__PURE__ */ jsxs21(Text19, { dimColor: true, children: [
+      return /* @__PURE__ */ jsxs22(Text20, { dimColor: true, children: [
         "  ",
         ago,
         ": ",
-        /* @__PURE__ */ jsxs21(Text19, { color: "gray", children: [
+        /* @__PURE__ */ jsxs22(Text20, { color: "gray", children: [
           "@",
           row.event.actor
         ] }),
         " ",
         row.event.summary,
         " ",
-        /* @__PURE__ */ jsxs21(Text19, { dimColor: true, children: [
+        /* @__PURE__ */ jsxs22(Text20, { dimColor: true, children: [
           "(",
           row.event.repoShortName,
           ")"
@@ -5013,12 +5014,12 @@ function RowRenderer({ row, selectedId, selfLogin, isMultiSelected }) {
       ] });
     }
     case "error":
-      return /* @__PURE__ */ jsxs21(Text19, { color: "red", children: [
+      return /* @__PURE__ */ jsxs22(Text20, { color: "red", children: [
         " Error: ",
         row.text
       ] });
     case "gap":
-      return /* @__PURE__ */ jsx21(Text19, { children: "" });
+      return /* @__PURE__ */ jsx22(Text20, { children: "" });
   }
 }
 var init_row_renderer = __esm({
@@ -5029,50 +5030,55 @@ var init_row_renderer = __esm({
 });
 
 // src/board/components/statuses-panel.tsx
-import { Box as Box21, Text as Text20 } from "ink";
-import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
-function StatusesPanel({ groups, selectedIdx, isActive }) {
-  const borderColor = isActive ? "cyan" : "gray";
-  return /* @__PURE__ */ jsxs22(Box21, { borderStyle: "single", borderColor, flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx22(Text20, { bold: true, color: isActive ? "cyan" : "white", children: "[2] Statuses" }),
-    groups.length === 0 ? /* @__PURE__ */ jsx22(Text20, { color: "gray", children: " \u2014" }) : groups.map((group, i) => {
-      const isSel = i === selectedIdx;
-      return /* @__PURE__ */ jsxs22(Box21, { children: [
-        /* @__PURE__ */ jsxs22(Text20, { color: isSel ? "cyan" : isActive ? "white" : "gray", bold: isSel, children: [
-          isSel ? "\u25B6 " : "  ",
-          group.label
-        ] }),
-        /* @__PURE__ */ jsxs22(Text20, { color: "gray", children: [
-          " ",
-          group.count
-        ] })
-      ] }, group.id);
-    })
-  ] });
+import { Box as Box22, Text as Text21 } from "ink";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+function StatusesPanel({
+  groups,
+  selectedIdx,
+  isActive,
+  width,
+  flexGrow
+}) {
+  const maxLabel = Math.max(4, width - 8);
+  return /* @__PURE__ */ jsx23(Panel, { title: "[2] Statuses", isActive, width, flexGrow, children: groups.length === 0 ? /* @__PURE__ */ jsx23(Text21, { color: "gray", children: "\u2014" }) : groups.map((group, i) => {
+    const isSel = i === selectedIdx;
+    const label = group.label.slice(0, maxLabel);
+    return /* @__PURE__ */ jsxs23(Box22, { children: [
+      /* @__PURE__ */ jsxs23(Text21, { color: isSel ? "cyan" : isActive ? "white" : "gray", bold: isSel, children: [
+        isSel ? "\u25BA " : "  ",
+        label
+      ] }),
+      /* @__PURE__ */ jsxs23(Text21, { color: "gray", children: [
+        " ",
+        group.count
+      ] })
+    ] }, group.id);
+  }) });
 }
 var init_statuses_panel = __esm({
   "src/board/components/statuses-panel.tsx"() {
     "use strict";
+    init_panel();
   }
 });
 
 // src/board/components/toast-container.tsx
 import { Spinner as Spinner3 } from "@inkjs/ui";
-import { Box as Box22, Text as Text21 } from "ink";
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Box as Box23, Text as Text22 } from "ink";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
 function ToastContainer({ toasts }) {
   if (toasts.length === 0) return null;
-  return /* @__PURE__ */ jsx23(Box22, { flexDirection: "column", children: toasts.map((t) => /* @__PURE__ */ jsx23(Box22, { children: t.type === "loading" ? /* @__PURE__ */ jsxs23(Fragment4, { children: [
-    /* @__PURE__ */ jsx23(Spinner3, { label: "" }),
-    /* @__PURE__ */ jsxs23(Text21, { color: "cyan", children: [
+  return /* @__PURE__ */ jsx24(Box23, { flexDirection: "column", children: toasts.map((t) => /* @__PURE__ */ jsx24(Box23, { children: t.type === "loading" ? /* @__PURE__ */ jsxs24(Fragment4, { children: [
+    /* @__PURE__ */ jsx24(Spinner3, { label: "" }),
+    /* @__PURE__ */ jsxs24(Text22, { color: "cyan", children: [
       " ",
       t.message
     ] })
-  ] }) : /* @__PURE__ */ jsxs23(Text21, { color: TYPE_COLORS[t.type], children: [
+  ] }) : /* @__PURE__ */ jsxs24(Text22, { color: TYPE_COLORS[t.type], children: [
     TYPE_PREFIXES[t.type],
     " ",
     t.message,
-    t.type === "error" ? /* @__PURE__ */ jsx23(Text21, { color: "gray", children: t.retry ? " [r]etry [d]ismiss" : " [d]ismiss" }) : null
+    t.type === "error" ? /* @__PURE__ */ jsx24(Text22, { color: "gray", children: t.retry ? " [r]etry [d]ismiss" : " [d]ismiss" }) : null
   ] }) }, t.id)) });
 }
 var TYPE_COLORS, TYPE_PREFIXES;
@@ -5096,9 +5102,9 @@ var init_toast_container = __esm({
 // src/board/components/dashboard.tsx
 import { execFileSync as execFileSync3, spawnSync as spawnSync4 } from "child_process";
 import { Spinner as Spinner4 } from "@inkjs/ui";
-import { Box as Box23, Text as Text22, useApp, useStdout } from "ink";
+import { Box as Box24, Text as Text23, useApp, useStdout } from "ink";
 import { useCallback as useCallback12, useEffect as useEffect9, useMemo as useMemo3, useRef as useRef13, useState as useState16 } from "react";
-import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 function resolveStatusGroups(statusOptions, configuredGroups) {
   if (configuredGroups && configuredGroups.length > 0) {
     return configuredGroups.map((entry) => {
@@ -5249,7 +5255,7 @@ function RefreshAge({ lastRefresh }) {
     return () => clearInterval(id);
   }, []);
   if (!lastRefresh) return null;
-  return /* @__PURE__ */ jsxs24(Text22, { color: refreshAgeColor(lastRefresh), children: [
+  return /* @__PURE__ */ jsxs25(Text23, { color: refreshAgeColor(lastRefresh), children: [
     "Updated ",
     timeAgo(lastRefresh)
   ] });
@@ -5508,6 +5514,12 @@ function Dashboard({ config: config2, options, activeProfile }) {
   const layoutMode = getLayoutMode(termSize.cols);
   const detailPanelWidth = layoutMode === "wide" ? getDetailWidth(termSize.cols) : Math.floor(termSize.cols * 0.35);
   const showDetailPanel = layoutMode === "wide";
+  const usableWidth = termSize.cols - 2;
+  const issuesPanelWidth = Math.max(
+    20,
+    layoutMode === "wide" ? usableWidth - LEFT_COL_WIDTH - getDetailWidth(termSize.cols) : layoutMode === "medium" ? usableWidth - LEFT_COL_WIDTH : usableWidth
+  );
+  const activityPanelWidth = usableWidth;
   const overlayBarRows = ui.state.mode === "search" || ui.state.mode === "overlay:comment" ? 1 : 0;
   const toastRows = toasts.length;
   const logPaneRows = logVisible ? 4 : 0;
@@ -5731,7 +5743,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     onActivityEnter
   });
   if (status === "loading" && !data) {
-    return /* @__PURE__ */ jsx24(Box23, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx24(Spinner4, { label: "Loading dashboard..." }) });
+    return /* @__PURE__ */ jsx25(Box24, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx25(Spinner4, { label: "Loading dashboard..." }) });
   }
   const now = data?.fetchedAt ?? /* @__PURE__ */ new Date();
   const dateStr = now.toLocaleDateString("en-US", {
@@ -5748,45 +5760,42 @@ function Dashboard({ config: config2, options, activeProfile }) {
     label,
     count: issues.length
   }));
-  const reposPanel = /* @__PURE__ */ jsx24(
+  const reposPanel = /* @__PURE__ */ jsx25(
     ReposPanel,
     {
       repos: reposData,
       selectedIdx: clampedRepoIdx,
-      isActive: panelFocus.activePanelId === 1
+      isActive: panelFocus.activePanelId === 1,
+      width: LEFT_COL_WIDTH
     }
   );
-  const statusesPanel = /* @__PURE__ */ jsx24(
+  const statusesPanel = /* @__PURE__ */ jsx25(
     StatusesPanel,
     {
       groups: statusesData,
       selectedIdx: clampedStatusIdx,
-      isActive: panelFocus.activePanelId === 2
+      isActive: panelFocus.activePanelId === 2,
+      width: LEFT_COL_WIDTH,
+      flexGrow: 1
     }
   );
-  const issuesBorderColor = panelFocus.activePanelId === 3 ? "cyan" : "gray";
-  const issuesPanel = /* @__PURE__ */ jsxs24(
-    Box23,
+  const issuesPanelTitle = `[3] Issues${selectedSection ? ` \u2014 ${selectedSection.repo.shortName}` : ""}${selectedStatusGroup ? ` / ${selectedStatusGroup.label}` : ""}`;
+  const issuesPanel = /* @__PURE__ */ jsxs25(
+    Panel,
     {
-      borderStyle: "single",
-      borderColor: issuesBorderColor,
-      flexDirection: "column",
+      title: issuesPanelTitle,
+      isActive: panelFocus.activePanelId === 3,
+      width: issuesPanelWidth,
       flexGrow: 1,
-      overflow: "hidden",
       children: [
-        /* @__PURE__ */ jsxs24(Text22, { bold: true, color: panelFocus.activePanelId === 3 ? "cyan" : "white", children: [
-          "[3] Issues",
-          selectedSection ? ` \u2014 ${selectedSection.repo.shortName}` : "",
-          selectedStatusGroup ? ` / ${selectedStatusGroup.label}` : ""
-        ] }),
-        hasMoreAbove ? /* @__PURE__ */ jsxs24(Text22, { color: "gray", dimColor: true, children: [
+        hasMoreAbove ? /* @__PURE__ */ jsxs25(Text23, { color: "gray", dimColor: true, children: [
           " ",
           "\u25B2",
           " ",
           aboveCount,
           " more above"
         ] }) : null,
-        visibleRows.map((row) => /* @__PURE__ */ jsx24(
+        visibleRows.map((row) => /* @__PURE__ */ jsx25(
           RowRenderer,
           {
             row,
@@ -5796,7 +5805,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
           },
           row.key
         )),
-        hasMoreBelow ? /* @__PURE__ */ jsxs24(Text22, { color: "gray", dimColor: true, children: [
+        hasMoreBelow ? /* @__PURE__ */ jsxs25(Text23, { color: "gray", dimColor: true, children: [
           " ",
           "\u25BC",
           " ",
@@ -5806,7 +5815,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
       ]
     }
   );
-  const detailPanel = showDetailPanel ? /* @__PURE__ */ jsx24(
+  const detailPanel = showDetailPanel ? /* @__PURE__ */ jsx25(
     DetailPanel,
     {
       issue: selectedItem.issue,
@@ -5817,44 +5826,45 @@ function Dashboard({ config: config2, options, activeProfile }) {
       commentsState: currentCommentsState
     }
   ) : null;
-  const activityPanel = /* @__PURE__ */ jsx24(
+  const activityPanel = /* @__PURE__ */ jsx25(
     ActivityPanel,
     {
       events: boardTree.activity,
       selectedIdx: clampedActivityIdx,
       isActive: panelFocus.activePanelId === 4,
-      height: ACTIVITY_HEIGHT
+      height: ACTIVITY_HEIGHT,
+      width: activityPanelWidth
     }
   );
-  return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs24(Box23, { children: [
-      /* @__PURE__ */ jsx24(Text22, { color: "cyan", bold: true, children: "HOG BOARD" }),
-      activeProfile ? /* @__PURE__ */ jsxs24(Text22, { color: "yellow", children: [
+  return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs25(Box24, { children: [
+      /* @__PURE__ */ jsx25(Text23, { color: "cyan", bold: true, children: "HOG BOARD" }),
+      activeProfile ? /* @__PURE__ */ jsxs25(Text23, { color: "yellow", children: [
         " [",
         activeProfile,
         "]"
       ] }) : null,
-      /* @__PURE__ */ jsxs24(Text22, { color: "gray", children: [
+      /* @__PURE__ */ jsxs25(Text23, { color: "gray", children: [
         " ",
         "\u2014",
         " ",
         dateStr
       ] }),
-      /* @__PURE__ */ jsx24(Text22, { children: " " }),
-      isRefreshing ? /* @__PURE__ */ jsxs24(Fragment5, { children: [
-        /* @__PURE__ */ jsx24(Spinner4, { label: "" }),
-        /* @__PURE__ */ jsx24(Text22, { color: "cyan", children: " Refreshing..." })
-      ] }) : /* @__PURE__ */ jsxs24(Fragment5, { children: [
-        /* @__PURE__ */ jsx24(RefreshAge, { lastRefresh }),
-        consecutiveFailures > 0 ? /* @__PURE__ */ jsx24(Text22, { color: "red", children: " (!)" }) : null
+      /* @__PURE__ */ jsx25(Text23, { children: " " }),
+      isRefreshing ? /* @__PURE__ */ jsxs25(Fragment5, { children: [
+        /* @__PURE__ */ jsx25(Spinner4, { label: "" }),
+        /* @__PURE__ */ jsx25(Text23, { color: "cyan", children: " Refreshing..." })
+      ] }) : /* @__PURE__ */ jsxs25(Fragment5, { children: [
+        /* @__PURE__ */ jsx25(RefreshAge, { lastRefresh }),
+        consecutiveFailures > 0 ? /* @__PURE__ */ jsx25(Text23, { color: "red", children: " (!)" }) : null
       ] }),
-      autoRefreshPaused ? /* @__PURE__ */ jsx24(Text22, { color: "yellow", children: " Auto-refresh paused \u2014 press r to retry" }) : null
+      autoRefreshPaused ? /* @__PURE__ */ jsx25(Text23, { color: "yellow", children: " Auto-refresh paused \u2014 press r to retry" }) : null
     ] }),
-    error ? /* @__PURE__ */ jsxs24(Text22, { color: "red", children: [
+    error ? /* @__PURE__ */ jsxs25(Text23, { color: "red", children: [
       "Error: ",
       error
     ] }) : null,
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       OverlayRenderer,
       {
         uiState: ui.state,
@@ -5896,7 +5906,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
         onPushEntry: pushEntry
       }
     ),
-    !ui.state.helpVisible && ui.state.mode !== "overlay:status" && ui.state.mode !== "overlay:create" && ui.state.mode !== "overlay:createNl" && ui.state.mode !== "overlay:bulkAction" && ui.state.mode !== "overlay:confirmPick" && ui.state.mode !== "focus" ? /* @__PURE__ */ jsx24(
+    !ui.state.helpVisible && ui.state.mode !== "overlay:status" && ui.state.mode !== "overlay:create" && ui.state.mode !== "overlay:createNl" && ui.state.mode !== "overlay:bulkAction" && ui.state.mode !== "overlay:confirmPick" && ui.state.mode !== "focus" ? /* @__PURE__ */ jsx25(
       PanelLayout,
       {
         cols: termSize.cols,
@@ -5908,9 +5918,9 @@ function Dashboard({ config: config2, options, activeProfile }) {
         activityPanel
       }
     ) : null,
-    /* @__PURE__ */ jsx24(ToastContainer, { toasts }),
-    logVisible ? /* @__PURE__ */ jsx24(ActionLog, { entries: logEntries }) : null,
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(ToastContainer, { toasts }),
+    logVisible ? /* @__PURE__ */ jsx25(ActionLog, { entries: logEntries }) : null,
+    /* @__PURE__ */ jsx25(
       HintBar,
       {
         uiMode: ui.state.mode,
@@ -5944,6 +5954,7 @@ var init_dashboard = __esm({
     init_detail_panel();
     init_hint_bar();
     init_overlay_renderer();
+    init_panel();
     init_panel_layout();
     init_repos_panel();
     init_row_renderer();
@@ -5965,10 +5976,10 @@ __export(live_exports, {
   runLiveDashboard: () => runLiveDashboard
 });
 import { render } from "ink";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 async function runLiveDashboard(config2, options, activeProfile) {
   const instance = render(
-    /* @__PURE__ */ jsx25(Dashboard, { config: config2, options, activeProfile: activeProfile ?? null })
+    /* @__PURE__ */ jsx26(Dashboard, { config: config2, options, activeProfile: activeProfile ?? null })
   );
   setInkInstance(instance);
   await instance.waitUntilExit();
@@ -7131,7 +7142,7 @@ function resolveProjectId(projectId) {
   process.exit(1);
 }
 var program = new Command();
-program.name("hog").description("Personal command deck \u2014 unified task dashboard for GitHub Projects + TickTick").version("1.11.0").option("--json", "Force JSON output").option("--human", "Force human-readable output").hook("preAction", (thisCommand) => {
+program.name("hog").description("Personal command deck \u2014 unified task dashboard for GitHub Projects + TickTick").version("1.12.0").option("--json", "Force JSON output").option("--human", "Force human-readable output").hook("preAction", (thisCommand) => {
   const opts = thisCommand.opts();
   if (opts.json) setFormat("json");
   if (opts.human) setFormat("human");