@prover-coder-ai/docker-git 1.0.18 → 1.0.19

package/.package.json.release.bak

@@ -1,6 +1,6 @@
 {
   "name": "@prover-coder-ai/docker-git",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "Minimal Vite-powered TypeScript console starter using Effect",
   "main": "dist/src/docker-git/main.js",
   "bin": {

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @prover-coder-ai/docker-git
 
+## 1.0.19
+
+### Patch Changes
+
+- chore: automated version bump
+
 ## 1.0.18
 
 ### Patch Changes

package/dist/src/docker-git/menu-render-select.js

@@ -37,6 +37,20 @@ export const buildSelectLabels = (items, selected, purpose, runtimeByProject) =>
         : ` [started=${renderStartedAtCompact(runtime)}]`;
     return `${prefix} ${index + 1}. ${item.displayName} (${refLabel})${runtimeSuffix}`;
 });
+export const buildSelectListWindow = (total, selected, maxVisible) => {
+    if (total <= 0) {
+        return { start: 0, end: 0 };
+    }
+    const visible = Math.max(1, maxVisible);
+    if (total <= visible) {
+        return { start: 0, end: total };
+    }
+    const boundedSelected = Math.min(Math.max(selected, 0), total - 1);
+    const half = Math.floor(visible / 2);
+    const maxStart = total - visible;
+    const start = Math.min(Math.max(boundedSelected - half, 0), maxStart);
+    return { start, end: start + visible };
+};
 const buildDetailsContext = (item, runtimeByProject) => {
     const runtime = runtimeForProject(runtimeByProject, item);
     return {

package/dist/src/docker-git/menu-render.js

@@ -2,7 +2,7 @@ import { Match } from "effect";
 import { Box, Text } from "ink";
 import React from "react";
 import { renderLayout } from "./menu-render-layout.js";
-import { buildSelectLabels, renderSelectDetails, selectHint, selectTitle } from "./menu-render-select.js";
+import { buildSelectLabels, buildSelectListWindow, renderSelectDetails, selectHint, selectTitle } from "./menu-render-select.js";
 import { createSteps, menuItems } from "./menu-types.js";
 // CHANGE: render menu views with Ink without JSX
 // WHY: keep UI logic separate from input/state reducers
@@ -66,13 +66,41 @@ const computeListWidth = (labels) => {
     const maxLabelWidth = labels.length > 0 ? Math.max(...labels.map((label) => label.length)) : 24;
     return Math.min(Math.max(maxLabelWidth + 2, 28), 54);
 };
+const readStdoutRows = () => {
+    const rows = process.stdout.rows;
+    if (typeof rows !== "number" || !Number.isFinite(rows) || rows <= 0) {
+        return null;
+    }
+    return rows;
+};
+const computeSelectListMaxRows = () => {
+    const rows = readStdoutRows();
+    if (rows === null) {
+        return 12;
+    }
+    return Math.max(6, rows - 14);
+};
 const renderSelectListBox = (el, items, selected, labels, width) => {
-    const list = labels.map((label, index) => el(Text, {
-        key: items[index]?.projectDir ?? String(index),
-        color: index === selected ? "green" : "white",
-        wrap: "truncate"
-    }, label));
-    return el(Box, { flexDirection: "column", width }, ...(list.length > 0 ? list : [el(Text, { color: "gray" }, "No projects found.")]));
+    const window = buildSelectListWindow(labels.length, selected, computeSelectListMaxRows());
+    const hiddenAbove = window.start;
+    const hiddenBelow = labels.length - window.end;
+    const visibleLabels = labels.slice(window.start, window.end);
+    const list = visibleLabels.map((label, offset) => {
+        const index = window.start + offset;
+        return el(Text, {
+            key: items[index]?.projectDir ?? String(index),
+            color: index === selected ? "green" : "white",
+            wrap: "truncate"
+        }, label);
+    });
+    const before = hiddenAbove > 0
+        ? [el(Text, { color: "gray", wrap: "truncate" }, `[scroll] ${hiddenAbove} more above`)]
+        : [];
+    const after = hiddenBelow > 0
+        ? [el(Text, { color: "gray", wrap: "truncate" }, `[scroll] ${hiddenBelow} more below`)]
+        : [];
+    const listBody = list.length > 0 ? list : [el(Text, { color: "gray" }, "No projects found.")];
+    return el(Box, { flexDirection: "column", width }, ...before, ...listBody, ...after);
 };
 const renderSelectDetailsBox = (el, input) => {
     const details = renderSelectDetails(el, input.purpose, input.items[input.selected], input.runtimeByProject, input.connectEnableMcpPlaywright);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prover-coder-ai/docker-git",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "Minimal Vite-powered TypeScript console starter using Effect",
   "main": "dist/src/docker-git/main.js",
   "bin": {

package/src/docker-git/menu-render-select.ts

@@ -97,6 +97,30 @@ export const buildSelectLabels = (
     return `${prefix} ${index + 1}. ${item.displayName} (${refLabel})${runtimeSuffix}`
   })
 
+export type SelectListWindow = {
+  readonly start: number
+  readonly end: number
+}
+
+export const buildSelectListWindow = (
+  total: number,
+  selected: number,
+  maxVisible: number
+): SelectListWindow => {
+  if (total <= 0) {
+    return { start: 0, end: 0 }
+  }
+  const visible = Math.max(1, maxVisible)
+  if (total <= visible) {
+    return { start: 0, end: total }
+  }
+  const boundedSelected = Math.min(Math.max(selected, 0), total - 1)
+  const half = Math.floor(visible / 2)
+  const maxStart = total - visible
+  const start = Math.min(Math.max(boundedSelected - half, 0), maxStart)
+  return { start, end: start + visible }
+}
+
 type SelectDetailsContext = {
   readonly item: ProjectItem
   readonly refLabel: string

package/src/docker-git/menu-render.ts

@@ -6,6 +6,7 @@ import type { ProjectItem } from "@effect-template/lib/usecases/projects"
 import { renderLayout } from "./menu-render-layout.js"
 import {
   buildSelectLabels,
+  buildSelectListWindow,
   renderSelectDetails,
   selectHint,
   type SelectPurpose,
@@ -162,6 +163,22 @@ const computeListWidth = (labels: ReadonlyArray<string>): number => {
   return Math.min(Math.max(maxLabelWidth + 2, 28), 54)
 }
 
+const readStdoutRows = (): number | null => {
+  const rows = process.stdout.rows
+  if (typeof rows !== "number" || !Number.isFinite(rows) || rows <= 0) {
+    return null
+  }
+  return rows
+}
+
+const computeSelectListMaxRows = (): number => {
+  const rows = readStdoutRows()
+  if (rows === null) {
+    return 12
+  }
+  return Math.max(6, rows - 14)
+}
+
 const renderSelectListBox = (
   el: typeof React.createElement,
   items: ReadonlyArray<ProjectItem>,
@@ -169,8 +186,13 @@ const renderSelectListBox = (
   labels: ReadonlyArray<string>,
   width: number
 ): React.ReactElement => {
-  const list = labels.map((label, index) =>
-    el(
+  const window = buildSelectListWindow(labels.length, selected, computeSelectListMaxRows())
+  const hiddenAbove = window.start
+  const hiddenBelow = labels.length - window.end
+  const visibleLabels = labels.slice(window.start, window.end)
+  const list = visibleLabels.map((label, offset) => {
+    const index = window.start + offset
+    return el(
       Text,
       {
         key: items[index]?.projectDir ?? String(index),
@@ -179,12 +201,22 @@ const renderSelectListBox = (
       },
       label
     )
-  )
+  })
+
+  const before = hiddenAbove > 0
+    ? [el(Text, { color: "gray", wrap: "truncate" }, `[scroll] ${hiddenAbove} more above`)]
+    : []
+  const after = hiddenBelow > 0
+    ? [el(Text, { color: "gray", wrap: "truncate" }, `[scroll] ${hiddenBelow} more below`)]
+    : []
+  const listBody = list.length > 0 ? list : [el(Text, { color: "gray" }, "No projects found.")]
 
   return el(
     Box,
     { flexDirection: "column", width },
-    ...(list.length > 0 ? list : [el(Text, { color: "gray" }, "No projects found.")])
+    ...before,
+    ...listBody,
+    ...after
   )
 }
 

package/tests/docker-git/menu-select-order.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest"
 
-import { buildSelectLabels } from "../../src/docker-git/menu-render-select.js"
+import { buildSelectLabels, buildSelectListWindow } from "../../src/docker-git/menu-render-select.js"
 import { sortItemsByLaunchTime } from "../../src/docker-git/menu-select-order.js"
 import type { SelectProjectRuntime } from "../../src/docker-git/menu-types.js"
 import { makeProjectItem } from "./fixtures/project-item.js"
@@ -70,4 +70,15 @@ describe("menu-select order", () => {
     expect(downLabel).toContain("running, ssh=2, started=2026-02-17 09:45 UTC")
     emitProof("UI labels show container start timestamp in Connect and Down views")
   })
+
+  it("keeps full list visible when projects fit into viewport", () => {
+    const window = buildSelectListWindow(8, 3, 12)
+    expect(window).toEqual({ start: 0, end: 8 })
+  })
+
+  it("computes a scrolling window around selected project", () => {
+    expect(buildSelectListWindow(30, 0, 10)).toEqual({ start: 0, end: 10 })
+    expect(buildSelectListWindow(30, 15, 10)).toEqual({ start: 10, end: 20 })
+    expect(buildSelectListWindow(30, 29, 10)).toEqual({ start: 20, end: 30 })
+  })
 })