march-cli 0.1.6 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "march-cli",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "March CLI — terminal-native coding agent with context reconstruction",
   "type": "module",
   "main": "./src/main.mjs",

package/src/cli/input/select-with-keyboard.mjs

@@ -12,9 +12,19 @@ export async function selectWithKeyboard({ input = process.stdin, output = proce
 
   let selected = 0;
   let renderedLines = 0;
+  const maxViewport = Math.max(4, (output.rows || 24) - 2);
+  let viewportStart = 0;
+
+  const viewportEnd = () => Math.min(viewportStart + maxViewport, items.length);
+
+  const adjustViewport = () => {
+    if (selected < viewportStart) viewportStart = selected;
+    else if (selected >= viewportStart + maxViewport) viewportStart = selected - maxViewport + 1;
+  };
+
   const render = () => {
     if (renderedLines > 0) output.write(`\x1b[${renderedLines}F`);
-    const lines = formatSelectionList({ message, items, selected });
+    const lines = formatSelectionList({ message, items, selected, viewportStart, viewportEnd: viewportEnd(), done: false });
     for (const line of lines) output.write(`\x1b[2K\r${line}\n`);
     renderedLines = lines.length;
   };
@@ -26,8 +36,8 @@ export async function selectWithKeyboard({ input = process.stdin, output = proce
         if (finished) return;
         if (key === "\u0003" || key === "\u001b") finish(null);
         else if (key === "\r" || key === "\n") finish(items[selected].value);
-        else if (key === "\u001b[A") { selected = (selected - 1 + items.length) % items.length; render(); }
-        else if (key === "\u001b[B") { selected = (selected + 1) % items.length; render(); }
+        else if (key === "\u001b[A") { selected = (selected - 1 + items.length) % items.length; adjustViewport(); render(); }
+        else if (key === "\u001b[B") { selected = (selected + 1) % items.length; adjustViewport(); render(); }
       }
     };
     const finish = (value) => {
@@ -36,25 +46,30 @@ export async function selectWithKeyboard({ input = process.stdin, output = proce
       input.setRawMode(false);
       input.pause();
       if (renderedLines > 0) output.write(`\x1b[${renderedLines}F`);
-      const lines = formatSelectionList({ message, items, selected, done: value != null });
-      for (const line of lines) output.write(`\x1b[2K\r${line}\n`);
+      // final render shows just the selected item
+      const lines = formatSelectionList({ message, items, selected, viewportStart: 0, viewportEnd: items.length, done: value != null });
+      output.write(`\x1b[2K\r${lines[0]}\n`);
+      output.write(`\x1b[2K\r  ${items[selected].label}\n`);
       resolve(value);
     };
     input.setRawMode(true);
     input.resume();
     input.on("data", onData);
+    adjustViewport();
     render();
   });
 }
 
-export function formatSelectionList({ message, items, selected, done = false }) {
+export function formatSelectionList({ message, items, selected, viewportStart = 0, viewportEnd = items.length, done = false }) {
   const hint = done ? "selected" : "↑/↓, Enter";
   const lines = [`${message} (${hint})`];
-  for (let i = 0; i < items.length; i++) {
+  if (viewportStart > 0) lines.push("  …");
+  for (let i = viewportStart; i < viewportEnd; i++) {
     const marker = i === selected ? "›" : " ";
     const label = `${marker} ${items[i].label}`;
     lines.push(i === selected ? `\x1b[7m${label}\x1b[0m` : label);
   }
+  if (viewportEnd < items.length) lines.push("  …");
   return lines;
 }
 
@@ -64,4 +79,4 @@ function readLine({ input = process.stdin, output = process.stdout, prompt }) {
     rl.close();
     resolve(answer);
   }));
-}
+}