veryfront 0.0.82 → 0.0.84

package/esm/src/cli/app/components/inline-input.js

@@ -0,0 +1,220 @@
+/****
+ * Inline Text Input Component
+ *
+ * Renders an input prompt at the bottom of the TUI that stays inline
+ * without exiting alternate screen mode.
+ */
+import { brand, dim, muted } from "../../ui/colors.js";
+/**
+ * Render the inline input prompt
+ */
+export function renderInput(input, _options = {}) {
+    if (!input.active)
+        return "";
+    // Build the input line with cursor
+    const prompt = `  ${brand(">")} ${input.prompt}: `;
+    const beforeCursor = input.value.slice(0, input.cursorPos);
+    const cursorChar = input.value[input.cursorPos] ?? " ";
+    const afterCursor = input.value.slice(input.cursorPos + 1);
+    // Cursor is rendered as inverse video
+    const cursor = `\x1b[7m${cursorChar}\x1b[27m`;
+    const inputLine = `${prompt}${beforeCursor}${cursor}${afterCursor}`;
+    // Hint line
+    const hintLine = `  ${dim("Enter")} ${muted("to submit")}  ${dim("Esc")} ${muted("to cancel")}`;
+    return `${inputLine}\n${hintLine}`;
+}
+/**
+ * Render the logs area with optional scrolling
+ */
+export function renderLogs(logs, options = {}) {
+    const { maxLines = 5, maxWidth = 80, scroll = 0, expanded = false } = options;
+    if (logs.length === 0)
+        return "";
+    const visibleLines = expanded ? Math.max(maxLines, 15) : maxLines;
+    const end = logs.length - scroll;
+    const start = Math.max(0, end - visibleLines);
+    const visibleLogs = logs.slice(start, end);
+    const lines = [];
+    for (const log of visibleLogs) {
+        const time = formatTime(log.time);
+        const levelColor = getLevelColor(log.level);
+        const levelPrefix = getLevelPrefix(log.level);
+        if (expanded) {
+            // When expanded, show structured info if available
+            if (log.meta?.method) {
+                // Request log - show all details in clean format
+                const meta = log.meta;
+                const statusColor = getStatusColor(meta.status || 200);
+                const methodStr = (meta.method || "GET").padEnd(7);
+                const pathStr = meta.path || "/";
+                const statusStr = String(meta.status || 200);
+                const durationStr = `${meta.durationMs || 0}ms`.padStart(6);
+                // Line 1: time + method + path
+                lines.push(`  ${dim(time)} ${levelColor(levelPrefix)} ${methodStr}${pathStr}`);
+                // Line 2: status + duration + project info
+                const projectInfo = [];
+                if (meta.project)
+                    projectInfo.push(brand(meta.project));
+                if (meta.env)
+                    projectInfo.push(dim(meta.env));
+                if (meta.releaseId)
+                    projectInfo.push(dim(`#${meta.releaseId.slice(0, 8)}`));
+                lines.push(`  ${"".padEnd(12)}${statusColor(statusStr)} ${dim(durationStr)}${projectInfo.length ? `  ${projectInfo.join(" ")}` : ""}`);
+            }
+            else {
+                // Regular log - show full message (may wrap to multiple lines)
+                const prefix = `  ${dim(time)} ${levelColor(levelPrefix)} `;
+                const msgLines = wrapText(log.message, maxWidth - 15);
+                lines.push(`${prefix}${msgLines[0] || ""}`);
+                // Indent continuation lines
+                for (let i = 1; i < msgLines.length; i++) {
+                    lines.push(`  ${"".padEnd(12)}${msgLines[i]}`);
+                }
+            }
+        }
+        else {
+            // When collapsed, truncate
+            const maxMsgLen = maxWidth - 15;
+            const msg = log.message.length > maxMsgLen
+                ? `${log.message.slice(0, maxMsgLen - 3)}...`
+                : log.message;
+            lines.push(`  ${dim(time)} ${levelColor(levelPrefix)} ${msg}`);
+        }
+    }
+    if (expanded && logs.length > visibleLines) {
+        const canScrollUp = start > 0;
+        const canScrollDown = scroll > 0;
+        const scrollHint = [];
+        if (canScrollUp)
+            scrollHint.push("↑");
+        if (canScrollDown)
+            scrollHint.push("↓");
+        if (scrollHint.length > 0) {
+            lines.push(`  ${dim(`[${scrollHint.join(" ")}] ${logs.length} total`)}`);
+        }
+    }
+    return lines.join("\n");
+}
+function wrapText(text, maxWidth) {
+    if (text.length <= maxWidth)
+        return [text];
+    const lines = [];
+    let remaining = text;
+    while (remaining.length > maxWidth) {
+        let breakPoint = remaining.lastIndexOf(" ", maxWidth);
+        if (breakPoint <= 0)
+            breakPoint = maxWidth;
+        lines.push(remaining.slice(0, breakPoint));
+        remaining = remaining.slice(breakPoint).trimStart();
+    }
+    if (remaining)
+        lines.push(remaining);
+    return lines;
+}
+/**
+ * Format time as HH:MM:SS
+ */
+function formatTime(date) {
+    const h = String(date.getHours()).padStart(2, "0");
+    const m = String(date.getMinutes()).padStart(2, "0");
+    const s = String(date.getSeconds()).padStart(2, "0");
+    return `${h}:${m}:${s}`;
+}
+/**
+ * Get color function for log level
+ */
+function getLevelColor(level) {
+    switch (level) {
+        case "error":
+            return (s) => `\x1b[31m${s}\x1b[0m`; // red
+        case "warn":
+            return (s) => `\x1b[33m${s}\x1b[0m`; // yellow
+        case "info":
+            return (s) => `\x1b[36m${s}\x1b[0m`; // cyan
+        case "debug":
+            return dim;
+    }
+}
+/**
+ * Get color function for HTTP status code
+ */
+function getStatusColor(status) {
+    if (status >= 500)
+        return (s) => `\x1b[31m${s}\x1b[0m`; // red
+    if (status >= 400)
+        return (s) => `\x1b[33m${s}\x1b[0m`; // yellow
+    if (status >= 300)
+        return (s) => `\x1b[36m${s}\x1b[0m`; // cyan
+    return (s) => `\x1b[32m${s}\x1b[0m`; // green
+}
+/**
+ * Get prefix for log level
+ */
+function getLevelPrefix(level) {
+    switch (level) {
+        case "error":
+            return "ERR";
+        case "warn":
+            return "WRN";
+        case "info":
+            return "INF";
+        case "debug":
+            return "DBG";
+    }
+}
+/**
+ * Handle input key press
+ * Returns the new value and cursor position, or null if the key should end input
+ */
+export function handleInputKey(key, value, cursorPos) {
+    if (key === "\r" || key === "\n")
+        return { action: "submit" };
+    if (key === "\x1b" || key === "\x03")
+        return { action: "cancel" };
+    if (key === "\x7f" || key === "\b") {
+        if (cursorPos === 0)
+            return { value, cursorPos };
+        return {
+            value: value.slice(0, cursorPos - 1) + value.slice(cursorPos),
+            cursorPos: cursorPos - 1,
+        };
+    }
+    if (key === "\x1b[3~") {
+        if (cursorPos >= value.length)
+            return { value, cursorPos };
+        return {
+            value: value.slice(0, cursorPos) + value.slice(cursorPos + 1),
+            cursorPos,
+        };
+    }
+    if (key === "\x1b[D")
+        return { value, cursorPos: Math.max(0, cursorPos - 1) };
+    if (key === "\x1b[C")
+        return { value, cursorPos: Math.min(value.length, cursorPos + 1) };
+    if (key === "\x01" || key === "\x1b[H")
+        return { value, cursorPos: 0 };
+    if (key === "\x05" || key === "\x1b[F")
+        return { value, cursorPos: value.length };
+    if (key === "\x15")
+        return { value: "", cursorPos: 0 };
+    if (key === "\x17") {
+        if (cursorPos === 0)
+            return { value, cursorPos };
+        let newPos = cursorPos - 1;
+        while (newPos > 0 && value[newPos] === " ")
+            newPos--;
+        while (newPos > 0 && value[newPos - 1] !== " ")
+            newPos--;
+        return {
+            value: value.slice(0, newPos) + value.slice(cursorPos),
+            cursorPos: newPos,
+        };
+    }
+    if (key.length === 1 && key >= " " && key <= "~") {
+        return {
+            value: value.slice(0, cursorPos) + key + value.slice(cursorPos),
+            cursorPos: cursorPos + 1,
+        };
+    }
+    return { value, cursorPos };
+}

