@ondrej-svec/hog 1.9.2 → 1.10.0

package/dist/cli.js

@@ -1999,7 +1999,8 @@ function useKeyboard({
   selectedRepoStatusOptionsLength,
   actions,
   onSearchEscape,
-  tabNav
+  tabNav,
+  statusNav
 }) {
   const {
     exit,
@@ -2096,6 +2097,14 @@ function useKeyboard({
           return;
         }
         if (input2 === "s") {
+          statusNav?.next();
+          return;
+        }
+        if (input2 === "S") {
+          statusNav?.prev();
+          return;
+        }
+        if (input2 === "o") {
           handleSlack();
           return;
         }
@@ -2187,6 +2196,7 @@ function useKeyboard({
       ui,
       nav,
       tabNav,
+      statusNav,
       exit,
       refresh,
       handleSlack,
@@ -3018,7 +3028,7 @@ function HintBar({ uiMode, multiSelectCount, searchQuery, mineOnly, hasUndoable
   }
   return /* @__PURE__ */ jsxs3(Box3, { children: [
     /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-      "j/k:nav Tab:next-tab 1-9:jump Enter:open m:status c:comment F:find t:@me e:edit",
+      "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"
     ] }),
@@ -4067,9 +4077,10 @@ var init_help_overlay = __esm({
         items: [
           { key: "j / Down", desc: "Move down" },
           { key: "k / Up", desc: "Move up" },
-          { key: "Tab", desc: "Next tab" },
-          { key: "Shift+Tab", desc: "Previous tab" },
-          { key: "1-9", desc: "Jump to tab by number" }
+          { key: "Tab", desc: "Next repo tab" },
+          { key: "Shift+Tab", desc: "Previous repo tab" },
+          { key: "1-9", desc: "Jump to repo tab by number" },
+          { key: "s / S", desc: "Next / prev status tab" }
         ]
       },
       {
@@ -4094,7 +4105,7 @@ var init_help_overlay = __esm({
           { key: "c", desc: "Comment on issue" },
           { key: "m", desc: "Move status" },
           { key: "e", desc: "Edit issue in $EDITOR" },
-          { key: "s", desc: "Open Slack thread" },
+          { key: "o", desc: "Open Slack thread" },
           { key: "y", desc: "Copy issue link to clipboard" },
           { key: "n", desc: "Create new issue" },
           { key: "I", desc: "Natural-language issue create" },
@@ -4904,13 +4915,36 @@ var init_row_renderer = __esm({
   }
 });
 
-// src/board/components/tab-bar.tsx
+// 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 TabBar({ tabs, activeTabId, totalWidth }) {
-  return /* @__PURE__ */ jsx20(Box19, { width: totalWidth, children: tabs.map((tab, i) => {
+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,
@@ -4928,21 +4962,21 @@ var init_tab_bar = __esm({
 
 // src/board/components/toast-container.tsx
 import { Spinner as Spinner3 } from "@inkjs/ui";
-import { Box as Box20, Text as Text20 } from "ink";
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Box as Box21, Text as Text21 } from "ink";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 function ToastContainer({ toasts }) {
   if (toasts.length === 0) return null;
-  return /* @__PURE__ */ jsx21(Box20, { flexDirection: "column", children: toasts.map((t) => /* @__PURE__ */ jsx21(Box20, { children: t.type === "loading" ? /* @__PURE__ */ jsxs21(Fragment4, { children: [
-    /* @__PURE__ */ jsx21(Spinner3, { label: "" }),
-    /* @__PURE__ */ jsxs21(Text20, { color: "cyan", children: [
+  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: [
       " ",
       t.message
     ] })
-  ] }) : /* @__PURE__ */ jsxs21(Text20, { color: TYPE_COLORS[t.type], children: [
+  ] }) : /* @__PURE__ */ jsxs22(Text21, { color: TYPE_COLORS[t.type], children: [
     TYPE_PREFIXES[t.type],
     " ",
     t.message,
-    t.type === "error" ? /* @__PURE__ */ jsx21(Text20, { color: "gray", children: t.retry ? " [r]etry [d]ismiss" : " [d]ismiss" }) : null
+    t.type === "error" ? /* @__PURE__ */ jsx22(Text21, { color: "gray", children: t.retry ? " [r]etry [d]ismiss" : " [d]ismiss" }) : null
   ] }) }, t.id)) });
 }
 var TYPE_COLORS, TYPE_PREFIXES;
@@ -4966,9 +5000,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 Box21, Text as Text21, useApp, useStdout } from "ink";
+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 jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 function resolveStatusGroups(statusOptions, configuredGroups) {
   if (configuredGroups && configuredGroups.length > 0) {
     return configuredGroups.map((entry) => {
@@ -5049,7 +5083,16 @@ function buildTabs(tree) {
     tabs.push({ id: "ticktick", label: "Tasks", count: tree.tasks.length });
   return tabs;
 }
-function buildNavItemsForTab(tabId, tree) {
+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);
+  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) => ({
@@ -5059,15 +5102,15 @@ function buildNavItemsForTab(tabId, tree) {
     }));
   const section = tree.sections.find((s) => s.sectionId === tabId);
   if (!section) return [];
-  return section.groups.flatMap(
-    (group) => group.issues.map((issue) => ({
-      id: `gh:${section.repo.name}:${issue.number}`,
-      section: tabId,
-      type: "item"
-    }))
-  );
+  const activeGroup = section.groups.find((g) => g.subId === activeStatusId) ?? section.groups[0];
+  if (!activeGroup) return [];
+  return activeGroup.issues.map((issue) => ({
+    id: `gh:${section.repo.name}:${issue.number}`,
+    section: tabId,
+    type: "item"
+  }));
 }
-function buildFlatRowsForTab(tabId, tree) {
+function buildFlatRowsForTab(tabId, tree, activeStatusId) {
   if (tabId === "activity")
     return tree.activity.map((event, i) => ({
       type: "activity",
@@ -5090,30 +5133,15 @@ function buildFlatRowsForTab(tabId, tree) {
     return [
       { type: "subHeader", key: `empty:${tabId}`, navId: null, text: "No open issues" }
     ];
-  const rows = [];
-  let isFirst = true;
-  for (const group of section.groups) {
-    if (!isFirst)
-      rows.push({ type: "gap", key: `gap:${tabId}:${group.label}`, navId: null });
-    isFirst = false;
-    rows.push({
-      type: "subHeader",
-      key: group.subId,
-      navId: null,
-      text: group.label,
-      count: group.issues.length,
-      isCollapsed: false
-    });
-    for (const issue of group.issues)
-      rows.push({
-        type: "issue",
-        key: `gh:${section.repo.name}:${issue.number}`,
-        navId: `gh:${section.repo.name}:${issue.number}`,
-        issue,
-        repoName: section.repo.name
-      });
-  }
-  return rows;
+  const activeGroup = section.groups.find((g) => g.subId === activeStatusId) ?? section.groups[0];
+  if (!activeGroup) return [];
+  return activeGroup.issues.map((issue) => ({
+    type: "issue",
+    key: `gh:${section.repo.name}:${issue.number}`,
+    navId: `gh:${section.repo.name}:${issue.number}`,
+    issue,
+    repoName: section.repo.name
+  }));
 }
 function openInBrowser(url) {
   if (!(url.startsWith("https://") || url.startsWith("http://"))) return;
@@ -5139,7 +5167,7 @@ function RefreshAge({ lastRefresh }) {
     return () => clearInterval(id);
   }, []);
   if (!lastRefresh) return null;
-  return /* @__PURE__ */ jsxs22(Text21, { color: refreshAgeColor(lastRefresh), children: [
+  return /* @__PURE__ */ jsxs23(Text22, { color: refreshAgeColor(lastRefresh), children: [
     "Updated ",
     timeAgo(lastRefresh)
   ] });
@@ -5215,22 +5243,46 @@ function Dashboard({ config: config2, options, activeProfile }) {
   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);
+      if (tab) {
+        setActiveTabId(tab.id);
+        setActiveStatusId(null);
+      }
     },
     [tabs]
   );
-  const navItems = useMemo3(
-    () => buildNavItemsForTab(effectiveTabId ?? "", boardTree),
+  const [activeStatusId, setActiveStatusId] = useState15(null);
+  const statusTabs = useMemo3(
+    () => buildStatusTabs(effectiveTabId, boardTree),
     [effectiveTabId, boardTree]
   );
+  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
+    );
+  }, [activeStatusIdx, statusTabs]);
+  const navItems = useMemo3(
+    () => buildNavItemsForTab(effectiveTabId ?? "", boardTree, effectiveStatusId),
+    [effectiveTabId, boardTree, effectiveStatusId]
+  );
   const nav = useNavigation(navItems);
   const getRepoForId = useCallback11((id) => {
     if (id.startsWith("gh:")) {
@@ -5377,13 +5429,14 @@ function Dashboard({ config: config2, options, activeProfile }) {
   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 - CHROME_ROWS - overlayBarRows - toastRows - logPaneRows
+    termSize.rows - chromeRows - overlayBarRows - toastRows - logPaneRows
   );
   const flatRows = useMemo3(
-    () => buildFlatRowsForTab(effectiveTabId ?? "", boardTree),
-    [effectiveTabId, boardTree]
+    () => buildFlatRowsForTab(effectiveTabId ?? "", boardTree, effectiveStatusId),
+    [effectiveTabId, boardTree, effectiveStatusId]
   );
   const scrollRef = useRef13(0);
   const prevTabIdRef = useRef13(null);
@@ -5401,20 +5454,6 @@ function Dashboard({ config: config2, options, activeProfile }) {
     } else if (selectedRowIdx >= scrollRef.current + viewportHeight) {
       scrollRef.current = selectedRowIdx - viewportHeight + 1;
     }
-    if (scrollRef.current > 0 && scrollRef.current === selectedRowIdx) {
-      let subIdx = -1;
-      for (let i = selectedRowIdx - 1; i >= 0; i--) {
-        const row = flatRows[i];
-        if (!row || row.type === "sectionHeader") break;
-        if (row.type === "subHeader") {
-          subIdx = i;
-          break;
-        }
-      }
-      if (subIdx >= 0 && selectedRowIdx - subIdx < viewportHeight) {
-        scrollRef.current = subIdx;
-      }
-    }
   }
   const maxOffset = Math.max(0, flatRows.length - viewportHeight);
   scrollRef.current = Math.max(0, Math.min(scrollRef.current, maxOffset));
@@ -5565,13 +5604,23 @@ function Dashboard({ config: config2, options, activeProfile }) {
       nav.select(navId);
       if (navId.startsWith("gh:")) {
         const parts = navId.split(":");
-        if (parts.length >= 3 && parts[1]) setActiveTabId(parts[1]);
+        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);
+        }
       } else if (navId.startsWith("tt:")) {
         setActiveTabId("ticktick");
+        setActiveStatusId(null);
       }
       ui.exitToNormal();
     },
-    [nav, ui]
+    [nav, ui, boardTree]
   );
   const onSearchEscape = useCallback11(() => {
     ui.exitOverlay();
@@ -5603,10 +5652,11 @@ function Dashboard({ config: config2, options, activeProfile }) {
       handleToggleLog: () => setLogVisible((v) => !v)
     },
     onSearchEscape,
-    tabNav: { next: nextTab, prev: prevTab, jumpTo: jumpToTab, count: tabs.length }
+    tabNav: { next: nextTab, prev: prevTab, jumpTo: jumpToTab, count: tabs.length },
+    statusNav: isRepoTab(effectiveTabId) ? { next: nextStatus, prev: prevStatus } : null
   });
   if (status === "loading" && !data) {
-    return /* @__PURE__ */ jsx22(Box21, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx22(Spinner4, { label: "Loading dashboard..." }) });
+    return /* @__PURE__ */ jsx23(Box22, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx23(Spinner4, { label: "Loading dashboard..." }) });
   }
   const now = data?.fetchedAt ?? /* @__PURE__ */ new Date();
   const dateStr = now.toLocaleDateString("en-US", {
@@ -5614,36 +5664,36 @@ function Dashboard({ config: config2, options, activeProfile }) {
     day: "numeric",
     year: "numeric"
   });
-  return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs22(Box21, { children: [
-      /* @__PURE__ */ jsx22(Text21, { color: "cyan", bold: true, children: "HOG BOARD" }),
-      activeProfile ? /* @__PURE__ */ jsxs22(Text21, { color: "yellow", children: [
+  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: [
         " [",
         activeProfile,
         "]"
       ] }) : null,
-      /* @__PURE__ */ jsxs22(Text21, { color: "gray", children: [
+      /* @__PURE__ */ jsxs23(Text22, { color: "gray", children: [
         " ",
         "\u2014",
         " ",
         dateStr
       ] }),
-      /* @__PURE__ */ jsx22(Text21, { children: " " }),
-      isRefreshing ? /* @__PURE__ */ jsxs22(Fragment5, { children: [
-        /* @__PURE__ */ jsx22(Spinner4, { label: "" }),
-        /* @__PURE__ */ jsx22(Text21, { color: "cyan", children: " Refreshing..." })
-      ] }) : /* @__PURE__ */ jsxs22(Fragment5, { children: [
-        /* @__PURE__ */ jsx22(RefreshAge, { lastRefresh }),
-        consecutiveFailures > 0 ? /* @__PURE__ */ jsx22(Text21, { color: "red", children: " (!)" }) : null
+      /* @__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
       ] }),
-      autoRefreshPaused ? /* @__PURE__ */ jsx22(Text21, { color: "yellow", children: " Auto-refresh paused \u2014 press r to retry" }) : null
+      autoRefreshPaused ? /* @__PURE__ */ jsx23(Text22, { color: "yellow", children: " Auto-refresh paused \u2014 press r to retry" }) : null
     ] }),
-    error ? /* @__PURE__ */ jsxs22(Text21, { color: "red", children: [
+    error ? /* @__PURE__ */ jsxs23(Text22, { color: "red", children: [
       "Error: ",
       error
     ] }) : null,
-    /* @__PURE__ */ jsx22(TabBar, { tabs, activeTabId: effectiveTabId, totalWidth: termSize.cols }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(TabBar, { tabs, activeTabId: effectiveTabId, totalWidth: termSize.cols }),
+    /* @__PURE__ */ jsx23(
       OverlayRenderer,
       {
         uiState: ui.state,
@@ -5685,48 +5735,58 @@ 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__ */ jsxs22(Box21, { height: viewportHeight, children: [
-      /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", flexGrow: 1, children: [
-        hasMoreAbove ? /* @__PURE__ */ jsxs22(Text21, { color: "gray", dimColor: true, children: [
-          " ",
-          "\u25B2",
-          " ",
-          aboveCount,
-          " more above"
-        ] }) : null,
-        visibleRows.map((row) => /* @__PURE__ */ jsx22(
-          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__ */ jsxs22(Text21, { color: "gray", dimColor: true, children: [
-          " ",
-          "\u25BC",
-          " ",
-          belowCount,
-          " more below"
-        ] }) : null
-      ] }),
-      showDetailPanel ? /* @__PURE__ */ jsx22(Box21, { marginLeft: 1, width: detailPanelWidth, children: /* @__PURE__ */ jsx22(
-        DetailPanel,
+    !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,
         {
-          issue: selectedItem.issue,
-          task: selectedItem.task,
-          width: detailPanelWidth,
-          issueRepo: selectedItem.repoName,
-          fetchComments: handleFetchComments,
-          commentsState: currentCommentsState
+          tabs: statusTabs,
+          activeTabId: effectiveStatusId,
+          totalWidth: termSize.cols
         }
-      ) }) : null
+      ) : 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__ */ jsx22(ToastContainer, { toasts }),
-    logVisible ? /* @__PURE__ */ jsx22(ActionLog, { entries: logEntries }) : null,
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(ToastContainer, { toasts }),
+    logVisible ? /* @__PURE__ */ jsx23(ActionLog, { entries: logEntries }) : null,
+    /* @__PURE__ */ jsx23(
       HintBar,
       {
         uiMode: ui.state.mode,
@@ -5738,7 +5798,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
     )
   ] });
 }
-var PRIORITY_RANK, CHROME_ROWS;
+var PRIORITY_RANK, CHROME_ROWS_REPO, CHROME_ROWS_OTHER;
 var init_dashboard = __esm({
   "src/board/components/dashboard.tsx"() {
     "use strict";
@@ -5758,6 +5818,7 @@ var init_dashboard = __esm({
     init_hint_bar();
     init_overlay_renderer();
     init_row_renderer();
+    init_status_tab_bar();
     init_tab_bar();
     init_toast_container();
     PRIORITY_RANK = {
@@ -5766,7 +5827,8 @@ var init_dashboard = __esm({
       "priority:medium": 2,
       "priority:low": 3
     };
-    CHROME_ROWS = 5;
+    CHROME_ROWS_REPO = 6;
+    CHROME_ROWS_OTHER = 5;
   }
 });
 
@@ -5776,10 +5838,10 @@ __export(live_exports, {
   runLiveDashboard: () => runLiveDashboard
 });
 import { render } from "ink";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 async function runLiveDashboard(config2, options, activeProfile) {
   const instance = render(
-    /* @__PURE__ */ jsx23(Dashboard, { config: config2, options, activeProfile: activeProfile ?? null })
+    /* @__PURE__ */ jsx24(Dashboard, { config: config2, options, activeProfile: activeProfile ?? null })
   );
   setInkInstance(instance);
   await instance.waitUntilExit();
@@ -6942,7 +7004,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.9.2").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.10.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");