@ondrej-svec/hog 1.8.1 → 1.9.1

package/dist/cli.js

@@ -1998,7 +1998,8 @@ function useKeyboard({
   selectedIssue,
   selectedRepoStatusOptionsLength,
   actions,
-  onSearchEscape
+  onSearchEscape,
+  tabNav
 }) {
   const {
     exit,
@@ -2046,14 +2047,14 @@ function useKeyboard({
             multiSelect.clear();
             ui.clearMultiSelect();
           }
-          key.shift ? nav.prevSection() : nav.nextSection();
+          key.shift ? tabNav.prev() : tabNav.next();
           return;
         }
       }
       if (ui.state.mode === "multiSelect") {
         if (input2 === " ") {
           const id = nav.selectedId;
-          if (id && !isHeaderId(id)) {
+          if (id) {
             multiSelect.toggle(id);
           }
           return;
@@ -2075,6 +2076,11 @@ 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);
+          return;
+        }
         if (input2 === "/") {
           multiSelect.clear();
           ui.enterSearch();
@@ -2138,10 +2144,6 @@ function useKeyboard({
           handleEnterFocus();
           return;
         }
-        if (input2 === "C") {
-          nav.collapseAll();
-          return;
-        }
         if (input2 === "l") {
           if (selectedIssue) {
             multiSelect.clear();
@@ -2169,19 +2171,13 @@ function useKeyboard({
         }
         if (input2 === " ") {
           const id = nav.selectedId;
-          if (id && !isHeaderId(id)) {
+          if (id) {
             multiSelect.toggle(id);
             ui.enterMultiSelect();
-          } else if (isHeaderId(nav.selectedId)) {
-            nav.toggleSection();
           }
           return;
         }
         if (key.return) {
-          if (isHeaderId(nav.selectedId)) {
-            nav.toggleSection();
-            return;
-          }
           handleOpen();
           return;
         }
@@ -2190,6 +2186,7 @@ function useKeyboard({
     [
       ui,
       nav,
+      tabNav,
       exit,
       refresh,
       handleSlack,
@@ -2228,7 +2225,6 @@ function useKeyboard({
 var init_use_keyboard = __esm({
   "src/board/hooks/use-keyboard.ts"() {
     "use strict";
-    init_constants();
   }
 });
 
@@ -2989,14 +2985,7 @@ var init_detail_panel = __esm({
 // 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,
-  onHeader
-}) {
+function HintBar({ uiMode, multiSelectCount, searchQuery, mineOnly, hasUndoable }) {
   if (uiMode === "multiSelect") {
     return /* @__PURE__ */ jsxs3(Box3, { children: [
       /* @__PURE__ */ jsxs3(Text3, { color: "cyan", bold: true, children: [
@@ -3027,20 +3016,9 @@ function HintBar({
   if (uiMode.startsWith("overlay:")) {
     return /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "j/k:nav Enter:select Esc:cancel" }) });
   }
-  if (onHeader) {
-    return /* @__PURE__ */ jsxs3(Box3, { children: [
-      /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "j/k:nav Enter/Space:expand-collapse Tab:next-section C:collapse-all ?:more q:quit" }),
-      mineOnly ? /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: " filter:@me" }) : null,
-      searchQuery ? /* @__PURE__ */ jsxs3(Text3, { color: "yellow", children: [
-        ' filter:"',
-        searchQuery,
-        '"'
-      ] }) : null
-    ] });
-  }
   return /* @__PURE__ */ jsxs3(Box3, { children: [
     /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-      "j/k:nav Enter:open m:status c:comment F:find t:@me e:edit L:log",
+      "j/k:nav Tab:next-tab 1-9:jump Enter:open m:status c:comment F:find t:@me e:edit",
       hasUndoable ? "  u:undo" : "",
       " ?:more q:quit"
     ] }),
@@ -4089,15 +4067,16 @@ var init_help_overlay = __esm({
         items: [
           { key: "j / Down", desc: "Move down" },
           { key: "k / Up", desc: "Move up" },
-          { key: "Tab", desc: "Next section" },
-          { key: "Shift+Tab", desc: "Previous section" }
+          { key: "Tab", desc: "Next tab" },
+          { key: "Shift+Tab", desc: "Previous tab" },
+          { key: "1-9", desc: "Jump to tab by number" }
         ]
       },
       {
         category: "View",
         items: [
-          { key: "Enter", desc: "Toggle section / Open in browser" },
-          { key: "Space", desc: "Toggle section / Multi-select" },
+          { key: "Enter", desc: "Open issue in browser" },
+          { key: "Space", desc: "Multi-select item" },
           { key: "/", desc: "Search (inline filter)" },
           { key: "F", desc: "Fuzzy find issue (telescope-style)" },
           { key: "t", desc: "Toggle @me filter (my issues only)" },
@@ -4126,7 +4105,6 @@ var init_help_overlay = __esm({
         category: "Board",
         items: [
           { key: "L", desc: "Toggle action log" },
-          { key: "C", desc: "Collapse all sections" },
           { key: "r", desc: "Refresh data" },
           { key: "q", desc: "Quit" }
         ]
@@ -4862,9 +4840,16 @@ function RowRenderer({ row, selectedId, selfLogin, isMultiSelected }) {
           ] })
         ] });
       }
-      return /* @__PURE__ */ jsxs19(Text18, { color: "gray", children: [
-        " ",
-        row.text
+      return /* @__PURE__ */ jsxs19(Box18, { children: [
+        /* @__PURE__ */ jsxs19(Text18, { bold: true, color: "white", children: [
+          " ",
+          row.text
+        ] }),
+        row.count != null ? /* @__PURE__ */ jsxs19(Text18, { color: "gray", children: [
+          " (",
+          row.count,
+          ")"
+        ] }) : null
       ] });
     }
     case "issue": {
@@ -4919,23 +4904,45 @@ var init_row_renderer = __esm({
   }
 });
 
+// src/board/components/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) => {
+    const isActive = tab.id === activeTabId;
+    return /* @__PURE__ */ jsx20(Box19, { marginRight: 2, children: /* @__PURE__ */ jsxs20(Text19, { bold: isActive, color: isActive ? "cyan" : "gray", children: [
+      i + 1,
+      ":",
+      tab.label,
+      " (",
+      tab.count,
+      ")"
+    ] }) }, tab.id);
+  }) });
+}
+var init_tab_bar = __esm({
+  "src/board/components/tab-bar.tsx"() {
+    "use strict";
+  }
+});
+
 // src/board/components/toast-container.tsx
 import { Spinner as Spinner3 } from "@inkjs/ui";
-import { Box as Box19, Text as Text19 } from "ink";
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Box as Box20, Text as Text20 } from "ink";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 function ToastContainer({ toasts }) {
   if (toasts.length === 0) return null;
-  return /* @__PURE__ */ jsx20(Box19, { flexDirection: "column", children: toasts.map((t) => /* @__PURE__ */ jsx20(Box19, { children: t.type === "loading" ? /* @__PURE__ */ jsxs20(Fragment4, { children: [
-    /* @__PURE__ */ jsx20(Spinner3, { label: "" }),
-    /* @__PURE__ */ jsxs20(Text19, { color: "cyan", children: [
+  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: [
       " ",
       t.message
     ] })
-  ] }) : /* @__PURE__ */ jsxs20(Text19, { color: TYPE_COLORS[t.type], children: [
+  ] }) : /* @__PURE__ */ jsxs21(Text20, { color: TYPE_COLORS[t.type], children: [
     TYPE_PREFIXES[t.type],
     " ",
     t.message,
-    t.type === "error" ? /* @__PURE__ */ jsx20(Text19, { color: "gray", children: t.retry ? " [r]etry [d]ismiss" : " [d]ismiss" }) : null
+    t.type === "error" ? /* @__PURE__ */ jsx21(Text20, { color: "gray", children: t.retry ? " [r]etry [d]ismiss" : " [d]ismiss" }) : null
   ] }) }, t.id)) });
 }
 var TYPE_COLORS, TYPE_PREFIXES;
@@ -4959,9 +4966,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 Box20, Text as Text20, useApp, useStdout } from "ink";
+import { Box as Box21, Text as Text21, 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 jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 function resolveStatusGroups(statusOptions, configuredGroups) {
   if (configuredGroups && configuredGroups.length > 0) {
     return configuredGroups.map((entry) => {
@@ -5030,118 +5037,81 @@ function buildBoardTree(repos, tasks, activity) {
   });
   return { activity, sections, tasks };
 }
-function buildNavItems(tree) {
-  const items = [];
+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)
-    items.push({ id: "header:activity", section: "activity", type: "header" });
-  for (const { repo, sectionId, groups } of tree.sections) {
-    items.push({ id: `header:${sectionId}`, section: sectionId, type: "header" });
-    for (const group of groups) {
-      items.push({ id: group.subId, section: sectionId, type: "subHeader" });
-      for (const issue of group.issues) {
-        items.push({
-          id: `gh:${repo.name}:${issue.number}`,
-          section: sectionId,
-          type: "item",
-          subSection: group.subId
-        });
-      }
-    }
-  }
-  if (tree.tasks.length > 0) {
-    items.push({ id: "header:ticktick", section: "ticktick", type: "header" });
-    for (const task2 of tree.tasks)
-      items.push({ id: `tt:${task2.id}`, section: "ticktick", type: "item" });
-  }
-  return items;
+    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 buildNavItemsForTab(tabId, tree) {
+  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 [];
+  return section.groups.flatMap(
+    (group) => group.issues.map((issue) => ({
+      id: `gh:${section.repo.name}:${issue.number}`,
+      section: tabId,
+      type: "item"
+    }))
+  );
 }
-function buildFlatRows(tree, isCollapsed) {
+function buildFlatRowsForTab(tabId, tree) {
+  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);
+  if (!section) return [];
+  if (section.error)
+    return [{ type: "error", key: `error:${tabId}`, navId: null, text: section.error }];
+  if (section.groups.length === 0)
+    return [
+      { type: "subHeader", key: `empty:${tabId}`, navId: null, text: "No open issues" }
+    ];
   const rows = [];
-  if (tree.activity.length > 0) {
-    const collapsed = isCollapsed("activity");
+  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: "sectionHeader",
-      key: "header:activity",
-      navId: "header:activity",
-      label: "Recent Activity (24h)",
-      count: tree.activity.length,
-      countLabel: "events",
-      isCollapsed: collapsed
+      type: "subHeader",
+      key: group.subId,
+      navId: null,
+      text: group.label,
+      count: group.issues.length,
+      isCollapsed: false
     });
-    if (!collapsed) {
-      for (const [i, event] of tree.activity.entries()) {
-        rows.push({ type: "activity", key: `act:${i}`, navId: null, event });
-      }
-    }
-  }
-  for (const { repo, sectionId, groups, error } of tree.sections) {
-    const collapsed = isCollapsed(sectionId);
-    const totalIssues = groups.reduce((s, g) => s + g.issues.length, 0);
-    rows.push({
-      type: "sectionHeader",
-      key: `header:${sectionId}`,
-      navId: `header:${sectionId}`,
-      label: repo.shortName,
-      // display label still shows shortName
-      count: totalIssues,
-      countLabel: "issues",
-      isCollapsed: collapsed
-    });
-    if (!collapsed) {
-      if (error) {
-        rows.push({ type: "error", key: `error:${sectionId}`, navId: null, text: error });
-      } else if (groups.length === 0) {
-        rows.push({
-          type: "subHeader",
-          key: `empty:${sectionId}`,
-          navId: null,
-          text: "No open issues"
-        });
-      } else {
-        let isFirstGroup = true;
-        for (const group of groups) {
-          if (!isFirstGroup)
-            rows.push({ type: "gap", key: `gap:${sectionId}:${group.label}`, navId: null });
-          isFirstGroup = false;
-          const subCollapsed = isCollapsed(group.subId);
-          rows.push({
-            type: "subHeader",
-            key: group.subId,
-            navId: group.subId,
-            text: group.label,
-            count: group.issues.length,
-            isCollapsed: subCollapsed
-          });
-          if (!subCollapsed) {
-            for (const issue of group.issues) {
-              rows.push({
-                type: "issue",
-                key: `gh:${repo.name}:${issue.number}`,
-                navId: `gh:${repo.name}:${issue.number}`,
-                issue,
-                repoName: repo.name
-              });
-            }
-          }
-        }
-      }
-    }
-  }
-  if (tree.tasks.length > 0) {
-    const collapsed = isCollapsed("ticktick");
-    rows.push({
-      type: "sectionHeader",
-      key: "header:ticktick",
-      navId: "header:ticktick",
-      label: "Personal (TickTick)",
-      count: tree.tasks.length,
-      countLabel: "tasks",
-      isCollapsed: collapsed
-    });
-    if (!collapsed) {
-      for (const task2 of tree.tasks)
-        rows.push({ type: "task", key: `tt:${task2.id}`, navId: `tt:${task2.id}`, task: task2 });
-    }
+    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;
 }
@@ -5169,7 +5139,7 @@ function RefreshAge({ lastRefresh }) {
     return () => clearInterval(id);
   }, []);
   if (!lastRefresh) return null;
-  return /* @__PURE__ */ jsxs21(Text20, { color: refreshAgeColor(lastRefresh), children: [
+  return /* @__PURE__ */ jsxs22(Text21, { color: refreshAgeColor(lastRefresh), children: [
     "Updated ",
     timeAgo(lastRefresh)
   ] });
@@ -5238,7 +5208,29 @@ function Dashboard({ config: config2, options, activeProfile }) {
     () => buildBoardTree(repos, tasks, allActivity),
     [repos, tasks, allActivity]
   );
-  const navItems = useMemo3(() => buildNavItems(boardTree), [boardTree]);
+  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);
+  }, [activeTabIdx, tabs]);
+  const prevTab = useCallback11(() => {
+    if (tabs.length === 0) return;
+    setActiveTabId(tabs[(Math.max(activeTabIdx, 0) - 1 + tabs.length) % tabs.length]?.id ?? null);
+  }, [activeTabIdx, tabs]);
+  const jumpToTab = useCallback11(
+    (idx) => {
+      const tab = tabs[idx];
+      if (tab) setActiveTabId(tab.id);
+    },
+    [tabs]
+  );
+  const navItems = useMemo3(
+    () => buildNavItemsForTab(effectiveTabId ?? "", boardTree),
+    [effectiveTabId, boardTree]
+  );
   const nav = useNavigation(navItems);
   const getRepoForId = useCallback11((id) => {
     if (id.startsWith("gh:")) {
@@ -5390,10 +5382,15 @@ function Dashboard({ config: config2, options, activeProfile }) {
     termSize.rows - CHROME_ROWS - overlayBarRows - toastRows - logPaneRows
   );
   const flatRows = useMemo3(
-    () => buildFlatRows(boardTree, nav.isCollapsed),
-    [boardTree, nav.isCollapsed]
+    () => buildFlatRowsForTab(effectiveTabId ?? "", boardTree),
+    [effectiveTabId, boardTree]
   );
   const scrollRef = useRef13(0);
+  const prevTabIdRef = useRef13(null);
+  if (effectiveTabId !== prevTabIdRef.current) {
+    prevTabIdRef.current = effectiveTabId;
+    scrollRef.current = 0;
+  }
   const selectedRowIdx = useMemo3(
     () => flatRows.findIndex((r) => r.navId === nav.selectedId),
     [flatRows, nav.selectedId]
@@ -5404,6 +5401,12 @@ function Dashboard({ config: config2, options, activeProfile }) {
     } else if (selectedRowIdx >= scrollRef.current + viewportHeight) {
       scrollRef.current = selectedRowIdx - viewportHeight + 1;
     }
+    if (scrollRef.current > 0 && scrollRef.current === selectedRowIdx) {
+      const rowAbove = flatRows[scrollRef.current - 1];
+      if (rowAbove?.type === "subHeader") {
+        scrollRef.current -= 1;
+      }
+    }
   }
   const maxOffset = Math.max(0, flatRows.length - viewportHeight);
   scrollRef.current = Math.max(0, Math.min(scrollRef.current, maxOffset));
@@ -5552,6 +5555,12 @@ function Dashboard({ config: config2, options, activeProfile }) {
   const handleFuzzySelect = useCallback11(
     (navId) => {
       nav.select(navId);
+      if (navId.startsWith("gh:")) {
+        const parts = navId.split(":");
+        if (parts.length >= 3 && parts[1]) setActiveTabId(parts[1]);
+      } else if (navId.startsWith("tt:")) {
+        setActiveTabId("ticktick");
+      }
       ui.exitToNormal();
     },
     [nav, ui]
@@ -5585,10 +5594,11 @@ function Dashboard({ config: config2, options, activeProfile }) {
       handleUndo: undoLast,
       handleToggleLog: () => setLogVisible((v) => !v)
     },
-    onSearchEscape
+    onSearchEscape,
+    tabNav: { next: nextTab, prev: prevTab, jumpTo: jumpToTab, count: tabs.length }
   });
   if (status === "loading" && !data) {
-    return /* @__PURE__ */ jsx21(Box20, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx21(Spinner4, { label: "Loading dashboard..." }) });
+    return /* @__PURE__ */ jsx22(Box21, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx22(Spinner4, { label: "Loading dashboard..." }) });
   }
   const now = data?.fetchedAt ?? /* @__PURE__ */ new Date();
   const dateStr = now.toLocaleDateString("en-US", {
@@ -5596,35 +5606,36 @@ function Dashboard({ config: config2, options, activeProfile }) {
     day: "numeric",
     year: "numeric"
   });
-  return /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs21(Box20, { children: [
-      /* @__PURE__ */ jsx21(Text20, { color: "cyan", bold: true, children: "HOG BOARD" }),
-      activeProfile ? /* @__PURE__ */ jsxs21(Text20, { color: "yellow", children: [
+  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: [
         " [",
         activeProfile,
         "]"
       ] }) : null,
-      /* @__PURE__ */ jsxs21(Text20, { color: "gray", children: [
+      /* @__PURE__ */ jsxs22(Text21, { color: "gray", children: [
         " ",
         "\u2014",
         " ",
         dateStr
       ] }),
-      /* @__PURE__ */ jsx21(Text20, { children: " " }),
-      isRefreshing ? /* @__PURE__ */ jsxs21(Fragment5, { children: [
-        /* @__PURE__ */ jsx21(Spinner4, { label: "" }),
-        /* @__PURE__ */ jsx21(Text20, { color: "cyan", children: " Refreshing..." })
-      ] }) : /* @__PURE__ */ jsxs21(Fragment5, { children: [
-        /* @__PURE__ */ jsx21(RefreshAge, { lastRefresh }),
-        consecutiveFailures > 0 ? /* @__PURE__ */ jsx21(Text20, { color: "red", children: " (!)" }) : null
+      /* @__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
       ] }),
-      autoRefreshPaused ? /* @__PURE__ */ jsx21(Text20, { color: "yellow", children: " Auto-refresh paused \u2014 press r to retry" }) : null
+      autoRefreshPaused ? /* @__PURE__ */ jsx22(Text21, { color: "yellow", children: " Auto-refresh paused \u2014 press r to retry" }) : null
     ] }),
-    error ? /* @__PURE__ */ jsxs21(Text20, { color: "red", children: [
+    error ? /* @__PURE__ */ jsxs22(Text21, { color: "red", children: [
       "Error: ",
       error
     ] }) : null,
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(TabBar, { tabs, activeTabId: effectiveTabId, totalWidth: termSize.cols }),
+    /* @__PURE__ */ jsx22(
       OverlayRenderer,
       {
         uiState: ui.state,
@@ -5666,16 +5677,16 @@ 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__ */ jsxs21(Box20, { height: viewportHeight, children: [
-      /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", flexGrow: 1, children: [
-        hasMoreAbove ? /* @__PURE__ */ jsxs21(Text20, { color: "gray", dimColor: true, children: [
+    !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__ */ jsx21(
+        visibleRows.map((row) => /* @__PURE__ */ jsx22(
           RowRenderer,
           {
             row,
@@ -5685,7 +5696,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
           },
           row.key
         )),
-        hasMoreBelow ? /* @__PURE__ */ jsxs21(Text20, { color: "gray", dimColor: true, children: [
+        hasMoreBelow ? /* @__PURE__ */ jsxs22(Text21, { color: "gray", dimColor: true, children: [
           " ",
           "\u25BC",
           " ",
@@ -5693,7 +5704,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
           " more below"
         ] }) : null
       ] }),
-      showDetailPanel ? /* @__PURE__ */ jsx21(Box20, { marginLeft: 1, width: detailPanelWidth, children: /* @__PURE__ */ jsx21(
+      showDetailPanel ? /* @__PURE__ */ jsx22(Box21, { marginLeft: 1, width: detailPanelWidth, children: /* @__PURE__ */ jsx22(
         DetailPanel,
         {
           issue: selectedItem.issue,
@@ -5705,17 +5716,16 @@ function Dashboard({ config: config2, options, activeProfile }) {
         }
       ) }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx21(ToastContainer, { toasts }),
-    logVisible ? /* @__PURE__ */ jsx21(ActionLog, { entries: logEntries }) : null,
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(ToastContainer, { toasts }),
+    logVisible ? /* @__PURE__ */ jsx22(ActionLog, { entries: logEntries }) : null,
+    /* @__PURE__ */ jsx22(
       HintBar,
       {
         uiMode: ui.state.mode,
         multiSelectCount: multiSelect.count,
         searchQuery,
         mineOnly,
-        hasUndoable,
-        onHeader: isHeaderId(nav.selectedId)
+        hasUndoable
       }
     )
   ] });
@@ -5740,6 +5750,7 @@ var init_dashboard = __esm({
     init_hint_bar();
     init_overlay_renderer();
     init_row_renderer();
+    init_tab_bar();
     init_toast_container();
     PRIORITY_RANK = {
       "priority:critical": 0,
@@ -5747,7 +5758,7 @@ var init_dashboard = __esm({
       "priority:medium": 2,
       "priority:low": 3
     };
-    CHROME_ROWS = 4;
+    CHROME_ROWS = 5;
   }
 });
 
@@ -5757,10 +5768,10 @@ __export(live_exports, {
   runLiveDashboard: () => runLiveDashboard
 });
 import { render } from "ink";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 async function runLiveDashboard(config2, options, activeProfile) {
   const instance = render(
-    /* @__PURE__ */ jsx22(Dashboard, { config: config2, options, activeProfile: activeProfile ?? null })
+    /* @__PURE__ */ jsx23(Dashboard, { config: config2, options, activeProfile: activeProfile ?? null })
   );
   setInkInstance(instance);
   await instance.waitUntilExit();
@@ -6923,7 +6934,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.8.1").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.9.1").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");