package/esm/src/cli/app/components/list-select.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Interactive List Select Component
+ *
+ * Keyboard-navigable list with selection support.
+ * Supports arrow keys, j/k vim bindings, and number shortcuts.
+ */
+export interface ListItem<T = unknown> {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Optional path or metadata */
+    meta?: string;
+    /** Associated data */
+    data?: T;
+}
+export interface ListSelectOptions {
+    /** Maximum width for the list */
+    maxWidth?: number;
+    /** Number of visible items (for scrolling) */
+    visibleCount?: number;
+    /** Show number shortcuts (1-9) */
+    showNumbers?: boolean;
+    /** Offset for number shortcuts (e.g., 1 means start at [2]) */
+    numberOffset?: number;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Show selection cursor (default true). Set false for inactive sections */
+    showSelection?: boolean;
+}
+export interface ListSelectState<T = unknown> {
+    /** All items in the list */
+    items: ListItem<T>[];
+    /** Currently selected index */
+    selectedIndex: number;
+    /** Scroll offset for long lists */
+    scrollOffset: number;
+}
+/**
+ * Create initial list state
+ */
+export declare function createListState<T>(items: ListItem<T>[]): ListSelectState<T>;
+/**
+ * Move selection up
+ */
+export declare function moveUp<T>(state: ListSelectState<T>): ListSelectState<T>;
+/**
+ * Move selection down
+ */
+export declare function moveDown<T>(state: ListSelectState<T>, visibleCount?: number): ListSelectState<T>;
+/**
+ * Select item by number (1-9)
+ */
+export declare function selectByNumber<T>(state: ListSelectState<T>, num: number): ListSelectState<T>;
+/**
+ * Get currently selected item
+ */
+export declare function getSelectedItem<T>(state: ListSelectState<T>): ListItem<T> | undefined;
+/**
+ * Render the list as a string
+ */
+export declare function renderList<T>(state: ListSelectState<T>, options?: ListSelectOptions): string;
+/**
+ * Create a list section with title
+ */
+export declare function listSection<T>(title: string, state: ListSelectState<T>, options?: ListSelectOptions): string;
+//# sourceMappingURL=list-select.d.ts.map

