terminal-pilot 0.0.41 → 0.0.43

package/node_modules/toolcraft-design/dist/explorer/render/list.js

@@ -28,28 +28,34 @@ export function renderList(state, screen, layout) {
         cache.clear();
         return;
     }
-    let lastGroup;
+    const lines = buildDisplayLines(state);
+    const start = visibleStart(lines, bodyRect.height);
     let y = 0;
-    for (const rowIndex of state.filtered) {
-        if (y >= bodyRect.height) {
-            break;
-        }
-        const row = state.rows[rowIndex];
-        if (!row) {
-            continue;
-        }
-        if (row.group && row.group !== lastGroup && y < bodyRect.height) {
-            const hash = `group:${row.group}`;
+    for (let lineIndex = start; lineIndex < lines.length && y < bodyRect.height; lineIndex += 1) {
+        const line = lines[lineIndex];
+        if (line.kind === "group") {
+            const hash = `group:${line.label}`;
             if (cache.get(y) !== hash) {
-                writeLine(screen, bodyRect, y, formatGroupHeader(row.group, bodyRect), styles.muted);
+                writeLine(screen, bodyRect, y, formatGroupHeader(line.label, bodyRect), styles.muted);
                 cache.set(y, hash);
             }
             y += 1;
-            lastGroup = row.group;
+            continue;
+        }
+        if (line.kind === "subtitle") {
+            const subtitleHash = `subtitle:${line.row.id}:${line.text}`;
+            if (cache.get(y) !== subtitleHash) {
+                writeLine(screen, bodyRect, y, `  ${line.text}`, styles.muted);
+                cache.set(y, subtitleHash);
+            }
+            y += 1;
+            continue;
         }
+        const rowIndex = line.rowIndex;
         if (y >= bodyRect.height) {
             break;
         }
+        const row = line.row;
         const selected = state.multiSelect && state.selected.has(row.id);
         const cursor = rowIndex === state.filtered[state.cursor];
         const positions = state.matchPositions.get(rowIndex) ?? [];
@@ -64,15 +70,36 @@ export function renderList(state, screen, layout) {
             cache.set(y, hash);
         }
         y += 1;
-        if (row.subtitle && y < bodyRect.height) {
-            const subtitleHash = `${hash}:subtitle:${row.subtitle}`;
-            if (cache.get(y) !== subtitleHash) {
-                writeLine(screen, bodyRect, y, `  ${row.subtitle}`, styles.muted);
-                cache.set(y, subtitleHash);
-            }
-            y += 1;
+    }
+}
+function buildDisplayLines(state) {
+    const lines = [];
+    let lastGroup;
+    for (const rowIndex of state.filtered) {
+        const row = state.rows[rowIndex];
+        if (!row) {
+            continue;
+        }
+        if (row.group && row.group !== lastGroup) {
+            lines.push({ kind: "group", label: row.group });
+            lastGroup = row.group;
         }
+        lines.push({ kind: "row", rowIndex, row, cursor: rowIndex === state.filtered[state.cursor] });
+        if (row.subtitle) {
+            lines.push({ kind: "subtitle", row, text: row.subtitle });
+        }
+    }
+    return lines;
+}
+function visibleStart(lines, height) {
+    if (height <= 0) {
+        return 0;
+    }
+    const cursorLine = lines.findIndex((line) => line.kind === "row" && line.cursor);
+    if (cursorLine < 0) {
+        return 0;
     }
+    return Math.max(0, Math.min(cursorLine, cursorLine - height + 1));
 }
 function formatGroupHeader(label, rect) {
     const text = ` ${label} `;

package/node_modules/toolcraft-design/dist/explorer/render/modal.js

@@ -4,7 +4,7 @@ export function renderModal(state, screen) {
     if (state.modal === null || screen.width <= 0 || screen.height <= 0) {
         return;
     }
-    const width = Math.min(screen.width - 2, Math.max(34, Math.floor(screen.width * 0.62)));
+    const width = Math.min(screen.width - 2, Math.max(34, Math.floor(screen.width * modalWidthRatio(state))));
     const height = Math.min(screen.height - 2, modalHeight(state));
     const x = Math.max(0, Math.floor((screen.width - width) / 2));
     const y = Math.max(0, Math.floor((screen.height - height) / 2));
@@ -39,6 +39,9 @@ function modalLines(state) {
             ...paletteLines(state)
         ];
     }
+    if (state.modal?.kind === "content") {
+        return state.modal.content.split("\n").slice(state.modal.scroll);
+    }
     return [];
 }
 function title(state) {
@@ -48,11 +51,20 @@ function title(state) {
     if (state.modal?.kind === "confirm") {
         return "Confirm";
     }
+    if (state.modal?.kind === "content") {
+        return state.modal.title;
+    }
     return "Command Palette";
 }
 function modalHeight(state) {
+    if (state.modal?.kind === "content") {
+        return Math.max(5, state.modal.content.split("\n").length + 2);
+    }
     return Math.max(5, modalLines(state).length + 2);
 }
+function modalWidthRatio(state) {
+    return state.modal?.kind === "content" ? 0.86 : 0.62;
+}
 function drawBox(screen, x, y, width, height, boxTitle, style) {
     screen.clearRect({ x, y, width, height });
     const innerWidth = Math.max(0, width - 2);

package/node_modules/toolcraft-design/dist/explorer/render/test-fixtures.js

@@ -6,7 +6,7 @@ import { renderExplorer } from "./index.js";
 export function renderStateSnapshot(state) {
     const screen = new ScreenBuffer(state.size.cols, state.size.rows);
     renderExplorer(state, screen);
-    return dumpScreen(screen);
+    return dumpScreen(screen).split("\n").map((line) => line.trimEnd()).join("\n");
 }
 export function dumpScreen(screen) {
     const lines = [];

package/node_modules/toolcraft-design/dist/explorer/runtime.js

@@ -45,6 +45,9 @@ class ExplorerRuntime {
                 await this.refreshRowsFromSource();
             },
             suspendAnd: async (fn) => this.suspendAnd(fn),
+            openModal: (content) => {
+                this.dispatch({ type: "modalOpened", title: content.title, content: content.content });
+            },
             toast: (msg, tone) => {
                 this.showToast(msg, tone);
             },

package/node_modules/toolcraft-design/dist/explorer/state.d.ts

@@ -48,6 +48,10 @@ export interface ActionContext<R> {
     filter: string;
     refresh: () => Promise<void>;
     suspendAnd: <T>(fn: () => Promise<T>) => Promise<T>;
+    openModal: (content: {
+        title: string;
+        content: string;
+    }) => void;
     toast: (msg: string, tone?: Tone) => void;
     confirm: (prompt: string) => Promise<boolean>;
     exit: (after?: () => void | Promise<void>) => void;
@@ -114,6 +118,11 @@ export interface ExplorerState {
         kind: "palette";
         query: string;
         cursor: number;
+    } | {
+        kind: "content";
+        title: string;
+        content: string;
+        scroll: number;
     };
     toast: {
         message: string;

package/node_modules/toolcraft-design/package.json

@@ -1,7 +1,7 @@
 {
   "name": "toolcraft-design",
   "version": "0.0.2",
-  "private": true,
+  "license": "MIT",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,7 +17,8 @@
     "generate:design-docs:all": "tsx scripts/generate-docs.ts all"
   },
   "files": [
-    "dist"
+    "dist",
+    "LICENSE"
   ],
   "dependencies": {
     "fast-string-width": "^3.0.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "terminal-pilot",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "description": "Playwright-like SDK and CLI for automating interactive CLI apps through a real PTY",
   "type": "module",
   "main": "dist/index.js",
@@ -35,6 +35,7 @@
     "smoke:verbose": "cd ../.. && tsx packages/terminal-pilot/scripts/smoke-test.ts --verbose"
   },
   "files": [
+    "LICENSE",
     "dist"
   ],
   "engines": {