@ondrej-svec/hog 1.24.0 → 1.24.2

package/dist/cli.js

@@ -7129,7 +7129,7 @@ var init_overlay_renderer = __esm({
 
 // src/board/components/panel-layout.tsx
 import { Box as Box22 } from "ink";
-import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 function getLayoutMode(cols) {
   if (cols >= WIDE_THRESHOLD) return "wide";
   if (cols >= MEDIUM_THRESHOLD) return "medium";
@@ -7141,6 +7141,7 @@ function getDetailWidth(cols) {
 function PanelLayout({
   cols,
   issuesPanelHeight,
+  totalHeight,
   reposPanel,
   statusesPanel,
   issuesPanel,
@@ -7151,7 +7152,7 @@ function PanelLayout({
   const mode = getLayoutMode(cols);
   if (mode === "wide") {
     const detailWidth = getDetailWidth(cols);
-    return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", children: [
+    return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", height: totalHeight, overflow: "hidden", children: [
       /* @__PURE__ */ jsxs23(Box22, { height: issuesPanelHeight, children: [
         !hideLeftPanel ? /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
           reposPanel,
@@ -7164,7 +7165,7 @@ function PanelLayout({
     ] });
   }
   if (mode === "medium") {
-    return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", children: [
+    return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", height: totalHeight, overflow: "hidden", children: [
       /* @__PURE__ */ jsxs23(Box22, { height: issuesPanelHeight, children: [
         !hideLeftPanel ? /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width: LEFT_COL_WIDTH, children: [
           reposPanel,
@@ -7175,16 +7176,16 @@ function PanelLayout({
       /* @__PURE__ */ jsx23(Box22, { height: ACTIVITY_HEIGHT, children: activityPanel })
     ] });
   }
-  return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", children: [
-    !hideLeftPanel ? /* @__PURE__ */ jsxs23(Fragment3, { children: [
-      reposPanel,
-      statusesPanel
+  return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", height: totalHeight, overflow: "hidden", children: [
+    !hideLeftPanel ? /* @__PURE__ */ jsxs23(Box22, { height: STACKED_TOP_HEIGHT, flexShrink: 0, children: [
+      /* @__PURE__ */ jsx23(Box22, { width: Math.floor(cols / 2), overflow: "hidden", children: reposPanel }),
+      /* @__PURE__ */ jsx23(Box22, { flexGrow: 1, overflow: "hidden", children: statusesPanel })
     ] }) : null,
     /* @__PURE__ */ jsx23(Box22, { flexGrow: 1, flexDirection: "column", children: issuesPanel }),
     /* @__PURE__ */ jsx23(Box22, { height: ACTIVITY_HEIGHT, children: activityPanel })
   ] });
 }
-var WIDE_THRESHOLD, MEDIUM_THRESHOLD, LEFT_COL_WIDTH, ACTIVITY_HEIGHT;
+var WIDE_THRESHOLD, MEDIUM_THRESHOLD, LEFT_COL_WIDTH, ACTIVITY_HEIGHT, STACKED_TOP_HEIGHT;
 var init_panel_layout = __esm({
   "src/board/components/panel-layout.tsx"() {
     "use strict";
@@ -7192,12 +7193,13 @@ var init_panel_layout = __esm({
     MEDIUM_THRESHOLD = 100;
     LEFT_COL_WIDTH = 24;
     ACTIVITY_HEIGHT = 5;
+    STACKED_TOP_HEIGHT = 7;
   }
 });
 
 // src/board/components/repos-panel.tsx
 import { Box as Box23, Text as Text22 } from "ink";
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
 function shortName(fullName) {
   return fullName.includes("/") ? fullName.split("/")[1] ?? fullName : fullName;
 }
@@ -7230,7 +7232,7 @@ function ReposPanel({
     aboveCount = scroll.aboveCount;
     belowCount = scroll.belowCount;
   }
-  return /* @__PURE__ */ jsx24(Panel, { title: "[1] Repos", isActive, width, flexGrow, height, children: repos.length === 0 ? /* @__PURE__ */ jsx24(Text22, { color: "gray", children: "\u2014" }) : /* @__PURE__ */ jsxs24(Fragment4, { children: [
+  return /* @__PURE__ */ jsx24(Panel, { title: "[1] Repos", isActive, width, flexGrow, height, children: repos.length === 0 ? /* @__PURE__ */ jsx24(Text22, { color: "gray", children: "\u2014" }) : /* @__PURE__ */ jsxs24(Fragment3, { children: [
     hasMoreAbove ? /* @__PURE__ */ jsxs24(Text22, { color: "gray", dimColor: true, children: [
       " ",
       "\u25B2 ",
@@ -7534,7 +7536,7 @@ var init_row_renderer = __esm({
 
 // src/board/components/statuses-panel.tsx
 import { Box as Box26, Text as Text25 } from "ink";
-import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
 function StatusesPanel({
   groups,
   selectedIdx,
@@ -7572,7 +7574,7 @@ function StatusesPanel({
       width,
       flexGrow,
       height,
-      children: groups.length === 0 ? /* @__PURE__ */ jsx27(Text25, { color: "gray", children: "\u2014" }) : /* @__PURE__ */ jsxs27(Fragment5, { children: [
+      children: groups.length === 0 ? /* @__PURE__ */ jsx27(Text25, { color: "gray", children: "\u2014" }) : /* @__PURE__ */ jsxs27(Fragment4, { children: [
         hasMoreAbove ? /* @__PURE__ */ jsxs27(Text25, { color: "gray", dimColor: true, children: [
           " ",
           "\u25B2 ",
@@ -7615,10 +7617,10 @@ var init_statuses_panel = __esm({
 // src/board/components/toast-container.tsx
 import { Spinner as Spinner3 } from "@inkjs/ui";
 import { Box as Box27, Text as Text26 } from "ink";
-import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
 function ToastContainer({ toasts }) {
   if (toasts.length === 0) return null;
-  return /* @__PURE__ */ jsx28(Box27, { flexDirection: "column", children: toasts.map((t) => /* @__PURE__ */ jsx28(Box27, { children: t.type === "loading" ? /* @__PURE__ */ jsxs28(Fragment6, { children: [
+  return /* @__PURE__ */ jsx28(Box27, { flexDirection: "column", children: toasts.map((t) => /* @__PURE__ */ jsx28(Box27, { children: t.type === "loading" ? /* @__PURE__ */ jsxs28(Fragment5, { children: [
     /* @__PURE__ */ jsx28(Spinner3, { label: "" }),
     /* @__PURE__ */ jsxs28(Text26, { color: "cyan", children: [
       " ",
@@ -7654,7 +7656,7 @@ import { execFile as execFile2, spawn as spawn4 } from "child_process";
 import { Spinner as Spinner4 } from "@inkjs/ui";
 import { Box as Box28, Text as Text27, useApp, useStdout as useStdout2 } from "ink";
 import { useCallback as useCallback16, useEffect as useEffect14, useMemo as useMemo5, useRef as useRef19, useState as useState21 } from "react";
-import { Fragment as Fragment7, jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
 function resolvePhaseConfig(rc, config2, issueTitle, phase) {
   const phasePrompts = rc.workflow?.phasePrompts ?? config2.board.workflow?.phasePrompts ?? {};
   const template = phasePrompts[phase] ?? DEFAULT_PHASE_PROMPTS[phase];
@@ -8462,13 +8464,16 @@ function Dashboard({ config: config2, options, activeProfile }) {
     label,
     count: issues.length
   }));
+  const leftPanelWidth = layoutMode === "stacked" ? Math.floor(usableWidth / 2) : LEFT_COL_WIDTH;
+  const leftPanelHeight = layoutMode === "stacked" ? STACKED_TOP_HEIGHT : void 0;
   const reposPanel = /* @__PURE__ */ jsx29(
     ReposPanel,
     {
       repos: reposData,
       selectedIdx: clampedRepoIdx,
       isActive: panelFocus.activePanelId === 1,
-      width: LEFT_COL_WIDTH
+      width: leftPanelWidth,
+      height: leftPanelHeight
     }
   );
   const statusesPanel = /* @__PURE__ */ jsx29(
@@ -8477,8 +8482,9 @@ function Dashboard({ config: config2, options, activeProfile }) {
       groups: statusesData,
       selectedIdx: clampedStatusIdx,
       isActive: panelFocus.activePanelId === 2,
-      width: LEFT_COL_WIDTH,
-      flexGrow: 1
+      width: leftPanelWidth,
+      ...layoutMode !== "stacked" ? { flexGrow: 1 } : {},
+      height: leftPanelHeight
     }
   );
   const issuesPanelTitle = `[3] Issues${selectedSection ? ` \u2014 ${selectedSection.repo.shortName}` : ""}${selectedStatusGroup ? ` / ${selectedStatusGroup.label}` : ""}`;
@@ -8543,7 +8549,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", paddingX: 1, height: termSize.rows, overflow: "hidden", children: [
     /* @__PURE__ */ jsxs29(Box28, { children: [
       /* @__PURE__ */ jsx29(Text27, { color: "cyan", bold: true, children: "HOG BOARD" }),
       activeProfile ? /* @__PURE__ */ jsxs29(Text27, { color: "yellow", children: [
@@ -8558,10 +8564,10 @@ function Dashboard({ config: config2, options, activeProfile }) {
         dateStr
       ] }),
       /* @__PURE__ */ jsx29(Text27, { children: " " }),
-      isRefreshing ? /* @__PURE__ */ jsxs29(Fragment7, { children: [
+      isRefreshing ? /* @__PURE__ */ jsxs29(Fragment6, { children: [
         /* @__PURE__ */ jsx29(Spinner4, { label: "" }),
         /* @__PURE__ */ jsx29(Text27, { color: "cyan", children: " Refreshing..." })
-      ] }) : /* @__PURE__ */ jsxs29(Fragment7, { children: [
+      ] }) : /* @__PURE__ */ jsxs29(Fragment6, { children: [
         /* @__PURE__ */ jsx29(RefreshAge, { lastRefresh }),
         consecutiveFailures > 0 ? /* @__PURE__ */ jsx29(Text27, { color: "red", children: " (!)" }) : null
       ] }),
@@ -8684,6 +8690,7 @@ function Dashboard({ config: config2, options, activeProfile }) {
       {
         cols: termSize.cols,
         issuesPanelHeight,
+        totalHeight: totalPanelHeight,
         reposPanel,
         statusesPanel,
         issuesPanel,
@@ -9788,7 +9795,7 @@ async function resolveRef(ref, config2) {
   }
 }
 var program = new Command();
-program.name("hog").description("Personal command deck \u2014 GitHub Projects dashboard with workflow orchestration").version("1.24.0").option("--json", "Force JSON output").option("--human", "Force human-readable output").hook("preAction", (thisCommand) => {
+program.name("hog").description("Personal command deck \u2014 GitHub Projects dashboard with workflow orchestration").version("1.24.2").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");