package/esm/src/cli/app/components/list-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-select.d.ts","sourceRoot":"","sources":["../../../../../src/src/cli/app/components/list-select.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,OAAO;IACnC,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO;IAC1C,4BAA4B;IAC5B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,+BAA+B;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,eAAe,CAAC,CAAC,CAAC,CAM3E;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAQvE;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EACxB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,YAAY,SAAK,GAChB,eAAe,CAAC,CAAC,CAAC,CAcpB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC9B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,GAAG,EAAE,MAAM,GACV,eAAe,CAAC,CAAC,CAAC,CAIpB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAC/B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GACxB,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAEzB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAC1B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,OAAO,GAAE,iBAAsB,GAC9B,MAAM,CAkFR;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,OAAO,GAAE,iBAAsB,GAC9B,MAAM,CAGR"}

package/esm/src/cli/app/components/list-select.js

@@ -0,0 +1,137 @@
+/**
+ * Interactive List Select Component
+ *
+ * Keyboard-navigable list with selection support.
+ * Supports arrow keys, j/k vim bindings, and number shortcuts.
+ */
+import { brand, dim } from "../../ui/colors.js";
+import { truncate } from "../../ui/layout.js";
+/**
+ * Create initial list state
+ */
+export function createListState(items) {
+    return {
+        items,
+        selectedIndex: 0,
+        scrollOffset: 0,
+    };
+}
+/**
+ * Move selection up
+ */
+export function moveUp(state) {
+    if (state.items.length === 0)
+        return state;
+    const newIndex = state.selectedIndex > 0 ? state.selectedIndex - 1 : state.items.length - 1;
+    const scrollOffset = newIndex < state.scrollOffset ? newIndex : state.scrollOffset;
+    return { ...state, selectedIndex: newIndex, scrollOffset };
+}
+/**
+ * Move selection down
+ */
+export function moveDown(state, visibleCount = 10) {
+    if (state.items.length === 0)
+        return state;
+    const newIndex = state.selectedIndex < state.items.length - 1 ? state.selectedIndex + 1 : 0;
+    let scrollOffset = state.scrollOffset;
+    if (newIndex === 0) {
+        scrollOffset = 0;
+    }
+    else if (newIndex >= scrollOffset + visibleCount) {
+        scrollOffset = newIndex - visibleCount + 1;
+    }
+    return { ...state, selectedIndex: newIndex, scrollOffset };
+}
+/**
+ * Select item by number (1-9)
+ */
+export function selectByNumber(state, num) {
+    const index = num - 1;
+    if (index < 0 || index >= state.items.length)
+        return state;
+    return { ...state, selectedIndex: index };
+}
+/**
+ * Get currently selected item
+ */
+export function getSelectedItem(state) {
+    return state.items[state.selectedIndex];
+}
+/**
+ * Render the list as a string
+ */
+export function renderList(state, options = {}) {
+    const { maxWidth = 60, visibleCount = 10, showNumbers = true, numberOffset = 0, emptyMessage = "No items", showSelection = true, } = options;
+    if (state.items.length === 0)
+        return `  ${dim(emptyMessage)}`;
+    const lines = [];
+    const start = state.scrollOffset;
+    const end = Math.min(start + visibleCount, state.items.length);
+    const visibleItems = state.items.slice(start, end);
+    const numberWidth = showNumbers ? 4 : 0; // " [1] "
+    const cursorWidth = 2; // "› " or "  "
+    const prefixWidth = numberWidth + cursorWidth;
+    for (let i = 0; i < visibleItems.length; i++) {
+        const item = visibleItems[i];
+        if (!item)
+            continue;
+        const actualIndex = start + i;
+        const isSelected = showSelection && actualIndex === state.selectedIndex;
+        const displayNum = actualIndex + 1 + numberOffset;
+        const parts = [];
+        parts.push(isSelected ? brand("›") : " ", " ");
+        if (showNumbers) {
+            if (displayNum <= 35) {
+                const shortcut = displayNum <= 9
+                    ? String(displayNum)
+                    : String.fromCharCode(96 + displayNum - 9); // 10='a', 11='b', etc.
+                parts.push(isSelected ? brand(`[${shortcut}]`) : dim(`[${shortcut}]`), " ");
+            }
+            else {
+                parts.push("    ");
+            }
+        }
+        // Render label, then use remaining space for meta
+        const labelText = item.label;
+        const availableForContent = maxWidth - prefixWidth;
+        if (item.meta) {
+            // Split space between label and meta dynamically
+            const metaText = item.meta;
+            const totalNeeded = labelText.length + 1 + metaText.length; // 1 for space
+            if (totalNeeded <= availableForContent) {
+                // Both fit - no truncation needed
+                parts.push(isSelected ? labelText : dim(labelText));
+                const padding = availableForContent - labelText.length - metaText.length;
+                parts.push(" ".repeat(Math.max(1, padding)), dim(metaText));
+            }
+            else {
+                // Need to truncate - prioritize label, give rest to meta
+                const labelMax = Math.min(labelText.length, Math.floor(availableForContent * 0.4));
+                const metaMax = availableForContent - labelMax - 1;
+                const label = truncate(labelText, labelMax);
+                parts.push(isSelected ? label : dim(label));
+                parts.push(" ", dim(truncate(metaText, metaMax)));
+            }
+        }
+        else {
+            const label = truncate(labelText, availableForContent);
+            parts.push(isSelected ? label : dim(label));
+        }
+        lines.push(parts.join(""));
+        if (isSelected && item.description) {
+            lines.push(`     ${dim(truncate(item.description, maxWidth - 5))}`);
+        }
+    }
+    if (start > 0)
+        lines.unshift(`  ${dim("↑ more above")}`);
+    if (end < state.items.length)
+        lines.push(`  ${dim("↓ more below")}`);
+    return lines.join("\n");
+}
+/**
+ * Create a list section with title
+ */
+export function listSection(title, state, options = {}) {
+    const header = `  ${dim(title)} ${dim(`(${state.items.length})`)}`;
+    return `${header}\n${renderList(state, options)}`;
+}

