@sheepbun/yips 0.1.1

package/dist/ui/input/vt-session.js

@@ -0,0 +1,168 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VirtualTerminalSession = void 0;
+const node_path_1 = require("node:path");
+const node_pty_1 = require("node-pty");
+function escapeForSingleQuotedShell(value) {
+    return value.replace(/'/gu, "'\\''");
+}
+function stripAnsi(value) {
+    const esc = String.fromCharCode(27);
+    let output = "";
+    let index = 0;
+    while (index < value.length) {
+        if (value[index] === esc && value[index + 1] === "[") {
+            index += 2;
+            while (index < value.length) {
+                const code = value.charCodeAt(index);
+                const isFinalByte = code >= 0x40 && code <= 0x7e;
+                index += 1;
+                if (isFinalByte) {
+                    break;
+                }
+            }
+            continue;
+        }
+        output += value[index] ?? "";
+        index += 1;
+    }
+    return output;
+}
+function escapeRegExp(input) {
+    return input.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
+}
+class VirtualTerminalSession {
+    pty = null;
+    listeners = new Set();
+    lines = [];
+    currentLine = "";
+    ensureStarted(cols = 100, rows = 30) {
+        if (this.pty) {
+            return;
+        }
+        const shell = process.env["SHELL"]?.trim() || "/bin/bash";
+        this.pty = (0, node_pty_1.spawn)(shell, ["-i"], {
+            name: "xterm-256color",
+            cols,
+            rows,
+            cwd: process.cwd(),
+            env: { ...process.env }
+        });
+        this.pty.onData((chunk) => {
+            this.consumeDisplayChunk(chunk);
+            for (const listener of this.listeners) {
+                listener(chunk);
+            }
+        });
+    }
+    onData(listener) {
+        this.listeners.add(listener);
+        return () => {
+            this.listeners.delete(listener);
+        };
+    }
+    resize(cols, rows) {
+        this.ensureStarted(cols, rows);
+        this.pty?.resize(Math.max(20, cols), Math.max(8, rows));
+    }
+    write(data) {
+        this.ensureStarted();
+        this.pty?.write(data);
+    }
+    getDisplayLines(limit = 200) {
+        const all = this.currentLine.length > 0 ? [...this.lines, this.currentLine] : [...this.lines];
+        return all.slice(-Math.max(1, limit));
+    }
+    async runCommand(command, options) {
+        this.ensureStarted();
+        const cwd = (0, node_path_1.resolve)(options.cwd);
+        const commandTimeoutMs = Math.max(1_000, Math.min(120_000, options.timeoutMs));
+        const id = `${Date.now()}_${Math.floor(Math.random() * 1_000_000)}`;
+        const startMarker = `__YIPS_START_${id}__`;
+        const endPrefix = `__YIPS_END_${id}__:`;
+        const wrapped = [
+            `printf '%s\\n' '${startMarker}'`,
+            `cd '${escapeForSingleQuotedShell(cwd)}' && (${command})`,
+            `printf '%s%s\\n' '${endPrefix}' "$?"`
+        ].join("; ");
+        return await new Promise((resolveResult) => {
+            let buffer = "";
+            let started = false;
+            let settled = false;
+            const cleanup = (result) => {
+                if (settled) {
+                    return;
+                }
+                settled = true;
+                off();
+                clearTimeout(timer);
+                resolveResult(result);
+            };
+            const endPattern = new RegExp(`${escapeRegExp(endPrefix)}(\\d+)`, "u");
+            const off = this.onData((chunk) => {
+                if (settled) {
+                    return;
+                }
+                buffer += chunk;
+                if (!started) {
+                    const startIndex = buffer.indexOf(startMarker);
+                    if (startIndex < 0) {
+                        return;
+                    }
+                    started = true;
+                    buffer = buffer.slice(startIndex + startMarker.length);
+                }
+                const endMatch = buffer.match(endPattern);
+                if (!endMatch || typeof endMatch.index !== "number") {
+                    return;
+                }
+                const outputRaw = buffer.slice(0, endMatch.index);
+                const output = stripAnsi(outputRaw).replace(/^\s+|\s+$/gu, "");
+                const exitCode = Number.parseInt(endMatch[1] ?? "1", 10);
+                cleanup({
+                    exitCode: Number.isFinite(exitCode) ? exitCode : 1,
+                    output,
+                    timedOut: false
+                });
+            });
+            const timer = setTimeout(() => {
+                cleanup({
+                    exitCode: 124,
+                    output: "Command timed out.",
+                    timedOut: true
+                });
+            }, commandTimeoutMs);
+            this.pty?.write(`${wrapped}\r`);
+        });
+    }
+    dispose() {
+        this.listeners.clear();
+        this.pty?.kill();
+        this.pty = null;
+        this.lines = [];
+        this.currentLine = "";
+    }
+    consumeDisplayChunk(chunk) {
+        const plain = stripAnsi(chunk).replace(/\r\n/gu, "\n");
+        for (const char of Array.from(plain)) {
+            if (char === "\n") {
+                this.lines.push(this.currentLine);
+                this.currentLine = "";
+                continue;
+            }
+            if (char === "\r") {
+                this.currentLine = "";
+                continue;
+            }
+            if (char === "\b") {
+                this.currentLine = this.currentLine.slice(0, -1);
+                continue;
+            }
+            this.currentLine += char;
+        }
+        if (this.lines.length > 1000) {
+            this.lines = this.lines.slice(-1000);
+        }
+    }
+}
+exports.VirtualTerminalSession = VirtualTerminalSession;

package/dist/ui/messages.js

@@ -0,0 +1,59 @@
+"use strict";
+/** Conversation message formatting with ANSI truecolor styling. */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatUserMessage = formatUserMessage;
+exports.formatAssistantMessage = formatAssistantMessage;
+exports.formatErrorMessage = formatErrorMessage;
+exports.formatWarningMessage = formatWarningMessage;
+exports.formatSuccessMessage = formatSuccessMessage;
+exports.formatDimMessage = formatDimMessage;
+const colors_1 = require("#ui/colors");
+function formatTimestamp(date) {
+    const hours = date.getHours();
+    const minutes = date.getMinutes().toString().padStart(2, "0");
+    const period = hours >= 12 ? "PM" : "AM";
+    const displayHours = hours % 12 || 12;
+    return `${displayHours}:${minutes} ${period}`;
+}
+function formatUserMessage(text) {
+    const lines = text.split("\n");
+    const first = (0, colors_1.colorText)(`>>> ${lines[0] ?? ""}`, colors_1.INPUT_PINK);
+    if (lines.length <= 1) {
+        return first;
+    }
+    const rest = lines.slice(1).map((line) => (0, colors_1.colorText)(line, colors_1.INPUT_PINK));
+    return [first, ...rest].join("\n");
+}
+function formatAssistantMessage(text, timestamp) {
+    const time = timestamp ?? new Date();
+    const timestampPlain = `[${formatTimestamp(time)}]`;
+    const namePlain = "Yips";
+    const prefixPlain = `${timestampPlain} ${namePlain}: `;
+    const timeStr = (0, colors_1.colorText)(timestampPlain, colors_1.GRADIENT_BLUE);
+    const name = (0, colors_1.horizontalGradient)(namePlain, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW);
+    const colon = (0, colors_1.colorText)(":", colors_1.GRADIENT_BLUE);
+    const lines = text.split("\n");
+    const firstLine = lines[0] ?? "";
+    const firstBody = (0, colors_1.horizontalGradient)(firstLine, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW);
+    const first = `${timeStr} ${name}${colon} ${firstBody}`;
+    if (lines.length <= 1) {
+        return first;
+    }
+    const indent = " ".repeat(prefixPlain.length);
+    const rest = lines
+        .slice(1)
+        .map((line) => `${indent}${(0, colors_1.horizontalGradient)(line, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW)}`);
+    return [first, ...rest].join("\n");
+}
+function formatErrorMessage(text) {
+    return (0, colors_1.colorText)(text, colors_1.ERROR_RED);
+}
+function formatWarningMessage(text) {
+    return (0, colors_1.colorText)(text, colors_1.WARNING_YELLOW);
+}
+function formatSuccessMessage(text) {
+    return (0, colors_1.colorText)(text, colors_1.SUCCESS_GREEN);
+}
+function formatDimMessage(text) {
+    return (0, colors_1.colorText)(text, colors_1.DIM_GRAY);
+}

package/dist/ui/model-manager/model-manager-state.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createModelManagerState = createModelManagerState;
+exports.setModelManagerLoading = setModelManagerLoading;
+exports.setModelManagerError = setModelManagerError;
+exports.setModelManagerModels = setModelManagerModels;
+exports.setModelManagerSearchQuery = setModelManagerSearchQuery;
+exports.moveModelManagerSelection = moveModelManagerSelection;
+exports.removeModelById = removeModelById;
+exports.getSelectedModel = getSelectedModel;
+const model_manager_1 = require("#models/model-manager");
+function createModelManagerState(memory) {
+    return {
+        isOpen: true,
+        searchQuery: "",
+        allModels: [],
+        models: [],
+        selectedModelIndex: 0,
+        scrollOffset: 0,
+        phase: "idle",
+        loading: false,
+        loadingMessage: "Loading models...",
+        errorMessage: "",
+        ramGb: memory.ramGb,
+        vramGb: memory.vramGb,
+        totalMemoryGb: memory.totalMemoryGb
+    };
+}
+function clampSelection(state) {
+    const max = Math.max(0, state.models.length - 1);
+    const selectedModelIndex = Math.min(Math.max(0, state.selectedModelIndex), max);
+    const scrollOffset = Math.min(Math.max(0, state.scrollOffset), Math.max(0, max));
+    return {
+        ...state,
+        selectedModelIndex,
+        scrollOffset
+    };
+}
+function setModelManagerLoading(state, message) {
+    return {
+        ...state,
+        phase: "loading",
+        loading: true,
+        loadingMessage: message,
+        errorMessage: ""
+    };
+}
+function setModelManagerError(state, message) {
+    return {
+        ...state,
+        phase: "error",
+        loading: false,
+        errorMessage: message
+    };
+}
+function setModelManagerModels(state, models) {
+    const filtered = (0, model_manager_1.filterModels)(models, state.searchQuery);
+    return clampSelection({
+        ...state,
+        allModels: models,
+        models: filtered,
+        phase: "idle",
+        loading: false,
+        errorMessage: "",
+        selectedModelIndex: filtered.length > 0 ? Math.min(state.selectedModelIndex, filtered.length - 1) : 0,
+        scrollOffset: 0
+    });
+}
+function setModelManagerSearchQuery(state, searchQuery) {
+    const models = (0, model_manager_1.filterModels)(state.allModels, searchQuery);
+    return clampSelection({
+        ...state,
+        searchQuery,
+        models,
+        selectedModelIndex: models.length > 0 ? Math.min(state.selectedModelIndex, models.length - 1) : 0,
+        scrollOffset: 0,
+        phase: state.phase === "error" ? "idle" : state.phase,
+        errorMessage: state.phase === "error" ? "" : state.errorMessage
+    });
+}
+function moveModelManagerSelection(state, delta, viewportSize) {
+    if (state.models.length === 0) {
+        return state;
+    }
+    const max = state.models.length - 1;
+    const nextIndex = Math.min(max, Math.max(0, state.selectedModelIndex + delta));
+    let nextScroll = state.scrollOffset;
+    if (nextIndex < nextScroll) {
+        nextScroll = nextIndex;
+    }
+    else if (nextIndex >= nextScroll + viewportSize) {
+        nextScroll = nextIndex - (viewportSize - 1);
+    }
+    return {
+        ...state,
+        selectedModelIndex: nextIndex,
+        scrollOffset: Math.max(0, nextScroll)
+    };
+}
+function removeModelById(state, id) {
+    const allModels = state.allModels.filter((model) => model.id !== id);
+    const models = (0, model_manager_1.filterModels)(allModels, state.searchQuery);
+    return clampSelection({
+        ...state,
+        allModels,
+        models,
+        selectedModelIndex: models.length > 0 ? Math.min(state.selectedModelIndex, models.length - 1) : 0,
+        phase: "idle",
+        loading: false,
+        errorMessage: ""
+    });
+}
+function getSelectedModel(state) {
+    if (state.models.length === 0) {
+        return null;
+    }
+    return state.models[state.selectedModelIndex] ?? null;
+}

package/dist/ui/model-manager/model-manager-ui.js

@@ -0,0 +1,194 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderModelManagerLines = renderModelManagerLines;
+const colors_1 = require("#ui/colors");
+const TAB_INACTIVE = { r: 0x88, g: 0x88, b: 0x88 };
+const BLACK = { r: 0x00, g: 0x00, b: 0x00 };
+const CURRENT_MODEL_BLUE = { r: 0x89, g: 0xcf, b: 0xf0 };
+const FOCUS_ACCENT_BG = { r: 0xff, g: 0xcc, b: 0xff };
+const MODEL_MANAGER_BODY_ROWS = 12;
+const ANSI_BOLD_ON = "\u001b[1m";
+const ANSI_BOLD_OFF = "\u001b[22m";
+function charLength(text) {
+    return Array.from((0, colors_1.stripAnsi)(text)).length;
+}
+function fitLeft(text, width) {
+    const chars = Array.from(text);
+    if (chars.length <= width) {
+        return text;
+    }
+    if (width <= 3) {
+        return chars.slice(0, width).join("");
+    }
+    return `${chars.slice(0, width - 3).join("")}...`;
+}
+function fitRight(text, width) {
+    const chars = Array.from(text);
+    if (chars.length <= width) {
+        return text;
+    }
+    return chars.slice(chars.length - width).join("");
+}
+function makeBorderTop(width) {
+    if (width <= 1)
+        return "╭";
+    const prefix = "╭─── ";
+    const titleBrand = "Yips";
+    const titleDetail = " Model Manager";
+    const titleTail = " ";
+    const prefixLen = charLength(prefix);
+    const titleBrandLen = charLength(titleBrand);
+    const titleDetailLen = charLength(titleDetail);
+    const titleTailLen = charLength(titleTail);
+    const plainTitleLen = prefixLen + titleBrandLen + titleDetailLen + titleTailLen;
+    const fill = "─".repeat(Math.max(0, width - plainTitleLen - 1));
+    const fillOffset = prefixLen + titleBrandLen + titleDetailLen + titleTailLen;
+    const cornerOffset = width - 1;
+    return `${(0, colors_1.horizontalGradientAtOffset)(prefix, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW, 0, width)}${ANSI_BOLD_ON}${(0, colors_1.horizontalGradient)(titleBrand, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW)}${(0, colors_1.colorText)(titleDetail, colors_1.GRADIENT_BLUE)}${ANSI_BOLD_OFF}${(0, colors_1.horizontalGradientAtOffset)(titleTail, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW, prefixLen + titleBrandLen + titleDetailLen, width)}${(0, colors_1.horizontalGradientAtOffset)(fill, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW, fillOffset, width)}${(0, colors_1.horizontalGradientAtOffset)("╮", colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW, cornerOffset, width)}`;
+}
+function makeBorderBottom(width) {
+    if (width <= 1)
+        return "╰";
+    const mid = "─".repeat(Math.max(0, width - 2));
+    return `${(0, colors_1.colorText)("╰", colors_1.GRADIENT_PINK)}${(0, colors_1.horizontalGradient)(mid, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW)}${(0, colors_1.colorText)("╯", colors_1.GRADIENT_YELLOW)}`;
+}
+function lineWithBorders(inner, innerWidth) {
+    let fitted = inner;
+    if (charLength(fitted) > innerWidth) {
+        fitted = fitLeft((0, colors_1.stripAnsi)(inner), innerWidth);
+    }
+    const padding = " ".repeat(Math.max(0, innerWidth - charLength(fitted)));
+    return `${(0, colors_1.colorText)("│", colors_1.GRADIENT_PINK)}${fitted}${padding}${(0, colors_1.colorText)("│", colors_1.GRADIENT_YELLOW)}`;
+}
+function highlightedRow(row) {
+    const chars = Array.from(row);
+    if (chars.length === 0)
+        return row;
+    const first = (0, colors_1.bgColorText)(chars[0] ?? "", FOCUS_ACCENT_BG, BLACK);
+    const rest = chars.slice(1).join("");
+    if (rest.length === 0) {
+        return first;
+    }
+    return `${first}${(0, colors_1.horizontalGradientBackground)(rest, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW, BLACK)}`;
+}
+function toSizeCell(sizeGb) {
+    return `${sizeGb.toFixed(1)}G`;
+}
+function getFileName(modelId) {
+    const parts = modelId.split("/");
+    return parts[parts.length - 1] ?? modelId;
+}
+function buildModelRows(state, contentWidth, rowCount, currentModel) {
+    if (state.models.length === 0) {
+        return [(0, colors_1.colorText)("No models found in local models directory.", colors_1.WARNING_YELLOW)];
+    }
+    const markerWidth = 3;
+    const separators = 4 * 3;
+    const minBackendWidth = 9;
+    const minProviderWidth = 14;
+    const minNameWidth = 16;
+    const minFileWidth = 18;
+    const minSizeWidth = 7;
+    let backendWidth = minBackendWidth;
+    let providerWidth = minProviderWidth;
+    let nameWidth = minNameWidth;
+    let fileWidth = minFileWidth;
+    let sizeWidth = minSizeWidth;
+    const minimumTotalColumnWidth = minBackendWidth + minProviderWidth + minNameWidth + minFileWidth + minSizeWidth;
+    const availableTotalColumnWidth = Math.max(5, contentWidth - markerWidth - separators);
+    if (availableTotalColumnWidth >= minimumTotalColumnWidth) {
+        const extra = availableTotalColumnWidth - minimumTotalColumnWidth;
+        const growBy = Math.floor(extra / 5);
+        const remainder = extra % 5;
+        backendWidth += growBy + (remainder > 0 ? 1 : 0);
+        providerWidth += growBy + (remainder > 1 ? 1 : 0);
+        nameWidth += growBy + (remainder > 2 ? 1 : 0);
+        fileWidth += growBy + (remainder > 3 ? 1 : 0);
+        sizeWidth += growBy;
+    }
+    else {
+        const minAllowed = [4, 6, 8, 8, 4];
+        const widths = [
+            backendWidth,
+            providerWidth,
+            nameWidth,
+            fileWidth,
+            sizeWidth
+        ];
+        const reduceOrder = [3, 2, 1, 0, 4];
+        let deficit = minimumTotalColumnWidth - availableTotalColumnWidth;
+        while (deficit > 0) {
+            let reducedThisPass = false;
+            for (const index of reduceOrder) {
+                if (deficit <= 0) {
+                    break;
+                }
+                if (widths[index] > minAllowed[index]) {
+                    widths[index] -= 1;
+                    deficit -= 1;
+                    reducedThisPass = true;
+                }
+            }
+            if (!reducedThisPass) {
+                break;
+            }
+        }
+        [backendWidth, providerWidth, nameWidth, fileWidth, sizeWidth] = widths;
+    }
+    const rows = [];
+    const header = `   ${"Backend".padEnd(backendWidth, " ")} | ${"Provider".padEnd(providerWidth, " ")} | ${"Name".padEnd(nameWidth, " ")} | ${"File".padEnd(fileWidth, " ")} | ${"Size".padStart(sizeWidth, " ")}`;
+    rows.push((0, colors_1.horizontalGradient)(header, colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW));
+    const visibleRowCount = Math.max(0, rowCount - 1);
+    const start = state.scrollOffset;
+    const end = Math.min(state.models.length, start + visibleRowCount);
+    for (let index = start; index < end; index++) {
+        const model = state.models[index];
+        if (!model)
+            continue;
+        const selected = index === state.selectedModelIndex;
+        const current = model.id === currentModel;
+        const prefix = `${selected ? ">" : " "}${current ? "*" : " "} `;
+        const backend = fitLeft(model.friendlyBackend, backendWidth).padEnd(backendWidth, " ");
+        const provider = fitLeft(model.host, providerWidth).padEnd(providerWidth, " ");
+        const name = fitLeft(model.friendlyName, nameWidth).padEnd(nameWidth, " ");
+        const file = fitLeft(getFileName(model.id), fileWidth).padEnd(fileWidth, " ");
+        const sizeCell = toSizeCell(model.sizeGb).padStart(sizeWidth, " ");
+        const row = `${prefix}${backend} | ${provider} | ${name} | ${file} | ${sizeCell}`;
+        if (selected) {
+            rows.push(highlightedRow(row));
+            continue;
+        }
+        rows.push(current ? (0, colors_1.colorText)(row, CURRENT_MODEL_BLUE) : row);
+    }
+    return rows;
+}
+function fillRows(rows, rowCount) {
+    if (rows.length >= rowCount) {
+        return rows.slice(0, rowCount);
+    }
+    return [...rows, ...new Array(rowCount - rows.length).fill("")];
+}
+function renderModelManagerLines(options) {
+    const width = Math.max(20, options.width);
+    const innerWidth = Math.max(1, width - 2);
+    const rows = [];
+    rows.push(makeBorderTop(width));
+    const leftLabel = (0, colors_1.colorText)(" Local ", TAB_INACTIVE);
+    const specText = `RAM: ${options.state.ramGb.toFixed(1)}GB | VRAM: ${options.state.vramGb.toFixed(1)}GB`;
+    const gap = Math.max(1, innerWidth - charLength(leftLabel) - charLength(specText));
+    rows.push(lineWithBorders(`${leftLabel}${" ".repeat(gap)}${fitRight(specText, Math.max(1, innerWidth - charLength(leftLabel) - 1))}`, innerWidth));
+    let bodyRows;
+    if (options.state.phase === "loading") {
+        bodyRows = fillRows([`Loading: ${options.state.loadingMessage}`], MODEL_MANAGER_BODY_ROWS);
+    }
+    else if (options.state.phase === "error" && options.state.errorMessage.length > 0) {
+        bodyRows = fillRows([`Error: ${options.state.errorMessage}`], MODEL_MANAGER_BODY_ROWS);
+    }
+    else {
+        bodyRows = fillRows(buildModelRows(options.state, innerWidth, MODEL_MANAGER_BODY_ROWS, options.currentModel), MODEL_MANAGER_BODY_ROWS);
+    }
+    rows.push(...bodyRows.map((row) => lineWithBorders(row, innerWidth)));
+    rows.push(lineWithBorders((0, colors_1.horizontalGradient)("[Enter] Select  [↑/↓] Move  [Del] Delete Local  [T] Downloader  [Esc] Close", colors_1.GRADIENT_PINK, colors_1.GRADIENT_YELLOW), innerWidth));
+    rows.push(makeBorderBottom(width));
+    return rows;
+}

package/dist/ui/prompt/prompt-box.js

@@ -0,0 +1,78 @@
+"use strict";
+/** Prompt box layout helpers for the bottom input area. */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildPromptBoxFrame = buildPromptBoxFrame;
+exports.buildPromptBoxLayout = buildPromptBoxLayout;
+const DEFAULT_PROMPT = ">>> ";
+function toChars(text) {
+    return Array.from(text);
+}
+function charLength(text) {
+    return toChars(text).length;
+}
+function takeLeftChars(text, maxWidth) {
+    if (maxWidth <= 0)
+        return "";
+    const chars = toChars(text);
+    if (chars.length <= maxWidth)
+        return text;
+    return chars.slice(0, maxWidth).join("");
+}
+function takeRightChars(text, maxWidth) {
+    if (maxWidth <= 0)
+        return "";
+    const chars = toChars(text);
+    if (chars.length <= maxWidth)
+        return text;
+    return chars.slice(chars.length - maxWidth).join("");
+}
+function buildBorderLine(width, left, right, fill) {
+    if (width <= 0)
+        return "";
+    if (width === 1)
+        return left;
+    return `${left}${fill.repeat(Math.max(0, width - 2))}${right}`;
+}
+function buildContentLine(width, left, right, inner) {
+    if (width <= 0)
+        return "";
+    if (width === 1)
+        return left;
+    return `${left}${inner}${right}`;
+}
+function normalizeStatusText(statusText) {
+    const trimmed = statusText.trim();
+    return trimmed.length > 0 ? ` ${trimmed} ` : " ";
+}
+function buildPromptBoxFrame(width, statusText, middleRowCount) {
+    const safeWidth = Math.max(0, width);
+    const innerWidth = Math.max(0, safeWidth - 2);
+    const rowCount = Math.max(1, middleRowCount);
+    const middleInner = " ".repeat(innerWidth);
+    const normalizedStatus = normalizeStatusText(statusText);
+    // Keep the right edge on narrow terminals so model suffixes remain visible.
+    const clippedStatus = takeRightChars(normalizedStatus, innerWidth);
+    const clippedStatusWidth = charLength(clippedStatus);
+    const fill = "─".repeat(Math.max(0, innerWidth - clippedStatusWidth));
+    const bottomInner = `${fill}${clippedStatus}`;
+    return {
+        top: buildBorderLine(safeWidth, "╭", "╮", "─"),
+        middleRows: Array.from({ length: rowCount }, () => buildContentLine(safeWidth, "│", "│", middleInner)),
+        bottom: buildContentLine(safeWidth, "╰", "╯", bottomInner),
+        innerWidth
+    };
+}
+function buildPromptBoxLayout(width, statusText, promptText = DEFAULT_PROMPT) {
+    const frame = buildPromptBoxFrame(width, statusText, 1);
+    const prompt = takeLeftChars(promptText, frame.innerWidth);
+    const promptPadding = " ".repeat(Math.max(0, frame.innerWidth - charLength(prompt)));
+    const middleInner = `${prompt}${promptPadding}`;
+    return {
+        top: frame.top,
+        middle: buildContentLine(Math.max(0, width), "│", "│", middleInner),
+        bottom: frame.bottom,
+        innerWidth: frame.innerWidth,
+        prompt,
+        promptPadding
+    };
+}