@ondrej-svec/hog 1.8.0 → 1.9.0

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();
   }
 });
 
@@ -2337,7 +2333,16 @@ function navReducer(state, action) {
     case "SET_ITEMS": {
       const sections = [...new Set(action.items.map((i) => i.section))];
       const isFirstLoad = state.sections.length === 0;
-      const collapsedSections = isFirstLoad ? new Set(sections.filter((s) => s === "activity")) : state.collapsedSections;
+      let collapsedSections;
+      if (isFirstLoad) {
+        collapsedSections = new Set(sections.filter((s) => s === "activity"));
+      } else {
+        const validIds = /* @__PURE__ */ new Set([
+          ...sections,
+          ...action.items.filter((i) => i.type === "subHeader").map((i) => i.id)
+        ]);
+        collapsedSections = new Set([...state.collapsedSections].filter((id) => validIds.has(id)));
+      }
       const selectionValid = state.selectedId != null && action.items.some((i) => i.id === state.selectedId);
       if (!isFirstLoad && selectionValid && arraysEqual(sections, state.sections)) {
         return state.allItems === action.items ? state : { ...state, allItems: action.items };
@@ -2980,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: [
@@ -3018,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"
     ] }),
@@ -4080,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)" },
@@ -4117,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" }
         ]
@@ -4910,23 +4897,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;
@@ -4950,9 +4959,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) => {
@@ -4990,187 +4999,112 @@ function groupByStatus(issues) {
   }
   return groups;
 }