package/esm/src/cli/app/index.d.ts

@@ -0,0 +1,45 @@
+import { type AppState, type StateUpdater } from "./state.js";
+export interface AppConfig {
+    port: number;
+    projects: Map<string, string>;
+    examples?: Map<string, string>;
+    defaultProject?: string;
+    mcpPort?: number;
+    /** Force headless mode (no TUI) for coding agents */
+    headless?: boolean;
+}
+export interface App {
+    /** Start the app */
+    start(): void;
+    /** Stop the app and restore terminal */
+    stop(): void;
+    /** Update state */
+    update(updater: StateUpdater): void;
+    /** Get current state */
+    getState(): AppState;
+    /** Render the current view */
+    render(): void;
+    /** Set server ready */
+    setServerReady(): void;
+    /** Add an error */
+    addError(): void;
+    /** Clear errors */
+    clearErrors(): void;
+    /** Add a log entry to the logs area */
+    log(level: "info" | "warn" | "error" | "debug", message: string): void;
+    /** Intercept console output and route to TUI logs */
+    interceptConsole(): () => void;
+}
+/**
+ * Create the CLI app
+ */
+export declare function createApp(config: AppConfig): App;
+/**
+ * Show startup animation
+ */
+export declare function showStartup(steps: string[]): Promise<void>;
+export type { AppState } from "./state.js";
+export * from "./state.js";
+export * from "./actions.js";
+export * from "./components/list-select.js";
+//# sourceMappingURL=index.d.ts.map

