@oxecli/oxe 1.0.0 → 1.0.2

package/dist/cli.js

@@ -17,7 +17,7 @@ export class CLI {
     promptHistory = [];
     constructor() {
         clearScreen();
-        renderPanel("AI CODING AGENT", "Engine: Ready");
+        renderPanel("AI CODING AGENT", "", "Engine: Ready");
         process.stdout.write("\n");
         this.config = null;
     }
@@ -189,7 +189,7 @@ export class CLI {
         this.sessionId = sid;
         engine.reasoningEffort = String(rec["reasoning_effort"] ?? default_reasoning_effort);
         clearScreen();
-        renderPanel(`AI CODING AGENT  (resumed ${sid})`, "Engine: Ready");
+        renderPanel(`AI CODING AGENT  (resumed ${sid})`, "", "Engine: Ready");
         process.stdout.write(`\x1b[2mResumed:\x1b[0m ${truncateLabel(rec["label"])}\n`);
         process.stdout.write(`\x1b[2m(${this.inputItems.length} items · ${estimateTokens(this.inputItems).toLocaleString()} tokens · Effort: \x1b[1;36m${engine.reasoningEffort}\x1b[0m\x1b[2m)\x1b[0m\n\n`);
         renderPanel("Conversation history", "Restored");
@@ -226,7 +226,7 @@ export class CLI {
                     this.story = [];
                     this.sessionId = null;
                     clearScreen();
-                    renderPanel("AI CODING AGENT", "Engine: Ready");
+                    renderPanel("AI CODING AGENT", "", "Engine: Ready");
                     process.stdout.write("\n");
                     continue;
                 }
@@ -271,7 +271,17 @@ export class CLI {
 export async function main() {
     enableAnsi();
     const app = new CLI();
-    const config = await loadOrPrompt();
+    let config;
+    try {
+        config = await loadOrPrompt();
+    }
+    catch (err) {
+        if (err?.message === "interrupt" || err?.message === "eof") {
+            process.stdout.write("\nClosing terminal session. Goodbye!\n");
+            return;
+        }
+        throw err;
+    }
     app.config = config;
     const engine = new InferenceEngine(config);
     try {

package/dist/oxe.js

@@ -1,6 +1,11 @@
 import { main } from "./cli.js";
 export { main };
 main().catch((err) => {
+    const msg = err?.message;
+    if (msg === "interrupt" || msg === "eof") {
+        // Graceful exit on Ctrl+C / Ctrl+D — no stack trace.
+        process.exit(0);
+    }
     console.error(err);
     process.exit(1);
 });

package/dist/ui.js

@@ -134,26 +134,47 @@ export function mutedMarkdown(text) {
 // ---------------------------------------------------------------------------
 // Panel
 // ---------------------------------------------------------------------------
-export function renderPanel(content, title = "") {
+/**
+ * Render a rich-style rounded panel: title in the top border, optional subtitle
+ * in the bottom border, content lines inside.
+ */
+export function renderPanel(content, title = "", subtitle = "", borderStyle = "90" // 90 = bright black (grey50)
+) {
     const w = terminalWidth();
     const innerW = Math.max(w - 4, 10);
     const styled = markupToAnsi(content);
+    const styledLines = styled.split("\n");
     const plainLines = styled.replace(/\x1b\[[0-9;]*m/g, "").split("\n");
-    const border = "─".repeat(innerW);
-    console.log(`\x1b[90m+${border}+`);
+    // Effective width used by the border (accounting for a title/subtitle side)
+    const borderW = innerW;
+    const topSegs = [];
+    topSegs.push("╭");
     if (title) {
-        const titleStr = ` ${title} `;
-        const pad = Math.max(innerW - titleStr.length, 0);
-        console.log(`\x1b[90m|${titleStr}${" ".repeat(pad)}|`);
+        const t = ` ${title} `;
+        topSegs.push(`─${t}${"─".repeat(Math.max(borderW - t.length - 2, 0))}`);
     }
-    const styledLines = styled.split("\n");
+    else {
+        topSegs.push("─".repeat(borderW));
+    }
+    topSegs.push("╮");
+    process.stdout.write(`\x1b[${borderStyle}m${topSegs.join("")}\x1b[0m\n`);
     for (let i = 0; i < styledLines.length; i++) {
         const line = styledLines[i];
         const plain = plainLines[i] ?? "";
-        const pad = Math.max(innerW - plain.length, 0);
-        console.log(`\x1b[90m| ${line}${" ".repeat(pad)} |\x1b[0m`);
+        const pad = Math.max(borderW - plain.length - 1, 0);
+        process.stdout.write(`\x1b[${borderStyle}m│\x1b[0m ${line}${" ".repeat(pad)} \x1b[${borderStyle}m│\x1b[0m\n`);
+    }
+    const bottomSegs = [];
+    bottomSegs.push("╰");
+    if (subtitle) {
+        const s = ` ${subtitle} `;
+        bottomSegs.push(`─${s}${"─".repeat(Math.max(borderW - s.length - 2, 0))}`);
     }
-    console.log(`\x1b[90m+${border}+\x1b[0m`);
+    else {
+        bottomSegs.push("─".repeat(borderW));
+    }
+    bottomSegs.push("╯");
+    process.stdout.write(`\x1b[${borderStyle}m${bottomSegs.join("")}\x1b[0m\n`);
 }
 // ---------------------------------------------------------------------------
 // Durations
@@ -324,7 +345,10 @@ export function splitBlocks(buffer, pasteSpans) {
     }
     return segs;
 }
-function renderBufferWithCursor(buffer, pasteSpans, prefix, cursor) {
+function renderBufferWithCursor(buffer, pasteSpans, prefix, label, cursor) {
+    const w = terminalWidth();
+    const innerW = Math.max(w - 4, 10);
+    const border = "─".repeat(innerW);
     const [row, col] = cursorLineCol(buffer, cursor);
     const segs = splitBlocks(buffer, pasteSpans);
     let display = "";
@@ -334,23 +358,39 @@ function renderBufferWithCursor(buffer, pasteSpans, prefix, cursor) {
             display += " ";
         display += kind === "collapsed" ? `\x1b[1m\x1b[36m${disp}\x1b[0m` : disp;
     }
-    const lines = display.split("\n");
     const prefixStr = `\x1b[1m${prefix}\x1b[0m `;
-    // Reconstruct lines, prepending prefix to first line
-    const rendered = [prefixStr + (lines[0] ?? "")];
-    for (let i = 1; i < lines.length; i++)
-        rendered.push(lines[i] ?? "");
-    // Place cursor on the correct line/col (prefix+1 offset on line 0)
+    const innerLines = (prefixStr + display).split("\n");
+    // Build the panel lines, each padded to innerW.
+    const lines = [];
+    for (const l of innerLines) {
+        const plain = l.replace(/\x1b\[[0-9;]*m/g, "");
+        const pad = Math.max(innerW - 1 - plain.length, 0);
+        lines.push(`\x1b[90m│\x1b[0m ${l}${" ".repeat(pad)} \x1b[90m│\x1b[0m`);
+    }
+    // Placeholder row when empty
+    if (!buffer) {
+        const ph = `\x1b[2m${PROMPT_PLACEHOLDER}\x1b[0m`;
+        const pad = Math.max(innerW - 1 - PROMPT_PLACEHOLDER.length, 0);
+        lines.push(`\x1b[90m│\x1b[0m ${ph}${" ".repeat(pad)} \x1b[90m│\x1b[0m`);
+    }
+    const frame = [
+        `\x1b[90m┌─${label}─${border.slice(label.length + 2)}┐\x1b[0m`,
+        ...lines,
+        `\x1b[90m└${border}┘\x1b[0m`,
+    ].join("\n");
+    // Compute where the cursor should be placed.
     let cursorRow = row;
     let cursorCol = col + (row === 0 ? prefix.length + 1 : 0);
-    const result = rendered.join("\n");
-    const currentLines = result.split("\n").length;
-    // Move cursor up currentLines-1 then right cursorCol
+    // +1 row for the top border.
+    cursorRow += 1;
+    const totalRows = frame.split("\n").length;
     let cmd = "";
-    if (currentLines > 1)
-        cmd += `\x1b[${currentLines - 1}A`;
-    cmd += `\r\x1b[${cursorCol}C`;
-    return result + cmd;
+    if (totalRows - 1 > cursorRow)
+        cmd += `\x1b[${totalRows - 1 - cursorRow}A`;
+    else if (cursorRow > totalRows - 1)
+        cmd += `\x1b[${cursorRow - (totalRows - 1)}B`;
+    cmd += `\r\x1b[${cursorCol + 2}C`;
+    return frame + cmd;
 }
 export function askBottomPrompt(label = "You", prefix = "❯", history = []) {
     return new Promise((resolve, reject) => {
@@ -387,7 +427,7 @@ export function askBottomPrompt(label = "You", prefix = "❯", history = []) {
             resolve(resolveVal);
         };
         const repaint = () => {
-            const frame = renderBufferWithCursor(buffer, pasteSpans, prefix, cursor);
+            const frame = renderBufferWithCursor(buffer, pasteSpans, prefix, label, cursor);
             process.stdout.write("\r\x1b[K");
             process.stdout.write(frame);
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxecli/oxe",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "publishConfig": {
     "access": "public"
   },