-function collectGroupIssues(statusGroup, byStatus) {
-  const issues = [];
-  for (const status of statusGroup.statuses) {
-    const list = byStatus.get(status);
-    if (list) issues.push(...list);
-  }
-  issues.sort((a, b) => issuePriorityRank(a) - issuePriorityRank(b));
-  return issues;
-}
-function buildNavItems(repos, tasks, activityCount) {
-  const items = [];
-  if (activityCount > 0) {
-    items.push({ id: "header:activity", section: "activity", type: "header" });
-  }
-  for (const rd of repos) {
-    items.push({ id: `header:${rd.repo.shortName}`, section: rd.repo.shortName, type: "header" });
+function buildBoardTree(repos, tasks, activity) {
+  const sections = repos.map((rd) => {
+    const sectionId = rd.repo.name;
+    if (rd.error) {
+      return { repo: rd.repo, sectionId, groups: [], error: rd.error };
+    }
     const statusGroupDefs = resolveStatusGroups(rd.statusOptions, rd.repo.statusGroups);
     const byStatus = groupByStatus(rd.issues);
-    const coveredStatuses = /* @__PURE__ */ new Set();
+    const coveredKeys = /* @__PURE__ */ new Set();
+    const groups = [];
     for (const sg of statusGroupDefs) {
-      const groupIssues = collectGroupIssues(sg, byStatus);
-      if (groupIssues.length === 0) continue;
-      const subId = `sub:${rd.repo.shortName}:${sg.label}`;
-      items.push({ id: subId, section: rd.repo.shortName, type: "subHeader" });
-      for (const issue of groupIssues) {
-        items.push({
-          id: `gh:${rd.repo.name}:${issue.number}`,
-          section: rd.repo.shortName,
-          type: "item",
-          subSection: subId
-        });
-      }
-      for (const s of sg.statuses) coveredStatuses.add(s);
-    }
-    for (const [status, issues] of byStatus) {
-      if (!(coveredStatuses.has(status) || isTerminalStatus(status)) && issues.length > 0) {
-        const subId = `sub:${rd.repo.shortName}:${status}`;
-        items.push({ id: subId, section: rd.repo.shortName, type: "subHeader" });
-        for (const issue of issues) {
-          items.push({
-            id: `gh:${rd.repo.name}:${issue.number}`,
-            section: rd.repo.shortName,
-            type: "item",
-            subSection: subId
-          });
+      const issues = [];
+      for (const [status, statusIssues] of byStatus) {
+        if (sg.statuses.some((s) => s.toLowerCase().trim() === status.toLowerCase().trim())) {
+          issues.push(...statusIssues);
         }
       }
+      if (issues.length === 0) continue;
+      issues.sort((a, b) => issuePriorityRank(a) - issuePriorityRank(b));
+      groups.push({ label: sg.label, subId: `sub:${sectionId}:${sg.label}`, issues });
+      for (const s of sg.statuses) coveredKeys.add(s.toLowerCase().trim());
+    }
+    for (const [status, statusIssues] of byStatus) {
+      if (!(coveredKeys.has(status.toLowerCase().trim()) || isTerminalStatus(status))) {
+        groups.push({ label: status, subId: `sub:${sectionId}:${status}`, issues: statusIssues });
+      }
     }
-  }
-  if (tasks.length > 0) {
-    items.push({ id: "header:ticktick", section: "ticktick", type: "header" });
-    for (const task2 of tasks) {
-      items.push({ id: `tt:${task2.id}`, section: "ticktick", type: "item" });
-    }
-  }
-  return items;
+    return { repo: rd.repo, sectionId, groups, error: null };
+  });
+  return { activity, sections, tasks };
+}
+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 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(repos, tasks, activity, 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 (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: 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 activity.entries()) {
-        rows.push({ type: "activity", key: `act:${i}`, navId: null, event });
-      }
-    }
-  }
-  for (const rd of repos) {
-    const { repo, issues, error: repoError } = rd;
-    const collapsed = isCollapsed(repo.shortName);
-    rows.push({
-      type: "sectionHeader",
-      key: `header:${repo.shortName}`,
-      navId: `header:${repo.shortName}`,
-      label: repo.shortName,
-      count: issues.length,
-      countLabel: "issues",
-      isCollapsed: collapsed
-    });
-    if (!collapsed) {
-      if (repoError) {
-        rows.push({ type: "error", key: `error:${repo.shortName}`, navId: null, text: repoError });
-      } else if (issues.length === 0) {
-        rows.push({
-          type: "subHeader",
-          key: `empty:${repo.shortName}`,
-          navId: null,
-          text: "No open issues"
-        });
-      } else {
-        const statusGroupDefs = resolveStatusGroups(rd.statusOptions, rd.repo.statusGroups);
-        const byStatus = groupByStatus(issues);
-        const coveredStatuses = /* @__PURE__ */ new Set();
-        let isFirstGroup = true;
-        for (const sg of statusGroupDefs) {
-          const groupIssues = collectGroupIssues(sg, byStatus);
-          if (groupIssues.length === 0) continue;
-          if (!isFirstGroup) {
-            rows.push({ type: "gap", key: `gap:${repo.shortName}:${sg.label}`, navId: null });
-          }
-          isFirstGroup = false;
-          const subId = `sub:${repo.shortName}:${sg.label}`;
-          const subCollapsed = isCollapsed(subId);
-          rows.push({
-            type: "subHeader",
-            key: subId,
-            navId: subId,
-            text: sg.label,
-            count: groupIssues.length,
-            isCollapsed: subCollapsed
-          });
-          if (!subCollapsed) {
-            for (const issue of groupIssues) {
-              rows.push({
-                type: "issue",
-                key: `gh:${repo.name}:${issue.number}`,
-                navId: `gh:${repo.name}:${issue.number}`,
-                issue,
-                repoName: repo.name
-              });
-            }
-          }
-          for (const s of sg.statuses) coveredStatuses.add(s);
-        }
-        for (const [status, groupIssues] of byStatus) {
-          if (!(coveredStatuses.has(status) || isTerminalStatus(status)) && groupIssues.length > 0) {
-            if (!isFirstGroup) {
-              rows.push({ type: "gap", key: `gap:${repo.shortName}:${status}`, navId: null });
-            }
-            isFirstGroup = false;
-            const subId = `sub:${repo.shortName}:${status}`;
-            const subCollapsed = isCollapsed(subId);
-            rows.push({
-              type: "subHeader",
-              key: subId,
-              navId: subId,
-              text: status,
-              count: groupIssues.length,
-              isCollapsed: subCollapsed
-            });
-            if (!subCollapsed) {
-              for (const issue of groupIssues) {
-                rows.push({
-                  type: "issue",
-                  key: `gh:${repo.name}:${issue.number}`,
-                  navId: `gh:${repo.name}:${issue.number}`,
-                  issue,
-                  repoName: repo.name
-                });
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  if (tasks.length > 0) {
-    const collapsed = isCollapsed("ticktick");
-    rows.push({
-      type: "sectionHeader",
-      key: "header:ticktick",
-      navId: "header:ticktick",
-      label: "Personal (TickTick)",
-      count: tasks.length,
-      countLabel: "tasks",
-      isCollapsed: collapsed
-    });
-    if (!collapsed) {
-      for (const task2 of 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;
 }
@@ -5198,7 +5132,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)
   ] });
@@ -5263,9 +5197,32 @@ function Dashboard({ config: config2, options, activeProfile }) {
     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);
+  }, [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(
-    () => buildNavItems(repos, tasks, allActivity.length),
-    [repos, tasks, allActivity.length]
+    () => buildNavItemsForTab(effectiveTabId ?? "", boardTree),
+    [effectiveTabId, boardTree]
   );
   const nav = useNavigation(navItems);
   const getRepoForId = useCallback11((id) => {
@@ -5418,8 +5375,8 @@ function Dashboard({ config: config2, options, activeProfile }) {
     termSize.rows - CHROME_ROWS - overlayBarRows - toastRows - logPaneRows
   );
   const flatRows = useMemo3(
-    () => buildFlatRows(repos, tasks, allActivity, nav.isCollapsed),
-    [repos, tasks, allActivity, nav.isCollapsed]
+    () => buildFlatRowsForTab(effectiveTabId ?? "", boardTree),
+    [effectiveTabId, boardTree]
   );
   const scrollRef = useRef13(0);
   const selectedRowIdx = useMemo3(
@@ -5580,6 +5537,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]
@@ -5613,10 +5576,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", {
@@ -5624,35 +5588,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,
@@ -5694,16 +5659,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,
@@ -5713,7 +5678,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",
           " ",
@@ -5721,7 +5686,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,
@@ -5733,17 +5698,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
       }
     )
   ] });
@@ -5768,6 +5732,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,
@@ -5775,7 +5740,7 @@ var init_dashboard = __esm({
       "priority:medium": 2,
       "priority:low": 3
     };
-    CHROME_ROWS = 4;
+    CHROME_ROWS = 5;
   }
 });
 
@@ -5785,10 +5750,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();
@@ -6951,7 +6916,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.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.9.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");