package/esm/src/cli/app/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/src/cli/app/index.ts"],"names":[],"mappings":"AA2BA,OAAO,EAEL,KAAK,QAAQ,EAcb,KAAK,YAAY,EAOlB,MAAM,YAAY,CAAC;AASpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,GAAG;IAClB,oBAAoB;IACpB,KAAK,IAAI,IAAI,CAAC;IACd,wCAAwC;IACxC,IAAI,IAAI,IAAI,CAAC;IACb,mBAAmB;IACnB,MAAM,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,wBAAwB;IACxB,QAAQ,IAAI,QAAQ,CAAC;IACrB,8BAA8B;IAC9B,MAAM,IAAI,IAAI,CAAC;IACf,uBAAuB;IACvB,cAAc,IAAI,IAAI,CAAC;IACvB,mBAAmB;IACnB,QAAQ,IAAI,IAAI,CAAC;IACjB,mBAAmB;IACnB,WAAW,IAAI,IAAI,CAAC;IACpB,uCAAuC;IACvC,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvE,qDAAqD;IACrD,gBAAgB,IAAI,MAAM,IAAI,CAAC;CAChC;AAuMD;;GAEG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,GAAG,CAymChD;AAED;;GAEG;AACH,wBAAsB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAuChE;AAED,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC"}