@ondrej-svec/hog 1.10.0 → 1.12.0

package/dist/cli.js

@@ -740,10 +740,11 @@ function fetchProjectEnrichment(repo, projectNumber) {
   const [owner] = repo.split("/");
   if (!owner) return /* @__PURE__ */ new Map();
   const query = `
-    query($owner: String!, $projectNumber: Int!) {
+    query($owner: String!, $projectNumber: Int!, $cursor: String) {
       organization(login: $owner) {
         projectV2(number: $projectNumber) {
-          items(first: 100) {
+          items(first: 100, after: $cursor) {
+            pageInfo { hasNextPage endCursor }
             nodes {
               content {
                 ... on Issue {
@@ -769,33 +770,41 @@ function fetchProjectEnrichment(repo, projectNumber) {
     }
   `;
   try {
-    const result = runGhJson([
-      "api",
-      "graphql",
-      "-f",
-      `query=${query}`,
-      "-F",
-      `owner=${owner}`,
-      "-F",
-      `projectNumber=${String(projectNumber)}`
-    ]);
-    const items = result?.data?.organization?.projectV2?.items?.nodes ?? [];
     const enrichMap = /* @__PURE__ */ new Map();
-    for (const item of items) {
-      if (!item?.content?.number) continue;
-      const enrichment = {};
-      const fieldValues = item.fieldValues?.nodes ?? [];
-      for (const fv of fieldValues) {
-        if (!fv) continue;
-        if ("date" in fv && fv.date && DATE_FIELD_NAME_RE2.test(fv.field?.name ?? "")) {
-          enrichment.targetDate = fv.date;
-        }
-        if ("name" in fv && fv.field?.name === "Status" && fv.name) {
-          enrichment.projectStatus = fv.name;
+    let cursor = null;
+    do {
+      const args = [
+        "api",
+        "graphql",
+        "-f",
+        `query=${query}`,
+        "-F",
+        `owner=${owner}`,
+        "-F",
+        `projectNumber=${String(projectNumber)}`
+      ];
+      if (cursor) args.push("-f", `cursor=${cursor}`);
+      const result = runGhJson(args);
+      const page = result?.data?.organization?.projectV2?.items;
+      const nodes = page?.nodes ?? [];
+      for (const item of nodes) {
+        if (!item?.content?.number) continue;
+        const enrichment = {};
+        const fieldValues = item.fieldValues?.nodes ?? [];
+        for (const fv of fieldValues) {
+          if (!fv) continue;
+          if ("date" in fv && fv.date && DATE_FIELD_NAME_RE2.test(fv.field?.name ?? "")) {
+            enrichment.targetDate = fv.date;
+          }
+          if ("name" in fv && fv.field?.name === "Status" && fv.name) {
+            enrichment.projectStatus = fv.name;
+          }
         }
+        enrichMap.set(item.content.number, enrichment);
       }
-      enrichMap.set(item.content.number, enrichment);
-    }
+      if (!page?.pageInfo?.hasNextPage) break;
+      cursor = page.pageInfo.endCursor ?? null;
+    } while (cursor);
     return enrichMap;
   } catch {
     return /* @__PURE__ */ new Map();
@@ -1630,7 +1639,7 @@ ${dueLine}` : dueLine;
         const output = await createIssueAsync(repo, title, effectiveBody, labels);
         const match = output.match(/\/(\d+)$/);
         const issueNumber = match?.[1] ? parseInt(match[1], 10) : 0;
-        const shortName = repoConfig?.shortName ?? repo;
+        const shortName2 = repoConfig?.shortName ?? repo;
         if (issueNumber > 0 && dueDate && repoConfig?.dueDateFieldId) {
           const dueDateConfig = {
             projectNumber: repoConfig.projectNumber,
@@ -1639,7 +1648,7 @@ ${dueLine}` : dueLine;
           updateProjectItemDateAsync(repo, issueNumber, dueDateConfig, dueDate).catch(() => {
           });
         }
-        t.resolve(`Created ${shortName}#${issueNumber}`);
+        t.resolve(`Created ${shortName2}#${issueNumber}`);
         refresh();
         onOverlayDone();
         return issueNumber > 0 ? { repo, issueNumber } : null;
@@ -1999,8 +2008,13 @@ function useKeyboard({
   selectedRepoStatusOptionsLength,
   actions,
   onSearchEscape,
-  tabNav,
-  statusNav
+  panelFocus,
+  reposNav,
+  statusesNav,
+  activityNav,
+  onRepoEnter,
+  onStatusEnter,
+  onActivityEnter
 }) {
   const {
     exit,
@@ -2036,19 +2050,41 @@ function useKeyboard({
       }
       if (ui.canNavigate) {
         if (input2 === "j" || key.downArrow) {
-          nav.moveDown();
+          switch (panelFocus.activePanelId) {
+            case 1:
+              reposNav.moveDown();
+              break;
+            case 2:
+              statusesNav.moveDown();
+              break;
+            case 3:
+              nav.moveDown();
+              break;
+            case 4:
+              activityNav.moveDown();
+              break;
+            default:
+              break;
+          }
           return;
         }
         if (input2 === "k" || key.upArrow) {
-          nav.moveUp();
-          return;
-        }
-        if (key.tab) {
-          if (ui.state.mode === "multiSelect") {
-            multiSelect.clear();
-            ui.clearMultiSelect();
+          switch (panelFocus.activePanelId) {
+            case 1:
+              reposNav.moveUp();
+              break;
+            case 2:
+              statusesNav.moveUp();
+              break;
+            case 3:
+              nav.moveUp();
+              break;
+            case 4:
+              activityNav.moveUp();
+              break;
+            default:
+              break;
           }
-          key.shift ? tabNav.prev() : tabNav.next();
           return;
         }
       }
@@ -2078,8 +2114,8 @@ function useKeyboard({
       if (input2 === "r" && handleErrorAction("retry")) return;
       if (ui.canAct) {
         const digit = parseInt(input2, 10);
-        if (!Number.isNaN(digit) && digit >= 1 && digit <= tabNav.count) {
-          tabNav.jumpTo(digit - 1);
+        if (!Number.isNaN(digit) && digit >= 0 && digit <= 4) {
+          panelFocus.focusPanel(digit);
           return;
         }
         if (input2 === "/") {
@@ -2096,14 +2132,6 @@ function useKeyboard({
           refresh();
           return;
         }
-        if (input2 === "s") {
-          statusNav?.next();
-          return;
-        }
-        if (input2 === "S") {
-          statusNav?.prev();
-          return;
-        }
         if (input2 === "o") {
           handleSlack();
           return;
@@ -2187,7 +2215,22 @@ function useKeyboard({
           return;
         }
         if (key.return) {
-          handleOpen();
+          switch (panelFocus.activePanelId) {
+            case 1:
+              onRepoEnter();
+              break;
+            case 2:
+              onStatusEnter();
+              break;
+            case 3:
+              handleOpen();
+              break;
+            case 4:
+              onActivityEnter();
+              break;
+            default:
+              break;
+          }
           return;
         }
       }
@@ -2195,8 +2238,13 @@ function useKeyboard({
     [
       ui,
       nav,
-      tabNav,
-      statusNav,
+      panelFocus,
+      reposNav,
+      statusesNav,
+      activityNav,
+      onRepoEnter,
+      onStatusEnter,
+      onActivityEnter,
       exit,
       refresh,
       handleSlack,
@@ -2502,26 +2550,42 @@ var init_use_navigation = __esm({
   }
 });
 
+// src/board/hooks/use-panel-focus.ts
+import { useCallback as useCallback7, useState as useState4 } from "react";
+function usePanelFocus(initialPanel = 3) {
+  const [activePanelId, setActivePanelId] = useState4(initialPanel);
+  const focusPanel = useCallback7((id) => {
+    setActivePanelId(id);
+  }, []);
+  const isPanelActive = useCallback7((id) => activePanelId === id, [activePanelId]);
+  return { activePanelId, focusPanel, isPanelActive };
+}
+var init_use_panel_focus = __esm({
+  "src/board/hooks/use-panel-focus.ts"() {
+    "use strict";
+  }
+});
+
 // src/board/hooks/use-toast.ts
-import { useCallback as useCallback7, useRef as useRef6, useState as useState4 } from "react";
+import { useCallback as useCallback8, useRef as useRef6, useState as useState5 } from "react";
 function useToast() {
-  const [toasts, setToasts] = useState4([]);
+  const [toasts, setToasts] = useState5([]);
   const timersRef = useRef6(/* @__PURE__ */ new Map());
-  const clearTimer = useCallback7((id) => {
+  const clearTimer = useCallback8((id) => {
     const timer = timersRef.current.get(id);
     if (timer) {
       clearTimeout(timer);
       timersRef.current.delete(id);
     }
   }, []);
-  const removeToast = useCallback7(
+  const removeToast = useCallback8(
     (id) => {
       clearTimer(id);
       setToasts((prev) => prev.filter((t) => t.id !== id));
     },
     [clearTimer]
   );
-  const addToast = useCallback7(
+  const addToast = useCallback8(
     (t) => {
       const id = `toast-${++nextId}`;
       const newToast = { ...t, id, createdAt: Date.now() };
@@ -2550,25 +2614,25 @@ function useToast() {
     [removeToast, clearTimer]
   );
   const toast = {
-    info: useCallback7(
+    info: useCallback8(
       (message) => {
         addToast({ type: "info", message });
       },
       [addToast]
     ),
-    success: useCallback7(
+    success: useCallback8(
       (message) => {
         addToast({ type: "success", message });
       },
       [addToast]
     ),
-    error: useCallback7(
+    error: useCallback8(
       (message, retry) => {
         addToast(retry ? { type: "error", message, retry } : { type: "error", message });
       },
       [addToast]
     ),
-    loading: useCallback7(
+    loading: useCallback8(
       (message) => {
         const id = addToast({ type: "loading", message });
         return {
@@ -2585,7 +2649,7 @@ function useToast() {
       [addToast, removeToast]
     )
   };
-  const handleErrorAction = useCallback7(
+  const handleErrorAction = useCallback8(
     (action) => {
       const errorToast = toasts.find((t) => t.type === "error");
       if (!errorToast) return false;
@@ -2615,7 +2679,7 @@ var init_use_toast = __esm({
 });
 
 // src/board/hooks/use-ui-state.ts
-import { useCallback as useCallback8, useReducer as useReducer2 } from "react";
+import { useCallback as useCallback9, useReducer as useReducer2 } from "react";
 function enterStatusMode(state) {
   if (state.mode !== "normal" && state.mode !== "overlay:bulkAction") return state;
   const previousMode = state.mode === "overlay:bulkAction" ? "multiSelect" : "normal";
@@ -2689,22 +2753,22 @@ function useUIState() {
   const [state, dispatch] = useReducer2(uiReducer, INITIAL_STATE2);
   return {
     state,
-    enterSearch: useCallback8(() => dispatch({ type: "ENTER_SEARCH" }), []),
-    enterComment: useCallback8(() => dispatch({ type: "ENTER_COMMENT" }), []),
-    enterStatus: useCallback8(() => dispatch({ type: "ENTER_STATUS" }), []),
-    enterCreate: useCallback8(() => dispatch({ type: "ENTER_CREATE" }), []),
-    enterCreateNl: useCallback8(() => dispatch({ type: "ENTER_CREATE_NL" }), []),
-    enterLabel: useCallback8(() => dispatch({ type: "ENTER_LABEL" }), []),
-    enterMultiSelect: useCallback8(() => dispatch({ type: "ENTER_MULTI_SELECT" }), []),
-    enterBulkAction: useCallback8(() => dispatch({ type: "ENTER_BULK_ACTION" }), []),
-    enterConfirmPick: useCallback8(() => dispatch({ type: "ENTER_CONFIRM_PICK" }), []),
-    enterFocus: useCallback8(() => dispatch({ type: "ENTER_FOCUS" }), []),
-    enterFuzzyPicker: useCallback8(() => dispatch({ type: "ENTER_FUZZY_PICKER" }), []),
-    enterEditIssue: useCallback8(() => dispatch({ type: "ENTER_EDIT_ISSUE" }), []),
-    toggleHelp: useCallback8(() => dispatch({ type: "TOGGLE_HELP" }), []),
-    exitOverlay: useCallback8(() => dispatch({ type: "EXIT_OVERLAY" }), []),
-    exitToNormal: useCallback8(() => dispatch({ type: "EXIT_TO_NORMAL" }), []),
-    clearMultiSelect: useCallback8(() => dispatch({ type: "CLEAR_MULTI_SELECT" }), []),
+    enterSearch: useCallback9(() => dispatch({ type: "ENTER_SEARCH" }), []),
+    enterComment: useCallback9(() => dispatch({ type: "ENTER_COMMENT" }), []),
+    enterStatus: useCallback9(() => dispatch({ type: "ENTER_STATUS" }), []),
+    enterCreate: useCallback9(() => dispatch({ type: "ENTER_CREATE" }), []),
+    enterCreateNl: useCallback9(() => dispatch({ type: "ENTER_CREATE_NL" }), []),
+    enterLabel: useCallback9(() => dispatch({ type: "ENTER_LABEL" }), []),
+    enterMultiSelect: useCallback9(() => dispatch({ type: "ENTER_MULTI_SELECT" }), []),
+    enterBulkAction: useCallback9(() => dispatch({ type: "ENTER_BULK_ACTION" }), []),
+    enterConfirmPick: useCallback9(() => dispatch({ type: "ENTER_CONFIRM_PICK" }), []),
+    enterFocus: useCallback9(() => dispatch({ type: "ENTER_FOCUS" }), []),
+    enterFuzzyPicker: useCallback9(() => dispatch({ type: "ENTER_FUZZY_PICKER" }), []),
+    enterEditIssue: useCallback9(() => dispatch({ type: "ENTER_EDIT_ISSUE" }), []),
+    toggleHelp: useCallback9(() => dispatch({ type: "TOGGLE_HELP" }), []),
+    exitOverlay: useCallback9(() => dispatch({ type: "EXIT_OVERLAY" }), []),
+    exitToNormal: useCallback9(() => dispatch({ type: "EXIT_TO_NORMAL" }), []),
+    clearMultiSelect: useCallback9(() => dispatch({ type: "CLEAR_MULTI_SELECT" }), []),
     canNavigate: canNavigate(state),
     canAct: canAct(state),
     isOverlay: isOverlay(state)
@@ -2724,7 +2788,7 @@ var init_use_ui_state = __esm({
 
 // src/board/components/action-log.tsx
 import { Box, Text } from "ink";
-import { useEffect as useEffect2, useState as useState5 } from "react";
+import { useEffect as useEffect2, useState as useState6 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function relativeTime(ago) {
   const seconds = Math.floor((Date.now() - ago) / 1e3);
@@ -2745,7 +2809,7 @@ function statusColor(status) {
   return "yellow";
 }
 function ActionLog({ entries }) {
-  const [, setTick] = useState5(0);
+  const [, setTick] = useState6(0);
   useEffect2(() => {
     const id = setInterval(() => setTick((t) => t + 1), 5e3);
     return () => clearInterval(id);
@@ -2784,14 +2848,88 @@ var init_action_log = __esm({
   }
 });
 
-// src/board/components/detail-panel.tsx
+// src/board/components/panel.tsx
 import { Box as Box2, Text as Text2 } from "ink";
-import { useEffect as useEffect3 } from "react";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function truncateLines(text, maxLines) {
-  const lines = text.split("\n").slice(0, maxLines);
-  return lines.join("\n");
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+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__ */ 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 Box4, Text as Text4 } from "ink";
+import { useEffect as useEffect3 } from "react";
+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();
 }
@@ -2810,11 +2948,11 @@ function BodySection({
   issueNumber
 }) {
   const { text, remaining } = formatBody(body, 15);
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2(Text2, { children: "" }),
-    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "--- Description ---" }),
-    /* @__PURE__ */ jsx2(Text2, { wrap: "wrap", children: text }),
-    remaining > 0 ? /* @__PURE__ */ jsxs2(Text2, { 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 ",
@@ -2835,8 +2973,8 @@ function formatCommentAge(createdAt) {
 }
 function DetailPanel({
   issue,
-  task: task2,
   width,
+  isActive,
   commentsState,
   fetchComments,
   issueRepo
@@ -2846,174 +2984,108 @@ function DetailPanel({
     if (commentsState !== null && commentsState !== void 0) return;
     fetchComments(issueRepo, issue.number);
   }, [issue, issueRepo, fetchComments, commentsState]);
-  if (!(issue || task2)) {
-    return /* @__PURE__ */ jsx2(
-      Box2,
-      {
-        width,
-        borderStyle: "single",
-        borderColor: "gray",
-        flexDirection: "column",
-        paddingX: 1,
-        children: /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "No item selected" })
-      }
-    );
-  }
-  if (issue) {
-    return /* @__PURE__ */ jsxs2(
-      Box2,
-      {
-        width,
-        borderStyle: "single",
-        borderColor: "cyan",
-        flexDirection: "column",
-        paddingX: 1,
-        children: [
-          /* @__PURE__ */ jsxs2(Text2, { color: "cyan", bold: true, children: [
-            "#",
-            issue.number,
-            " ",
-            issue.title
-          ] }),
-          /* @__PURE__ */ jsx2(Text2, { children: "" }),
-          /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "State: " }),
-            /* @__PURE__ */ jsx2(Text2, { color: issue.state === "open" ? "green" : "red", children: issue.state })
-          ] }),
-          (issue.assignees ?? []).length > 0 ? /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Assignees: " }),
-            /* @__PURE__ */ jsx2(Text2, { children: (issue.assignees ?? []).map((a) => a.login).join(", ") })
-          ] }) : null,
-          issue.labels.length > 0 ? /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Labels: " }),
-            /* @__PURE__ */ jsx2(Text2, { children: issue.labels.map((l) => l.name).join(", ") })
-          ] }) : null,
-          issue.projectStatus ? /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Status: " }),
-            /* @__PURE__ */ jsx2(Text2, { color: "magenta", children: issue.projectStatus })
-          ] }) : null,
-          issue.targetDate ? /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Target: " }),
-            /* @__PURE__ */ jsx2(Text2, { children: issue.targetDate })
-          ] }) : null,
-          /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Updated: " }),
-            /* @__PURE__ */ jsx2(Text2, { children: new Date(issue.updatedAt).toLocaleString() })
-          ] }),
-          issue.slackThreadUrl ? /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Slack: " }),
-            /* @__PURE__ */ jsx2(Text2, { color: "blue", children: countSlackLinks(issue.body) > 1 ? `${countSlackLinks(issue.body)} links (s opens first)` : "thread (s to open)" })
-          ] }) : null,
-          issue.body ? /* @__PURE__ */ jsx2(BodySection, { body: issue.body, issueNumber: issue.number }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx2(Text2, { children: "" }),
-            /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "(no description)" })
-          ] }),
-          /* @__PURE__ */ jsx2(Text2, { children: "" }),
-          /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "--- Comments ---" }),
-          commentsState === "loading" ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "fetching comments..." }) : commentsState === "error" ? /* @__PURE__ */ jsx2(Text2, { color: "red", children: "could not load comments" }) : commentsState && commentsState.length === 0 ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No comments yet." }) : commentsState && commentsState.length > 0 ? commentsState.slice(-5).map((comment, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: stable list
-            /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 1, children: [
-              /* @__PURE__ */ jsxs2(Text2, { color: "cyan", children: [
-                "@",
-                comment.author.login,
-                " \xB7 ",
-                formatCommentAge(comment.createdAt)
-              ] }),
-              /* @__PURE__ */ jsxs2(Text2, { wrap: "wrap", children: [
-                " ",
-                comment.body.split("\n")[0]
-              ] })
-            ] }, i)
-          )) : /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "fetching comments..." }),
-          /* @__PURE__ */ jsx2(Text2, { children: "" }),
-          /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, children: issue.url })
-        ]
-      }
-    );
+  if (!issue) {
+    return /* @__PURE__ */ jsx4(Panel, { title: "[0] Detail", isActive, width, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "No item selected" }) });
   }
-  const t = task2;
-  return /* @__PURE__ */ jsxs2(
-    Box2,
-    {
-      width,
-      borderStyle: "single",
-      borderColor: "yellow",
-      flexDirection: "column",
-      paddingX: 1,
-      children: [
-        /* @__PURE__ */ jsx2(Text2, { color: "yellow", bold: true, children: t.title }),
-        /* @__PURE__ */ jsx2(Text2, { children: "" }),
-        /* @__PURE__ */ jsxs2(Box2, { children: [
-          /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Priority: " }),
-          /* @__PURE__ */ jsx2(Text2, { children: PRIORITY_LABELS2[t.priority] ?? "None" })
+  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)
         ] }),
-        t.dueDate ? /* @__PURE__ */ jsxs2(Box2, { children: [
-          /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Due: " }),
-          /* @__PURE__ */ jsx2(Text2, { children: new Date(t.dueDate).toLocaleDateString() })
-        ] }) : null,
-        (t.tags ?? []).length > 0 ? /* @__PURE__ */ jsxs2(Box2, { children: [
-          /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Tags: " }),
-          /* @__PURE__ */ jsx2(Text2, { children: t.tags.join(", ") })
-        ] }) : null,
-        t.content ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx2(Text2, { children: "" }),
-          /* @__PURE__ */ jsx2(Text2, { children: truncateLines(t.content, 8) })
-        ] }) : null,
-        (t.items ?? []).length > 0 ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx2(Text2, { children: "" }),
-          /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "Checklist:" }),
-          t.items.slice(0, 5).map((item) => /* @__PURE__ */ jsxs2(Text2, { children: [
-            item.status === 2 ? "\u2611" : "\u2610",
-            " ",
-            item.title
-          ] }, item.id)),
-          t.items.length > 5 ? /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
-            "...and ",
-            t.items.length - 5,
-            " more"
-          ] }) : null
-        ] }) : null
-      ]
-    }
-  );
+        /* @__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, PRIORITY_LABELS2;
+var SLACK_URL_RE;
 var init_detail_panel = __esm({
   "src/board/components/detail-panel.tsx"() {
     "use strict";
-    init_types();
+    init_panel();
     SLACK_URL_RE = /https:\/\/[^/]+\.slack\.com\/archives\/[A-Z0-9]+\/p[0-9]+/gi;
-    PRIORITY_LABELS2 = {
-      [5 /* High */]: "High",
-      [3 /* Medium */]: "Medium",
-      [1 /* Low */]: "Low",
-      [0 /* None */]: "None"
-    };
   }
 });
 
 // src/board/components/hint-bar.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function HintBar({ uiMode, multiSelectCount, searchQuery, mineOnly, hasUndoable }) {
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function HintBar({
+  uiMode,
+  activePanelId,
+  multiSelectCount,
+  searchQuery,
+  mineOnly,
+  hasUndoable
+}) {
   if (uiMode === "multiSelect") {
-    return /* @__PURE__ */ jsxs3(Box3, { children: [
-      /* @__PURE__ */ jsxs3(Text3, { color: "cyan", bold: true, children: [
+    return /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: "cyan", bold: true, children: [
         "[MULTI-SELECT] ",
         multiSelectCount,
         " selected"
       ] }),
-      /* @__PURE__ */ jsx3(Text3, { 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__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { 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__ */ jsxs3(Box3, { children: [
-      /* @__PURE__ */ jsx3(Text3, { color: "yellow", bold: true, children: "[SEARCH]" }),
-      /* @__PURE__ */ jsx3(Text3, { color: "gray", children: " type to filter Enter:confirm Esc:clear" }),
-      searchQuery ? /* @__PURE__ */ jsxs3(Text3, { 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,
         '"'
@@ -3021,19 +3093,22 @@ function HintBar({ uiMode, multiSelectCount, searchQuery, mineOnly, hasUndoable
     ] });
   }
   if (uiMode === "overlay:fuzzyPicker") {
-    return /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { 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__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "j/k:nav Enter:select Esc:cancel" }) });
-  }
-  return /* @__PURE__ */ jsxs3(Box3, { children: [
-    /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-      "j/k:nav Tab:repo s/S:status Enter:open m:status c:comment F:find t:@me e:edit",
-      hasUndoable ? "  u:undo" : "",
-      " ?:more q:quit"
-    ] }),
-    mineOnly ? /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: " filter:@me" }) : null,
-    searchQuery ? /* @__PURE__ */ jsxs3(Text3, { color: "yellow", children: [
+    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",
+    1: "j/k:move  Enter:filter  0-4:panel  ? help",
+    2: "j/k:move  Enter:filter  Esc:clear  0-4:panel  ? help",
+    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__ */ 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,
       '"'
@@ -3047,9 +3122,9 @@ var init_hint_bar = __esm({
 });
 
 // src/board/components/bulk-action-menu.tsx
-import { Box as Box4, Text as Text4, useInput as useInput2 } from "ink";
-import { useState as useState6 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text6, useInput as useInput2 } from "ink";
+import { useState as useState7 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function getMenuItems(selectionType) {
   if (selectionType === "github") {
     return [
@@ -3068,7 +3143,7 @@ function getMenuItems(selectionType) {
 }
 function BulkActionMenu({ count, selectionType, onSelect, onCancel }) {
   const items = getMenuItems(selectionType);
-  const [selectedIdx, setSelectedIdx] = useState6(0);
+  const [selectedIdx, setSelectedIdx] = useState7(0);
   useInput2((input2, key) => {
     if (key.escape) return onCancel();
     if (key.return) {
@@ -3084,13 +3159,13 @@ function BulkActionMenu({ count, selectionType, onSelect, onCancel }) {
     }
   });
   if (items.length === 0) {
-    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "No bulk actions for mixed selection types." }),
-      /* @__PURE__ */ jsx4(Text4, { 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__ */ jsxs4(Box4, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs4(Text4, { color: "cyan", bold: true, children: [
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs6(Text6, { color: "cyan", bold: true, children: [
       "Bulk action (",
       count,
       " selected):"
@@ -3098,12 +3173,12 @@ function BulkActionMenu({ count, selectionType, onSelect, onCancel }) {
     items.map((item, i) => {
       const isSelected = i === selectedIdx;
       const prefix = isSelected ? "> " : "  ";
-      return /* @__PURE__ */ jsxs4(Text4, { ...isSelected ? { color: "cyan" } : {}, children: [
+      return /* @__PURE__ */ jsxs6(Text6, { ...isSelected ? { color: "cyan" } : {}, children: [
         prefix,
         item.label
       ] }, item.action.type);
     }),
-    /* @__PURE__ */ jsx4(Text4, { 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({
@@ -3133,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 Box5, Text as Text5, useInput as useInput3, useStdin } from "ink";
-import { useEffect as useEffect4, useRef as useRef7, useState as useState7 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+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 jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function CommentInput({
   issueNumber,
   onSubmit,
@@ -3143,8 +3218,8 @@ function CommentInput({
   onPauseRefresh,
   onResumeRefresh
 }) {
-  const [value, setValue] = useState7("");
-  const [editing, setEditing] = useState7(false);
+  const [value, setValue] = useState8("");
+  const [editing, setEditing] = useState8(false);
   const { setRawMode } = useStdin();
   const onSubmitRef = useRef7(onSubmit);
   const onCancelRef = useRef7(onCancel);
@@ -3202,19 +3277,19 @@ function CommentInput({
     }
   }, [editing, value, setRawMode]);
   if (editing) {
-    return /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsxs5(Text5, { color: "cyan", children: [
+    return /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsxs7(Text7, { color: "cyan", children: [
       "Opening editor for #",
       issueNumber,
       "\u2026"
     ] }) });
   }
-  return /* @__PURE__ */ jsxs5(Box5, { children: [
-    /* @__PURE__ */ jsxs5(Text5, { color: "cyan", children: [
+  return /* @__PURE__ */ jsxs7(Box7, { children: [
+    /* @__PURE__ */ jsxs7(Text7, { color: "cyan", children: [
       "comment #",
       issueNumber,
       ": "
     ] }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx7(
       TextInput,
       {
         defaultValue: value,
@@ -3236,16 +3311,16 @@ var init_comment_input = __esm({
 });
 
 // src/board/components/confirm-prompt.tsx
-import { Box as Box6, Text as Text6, useInput as useInput4 } from "ink";
-import { jsx as jsx6, jsxs as jsxs6 } 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__ */ jsxs6(Box6, { children: [
-    /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: message }),
-    /* @__PURE__ */ jsx6(Text6, { 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({
@@ -3256,9 +3331,9 @@ var init_confirm_prompt = __esm({
 
 // src/board/components/label-picker.tsx
 import { Spinner } from "@inkjs/ui";
-import { Box as Box7, Text as Text7, useInput as useInput5 } from "ink";
-import { useEffect as useEffect5, useRef as useRef8, useState as useState8 } from "react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+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 jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function LabelPicker({
   repo,
   currentLabels,
@@ -3267,11 +3342,11 @@ function LabelPicker({
   onCancel,
   onError
 }) {
-  const [labels, setLabels] = useState8(labelCache[repo] ?? null);
-  const [loading, setLoading] = useState8(labels === null);
-  const [fetchAttempted, setFetchAttempted] = useState8(false);
-  const [selected, setSelected] = useState8(new Set(currentLabels));
-  const [cursor, setCursor] = useState8(0);
+  const [labels, setLabels] = useState9(labelCache[repo] ?? null);
+  const [loading, setLoading] = useState9(labels === null);
+  const [fetchAttempted, setFetchAttempted] = useState9(false);
+  const [selected, setSelected] = useState9(new Set(currentLabels));
+  const [cursor, setCursor] = useState9(0);
   const submittedRef = useRef8(false);
   useEffect5(() => {
     if (labels !== null || fetchAttempted) return;
@@ -3333,21 +3408,21 @@ function LabelPicker({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsx7(Spinner, { label: "Fetching labels..." }) });
+    return /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsx9(Spinner, { label: "Fetching labels..." }) });
   }
   const allLabels = labels ?? [];
   if (allLabels.length === 0) {
-    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Text7, { color: "cyan", bold: true, children: "Labels:" }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "No labels in this repo" }),
-      /* @__PURE__ */ jsx7(Text7, { 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__ */ jsxs7(Box7, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx7(Text7, { color: "cyan", bold: true, children: "Labels (Space:toggle Enter:confirm Esc:cancel):" }),
-    orphanedLabels.map((name) => /* @__PURE__ */ jsxs7(Text7, { 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,
@@ -3356,7 +3431,7 @@ function LabelPicker({
     allLabels.map((label, i) => {
       const isSel = i === cursor;
       const isChecked = selected.has(label.name);
-      return /* @__PURE__ */ jsxs7(Text7, { ...isSel ? { color: "cyan" } : {}, children: [
+      return /* @__PURE__ */ jsxs9(Text9, { ...isSel ? { color: "cyan" } : {}, children: [
         isSel ? ">" : " ",
         " ",
         isChecked ? "[x]" : "[ ]",
@@ -3375,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 Box8, Text as Text8, useInput as useInput6 } from "ink";
-import { useState as useState9 } from "react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Box as Box10, Text as Text10, useInput as useInput6 } from "ink";
+import { useState as useState10 } from "react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function CreateIssueForm({
   repos,
   defaultRepo,
@@ -3389,9 +3464,9 @@ function CreateIssueForm({
     0,
     repos.findIndex((r) => r.name === defaultRepo)
   ) : 0;
-  const [repoIdx, setRepoIdx] = useState9(defaultRepoIdx);
-  const [title, setTitle] = useState9("");
-  const [field, setField] = useState9("title");
+  const [repoIdx, setRepoIdx] = useState10(defaultRepoIdx);
+  const [title, setTitle] = useState10("");
+  const [field, setField] = useState10("title");
   useInput6((input2, key) => {
     if (field === "labels") return;
     if (key.escape) return onCancel();
@@ -3408,15 +3483,15 @@ function CreateIssueForm({
   });
   const selectedRepo = repos[repoIdx];
   if (field === "labels" && selectedRepo) {
-    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "cyan", bold: true, children: "Create Issue \u2014 Add Labels (optional)" }),
-      /* @__PURE__ */ jsxs8(Text8, { 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__ */ jsx8(
+      /* @__PURE__ */ jsx10(
         LabelPicker,
         {
           repo: selectedRepo.name,
@@ -3441,12 +3516,12 @@ function CreateIssueForm({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Text8, { color: "cyan", bold: true, children: "Create Issue" }),
-    /* @__PURE__ */ jsxs8(Box8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { dimColor: field !== "repo", children: "Repo: " }),
-      repos.map((r, i) => /* @__PURE__ */ jsx8(
-        Text8,
+  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",
@@ -3454,11 +3529,11 @@ function CreateIssueForm({
         },
         r.name
       )),
-      field === "repo" ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: " j/k:select Tab:next" }) : null
+      field === "repo" ? /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " j/k:select Tab:next" }) : null
     ] }),
-    /* @__PURE__ */ jsxs8(Box8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { dimColor: field !== "title", children: "Title: " }),
-      field === "title" ? /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsxs10(Box10, { children: [
+      /* @__PURE__ */ jsx10(Text10, { dimColor: field !== "title", children: "Title: " }),
+      field === "title" ? /* @__PURE__ */ jsx10(
         TextInput2,
         {
           defaultValue: title,
@@ -3475,9 +3550,9 @@ function CreateIssueForm({
             }
           }
         }
-      ) : /* @__PURE__ */ jsx8(Text8, { children: title || "(empty)" })
+      ) : /* @__PURE__ */ jsx10(Text10, { children: title || "(empty)" })
     ] }),
-    /* @__PURE__ */ jsx8(Text8, { 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({
@@ -3492,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 Box9, Text as Text9, useStdin as useStdin2 } from "ink";
-import { useEffect as useEffect6, useRef as useRef9, useState as useState10 } from "react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+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 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(", ");
@@ -3577,7 +3652,7 @@ function EditIssueOverlay({
   onToastError,
   onPushEntry
 }) {
-  const [editing, setEditing] = useState10(true);
+  const [editing, setEditing] = useState11(true);
   const { setRawMode } = useStdin2();
   const onDoneRef = useRef9(onDone);
   const onPauseRef = useRef9(onPauseRefresh);
@@ -3736,7 +3811,7 @@ function EditIssueOverlay({
     onPushEntry
   ]);
   if (!editing) return null;
-  return /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsxs9(Text9, { color: "cyan", children: [
+  return /* @__PURE__ */ jsx11(Box11, { children: /* @__PURE__ */ jsxs11(Text11, { color: "cyan", children: [
     "Opening editor for #",
     issue.number,
     "\u2026"
@@ -3752,17 +3827,17 @@ var init_edit_issue_overlay = __esm({
 });
 
 // src/board/components/focus-mode.tsx
-import { Box as Box10, Text as Text10, useInput as useInput7 } from "ink";
-import { useCallback as useCallback9, useEffect as useEffect7, useRef as useRef10, useState as useState11 } from "react";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+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 jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function formatTime(secs) {
   const m = Math.floor(secs / 60);
   const s = secs % 60;
   return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
 }
 function FocusMode({ label, durationSec, onExit, onEndAction }) {
-  const [remaining, setRemaining] = useState11(durationSec);
-  const [timerDone, setTimerDone] = useState11(false);
+  const [remaining, setRemaining] = useState12(durationSec);
+  const [timerDone, setTimerDone] = useState12(false);
   const bellSentRef = useRef10(false);
   useEffect7(() => {
     if (timerDone) return;
@@ -3784,7 +3859,7 @@ function FocusMode({ label, durationSec, onExit, onEndAction }) {
       process.stdout.write("\x07");
     }
   }, [timerDone]);
-  const handleInput = useCallback9(
+  const handleInput = useCallback10(
     (input2, key) => {
       if (key.escape) {
         if (timerDone) {
@@ -3811,23 +3886,23 @@ function FocusMode({ label, durationSec, onExit, onEndAction }) {
   );
   useInput7(handleInput);
   if (timerDone) {
-    return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs10(Box10, { children: [
-        /* @__PURE__ */ jsx10(Text10, { color: "green", bold: true, children: "Focus complete!" }),
-        /* @__PURE__ */ jsxs10(Text10, { 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__ */ jsxs10(Box10, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "[c]" }),
-        /* @__PURE__ */ jsx10(Text10, { children: " Continue " }),
-        /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "[b]" }),
-        /* @__PURE__ */ jsx10(Text10, { children: " Break " }),
-        /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "[d]" }),
-        /* @__PURE__ */ jsx10(Text10, { children: " Done " }),
-        /* @__PURE__ */ jsx10(Text10, { color: "gray", children: "[Esc]" }),
-        /* @__PURE__ */ jsx10(Text10, { 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" })
       ] })
     ] });
   }
@@ -3835,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__ */ jsxs10(Box10, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs10(Box10, { children: [
-      /* @__PURE__ */ jsxs10(Text10, { 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__ */ jsx10(Text10, { children: label })
+      /* @__PURE__ */ jsx12(Text12, { children: label })
     ] }),
-    /* @__PURE__ */ jsxs10(Box10, { children: [
-      /* @__PURE__ */ jsx10(Text10, { color: "magenta", children: bar }),
-      /* @__PURE__ */ jsx10(Text10, { children: " " }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: formatTime(remaining) }),
-      /* @__PURE__ */ jsx10(Text10, { 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__ */ jsx10(Text10, { 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({
@@ -3861,18 +3936,18 @@ 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 Box11, Text as Text11, useInput as useInput8 } from "ink";
-import { useMemo as useMemo2, useState as useState12 } from "react";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text13, useInput as useInput8 } from "ink";
+import { useMemo as useMemo2, useState as useState13 } from "react";
+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;
   return offset;
 }
 function FuzzyPicker({ repos, onSelect, onClose }) {
-  const [query, setQuery] = useState12("");
-  const [cursor, setCursor] = useState12(0);
-  const [scrollOffset, setScrollOffset] = useState12(0);
+  const [query, setQuery] = useState13("");
+  const [cursor, setCursor] = useState13(0);
+  const [scrollOffset, setScrollOffset] = useState13(0);
   const allIssues = useMemo2(() => {
     const items = [];
     for (const rd of repos) {
@@ -3955,13 +4030,13 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
   });
   const visibleResults = results.slice(scrollOffset, scrollOffset + VISIBLE);
   const totalCount = results.length;
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs11(Box11, { children: [
-      /* @__PURE__ */ jsxs11(Text11, { 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__ */ jsxs11(Text11, { color: "gray", children: [
+      /* @__PURE__ */ jsxs13(Text13, { color: "gray", children: [
         "(",
         totalCount,
         " match",
@@ -3969,14 +4044,14 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
         ")",
         " "
       ] }),
-      /* @__PURE__ */ jsx11(Text11, { 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__ */ jsxs11(Box11, { children: [
-      /* @__PURE__ */ jsxs11(Text11, { color: "yellow", children: [
+    /* @__PURE__ */ jsxs13(Box13, { children: [
+      /* @__PURE__ */ jsxs13(Text13, { color: "yellow", children: [
         ">",
         " "
       ] }),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx13(
         TextInput3,
         {
           defaultValue: query,
@@ -3993,7 +4068,7 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
         }
       )
     ] }),
-    scrollOffset > 0 ? /* @__PURE__ */ jsxs11(Text11, { color: "gray", dimColor: true, children: [
+    scrollOffset > 0 ? /* @__PURE__ */ jsxs13(Text13, { color: "gray", dimColor: true, children: [
       "\u25B2 ",
       scrollOffset,
       " more above"
@@ -4002,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__ */ jsx11(Box11, { children: isSelected ? /* @__PURE__ */ jsxs11(Text11, { color: "cyan", bold: true, children: [
+      return /* @__PURE__ */ jsx13(Box13, { children: isSelected ? /* @__PURE__ */ jsxs13(Text13, { color: "cyan", bold: true, children: [
         ">",
         " ",
         issue.repoShortName,
@@ -4012,7 +4087,7 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
         issue.title,
         labelStr,
         assigneeStr
-      ] }) : /* @__PURE__ */ jsxs11(Text11, { children: [
+      ] }) : /* @__PURE__ */ jsxs13(Text13, { children: [
         "  ",
         issue.repoShortName,
         "#",
@@ -4023,12 +4098,12 @@ function FuzzyPicker({ repos, onSelect, onClose }) {
         assigneeStr
       ] }) }, issue.navId);
     }),
-    totalCount === 0 ? /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+    totalCount === 0 ? /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
       'No issues match "',
       query,
       '"'
     ] }) : null,
-    results.length > scrollOffset + VISIBLE ? /* @__PURE__ */ jsxs11(Text11, { color: "gray", dimColor: true, children: [
+    results.length > scrollOffset + VISIBLE ? /* @__PURE__ */ jsxs13(Text13, { color: "gray", dimColor: true, children: [
       "\u25BC ",
       results.length - scrollOffset - VISIBLE,
       " more below"
@@ -4042,29 +4117,29 @@ var init_fuzzy_picker = __esm({
 });
 
 // src/board/components/help-overlay.tsx
-import { Box as Box12, Text as Text12, useInput as useInput9 } from "ink";
-import { jsx as jsx12, jsxs as jsxs12 } 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__ */ jsxs12(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs12(Box12, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx12(Text12, { color: "cyan", bold: true, children: "Keyboard Shortcuts" }),
-      /* @__PURE__ */ jsxs12(Text12, { 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__ */ jsx12(Text12, { children: " " }),
-    SHORTCUTS.map((group) => /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx12(Text12, { color: "yellow", bold: true, children: group.category }),
-      group.items.map((item) => /* @__PURE__ */ jsxs12(Box12, { children: [
-        /* @__PURE__ */ jsx12(Box12, { width: 16, children: /* @__PURE__ */ jsx12(Text12, { color: "green", children: item.key }) }),
-        /* @__PURE__ */ jsx12(Text12, { 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__ */ jsx12(Text12, { dimColor: true, children: "Press ? or Esc to close" })
+    /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "Press ? or Esc to close" })
   ] });
 }
 var SHORTCUTS;
@@ -4130,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 Box13, Text as Text13, useInput as useInput10, useStdin as useStdin3 } from "ink";
-import { useCallback as useCallback10, useEffect as useEffect8, useRef as useRef11, useState as useState13 } from "react";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+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 jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function NlCreateOverlay({
   repos,
   defaultRepoName,
@@ -4143,13 +4218,13 @@ function NlCreateOverlay({
   onResumeRefresh,
   onLlmFallback
 }) {
-  const [, setInput] = useState13("");
-  const [isParsing, setIsParsing] = useState13(false);
-  const [parsed, setParsed] = useState13(null);
-  const [parseError, setParseError] = useState13(null);
-  const [step, setStep] = useState13("input");
-  const [body, setBody] = useState13("");
-  const [editingBody, setEditingBody] = useState13(false);
+  const [, setInput] = useState14("");
+  const [isParsing, setIsParsing] = useState14(false);
+  const [parsed, setParsed] = useState14(null);
+  const [parseError, setParseError] = useState14(null);
+  const [step, setStep] = useState14("input");
+  const [body, setBody] = useState14("");
+  const [editingBody, setEditingBody] = useState14(false);
   const submittedRef = useRef11(false);
   const parseParamsRef = useRef11(null);
   const onSubmitRef = useRef11(onSubmit);
@@ -4165,7 +4240,7 @@ function NlCreateOverlay({
     0,
     repos.findIndex((r) => r.name === defaultRepoName)
   ) : 0;
-  const [repoIdx, setRepoIdx] = useState13(defaultRepoIdx);
+  const [repoIdx, setRepoIdx] = useState14(defaultRepoIdx);
   const selectedRepo = repos[repoIdx];
   useInput10((inputChar, key) => {
     if (isParsing || editingBody) return;
@@ -4225,7 +4300,7 @@ function NlCreateOverlay({
       setEditingBody(false);
     }
   }, [editingBody, body, setRawMode]);
-  const handleInputSubmit = useCallback10(
+  const handleInputSubmit = useCallback11(
     (text) => {
       const trimmed = text.trim();
       if (!trimmed) return;
@@ -4258,27 +4333,27 @@ function NlCreateOverlay({
     });
   }, [isParsing, onLlmFallback]);
   if (isParsing) {
-    return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx13(Text13, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
-      /* @__PURE__ */ jsx13(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__ */ jsxs13(Box13, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx13(Text13, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
-        /* @__PURE__ */ jsx13(Text13, { 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__ */ jsxs13(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx13(Text13, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
-      /* @__PURE__ */ jsxs13(Box13, { children: [
-        /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Title: " }),
-        /* @__PURE__ */ jsx13(Text13, { 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__ */ jsxs13(Box13, { children: [
-        /* @__PURE__ */ jsx13(Text13, { color: "cyan", children: "body: " }),
-        /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { color: "cyan", children: "body: " }),
+        /* @__PURE__ */ jsx15(
           TextInput4,
           {
             defaultValue: body,
@@ -4300,45 +4375,45 @@ function NlCreateOverlay({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx13(Text13, { 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__ */ jsxs13(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx13(Text13, { color: "cyan", bold: true, children: "\u2728 Creating Issue" }),
-      /* @__PURE__ */ jsxs13(Box13, { children: [
-        /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Repo: " }),
-        /* @__PURE__ */ jsx13(Text13, { color: "cyan", children: selectedRepo?.shortName ?? "(none)" }),
-        repos.length > 1 ? /* @__PURE__ */ jsx13(Text13, { 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__ */ jsxs13(Box13, { children: [
-        /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Title: " }),
-        /* @__PURE__ */ jsx13(Text13, { children: parsed.title })
+      /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Title: " }),
+        /* @__PURE__ */ jsx15(Text15, { children: parsed.title })
       ] }),
-      labels.length > 0 ? /* @__PURE__ */ jsxs13(Box13, { children: [
-        /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Labels: " }),
-        /* @__PURE__ */ jsx13(Text13, { 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__ */ jsxs13(Box13, { children: [
-        /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Assignee: " }),
-        /* @__PURE__ */ jsxs13(Text13, { children: [
+      parsed.assignee ? /* @__PURE__ */ jsxs15(Box15, { children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Assignee: " }),
+        /* @__PURE__ */ jsxs15(Text15, { children: [
           "@",
           parsed.assignee
         ] })
       ] }) : null,
-      parsed.dueDate ? /* @__PURE__ */ jsxs13(Box13, { children: [
-        /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Due: " }),
-        /* @__PURE__ */ jsx13(Text13, { 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__ */ jsx13(Text13, { dimColor: true, children: "Enter:add body Esc:cancel" })
+      /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Enter:add body Esc:cancel" })
     ] });
   }
-  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx13(Text13, { color: "cyan", bold: true, children: "\u2728 What do you need to do?" }),
-    /* @__PURE__ */ jsxs13(Box13, { children: [
-      /* @__PURE__ */ jsx13(Text13, { color: "cyan", children: "> " }),
-      /* @__PURE__ */ jsx13(
+  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",
@@ -4347,8 +4422,8 @@ function NlCreateOverlay({
         }
       )
     ] }),
-    parseError ? /* @__PURE__ */ jsx13(Text13, { color: "red", children: parseError }) : null,
-    /* @__PURE__ */ jsx13(Text13, { 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) {
@@ -4368,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 Box14, Text as Text14 } from "ink";
-import { jsx as jsx14, jsxs as jsxs14 } 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__ */ jsxs14(Box14, { children: [
-    /* @__PURE__ */ jsx14(Text14, { color: "yellow", children: "/" }),
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs16(Box16, { children: [
+    /* @__PURE__ */ jsx16(Text16, { color: "yellow", children: "/" }),
+    /* @__PURE__ */ jsx16(
       TextInput5,
       {
         defaultValue,
@@ -4391,9 +4466,9 @@ var init_search_bar = __esm({
 });
 
 // src/board/components/status-picker.tsx
-import { Box as Box15, Text as Text15, useInput as useInput11 } from "ink";
-import { useRef as useRef12, useState as useState14 } from "react";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box17, Text as Text17, useInput as useInput11 } from "ink";
+import { useRef as useRef12, useState as useState15 } from "react";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 function isTerminal(name) {
   return TERMINAL_STATUS_RE.test(name);
 }
@@ -4440,11 +4515,11 @@ function StatusPicker({
   onCancel,
   showTerminalStatuses = true
 }) {
-  const [selectedIdx, setSelectedIdx] = useState14(() => {
+  const [selectedIdx, setSelectedIdx] = useState15(() => {
     const idx = options.findIndex((o) => o.name === currentStatus);
     return idx >= 0 ? idx : 0;
   });
-  const [confirmingTerminal, setConfirmingTerminal] = useState14(false);
+  const [confirmingTerminal, setConfirmingTerminal] = useState15(false);
   const submittedRef = useRef12(false);
   useInput11((input2, key) => {
     if (confirmingTerminal) {
@@ -4469,26 +4544,26 @@ function StatusPicker({
   });
   if (confirmingTerminal) {
     const opt = options[selectedIdx];
-    return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs15(Text15, { 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__ */ jsx15(Text15, { dimColor: true, children: "This will close the issue on GitHub." }),
-      /* @__PURE__ */ jsx15(Text15, { 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__ */ jsxs15(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx15(Text15, { 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__ */ jsxs15(
-        Text15,
+      return /* @__PURE__ */ jsxs17(
+        Text17,
         {
           ...isSelected ? { color: "cyan" } : terminal ? { color: "yellow" } : {},
           dimColor: isCurrent,
@@ -4501,7 +4576,7 @@ function StatusPicker({
         opt.id
       );
     }),
-    /* @__PURE__ */ jsx15(Text15, { 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({
@@ -4512,7 +4587,7 @@ var init_status_picker = __esm({
 });
 
 // src/board/components/overlay-renderer.tsx
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 function OverlayRenderer({
   uiState,
   config: config2,
@@ -4553,9 +4628,9 @@ function OverlayRenderer({
   onPushEntry
 }) {
   const { mode, helpVisible } = uiState;
-  return /* @__PURE__ */ jsxs16(Fragment2, { children: [
-    helpVisible ? /* @__PURE__ */ jsx16(HelpOverlay, { currentMode: mode, onClose: onToggleHelp }) : null,
-    mode === "overlay:status" && selectedRepoStatusOptions.length > 0 ? /* @__PURE__ */ jsx16(
+  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,
@@ -4564,7 +4639,7 @@ function OverlayRenderer({
         onCancel: onExitOverlay
       }
     ) : null,
-    mode === "overlay:create" ? /* @__PURE__ */ jsx16(
+    mode === "overlay:create" ? /* @__PURE__ */ jsx18(
       CreateIssueForm,
       {
         repos: config2.repos,
@@ -4574,7 +4649,7 @@ function OverlayRenderer({
         labelCache
       }
     ) : null,
-    mode === "overlay:confirmPick" ? /* @__PURE__ */ jsx16(
+    mode === "overlay:confirmPick" ? /* @__PURE__ */ jsx18(
       ConfirmPrompt,
       {
         message: "Pick this issue?",
@@ -4582,7 +4657,7 @@ function OverlayRenderer({
         onCancel: onCancelPick
       }
     ) : null,
-    mode === "overlay:bulkAction" ? /* @__PURE__ */ jsx16(
+    mode === "overlay:bulkAction" ? /* @__PURE__ */ jsx18(
       BulkActionMenu,
       {
         count: multiSelectCount,
@@ -4591,7 +4666,7 @@ function OverlayRenderer({
         onCancel: onExitOverlay
       }
     ) : null,
-    mode === "focus" && focusLabel ? /* @__PURE__ */ jsx16(
+    mode === "focus" && focusLabel ? /* @__PURE__ */ jsx18(
       FocusMode,
       {
         label: focusLabel,
@@ -4601,7 +4676,7 @@ function OverlayRenderer({
       },
       focusKey
     ) : null,
-    mode === "overlay:label" && selectedIssue && defaultRepo ? /* @__PURE__ */ jsx16(
+    mode === "overlay:label" && selectedIssue && defaultRepo ? /* @__PURE__ */ jsx18(
       LabelPicker,
       {
         repo: defaultRepo,
@@ -4612,8 +4687,8 @@ function OverlayRenderer({
         onError: onLabelError
       }
     ) : null,
-    mode === "search" ? /* @__PURE__ */ jsx16(SearchBar, { defaultValue: searchQuery, onChange: onSearchChange, onSubmit: onSearchSubmit }) : null,
-    mode === "overlay:comment" && selectedIssue ? /* @__PURE__ */ jsx16(
+    mode === "search" ? /* @__PURE__ */ jsx18(SearchBar, { defaultValue: searchQuery, onChange: onSearchChange, onSubmit: onSearchSubmit }) : null,
+    mode === "overlay:comment" && selectedIssue ? /* @__PURE__ */ jsx18(
       CommentInput,
       {
         issueNumber: selectedIssue.number,
@@ -4623,8 +4698,8 @@ function OverlayRenderer({
         onResumeRefresh
       }
     ) : null,
-    mode === "overlay:fuzzyPicker" ? /* @__PURE__ */ jsx16(FuzzyPicker, { repos, onSelect: onFuzzySelect, onClose: onFuzzyClose }) : null,
-    mode === "overlay:createNl" ? /* @__PURE__ */ jsx16(
+    mode === "overlay:fuzzyPicker" ? /* @__PURE__ */ jsx18(FuzzyPicker, { repos, onSelect: onFuzzySelect, onClose: onFuzzyClose }) : null,
+    mode === "overlay:createNl" ? /* @__PURE__ */ jsx18(
       NlCreateOverlay,
       {
         repos: config2.repos,
@@ -4637,7 +4712,7 @@ function OverlayRenderer({
         onLlmFallback
       }
     ) : null,
-    mode === "overlay:editIssue" && selectedIssue && selectedRepoName ? /* @__PURE__ */ jsx16(
+    mode === "overlay:editIssue" && selectedIssue && selectedRepoName ? /* @__PURE__ */ jsx18(
       EditIssueOverlay,
       {
         issue: selectedIssue,
@@ -4673,9 +4748,104 @@ var init_overlay_renderer = __esm({
   }
 });
 
+// src/board/components/panel-layout.tsx
+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";
+  return "stacked";
+}
+function getDetailWidth(cols) {
+  return Math.floor(cols * 0.4);
+}
+function PanelLayout({
+  cols,
+  issuesPanelHeight,
+  reposPanel,
+  statusesPanel,
+  issuesPanel,
+  detailPanel,
+  activityPanel
+}) {
+  const mode = getLayoutMode(cols);
+  if (mode === "wide") {
+    const detailWidth = getDetailWidth(cols);
+    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__ */ jsx19(Box18, { flexGrow: 1, flexDirection: "column", children: issuesPanel }),
+        /* @__PURE__ */ jsx19(Box18, { width: detailWidth, flexDirection: "column", children: detailPanel })
+      ] }),
+      /* @__PURE__ */ jsx19(Box18, { height: ACTIVITY_HEIGHT, children: activityPanel })
+    ] });
+  }
+  if (mode === "medium") {
+    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__ */ jsx19(Box18, { flexGrow: 1, flexDirection: "column", children: issuesPanel })
+      ] }),
+      /* @__PURE__ */ jsx19(Box18, { height: ACTIVITY_HEIGHT, children: activityPanel })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
+    reposPanel,
+    statusesPanel,
+    /* @__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;
+var init_panel_layout = __esm({
+  "src/board/components/panel-layout.tsx"() {
+    "use strict";
+    WIDE_THRESHOLD = 160;
+    MEDIUM_THRESHOLD = 100;
+    LEFT_COL_WIDTH = 24;
+    ACTIVITY_HEIGHT = 5;
+  }
+});
+
+// src/board/components/repos-panel.tsx
+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, 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 Box16, Text as Text16 } from "ink";
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs17 } 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;
 }
@@ -4716,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__ */ jsxs17(Box16, { children: [
-    isSelected ? /* @__PURE__ */ jsx17(Text16, { color: "cyan", bold: true, children: "\u25B6 " }) : /* @__PURE__ */ jsx17(Text16, { children: "  " }),
-    /* @__PURE__ */ jsxs17(Text16, { 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__ */ jsx17(Text16, { children: " " }),
-    isSelected ? /* @__PURE__ */ jsx17(Text16, { color: "white", bold: true, children: titleStr }) : /* @__PURE__ */ jsx17(Text16, { children: titleStr }),
-    /* @__PURE__ */ jsx17(Text16, { children: " " }),
-    /* @__PURE__ */ jsx17(Box16, { width: LABEL_COL_WIDTH, children: labels.map((l, i) => /* @__PURE__ */ jsxs17(Text16, { 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__ */ jsxs17(Text16, { color: labelColor(l.name), children: [
+      /* @__PURE__ */ jsxs21(Text19, { color: labelColor(l.name), children: [
         "[",
         truncate(l.name, 12),
         "]"
       ] })
     ] }, l.name)) }),
-    /* @__PURE__ */ jsx17(Text16, { children: " " }),
-    /* @__PURE__ */ jsx17(Text16, { color: assigneeColor, children: assigneeText.padEnd(14) }),
-    /* @__PURE__ */ jsx17(Text16, { children: " " }),
-    /* @__PURE__ */ jsx17(Text16, { color: "gray", children: timeAgo2(issue.updatedAt).padStart(4) }),
-    target.text ? /* @__PURE__ */ jsxs17(Fragment3, { children: [
-      /* @__PURE__ */ jsx17(Text16, { children: " " }),
-      /* @__PURE__ */ jsx17(Text16, { 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
   ] });
 }
@@ -4762,68 +4932,21 @@ var init_issue_row = __esm({
   }
 });
 
-// src/board/components/task-row.tsx
-import { Box as Box17, Text as Text17 } from "ink";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
-function truncate2(s, max) {
-  return s.length > max ? `${s.slice(0, max - 1)}\u2026` : s;
-}
-function formatDue2(dateStr) {
-  if (!dateStr) return { text: "", color: "gray" };
-  const d = new Date(dateStr);
-  const days = Math.ceil((d.getTime() - Date.now()) / 864e5);
-  if (days < 0) return { text: `${Math.abs(days)}d overdue`, color: "red" };
-  if (days === 0) return { text: "today", color: "yellow" };
-  if (days === 1) return { text: "tomorrow", color: "white" };
-  if (days <= 7) return { text: `in ${days}d`, color: "white" };
-  return {
-    text: d.toLocaleDateString("en-US", { month: "short", day: "numeric" }),
-    color: "gray"
-  };
-}
-function TaskRow({ task: task2, isSelected }) {
-  const pri = PRIORITY_INDICATORS[task2.priority] ?? DEFAULT_PRIORITY;
-  const due = formatDue2(task2.dueDate);
-  const titleStr = truncate2(task2.title, 45).padEnd(45);
-  return /* @__PURE__ */ jsxs18(Box17, { children: [
-    isSelected ? /* @__PURE__ */ jsx18(Text17, { color: "cyan", bold: true, children: "\u25B6 " }) : /* @__PURE__ */ jsx18(Text17, { children: "  " }),
-    /* @__PURE__ */ jsx18(Text17, { color: pri.color, children: pri.text }),
-    /* @__PURE__ */ jsx18(Text17, { children: " " }),
-    isSelected ? /* @__PURE__ */ jsx18(Text17, { color: "white", bold: true, children: titleStr }) : /* @__PURE__ */ jsx18(Text17, { children: titleStr }),
-    /* @__PURE__ */ jsx18(Text17, { children: " " }),
-    /* @__PURE__ */ jsx18(Text17, { color: due.color, children: due.text })
-  ] });
-}
-var PRIORITY_INDICATORS, DEFAULT_PRIORITY;
-var init_task_row = __esm({
-  "src/board/components/task-row.tsx"() {
-    "use strict";
-    init_types();
-    PRIORITY_INDICATORS = {
-      [5 /* High */]: { text: "[!]", color: "red" },
-      [3 /* Medium */]: { text: "[~]", color: "yellow" },
-      [1 /* Low */]: { text: "[\u2193]", color: "blue" },
-      [0 /* None */]: { text: "   ", color: "gray" }
-    };
-    DEFAULT_PRIORITY = { text: "   ", color: "gray" };
-  }
-});
-
 // src/board/components/row-renderer.tsx
-import { Box as Box18, Text as Text18 } from "ink";
-import { jsx as jsx19, jsxs as jsxs19 } 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__ */ jsxs19(Box18, { children: [
-        /* @__PURE__ */ jsxs19(Text18, { 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__ */ jsxs19(Text18, { color: "gray", children: [
+        /* @__PURE__ */ jsxs22(Text20, { color: "gray", children: [
           " ",
           "(",
           row.count,
@@ -4837,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__ */ jsxs19(Box18, { children: [
-          /* @__PURE__ */ jsxs19(Text18, { color: isSel ? "cyan" : "gray", children: [
+        return /* @__PURE__ */ jsxs22(Box21, { children: [
+          /* @__PURE__ */ jsxs22(Text20, { color: isSel ? "cyan" : "gray", children: [
             "  ",
             arrow,
             " ",
             row.text
           ] }),
-          /* @__PURE__ */ jsxs19(Text18, { color: "gray", children: [
+          /* @__PURE__ */ jsxs22(Text20, { color: "gray", children: [
             " (",
             row.count,
             ")"
           ] })
         ] });
       }
-      return /* @__PURE__ */ jsxs19(Box18, { children: [
-        /* @__PURE__ */ jsxs19(Text18, { bold: true, color: "white", children: [
+      return /* @__PURE__ */ jsxs22(Box21, { children: [
+        /* @__PURE__ */ jsxs22(Text20, { bold: true, color: "white", children: [
           " ",
           row.text
         ] }),
-        row.count != null ? /* @__PURE__ */ jsxs19(Text18, { color: "gray", children: [
+        row.count != null ? /* @__PURE__ */ jsxs22(Text20, { color: "gray", children: [
           " (",
           row.count,
           ")"
@@ -4865,32 +4988,25 @@ function RowRenderer({ row, selectedId, selfLogin, isMultiSelected }) {
     }
     case "issue": {
       const checkbox2 = isMultiSelected != null ? isMultiSelected ? "\u2611 " : "\u2610 " : "";
-      return /* @__PURE__ */ jsxs19(Box18, { children: [
-        checkbox2 ? /* @__PURE__ */ jsx19(Text18, { color: isMultiSelected ? "cyan" : "gray", children: checkbox2 }) : null,
-        /* @__PURE__ */ jsx19(IssueRow, { issue: row.issue, selfLogin, isSelected: selectedId === row.navId })
-      ] });
-    }
-    case "task": {
-      const checkbox2 = isMultiSelected != null ? isMultiSelected ? "\u2611 " : "\u2610 " : "";
-      return /* @__PURE__ */ jsxs19(Box18, { children: [
-        checkbox2 ? /* @__PURE__ */ jsx19(Text18, { color: isMultiSelected ? "cyan" : "gray", children: checkbox2 }) : null,
-        /* @__PURE__ */ jsx19(TaskRow, { task: row.task, 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 = timeAgo(row.event.timestamp);
-      return /* @__PURE__ */ jsxs19(Text18, { dimColor: true, children: [
+      const ago = new Date(row.event.timestamp).toLocaleTimeString();
+      return /* @__PURE__ */ jsxs22(Text20, { dimColor: true, children: [
         "  ",
         ago,
         ": ",
-        /* @__PURE__ */ jsxs19(Text18, { color: "gray", children: [
+        /* @__PURE__ */ jsxs22(Text20, { color: "gray", children: [
           "@",
           row.event.actor
         ] }),
         " ",
         row.event.summary,
         " ",
-        /* @__PURE__ */ jsxs19(Text18, { dimColor: true, children: [
+        /* @__PURE__ */ jsxs22(Text20, { dimColor: true, children: [
           "(",
           row.event.repoShortName,
           ")"
@@ -4898,85 +5014,71 @@ function RowRenderer({ row, selectedId, selfLogin, isMultiSelected }) {
       ] });
     }
     case "error":
-      return /* @__PURE__ */ jsxs19(Text18, { color: "red", children: [
+      return /* @__PURE__ */ jsxs22(Text20, { color: "red", children: [
         " Error: ",
         row.text
       ] });
     case "gap":
-      return /* @__PURE__ */ jsx19(Text18, { children: "" });
+      return /* @__PURE__ */ jsx22(Text20, { children: "" });
   }
 }
 var init_row_renderer = __esm({
   "src/board/components/row-renderer.tsx"() {
     "use strict";
-    init_constants();
     init_issue_row();
-    init_task_row();
   }
 });
 
-// src/board/components/status-tab-bar.tsx
-import { Box as Box19, Text as Text19 } from "ink";
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
-function StatusTabBar({ tabs, activeTabId, totalWidth }) {
-  if (tabs.length === 0) return null;
-  return /* @__PURE__ */ jsx20(Box19, { width: totalWidth, children: tabs.map((tab) => {
-    const isActive = tab.id === activeTabId;
-    return /* @__PURE__ */ jsx20(Box19, { marginRight: 2, children: /* @__PURE__ */ jsxs20(Text19, { bold: isActive, color: isActive ? "cyan" : "gray", children: [
-      "[",
-      isActive ? "\u25BA " : "",
-      tab.label,
-      " ",
-      tab.count,
-      "]"
-    ] }) }, tab.id);
-  }) });
-}
-var init_status_tab_bar = __esm({
-  "src/board/components/status-tab-bar.tsx"() {
-    "use strict";
-  }
-});
-
-// src/board/components/tab-bar.tsx
-import { Box as Box20, Text as Text20 } from "ink";
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
-function TabBar({ tabs, activeTabId, totalWidth }) {
-  return /* @__PURE__ */ jsx21(Box20, { width: totalWidth, children: tabs.map((tab, i) => {
-    const isActive = tab.id === activeTabId;
-    return /* @__PURE__ */ jsx21(Box20, { marginRight: 2, children: /* @__PURE__ */ jsxs21(Text20, { bold: isActive, color: isActive ? "cyan" : "gray", children: [
-      i + 1,
-      ":",
-      tab.label,
-      " (",
-      tab.count,
-      ")"
-    ] }) }, tab.id);
+// src/board/components/statuses-panel.tsx
+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_tab_bar = __esm({
-  "src/board/components/tab-bar.tsx"() {
+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 Box21, Text as Text21 } from "ink";
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs22 } 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__ */ jsx22(Box21, { flexDirection: "column", children: toasts.map((t) => /* @__PURE__ */ jsx22(Box21, { children: t.type === "loading" ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
-    /* @__PURE__ */ jsx22(Spinner3, { label: "" }),
-    /* @__PURE__ */ jsxs22(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__ */ jsxs22(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__ */ jsx22(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;
@@ -5000,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 Box22, Text as Text22, useApp, useStdout } from "ink";
-import { useCallback as useCallback11, useEffect as useEffect9, useMemo as useMemo3, useRef as useRef13, useState as useState15 } from "react";
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+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 jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 function resolveStatusGroups(statusOptions, configuredGroups) {
   if (configuredGroups && configuredGroups.length > 0) {
     return configuredGroups.map((entry) => {
@@ -5040,7 +5142,7 @@ function groupByStatus(issues) {
   }
   return groups;
 }
-function buildBoardTree(repos, tasks, activity) {
+function buildBoardTree(repos, activity) {
   const sections = repos.map((rd) => {
     const sectionId = rd.repo.name;
     if (rd.error) {
@@ -5069,72 +5171,58 @@ function buildBoardTree(repos, tasks, activity) {
     }
     return { repo: rd.repo, sectionId, groups, error: null };
   });
-  return { activity, sections, tasks };
+  return { activity, sections };
 }
-function buildTabs(tree) {
-  const tabs = tree.sections.map(({ repo, groups }) => ({
-    id: repo.name,
-    label: repo.shortName,
-    count: groups.reduce((s, g) => s + g.issues.length, 0)
-  }));
-  if (tree.activity.length > 0)
-    tabs.push({ id: "activity", label: "Activity", count: tree.activity.length });
-  if (tree.tasks.length > 0)
-    tabs.push({ id: "ticktick", label: "Tasks", count: tree.tasks.length });
-  return tabs;
-}
-function isRepoTab(tabId) {
-  return tabId !== null && tabId !== "activity" && tabId !== "ticktick";
-}
-function buildStatusTabs(tabId, tree) {
-  if (!isRepoTab(tabId)) return [];
-  const section = tree.sections.find((s) => s.sectionId === tabId);
+function buildNavItemsForRepo(sections, repoName, statusGroupId) {
+  if (!repoName) return [];
+  const section = sections.find((s) => s.sectionId === repoName);
   if (!section) return [];
-  return section.groups.map((g) => ({ id: g.subId, label: g.label, count: g.issues.length }));
-}
-function buildNavItemsForTab(tabId, tree, activeStatusId) {
-  if (tabId === "activity") return [];
-  if (tabId === "ticktick")
-    return tree.tasks.map((task2) => ({
-      id: `tt:${task2.id}`,
-      section: tabId,
-      type: "item"
-    }));
-  const section = tree.sections.find((s) => s.sectionId === tabId);
-  if (!section) return [];
-  const activeGroup = section.groups.find((g) => g.subId === activeStatusId) ?? section.groups[0];
+  const activeGroup = section.groups.find((g) => g.subId === statusGroupId) ?? section.groups[0];
   if (!activeGroup) return [];
   return activeGroup.issues.map((issue) => ({
     id: `gh:${section.repo.name}:${issue.number}`,
-    section: tabId,
+    section: repoName,
     type: "item"
   }));
 }
-function buildFlatRowsForTab(tabId, tree, activeStatusId) {
-  if (tabId === "activity")
-    return tree.activity.map((event, i) => ({
-      type: "activity",
-      key: `act:${i}`,
-      navId: null,
-      event
-    }));
-  if (tabId === "ticktick")
-    return tree.tasks.map((task2) => ({
-      type: "task",
-      key: `tt:${task2.id}`,
-      navId: `tt:${task2.id}`,
-      task: task2
-    }));
-  const section = tree.sections.find((s) => s.sectionId === tabId);
+function buildFlatRowsForRepo(sections, repoName, statusGroupId) {
+  if (!repoName) {
+    return [
+      {
+        type: "subHeader",
+        key: "select-repo",
+        navId: null,
+        text: "Select a repo in panel [1]"
+      }
+    ];
+  }
+  const section = sections.find((s) => s.sectionId === repoName);
   if (!section) return [];
-  if (section.error)
-    return [{ type: "error", key: `error:${tabId}`, navId: null, text: section.error }];
-  if (section.groups.length === 0)
+  if (section.error) {
+    return [{ type: "error", key: `error:${repoName}`, navId: null, text: section.error }];
+  }
+  if (section.groups.length === 0) {
     return [
-      { type: "subHeader", key: `empty:${tabId}`, navId: null, text: "No open issues" }
+      {
+        type: "subHeader",
+        key: `empty:${repoName}`,
+        navId: null,
+        text: "No open issues"
+      }
     ];
-  const activeGroup = section.groups.find((g) => g.subId === activeStatusId) ?? section.groups[0];
+  }
+  const activeGroup = section.groups.find((g) => g.subId === statusGroupId) ?? section.groups[0];
   if (!activeGroup) return [];
+  if (activeGroup.issues.length === 0) {
+    return [
+      {
+        type: "subHeader",
+        key: `empty-group:${statusGroupId}`,
+        navId: null,
+        text: "No issues in this status group"
+      }
+    ];
+  }
   return activeGroup.issues.map((issue) => ({
     type: "issue",
     key: `gh:${section.repo.name}:${issue.number}`,
@@ -5161,13 +5249,13 @@ function findSelectedIssueWithRepo(repos, selectedId) {
   return null;
 }
 function RefreshAge({ lastRefresh }) {
-  const [, setTick] = useState15(0);
+  const [, setTick] = useState16(0);
   useEffect9(() => {
     const id = setInterval(() => setTick((t) => t + 1), 1e4);
     return () => clearInterval(id);
   }, []);
   if (!lastRefresh) return null;
-  return /* @__PURE__ */ jsxs23(Text22, { color: refreshAgeColor(lastRefresh), children: [
+  return /* @__PURE__ */ jsxs25(Text23, { color: refreshAgeColor(lastRefresh), children: [
     "Updated ",
     timeAgo(lastRefresh)
   ] });
@@ -5191,19 +5279,16 @@ function Dashboard({ config: config2, options, activeProfile }) {
     clearPendingMutation
   } = useData(config2, options, refreshMs);
   const allRepos = useMemo3(() => data?.repos ?? [], [data?.repos]);
-  const allTasks = useMemo3(
-    () => config2.ticktick.enabled ? data?.ticktick ?? [] : [],
-    [data?.ticktick, config2.ticktick.enabled]
-  );
   const allActivity = useMemo3(() => data?.activity ?? [], [data?.activity]);
   const ui = useUIState();
-  const [searchQuery, setSearchQuery] = useState15("");
-  const [mineOnly, setMineOnly] = useState15(false);
-  const handleToggleMine = useCallback11(() => {
+  const panelFocus = usePanelFocus(3);
+  const [searchQuery, setSearchQuery] = useState16("");
+  const [mineOnly, setMineOnly] = useState16(false);
+  const handleToggleMine = useCallback12(() => {
     setMineOnly((prev) => !prev);
   }, []);
   const { toasts, toast, handleErrorAction } = useToast();
-  const [logVisible, setLogVisible] = useState15(false);
+  const [logVisible, setLogVisible] = useState16(false);
   const { entries: logEntries, pushEntry, undoLast, hasUndoable } = useActionLog(toast, refresh);
   useEffect9(() => {
     const last = logEntries[logEntries.length - 1];
@@ -5227,69 +5312,75 @@ function Dashboard({ config: config2, options, activeProfile }) {
     const q = searchQuery.toLowerCase();
     return filtered.map((rd) => ({ ...rd, issues: rd.issues.filter((i) => i.title.toLowerCase().includes(q)) })).filter((rd) => rd.issues.length > 0);
   }, [allRepos, searchQuery, mineOnly, config2.board.assignee]);
-  const tasks = useMemo3(() => {
-    if (!searchQuery) return allTasks;
-    const q = searchQuery.toLowerCase();
-    return allTasks.filter((t) => t.title.toLowerCase().includes(q));
-  }, [allTasks, searchQuery]);
-  const boardTree = useMemo3(
-    () => buildBoardTree(repos, tasks, allActivity),
-    [repos, tasks, allActivity]
-  );
-  const tabs = useMemo3(() => buildTabs(boardTree), [boardTree]);
-  const [activeTabId, setActiveTabId] = useState15(null);
-  const effectiveTabId = activeTabId ?? tabs[0]?.id ?? null;
-  const activeTabIdx = tabs.findIndex((t) => t.id === effectiveTabId);
-  const nextTab = useCallback11(() => {
-    if (tabs.length === 0) return;
-    setActiveTabId(tabs[(Math.max(activeTabIdx, 0) + 1) % tabs.length]?.id ?? null);
-    setActiveStatusId(null);
-  }, [activeTabIdx, tabs]);
-  const prevTab = useCallback11(() => {
-    if (tabs.length === 0) return;
-    setActiveTabId(tabs[(Math.max(activeTabIdx, 0) - 1 + tabs.length) % tabs.length]?.id ?? null);
-    setActiveStatusId(null);
-  }, [activeTabIdx, tabs]);
-  const jumpToTab = useCallback11(
-    (idx) => {
-      const tab = tabs[idx];
-      if (tab) {
-        setActiveTabId(tab.id);
-        setActiveStatusId(null);
-      }
-    },
-    [tabs]
+  const boardTree = useMemo3(() => buildBoardTree(repos, allActivity), [repos, allActivity]);
+  const [selectedRepoIdx, setSelectedRepoIdx] = useState16(0);
+  const clampedRepoIdx = Math.min(selectedRepoIdx, Math.max(0, boardTree.sections.length - 1));
+  const reposNav = {
+    moveUp: useCallback12(() => setSelectedRepoIdx((i) => Math.max(0, i - 1)), []),
+    moveDown: useCallback12(
+      () => setSelectedRepoIdx((i) => Math.min(Math.max(0, boardTree.sections.length - 1), i + 1)),
+      [boardTree.sections.length]
+    )
+  };
+  const [selectedStatusIdx, setSelectedStatusIdx] = useState16(0);
+  const selectedSection = boardTree.sections[clampedRepoIdx] ?? null;
+  const clampedStatusIdx = Math.min(
+    selectedStatusIdx,
+    Math.max(0, (selectedSection?.groups.length ?? 1) - 1)
   );
-  const [activeStatusId, setActiveStatusId] = useState15(null);
-  const statusTabs = useMemo3(
-    () => buildStatusTabs(effectiveTabId, boardTree),
-    [effectiveTabId, boardTree]
+  const statusesNav = {
+    moveUp: useCallback12(() => setSelectedStatusIdx((i) => Math.max(0, i - 1)), []),
+    moveDown: useCallback12(
+      () => setSelectedStatusIdx(
+        (i) => Math.min(Math.max(0, (selectedSection?.groups.length ?? 1) - 1), i + 1)
+      ),
+      [selectedSection?.groups.length]
+    )
+  };
+  const [activitySelectedIdx, setActivitySelectedIdx] = useState16(0);
+  const clampedActivityIdx = Math.min(
+    activitySelectedIdx,
+    Math.max(0, boardTree.activity.length - 1)
   );
-  const effectiveStatusId = activeStatusId ?? statusTabs[0]?.id ?? null;
-  const activeStatusIdx = statusTabs.findIndex((t) => t.id === effectiveStatusId);
-  const nextStatus = useCallback11(() => {
-    if (statusTabs.length === 0) return;
-    setActiveStatusId(
-      statusTabs[(Math.max(activeStatusIdx, 0) + 1) % statusTabs.length]?.id ?? null
-    );
-  }, [activeStatusIdx, statusTabs]);
-  const prevStatus = useCallback11(() => {
-    if (statusTabs.length === 0) return;
-    setActiveStatusId(
-      statusTabs[(Math.max(activeStatusIdx, 0) - 1 + statusTabs.length) % statusTabs.length]?.id ?? null
+  const activityNav = {
+    moveUp: useCallback12(() => setActivitySelectedIdx((i) => Math.max(0, i - 1)), []),
+    moveDown: useCallback12(
+      () => setActivitySelectedIdx((i) => Math.min(Math.max(0, boardTree.activity.length - 1), i + 1)),
+      [boardTree.activity.length]
+    )
+  };
+  const selectedRepoName = selectedSection?.sectionId ?? null;
+  const selectedStatusGroup = selectedSection?.groups[clampedStatusIdx] ?? null;
+  const selectedStatusGroupId = selectedStatusGroup?.subId ?? null;
+  const onRepoEnter = useCallback12(() => {
+    setSelectedStatusIdx(0);
+    panelFocus.focusPanel(3);
+  }, [panelFocus]);
+  const onStatusEnter = useCallback12(() => {
+    panelFocus.focusPanel(3);
+  }, [panelFocus]);
+  const onActivityEnter = useCallback12(() => {
+    const event = boardTree.activity[clampedActivityIdx];
+    if (!event) return;
+    const repoIdx = boardTree.sections.findIndex(
+      (s) => s.repo.shortName === event.repoShortName || s.sectionId.endsWith(`/${event.repoShortName}`)
     );
-  }, [activeStatusIdx, statusTabs]);
+    if (repoIdx >= 0) {
+      setSelectedRepoIdx(repoIdx);
+      setSelectedStatusIdx(0);
+      panelFocus.focusPanel(3);
+    }
+  }, [boardTree, clampedActivityIdx, panelFocus]);
   const navItems = useMemo3(
-    () => buildNavItemsForTab(effectiveTabId ?? "", boardTree, effectiveStatusId),
-    [effectiveTabId, boardTree, effectiveStatusId]
+    () => buildNavItemsForRepo(boardTree.sections, selectedRepoName, selectedStatusGroupId),
+    [boardTree.sections, selectedRepoName, selectedStatusGroupId]
   );
   const nav = useNavigation(navItems);
-  const getRepoForId = useCallback11((id) => {
+  const getRepoForId = useCallback12((id) => {
     if (id.startsWith("gh:")) {
       const parts = id.split(":");
       return parts.length >= 3 ? `${parts[1]}` : null;
     }
-    if (id.startsWith("tt:")) return "ticktick";
     return null;
   }, []);
   const multiSelect = useMultiSelect(getRepoForId);
@@ -5313,8 +5404,8 @@ function Dashboard({ config: config2, options, activeProfile }) {
   const pendingPickRef = useRef13(null);
   const labelCacheRef = useRef13({});
   const commentCacheRef = useRef13({});
-  const [commentTick, setCommentTick] = useState15(0);
-  const handleFetchComments = useCallback11((repo, issueNumber) => {
+  const [commentTick, setCommentTick] = useState16(0);
+  const handleFetchComments = useCallback12((repo, issueNumber) => {
     const key = `${repo}:${issueNumber}`;
     if (commentCacheRef.current[key] !== void 0) return;
     commentCacheRef.current[key] = "loading";
@@ -5327,7 +5418,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
       setCommentTick((t) => t + 1);
     });
   }, []);
-  const handleCreateIssueWithPrompt = useCallback11(
+  const handleCreateIssueWithPrompt = useCallback12(
     (repo, title, body, dueDate, labels) => {
       actions.handleCreateIssue(repo, title, body, dueDate, labels).then((result) => {
         if (result) {
@@ -5338,7 +5429,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [actions, ui]
   );
-  const handleConfirmPick = useCallback11(() => {
+  const handleConfirmPick = useCallback12(() => {
     const pending = pendingPickRef.current;
     pendingPickRef.current = null;
     ui.exitOverlay();
@@ -5356,12 +5447,12 @@ function Dashboard({ config: config2, options, activeProfile }) {
       })
     );
   }, [config2, toast, refresh, ui]);
-  const handleCancelPick = useCallback11(() => {
+  const handleCancelPick = useCallback12(() => {
     pendingPickRef.current = null;
     ui.exitOverlay();
   }, [ui]);
-  const [focusLabel, setFocusLabel] = useState15(null);
-  const handleEnterFocus = useCallback11(() => {
+  const [focusLabel, setFocusLabel] = useState16(null);
+  const handleEnterFocus = useCallback12(() => {
     const id = nav.selectedId;
     if (!id || isHeaderId(id)) return;
     let label = "";
@@ -5371,20 +5462,16 @@ function Dashboard({ config: config2, options, activeProfile }) {
         const rc = config2.repos.find((r) => r.name === found.repoName);
         label = `${rc?.shortName ?? found.repoName}#${found.issue.number} \u2014 ${found.issue.title}`;
       }
-    } else if (id.startsWith("tt:")) {
-      const taskId = id.slice(3);
-      const task2 = tasks.find((t) => t.id === taskId);
-      if (task2) label = task2.title;
     }
     if (!label) return;
     setFocusLabel(label);
     ui.enterFocus();
-  }, [nav.selectedId, repos, tasks, config2.repos, ui]);
-  const handleFocusExit = useCallback11(() => {
+  }, [nav.selectedId, repos, config2.repos, ui]);
+  const handleFocusExit = useCallback12(() => {
     setFocusLabel(null);
     ui.exitToNormal();
   }, [ui]);
-  const handleFocusEndAction = useCallback11(
+  const handleFocusEndAction = useCallback12(
     (action) => {
       switch (action) {
         case "restart":
@@ -5410,9 +5497,9 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [toast, ui]
   );
-  const [focusKey, setFocusKey] = useState15(0);
+  const [focusKey, setFocusKey] = useState16(0);
   const { stdout } = useStdout();
-  const [termSize, setTermSize] = useState15({
+  const [termSize, setTermSize] = useState16({
     cols: stdout?.columns ?? 80,
     rows: stdout?.rows ?? 24
   });
@@ -5424,24 +5511,33 @@ function Dashboard({ config: config2, options, activeProfile }) {
       stdout.off("resize", onResize);
     };
   }, [stdout]);
-  const showDetailPanel = termSize.cols >= 120;
-  const detailPanelWidth = showDetailPanel ? Math.floor(termSize.cols * 0.35) : 0;
+  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;
-  const chromeRows = isRepoTab(effectiveTabId) ? CHROME_ROWS_REPO : CHROME_ROWS_OTHER;
-  const viewportHeight = Math.max(
-    5,
-    termSize.rows - chromeRows - overlayBarRows - toastRows - logPaneRows
+  const totalPanelHeight = Math.max(
+    8,
+    termSize.rows - CHROME_ROWS - overlayBarRows - toastRows - logPaneRows
   );
+  const issuesPanelHeight = Math.max(5, totalPanelHeight - ACTIVITY_HEIGHT);
   const flatRows = useMemo3(
-    () => buildFlatRowsForTab(effectiveTabId ?? "", boardTree, effectiveStatusId),
-    [effectiveTabId, boardTree, effectiveStatusId]
+    () => buildFlatRowsForRepo(boardTree.sections, selectedRepoName, selectedStatusGroupId),
+    [boardTree.sections, selectedRepoName, selectedStatusGroupId]
   );
   const scrollRef = useRef13(0);
-  const prevTabIdRef = useRef13(null);
-  if (effectiveTabId !== prevTabIdRef.current) {
-    prevTabIdRef.current = effectiveTabId;
+  const prevRepoRef = useRef13(null);
+  const prevStatusRef = useRef13(null);
+  if (selectedRepoName !== prevRepoRef.current || selectedStatusGroupId !== prevStatusRef.current) {
+    prevRepoRef.current = selectedRepoName;
+    prevStatusRef.current = selectedStatusGroupId;
     scrollRef.current = 0;
   }
   const selectedRowIdx = useMemo3(
@@ -5451,35 +5547,29 @@ function Dashboard({ config: config2, options, activeProfile }) {
   if (selectedRowIdx >= 0) {
     if (selectedRowIdx < scrollRef.current) {
       scrollRef.current = selectedRowIdx;
-    } else if (selectedRowIdx >= scrollRef.current + viewportHeight) {
-      scrollRef.current = selectedRowIdx - viewportHeight + 1;
+    } else if (selectedRowIdx >= scrollRef.current + issuesPanelHeight) {
+      scrollRef.current = selectedRowIdx - issuesPanelHeight + 1;
     }
   }
-  const maxOffset = Math.max(0, flatRows.length - viewportHeight);
+  const maxOffset = Math.max(0, flatRows.length - issuesPanelHeight);
   scrollRef.current = Math.max(0, Math.min(scrollRef.current, maxOffset));
-  const visibleRows = flatRows.slice(scrollRef.current, scrollRef.current + viewportHeight);
+  const visibleRows = flatRows.slice(scrollRef.current, scrollRef.current + issuesPanelHeight);
   const hasMoreAbove = scrollRef.current > 0;
-  const hasMoreBelow = scrollRef.current + viewportHeight < flatRows.length;
+  const hasMoreBelow = scrollRef.current + issuesPanelHeight < flatRows.length;
   const aboveCount = scrollRef.current;
-  const belowCount = flatRows.length - scrollRef.current - viewportHeight;
+  const belowCount = flatRows.length - scrollRef.current - issuesPanelHeight;
   const selectedItem = useMemo3(() => {
     const id = nav.selectedId;
-    if (!id || isHeaderId(id)) return { issue: null, task: null, repoName: null };
+    if (!id || isHeaderId(id)) return { issue: null, repoName: null };
     if (id.startsWith("gh:")) {
       for (const rd of repos) {
         for (const issue of rd.issues) {
-          if (`gh:${rd.repo.name}:${issue.number}` === id)
-            return { issue, task: null, repoName: rd.repo.name };
+          if (`gh:${rd.repo.name}:${issue.number}` === id) return { issue, repoName: rd.repo.name };
         }
       }
     }
-    if (id.startsWith("tt:")) {
-      const taskId = id.slice(3);
-      const task2 = tasks.find((t) => t.id === taskId);
-      if (task2) return { issue: null, task: task2, repoName: null };
-    }
-    return { issue: null, task: null, repoName: null };
-  }, [nav.selectedId, repos, tasks]);
+    return { issue: null, repoName: null };
+  }, [nav.selectedId, repos]);
   const currentCommentsState = useMemo3(() => {
     if (!(selectedItem.issue && selectedItem.repoName)) return null;
     return commentCacheRef.current[`${selectedItem.repoName}:${selectedItem.issue.number}`] ?? null;
@@ -5490,20 +5580,20 @@ function Dashboard({ config: config2, options, activeProfile }) {
   }, [selectedItem.repoName, config2.repos]);
   const selectedRepoStatusOptions = useMemo3(() => {
     const repoName = multiSelect.count > 0 ? multiSelect.constrainedRepo : selectedItem.repoName;
-    if (!repoName || repoName === "ticktick") return [];
+    if (!repoName) return [];
     const rd = repos.find((r) => r.repo.name === repoName);
     return rd?.statusOptions ?? [];
   }, [selectedItem.repoName, repos, multiSelect.count, multiSelect.constrainedRepo]);
-  const handleOpen = useCallback11(() => {
+  const handleOpen = useCallback12(() => {
     const found = findSelectedIssueWithRepo(repos, nav.selectedId);
     if (found) openInBrowser(found.issue.url);
   }, [repos, nav.selectedId]);
-  const handleSlack = useCallback11(() => {
+  const handleSlack = useCallback12(() => {
     const found = findSelectedIssueWithRepo(repos, nav.selectedId);
     if (!found?.issue.slackThreadUrl) return;
     openInBrowser(found.issue.slackThreadUrl);
   }, [repos, nav.selectedId]);
-  const handleCopyLink = useCallback11(() => {
+  const handleCopyLink = useCallback12(() => {
     const found = findSelectedIssueWithRepo(repos, nav.selectedId);
     if (!found) return;
     const rc = config2.repos.find((r) => r.name === found.repoName);
@@ -5529,17 +5619,12 @@ function Dashboard({ config: config2, options, activeProfile }) {
     }
   }, [repos, nav.selectedId, config2.repos, toast]);
   const multiSelectType = useMemo3(() => {
-    let hasGh = false;
-    let hasTt = false;
     for (const id of multiSelect.selected) {
-      if (id.startsWith("gh:")) hasGh = true;
-      if (id.startsWith("tt:")) hasTt = true;
+      if (id.startsWith("tt:")) return "ticktick";
     }
-    if (hasGh && hasTt) return "mixed";
-    if (hasTt) return "ticktick";
     return "github";
   }, [multiSelect.selected]);
-  const handleBulkAction = useCallback11(
+  const handleBulkAction = useCallback12(
     (action) => {
       const ids = multiSelect.selected;
       switch (action.type) {
@@ -5572,10 +5657,9 @@ function Dashboard({ config: config2, options, activeProfile }) {
         case "statusChange":
           ui.enterStatus();
           return;
-        // status picker will call handleBulkStatusSelect on select
         case "complete":
         case "delete":
-          toast.info(`Bulk ${action.type} not yet implemented for TickTick`);
+          toast.info(`Bulk ${action.type} not yet implemented`);
           ui.exitOverlay();
           multiSelect.clear();
           return;
@@ -5583,7 +5667,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [multiSelect, actions, ui, toast]
   );
-  const handleBulkStatusSelect = useCallback11(
+  const handleBulkStatusSelect = useCallback12(
     (optionId) => {
       const ids = multiSelect.selected;
       ui.exitOverlay();
@@ -5599,30 +5683,28 @@ function Dashboard({ config: config2, options, activeProfile }) {
     },
     [multiSelect, actions, ui]
   );
-  const handleFuzzySelect = useCallback11(
+  const handleFuzzySelect = useCallback12(
     (navId) => {
       nav.select(navId);
       if (navId.startsWith("gh:")) {
         const parts = navId.split(":");
         const repoName = parts[1];
         if (parts.length >= 3 && repoName) {
-          setActiveTabId(repoName);
-          const section = boardTree.sections.find((s) => s.sectionId === repoName);
-          const issueNum = parts[2] ? Number(parts[2]) : null;
-          const targetGroup = section?.groups.find(
-            (g) => g.issues.some((iss) => iss.number === issueNum)
-          );
-          setActiveStatusId(targetGroup?.subId ?? null);
+          const repoIdx = boardTree.sections.findIndex((s) => s.sectionId === repoName);
+          if (repoIdx >= 0) {
+            setSelectedRepoIdx(repoIdx);
+            const section = boardTree.sections[repoIdx];
+            const issueNum = parts[2] ? Number(parts[2]) : null;
+            const groupIdx = section?.groups.findIndex((g) => g.issues.some((iss) => iss.number === issueNum)) ?? -1;
+            setSelectedStatusIdx(Math.max(0, groupIdx));
+          }
         }
-      } else if (navId.startsWith("tt:")) {
-        setActiveTabId("ticktick");
-        setActiveStatusId(null);
       }
       ui.exitToNormal();
     },
     [nav, ui, boardTree]
   );
-  const onSearchEscape = useCallback11(() => {
+  const onSearchEscape = useCallback12(() => {
     ui.exitOverlay();
     setSearchQuery("");
   }, [ui]);
@@ -5652,11 +5734,16 @@ function Dashboard({ config: config2, options, activeProfile }) {
       handleToggleLog: () => setLogVisible((v) => !v)
     },
     onSearchEscape,
-    tabNav: { next: nextTab, prev: prevTab, jumpTo: jumpToTab, count: tabs.length },
-    statusNav: isRepoTab(effectiveTabId) ? { next: nextStatus, prev: prevStatus } : null
+    panelFocus,
+    reposNav,
+    statusesNav,
+    activityNav,
+    onRepoEnter,
+    onStatusEnter,
+    onActivityEnter
   });
   if (status === "loading" && !data) {
-    return /* @__PURE__ */ jsx23(Box22, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx23(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", {
@@ -5664,36 +5751,120 @@ function Dashboard({ config: config2, options, activeProfile }) {
     day: "numeric",
     year: "numeric"
   });
-  return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs23(Box22, { children: [
-      /* @__PURE__ */ jsx23(Text22, { color: "cyan", bold: true, children: "HOG BOARD" }),
-      activeProfile ? /* @__PURE__ */ jsxs23(Text22, { color: "yellow", children: [
+  const reposData = boardTree.sections.map(({ repo, groups }) => ({
+    name: repo.name,
+    openCount: groups.reduce((s, g) => s + g.issues.length, 0)
+  }));
+  const statusesData = (selectedSection?.groups ?? []).map(({ label, subId, issues }) => ({
+    id: subId,
+    label,
+    count: issues.length
+  }));
+  const reposPanel = /* @__PURE__ */ jsx25(
+    ReposPanel,
+    {
+      repos: reposData,
+      selectedIdx: clampedRepoIdx,
+      isActive: panelFocus.activePanelId === 1,
+      width: LEFT_COL_WIDTH
+    }
+  );
+  const statusesPanel = /* @__PURE__ */ jsx25(
+    StatusesPanel,
+    {
+      groups: statusesData,
+      selectedIdx: clampedStatusIdx,
+      isActive: panelFocus.activePanelId === 2,
+      width: LEFT_COL_WIDTH,
+      flexGrow: 1
+    }
+  );
+  const issuesPanelTitle = `[3] Issues${selectedSection ? ` \u2014 ${selectedSection.repo.shortName}` : ""}${selectedStatusGroup ? ` / ${selectedStatusGroup.label}` : ""}`;
+  const issuesPanel = /* @__PURE__ */ jsxs25(
+    Panel,
+    {
+      title: issuesPanelTitle,
+      isActive: panelFocus.activePanelId === 3,
+      width: issuesPanelWidth,
+      flexGrow: 1,
+      children: [
+        hasMoreAbove ? /* @__PURE__ */ jsxs25(Text23, { color: "gray", dimColor: true, children: [
+          " ",
+          "\u25B2",
+          " ",
+          aboveCount,
+          " more above"
+        ] }) : null,
+        visibleRows.map((row) => /* @__PURE__ */ jsx25(
+          RowRenderer,
+          {
+            row,
+            selectedId: nav.selectedId,
+            selfLogin: config2.board.assignee,
+            isMultiSelected: ui.state.mode === "multiSelect" && row.navId ? multiSelect.isSelected(row.navId) : void 0
+          },
+          row.key
+        )),
+        hasMoreBelow ? /* @__PURE__ */ jsxs25(Text23, { color: "gray", dimColor: true, children: [
+          " ",
+          "\u25BC",
+          " ",
+          belowCount,
+          " more below"
+        ] }) : null
+      ]
+    }
+  );
+  const detailPanel = showDetailPanel ? /* @__PURE__ */ jsx25(
+    DetailPanel,
+    {
+      issue: selectedItem.issue,
+      width: detailPanelWidth,
+      isActive: panelFocus.activePanelId === 0,
+      issueRepo: selectedItem.repoName,
+      fetchComments: handleFetchComments,
+      commentsState: currentCommentsState
+    }
+  ) : null;
+  const activityPanel = /* @__PURE__ */ jsx25(
+    ActivityPanel,
+    {
+      events: boardTree.activity,
+      selectedIdx: clampedActivityIdx,
+      isActive: panelFocus.activePanelId === 4,
+      height: ACTIVITY_HEIGHT,
+      width: activityPanelWidth
+    }
+  );
+  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__ */ jsxs23(Text22, { color: "gray", children: [
+      /* @__PURE__ */ jsxs25(Text23, { color: "gray", children: [
         " ",
         "\u2014",
         " ",
         dateStr
       ] }),
-      /* @__PURE__ */ jsx23(Text22, { children: " " }),
-      isRefreshing ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
-        /* @__PURE__ */ jsx23(Spinner4, { label: "" }),
-        /* @__PURE__ */ jsx23(Text22, { color: "cyan", children: " Refreshing..." })
-      ] }) : /* @__PURE__ */ jsxs23(Fragment5, { children: [
-        /* @__PURE__ */ jsx23(RefreshAge, { lastRefresh }),
-        consecutiveFailures > 0 ? /* @__PURE__ */ jsx23(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__ */ jsx23(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__ */ jsxs23(Text22, { color: "red", children: [
+    error ? /* @__PURE__ */ jsxs25(Text23, { color: "red", children: [
       "Error: ",
       error
     ] }) : null,
-    /* @__PURE__ */ jsx23(TabBar, { tabs, activeTabId: effectiveTabId, totalWidth: termSize.cols }),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx25(
       OverlayRenderer,
       {
         uiState: ui.state,
@@ -5735,61 +5906,25 @@ 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__ */ jsxs23(Fragment5, { children: [
-      isRepoTab(effectiveTabId) ? /* @__PURE__ */ jsx23(
-        StatusTabBar,
-        {
-          tabs: statusTabs,
-          activeTabId: effectiveStatusId,
-          totalWidth: termSize.cols
-        }
-      ) : null,
-      /* @__PURE__ */ jsxs23(Box22, { height: viewportHeight, children: [
-        /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", flexGrow: 1, children: [
-          hasMoreAbove ? /* @__PURE__ */ jsxs23(Text22, { color: "gray", dimColor: true, children: [
-            " ",
-            "\u25B2",
-            " ",
-            aboveCount,
-            " more above"
-          ] }) : null,
-          visibleRows.map((row) => /* @__PURE__ */ jsx23(
-            RowRenderer,
-            {
-              row,
-              selectedId: nav.selectedId,
-              selfLogin: config2.board.assignee,
-              isMultiSelected: ui.state.mode === "multiSelect" && row.navId ? multiSelect.isSelected(row.navId) : void 0
-            },
-            row.key
-          )),
-          hasMoreBelow ? /* @__PURE__ */ jsxs23(Text22, { color: "gray", dimColor: true, children: [
-            " ",
-            "\u25BC",
-            " ",
-            belowCount,
-            " more below"
-          ] }) : null
-        ] }),
-        showDetailPanel ? /* @__PURE__ */ jsx23(Box22, { marginLeft: 1, width: detailPanelWidth, children: /* @__PURE__ */ jsx23(
-          DetailPanel,
-          {
-            issue: selectedItem.issue,
-            task: selectedItem.task,
-            width: detailPanelWidth,
-            issueRepo: selectedItem.repoName,
-            fetchComments: handleFetchComments,
-            commentsState: currentCommentsState
-          }
-        ) }) : null
-      ] })
-    ] }) : null,
-    /* @__PURE__ */ jsx23(ToastContainer, { toasts }),
-    logVisible ? /* @__PURE__ */ jsx23(ActionLog, { entries: logEntries }) : null,
-    /* @__PURE__ */ jsx23(
+    !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,
+        issuesPanelHeight,
+        reposPanel,
+        statusesPanel,
+        issuesPanel,
+        detailPanel,
+        activityPanel
+      }
+    ) : null,
+    /* @__PURE__ */ jsx25(ToastContainer, { toasts }),
+    logVisible ? /* @__PURE__ */ jsx25(ActionLog, { entries: logEntries }) : null,
+    /* @__PURE__ */ jsx25(
       HintBar,
       {
         uiMode: ui.state.mode,
+        activePanelId: panelFocus.activePanelId,
         multiSelectCount: multiSelect.count,
         searchQuery,
         mineOnly,
@@ -5798,7 +5933,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     )
   ] });
 }
-var PRIORITY_RANK, CHROME_ROWS_REPO, CHROME_ROWS_OTHER;
+var PRIORITY_RANK, CHROME_ROWS;
 var init_dashboard = __esm({
   "src/board/components/dashboard.tsx"() {
     "use strict";
@@ -5811,15 +5946,19 @@ var init_dashboard = __esm({
     init_use_keyboard();
     init_use_multi_select();
     init_use_navigation();
+    init_use_panel_focus();
     init_use_toast();
     init_use_ui_state();
     init_action_log();
+    init_activity_panel();
     init_detail_panel();
     init_hint_bar();
     init_overlay_renderer();
+    init_panel();
+    init_panel_layout();
+    init_repos_panel();
     init_row_renderer();
-    init_status_tab_bar();
-    init_tab_bar();
+    init_statuses_panel();
     init_toast_container();
     PRIORITY_RANK = {
       "priority:critical": 0,
@@ -5827,8 +5966,7 @@ var init_dashboard = __esm({
       "priority:medium": 2,
       "priority:low": 3
     };
-    CHROME_ROWS_REPO = 6;
-    CHROME_ROWS_OTHER = 5;
+    CHROME_ROWS = 3;
   }
 });
 
@@ -5838,10 +5976,10 @@ __export(live_exports, {
   runLiveDashboard: () => runLiveDashboard
 });
 import { render } from "ink";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 async function runLiveDashboard(config2, options, activeProfile) {
   const instance = render(
-    /* @__PURE__ */ jsx24(Dashboard, { config: config2, options, activeProfile: activeProfile ?? null })
+    /* @__PURE__ */ jsx26(Dashboard, { config: config2, options, activeProfile: activeProfile ?? null })
   );
   setInkInstance(instance);
   await instance.waitUntilExit();
@@ -5868,7 +6006,7 @@ function extractSlackUrl(body) {
   const match = body.match(SLACK_URL_RE2);
   return match?.[0];
 }
-function fetchRecentActivity(repoName, shortName) {
+function fetchRecentActivity(repoName, shortName2) {
   try {
     const output = execFileSync4(
       "gh",
@@ -5922,7 +6060,7 @@ function fetchRecentActivity(repoName, shortName) {
         }
         events.push({
           type: eventType,
-          repoShortName: shortName,
+          repoShortName: shortName2,
           issueNumber: ev.number,
           actor: ev.actor,
           summary,
@@ -6064,7 +6202,7 @@ __export(format_static_exports, {
   renderBoardJson: () => renderBoardJson,
   renderStaticBoard: () => renderStaticBoard
 });
-function truncate3(s, max) {
+function truncate2(s, max) {
   return s.length > max ? `${s.slice(0, max - 1)}\u2026` : s;
 }
 function issueAssignee(issue, selfLogin) {
@@ -6077,13 +6215,13 @@ function issueAssignee(issue, selfLogin) {
 }
 function formatIssueLine(issue, selfLogin, maxTitle) {
   const num = theme.text.accent(`#${String(issue.number).padEnd(5)}`);
-  const title = truncate3(issue.title, maxTitle);
+  const title = truncate2(issue.title, maxTitle);
   const assignee = issueAssignee(issue, selfLogin);
   return `  ${num} ${title.padEnd(maxTitle)} ${assignee}`;
 }
 function formatTaskLine(task2, maxTitle) {
   const pri = task2.priority === 5 /* High */ ? theme.priority.high("[!]") : task2.priority === 3 /* Medium */ ? theme.priority.medium("[~]") : "   ";
-  const title = truncate3(task2.title, maxTitle);
+  const title = truncate2(task2.title, maxTitle);
   const due = task2.dueDate ? formatDueDate(task2.dueDate) : "";
   return `  ${pri} ${title.padEnd(maxTitle)} ${theme.text.secondary(due)}`;
 }
@@ -6504,13 +6642,13 @@ Configuring ${repoName}...`);
     } else {
       completionAction = { type: "closeIssue" };
     }
-    const shortName = await input({
+    const shortName2 = await input({
       message: `  Short name for ${repoName}:`,
       default: name
     });
     repos.push({
       name: repoName,
-      shortName,
+      shortName: shortName2,
       projectNumber,
       statusFieldId,
       ...dueDateFieldId ? { dueDateFieldId } : {},
@@ -7004,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.10.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");
@@ -7199,7 +7337,7 @@ config.command("repos:add <name>").description("Add a repository to track (owner
     console.error(`Repo "${name}" is already configured.`);
     process.exit(1);
   }
-  const shortName = name.split("/")[1] ?? name;
+  const shortName2 = name.split("/")[1] ?? name;
   let completionAction;
   switch (opts.completionType) {
     case "addLabel":
@@ -7227,7 +7365,7 @@ config.command("repos:add <name>").description("Add a repository to track (owner
   }
   const newRepo = {
     name,
-    shortName,
+    shortName: shortName2,
     projectNumber: Number.parseInt(opts.projectNumber, 10),
     statusFieldId: opts.statusFieldId,
     completionAction
@@ -7237,7 +7375,7 @@ config.command("repos:add <name>").description("Add a repository to track (owner
   if (useJson()) {
     jsonOut({ ok: true, message: `Added ${name}`, data: newRepo });
   } else {
-    console.log(`Added ${shortName} \u2192 ${name}`);
+    console.log(`Added ${shortName2} \u2192 ${name}`);
   }
 });
 config.command("repos:rm <name>").description("Remove a repository from tracking").action((name) => {