@lofenta/cli 0.5.1 → 0.5.2

package/CHANGELOG.md

@@ -3,6 +3,11 @@
 All notable changes to the `lofenta` CLI. Versions before 0.5.0 were
 reconstructed from the internal task history when this file was introduced.
 
+## 0.5.2 - 2026-11-03
+
+### Fixed
+- Interactive menus (project picker, main menu) now auto-paginate to the terminal height, so accounts with many projects no longer overflow off the top of the screen. Previously only the template browser paginated; every other menu rendered all items at once. Left/Right page through, and the footer shows "Page X/Y".
+
 ## 0.5.1 - 2026-11-03
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lofenta/cli",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Lofenta CLI: deploy apps and manage projects, env vars, domains, logs, databases and more from your terminal.",
   "keywords": ["lofenta", "paas", "deploy", "cli", "hosting", "devops", "containers"],
   "homepage": "https://lofenta.com",

package/src/index.js

@@ -1521,19 +1521,21 @@ async function handleDeploy(config, flags, positionals) {
 }
 
 async function selectMenu({ title, subtitle, items, config = loadConfig(), pageSize = 0 }) {
-  // Pagination kicks in when the caller explicitly sets pageSize and the list overflows.
-  // Without a pageSize the menu renders all items at once (legacy behavior for the main
-  // shell where we want everything visible). With pagination, Left/Right walk pages and
-  // Up/Down still walks the current page; the selected index is global so when we change
-  // page we land on the first item of the new page.
-  const usingPages = pageSize > 0 && items.length > pageSize
-  const pages = usingPages ? Math.ceil(items.length / pageSize) : 1
+  // Pagination auto-sizes to the terminal height so long lists never scroll off the
+  // top (e.g. an account with many projects). An explicit pageSize (the template
+  // browser) still wins. Left/Right walk pages, Up/Down walks the current page; the
+  // selected index is global, so changing page lands on the first item of the new page.
+  const termRows = stdout.rows && stdout.rows > 0 ? stdout.rows : 24
+  const headerRows = BRAND_MARK.length + 6 // brand art + title/subtitle/base-url + footer
+  const effectivePageSize = pageSize > 0 ? pageSize : Math.max(4, termRows - headerRows)
+  const usingPages = items.length > effectivePageSize
+  const pages = usingPages ? Math.ceil(items.length / effectivePageSize) : 1
   let selected = 0
   let page = 0
   const visibleRange = () => {
     if (!usingPages) return [0, items.length]
-    const start = page * pageSize
-    return [start, Math.min(start + pageSize, items.length)]
+    const start = page * effectivePageSize
+    return [start, Math.min(start + effectivePageSize, items.length)]
   }
 
   return new Promise((resolve) => {
@@ -1615,13 +1617,13 @@ async function selectMenu({ title, subtitle, items, config = loadConfig(), pageS
 
       if (usingPages && key.name === "right") {
         page = (page + 1) % pages
-        selected = page * pageSize
+        selected = page * effectivePageSize
         render()
         return
       }
       if (usingPages && key.name === "left") {
         page = (page - 1 + pages) % pages
-        selected = page * pageSize
+        selected = page * effectivePageSize
         render()
         return
       }