@taj-special/dravix-code 1.1.21 → 1.1.22

package/dist/cli/repl.js

@@ -10,6 +10,7 @@ import { printOpResult, printError, printInfo, colors } from '../utils/display.j
 import { saveConversation, loadConversation, listConversations, generateTitle, generateId } from '../services/conversations.js';
 import { getToken } from '../services/auth.js';
 import { checkUsage, reportUsage, estimateTokens, usageBar, fmtNum, formatResetTime } from '../services/usage.js';
+import { ChatLayout } from '../utils/layout.js';
 let _serverWebDesignerSkill = '';
 const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
 const SLASH_COMMANDS = [
@@ -834,12 +835,14 @@ async function askPermission(label, key, alwaysAllowed, noAlways, diffShown, pre
         process.stdin.on('data', onData);
     });
 }
-async function readLine(prompt, cwd) {
-    let SEP = colors.dim('  ' + '─'.repeat(Math.max((process.stdout.columns ?? 80) - 4, 40)));
-    let sepVisualLen = 2 + Math.max((process.stdout.columns ?? 80) - 4, 40); // track visual width for resize
-    process.stdout.write('\n' + SEP + '\n' + prompt);
-    // Draw bottom separator, then move cursor back up to input line
-    process.stdout.write('\r\n' + SEP + '\x1b[1A\r' + prompt);
+const HINT_TEXT = (C) => colors.muted('  ') + C('Tab') + colors.muted(' path complete  ') +
+    C('@') + colors.muted(' file picker  ') +
+    C('Ctrl+C') + colors.muted(' cancel  ') +
+    C('/help') + colors.muted(' commands');
+async function readLine(prompt, cwd, layout) {
+    const C = chalk.hex('#818cf8');
+    layout.drawHint(HINT_TEXT(C));
+    layout.posInput(prompt);
     return new Promise((resolve) => {
         let prefix = '';
         let pasteBlock = null;
@@ -867,44 +870,25 @@ async function readLine(prompt, cwd) {
         let tabDrawn = false;
         let tabPreWord = ''; // prefix text before the tab-completed token
         function onResize() {
-            const newCols = process.stdout.columns ?? 80;
-            const oldSepRows = Math.ceil(sepVisualLen / newCols);
-            SEP = colors.dim('  ' + '─'.repeat(Math.max(newCols - 4, 40)));
-            sepVisualLen = 2 + Math.max(newCols - 4, 40);
+            layout.resize();
             if (atMode) {
-                for (let i = 0; i < atBoxLines + 3; i++)
-                    process.stdout.write('\x1b[1A');
-                process.stdout.write('\r\x1b[0J');
                 atDrawn = false;
                 atBoxLines = 0;
                 drawPicker();
             }
             else if (slashMode) {
-                for (let i = 0; i < slashBoxLines + 3; i++)
-                    process.stdout.write('\x1b[1A');
-                process.stdout.write('\r\x1b[0J');
                 slashDrawn = false;
                 slashBoxLines = 0;
                 drawSlashPicker();
             }
             else if (tabMode) {
-                for (let i = 0; i < tabBoxLines + 3; i++)
-                    process.stdout.write('\x1b[1A');
-                process.stdout.write('\r\x1b[0J');
                 tabDrawn = false;
                 tabBoxLines = 0;
                 drawTabPicker();
             }
             else {
-                // Clear input line, then bottom SEP below it
-                process.stdout.write('\r\x1b[K');
-                process.stdout.write('\x1b[1B\x1b[2K\x1b[1A');
-                // Go up clearing old top SEP rows + blank line above them
-                for (let i = 0; i < oldSepRows + 1; i++)
-                    process.stdout.write('\x1b[1A\x1b[2K');
-                // Redraw: blank line + new SEP + input + bottom SEP
-                process.stdout.write('\n' + SEP + '\n');
                 redraw();
+                layout.drawHint(HINT_TEXT(C));
             }
         }
         process.stdout.on('resize', onResize);
@@ -973,43 +957,37 @@ async function readLine(prompt, cwd) {
         //                 then \x1b[2A\x1b[2K to skip bot-sep and clear input
         let atDrawn = false;
         function drawPicker() {
-            if (atDrawn) {
-                for (let i = 0; i < atBoxLines; i++)
-                    process.stdout.write('\x1b[1A\x1b[2K');
-                process.stdout.write('\x1b[2A\x1b[2K');
-            }
-            else {
-                process.stdout.write('\r\x1b[K');
-                atDrawn = true;
-            }
-            atBoxLines = 0;
-            // Re-draw input line + bot sep, cursor lands at A+2
-            const inputLine = colors.primary('  › ') + chalk.white(prefix) +
-                (pasteBlock !== null
-                    ? colors.muted(`[paste: ${pasteCount} lines]`) + chalk.white(suffix)
-                    : '') +
-                chalk.hex('#818cf8')('@') + chalk.white(atQuery);
-            process.stdout.write(inputLine + '\r\n' + SEP + '\r\n');
-            // Box dimensions — DW = total visual width including borders
-            const DW = Math.min(Math.max((process.stdout.columns ?? 80) - 6, 44), 72);
-            const IW = DW - 6; // visible filename area width
             const filtered = filterFiles(atQuery);
             if (atSel >= filtered.length && filtered.length > 0)
                 atSel = filtered.length - 1;
             const shown = filtered.slice(0, 10);
-            // ── Header ────────────────────────────────────────────────
+            const DW = Math.min(Math.max(layout.cols - 6, 44), 72);
+            const IW = DW - 6;
+            const itemCount = Math.max(shown.length, 1);
+            atBoxLines = itemCount + 2; // header + items/no-match + footer
+            const totalRows = 2 + atBoxLines; // input preview + blank + box
+            const startRow = Math.max(layout.divRow - totalRows, 1);
+            process.stdout.write('\x1b7'); // save cursor at inputRow
+            // Input preview
+            const inputLine = colors.primary('  › ') + chalk.white(prefix) +
+                (pasteBlock !== null ? colors.muted(`[paste: ${pasteCount} lines]`) + chalk.white(suffix) : '') +
+                chalk.hex('#818cf8')('@') + chalk.white(atQuery);
+            process.stdout.write(`\x1b[${startRow};1H\x1b[2K${inputLine}`);
+            process.stdout.write(`\x1b[${startRow + 1};1H\x1b[2K`); // blank separator
+            let row = startRow + 2;
+            // Header
             const qLabel = atQuery ? `@${atQuery}` : 'files';
             const hDashes = Math.max(DW - 5 - qLabel.length, 1);
-            process.stdout.write(colors.dim('  ╭─ ') + colors.primary(qLabel) +
-                colors.dim(' ' + '─'.repeat(hDashes) + '╮') + '\n');
-            atBoxLines++;
-            // ── Items ─────────────────────────────────────────────────
+            process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                colors.dim('  ╭─ ') + colors.primary(qLabel) + colors.dim(' ' + '─'.repeat(hDashes) + '╮'));
+            row++;
+            // Items
             if (shown.length === 0) {
                 const msg = 'no matches';
                 const pad = ' '.repeat(Math.max(IW - msg.length, 0));
-                process.stdout.write(colors.dim('  │') + '    ' +
-                    colors.muted(msg) + pad + colors.dim('│') + '\n');
-                atBoxLines++;
+                process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                    colors.dim('  │') + '    ' + colors.muted(msg) + pad + colors.dim('│'));
+                row++;
             }
             else {
                 for (let i = 0; i < shown.length; i++) {
@@ -1019,69 +997,70 @@ async function readLine(prompt, cwd) {
                     const mark = sel ? colors.primary('>') : ' ';
                     const clip = f.length > IW ? f.slice(0, IW - 1) + '…' : f;
                     const pad = ' '.repeat(Math.max(IW - clip.length, 0));
-                    const name = sel && isDir ? colors.primary.bold(clip) + pad // selected folder: indigo bold
-                        : sel ? colors.primary.bold(clip) + pad // selected file:   indigo bold
-                            : isDir ? chalk.hex('#38bdf8')(clip) + pad // folder: sky-blue
-                                : chalk.hex('#94a3b8')(clip + pad); // file: slate-gray
-                    process.stdout.write(colors.dim('  │') + `  ${mark} ` + name + colors.dim('│') + '\n');
-                    atBoxLines++;
+                    const name = sel && isDir ? colors.primary.bold(clip) + pad
+                        : sel ? colors.primary.bold(clip) + pad
+                            : isDir ? chalk.hex('#38bdf8')(clip) + pad
+                                : chalk.hex('#94a3b8')(clip + pad);
+                    process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                        colors.dim('  │') + `  ${mark} ` + name + colors.dim('│'));
+                    row++;
                 }
             }
-            // ── Footer ────────────────────────────────────────────────
+            // Footer
             const hint = ' ↑↓  Enter  Esc ';
             const fInner = DW - 2 - hint.length;
             const fLeft = Math.floor(fInner / 2);
             const fRight = fInner - fLeft;
-            process.stdout.write(colors.dim('  ╰' + '─'.repeat(Math.max(fLeft, 0))) +
+            process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                colors.dim('  ╰' + '─'.repeat(Math.max(fLeft, 0))) +
                 colors.muted(hint) +
-                colors.dim('─'.repeat(Math.max(fRight, 0)) + '╯') + '\n');
-            atBoxLines++;
-            // cursor at A+2+atBoxLines
+                colors.dim('─'.repeat(Math.max(fRight, 0)) + '╯'));
+            atDrawn = true;
+            process.stdout.write('\x1b8'); // restore cursor to inputRow
         }
         function closePicker() {
             if (atDrawn) {
-                for (let i = 0; i < atBoxLines; i++)
-                    process.stdout.write('\x1b[1A\x1b[2K');
-                process.stdout.write('\x1b[2A\x1b[2K');
+                const totalRows = 2 + atBoxLines;
+                const startRow = Math.max(layout.divRow - totalRows, 1);
+                process.stdout.write('\x1b7');
+                for (let r = startRow; r < layout.divRow; r++) {
+                    process.stdout.write(`\x1b[${r};1H\x1b[2K`);
+                }
+                process.stdout.write('\x1b8');
                 atDrawn = false;
             }
-            else {
-                process.stdout.write('\r\x1b[K');
-            }
             atBoxLines = 0;
             atMode = false;
             atQuery = '';
             atSel = 0;
         }
         function drawSlashPicker() {
-            if (slashDrawn) {
-                for (let i = 0; i < slashBoxLines; i++)
-                    process.stdout.write('\x1b[1A\x1b[2K');
-                process.stdout.write('\x1b[2A\x1b[2K');
-            }
-            else {
-                process.stdout.write('\r\x1b[K');
-                slashDrawn = true;
-            }
-            slashBoxLines = 0;
-            const inputLine = colors.primary('  › ') + colors.primary('/') + chalk.white(slashQuery);
-            process.stdout.write(inputLine + '\r\n' + SEP + '\r\n');
-            const DW = Math.min(Math.max((process.stdout.columns ?? 80) - 6, 44), 72);
-            const nameW = 10;
-            const descW = DW - nameW - 8;
             const filtered = filterSlash(slashQuery);
             if (slashSel >= filtered.length && filtered.length > 0)
                 slashSel = filtered.length - 1;
+            const DW = Math.min(Math.max(layout.cols - 6, 44), 72);
+            const nameW = 10;
+            const descW = DW - nameW - 8;
+            const itemCount = Math.max(filtered.length, 1);
+            slashBoxLines = itemCount + 2;
+            const totalRows = 2 + slashBoxLines;
+            const startRow = Math.max(layout.divRow - totalRows, 1);
+            process.stdout.write('\x1b7');
+            const inputLine = colors.primary('  › ') + colors.primary('/') + chalk.white(slashQuery);
+            process.stdout.write(`\x1b[${startRow};1H\x1b[2K${inputLine}`);
+            process.stdout.write(`\x1b[${startRow + 1};1H\x1b[2K`);
+            let row = startRow + 2;
             const qLabel = slashQuery ? `/${slashQuery}` : 'commands';
             const hDashes = Math.max(DW - 5 - qLabel.length, 1);
-            process.stdout.write(colors.dim('  ╭─ ') + colors.primary(qLabel) +
-                colors.dim(' ' + '─'.repeat(hDashes) + '╮') + '\n');
-            slashBoxLines++;
+            process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                colors.dim('  ╭─ ') + colors.primary(qLabel) + colors.dim(' ' + '─'.repeat(hDashes) + '╮'));
+            row++;
             if (filtered.length === 0) {
                 const msg = 'no matching commands';
                 const pad = ' '.repeat(Math.max(DW - 4 - msg.length, 0));
-                process.stdout.write(colors.dim('  │') + '    ' + colors.muted(msg) + pad + colors.dim('│') + '\n');
-                slashBoxLines++;
+                process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                    colors.dim('  │') + '    ' + colors.muted(msg) + pad + colors.dim('│'));
+                row++;
             }
             else {
                 for (let i = 0; i < filtered.length; i++) {
@@ -1093,65 +1072,66 @@ async function readLine(prompt, cwd) {
                     const descPad = ' '.repeat(Math.max(descW - descStr.length, 0));
                     const namePaint = sel ? colors.primary.bold(nameStr) : chalk.hex('#818cf8')(nameStr);
                     const descPaint = sel ? colors.muted(descStr) : chalk.hex('#4b5563')(descStr);
-                    process.stdout.write(colors.dim('  │') + `  ${mark} ` + namePaint + '  ' + descPaint + descPad + colors.dim('│') + '\n');
-                    slashBoxLines++;
+                    process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                        colors.dim('  │') + `  ${mark} ` + namePaint + '  ' + descPaint + descPad + colors.dim('│'));
+                    row++;
                 }
             }
             const hint = ' ↑↓  Enter  Esc ';
             const fInner = DW - 2 - hint.length;
             const fLeft = Math.floor(fInner / 2);
             const fRight = fInner - fLeft;
-            process.stdout.write(colors.dim('  ╰' + '─'.repeat(Math.max(fLeft, 0))) +
+            process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                colors.dim('  ╰' + '─'.repeat(Math.max(fLeft, 0))) +
                 colors.muted(hint) +
-                colors.dim('─'.repeat(Math.max(fRight, 0)) + '╯') + '\n');
-            slashBoxLines++;
+                colors.dim('─'.repeat(Math.max(fRight, 0)) + '╯'));
+            slashDrawn = true;
+            process.stdout.write('\x1b8');
         }
         function closeSlashPicker() {
             if (slashDrawn) {
-                for (let i = 0; i < slashBoxLines; i++)
-                    process.stdout.write('\x1b[1A\x1b[2K');
-                process.stdout.write('\x1b[2A\x1b[2K');
+                const totalRows = 2 + slashBoxLines;
+                const startRow = Math.max(layout.divRow - totalRows, 1);
+                process.stdout.write('\x1b7');
+                for (let r = startRow; r < layout.divRow; r++) {
+                    process.stdout.write(`\x1b[${r};1H\x1b[2K`);
+                }
+                process.stdout.write('\x1b8');
                 slashDrawn = false;
             }
-            else {
-                process.stdout.write('\r\x1b[K');
-            }
             slashBoxLines = 0;
             slashMode = false;
             slashQuery = '';
             slashSel = 0;
         }
         function drawTabPicker() {
-            if (tabDrawn) {
-                for (let i = 0; i < tabBoxLines; i++)
-                    process.stdout.write('\x1b[1A\x1b[2K');
-                process.stdout.write('\x1b[2A\x1b[2K');
-            }
-            else {
-                process.stdout.write('\r\x1b[K');
-                tabDrawn = true;
-            }
-            tabBoxLines = 0;
-            const inputLine = colors.primary('  › ') + chalk.white(tabPreWord) +
-                chalk.hex('#34d399')(tabQuery);
-            process.stdout.write(inputLine + '\r\n' + SEP + '\r\n');
-            const DW = Math.min(Math.max((process.stdout.columns ?? 80) - 6, 44), 72);
-            const IW = DW - 6;
             const filtered = filterFiles(tabQuery);
             if (tabSel >= filtered.length && filtered.length > 0)
                 tabSel = filtered.length - 1;
             const shown = filtered.slice(0, 10);
+            const DW = Math.min(Math.max(layout.cols - 6, 44), 72);
+            const IW = DW - 6;
             const TC = chalk.hex('#34d399');
+            const itemCount = Math.max(shown.length, 1);
+            tabBoxLines = itemCount + 2;
+            const totalRows = 2 + tabBoxLines;
+            const startRow = Math.max(layout.divRow - totalRows, 1);
+            process.stdout.write('\x1b7');
+            const inputLine = colors.primary('  › ') + chalk.white(tabPreWord) + TC(tabQuery);
+            process.stdout.write(`\x1b[${startRow};1H\x1b[2K${inputLine}`);
+            process.stdout.write(`\x1b[${startRow + 1};1H\x1b[2K`);
+            let row = startRow + 2;
             const qLabel = tabQuery || 'tab complete';
             const hDashes = Math.max(DW - 5 - qLabel.length, 1);
-            process.stdout.write(colors.dim('  ╭─ ') + TC(qLabel) +
-                colors.dim(' ' + '─'.repeat(hDashes) + '╮') + '\n');
-            tabBoxLines++;
+            process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                colors.dim('  ╭─ ') + TC(qLabel) + colors.dim(' ' + '─'.repeat(hDashes) + '╮'));
+            row++;
             if (shown.length === 0) {
                 const msg = 'no matches';
                 const pad = ' '.repeat(Math.max(IW - msg.length, 0));
-                process.stdout.write(colors.dim('  │') + '    ' + colors.muted(msg) + pad + colors.dim('│') + '\n');
-                tabBoxLines++;
+                process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                    colors.dim('  │') + '    ' + colors.muted(msg) + pad + colors.dim('│'));
+                row++;
             }
             else {
                 for (let i = 0; i < shown.length; i++) {
@@ -1164,29 +1144,33 @@ async function readLine(prompt, cwd) {
                     const name = sel ? TC.bold(clip) + pad
                         : isDir ? chalk.hex('#38bdf8')(clip) + pad
                             : chalk.hex('#94a3b8')(clip + pad);
-                    process.stdout.write(colors.dim('  │') + `  ${mark} ` + name + colors.dim('│') + '\n');
-                    tabBoxLines++;
+                    process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                        colors.dim('  │') + `  ${mark} ` + name + colors.dim('│'));
+                    row++;
                 }
             }
             const hint = ' Tab/↑↓  Enter  Esc ';
             const fInner = DW - 2 - hint.length;
             const fLeft = Math.floor(fInner / 2);
             const fRight = fInner - fLeft;
-            process.stdout.write(colors.dim('  ╰' + '─'.repeat(Math.max(fLeft, 0))) +
+            process.stdout.write(`\x1b[${row};1H\x1b[2K` +
+                colors.dim('  ╰' + '─'.repeat(Math.max(fLeft, 0))) +
                 colors.muted(hint) +
-                colors.dim('─'.repeat(Math.max(fRight, 0)) + '╯') + '\n');
-            tabBoxLines++;
+                colors.dim('─'.repeat(Math.max(fRight, 0)) + '╯'));
+            tabDrawn = true;
+            process.stdout.write('\x1b8');
         }
         function closeTabPicker() {
             if (tabDrawn) {
-                for (let i = 0; i < tabBoxLines; i++)
-                    process.stdout.write('\x1b[1A\x1b[2K');
-                process.stdout.write('\x1b[2A\x1b[2K');
+                const totalRows = 2 + tabBoxLines;
+                const startRow = Math.max(layout.divRow - totalRows, 1);
+                process.stdout.write('\x1b7');
+                for (let r = startRow; r < layout.divRow; r++) {
+                    process.stdout.write(`\x1b[${r};1H\x1b[2K`);
+                }
+                process.stdout.write('\x1b8');
                 tabDrawn = false;
             }
-            else {
-                process.stdout.write('\r\x1b[K');
-            }
             tabBoxLines = 0;
             tabMode = false;
             tabQuery = '';
@@ -1194,9 +1178,8 @@ async function readLine(prompt, cwd) {
             tabPreWord = '';
         }
         function redraw() {
-            const cols = process.stdout.columns ?? 80;
+            const cols = layout.cols;
             const maxLen = Math.max(cols - 6, 10);
-            // Truncate to terminal width — prevents line wrapping on resize
             let displayPre = prefix;
             if (displayPre.length > maxLen)
                 displayPre = '…' + displayPre.slice(-(maxLen - 1));
@@ -1208,8 +1191,7 @@ async function readLine(prompt, cwd) {
             else {
                 inp = colors.primary('  › ') + chalk.white(displayPre);
             }
-            process.stdout.write('\r\x1b[K' + inp);
-            process.stdout.write('\r\n' + SEP + '\x1b[1A\r' + inp);
+            process.stdout.write(`\x1b[${layout.inputRow};1H\x1b[2K${inp}`);
         }
         function submit() {
             if (atMode)
@@ -1228,27 +1210,27 @@ async function readLine(prompt, cwd) {
             const text = parts.join('\n');
             const lns = parts.length > 0 ? parts : (text ? [text] : []);
             cleanup();
-            // Clear input → bot sep → top sep, replace with styled sent message
-            process.stdout.write('\r\x1b[K'); // clear input line
-            process.stdout.write('\x1b[1B\x1b[2K'); // down to bot sep, clear
-            process.stdout.write('\x1b[2A\x1b[2K'); // up 2 to top sep, clear
+            // Clear the fixed input area
+            layout.clearInput();
             if (!text) {
                 resolve(null);
                 return;
             }
-            const cols = process.stdout.columns ?? 80;
+            // Move into the chat scroll region and print the user message
+            layout.enterChat();
+            const cols = layout.cols;
             const msgBg = chalk.bgHex('#334155').hex('#f1f5f9');
             const fillMsg = (raw) => ('  > ' + raw + ' ').padEnd(cols);
             if (pasteBlock !== null) {
-                const parts = [
+                const disp = [
                     prefix ? prefix : '',
                     `[${pasteCount} lines]`,
                     suffix.trim() ? suffix.trim() : '',
                 ].filter(Boolean).join(' ');
-                process.stdout.write(msgBg(fillMsg(parts)) + '\n');
+                process.stdout.write('\n' + msgBg(fillMsg(disp)) + '\n');
             }
             else {
-                process.stdout.write(msgBg(fillMsg(text)) + '\n');
+                process.stdout.write('\n' + msgBg(fillMsg(text)) + '\n');
             }
             resolve({ text, lines: lns });
         }
@@ -1301,13 +1283,18 @@ async function readLine(prompt, cwd) {
                     resolve(null);
                     return;
                 }
-                // Ctrl+L — clear screen, redraw input
+                // Ctrl+L — clear chat area, reinit layout
                 if (data === '\x0c') {
                     if (atMode)
                         closePicker();
-                    console.clear();
-                    process.stdout.write('\n' + SEP + '\n' + prompt);
-                    process.stdout.write('\r\n' + SEP + '\x1b[1A\r' + prompt);
+                    if (slashMode)
+                        closeSlashPicker();
+                    if (tabMode)
+                        closeTabPicker();
+                    layout.clearScrollRegion();
+                    layout.redrawDivider();
+                    layout.drawHint(HINT_TEXT(C));
+                    layout.posInput(prompt);
                     return;
                 }
                 // ── @ picker mode ─────────────────────────────────────────
@@ -2189,6 +2176,10 @@ export async function startRepl(cwd) {
     process.stdin.setRawMode(true);
     process.stdin.resume();
     process.stdin.setEncoding('utf8');
+    // Initialize sticky-bottom layout (scroll region + fixed input bar)
+    const layout = new ChatLayout();
+    layout.init();
+    process.on('exit', () => layout.cleanup());
     // Sequential loop — queued input lets user type during AI stream
     while (true) {
         try {
@@ -2254,7 +2245,7 @@ export async function startRepl(cwd) {
                 process.stdout.write(msgBgQ(('  > ' + q.text + ' ').padEnd(cols)) + '\n');
             }
             else {
-                result = await readLine(PROMPT, activeCwd);
+                result = await readLine(PROMPT, activeCwd, layout);
             }
             if (!result)
                 continue;

package/dist/utils/layout.js

@@ -0,0 +1,68 @@
+import chalk from 'chalk';
+export class ChatLayout {
+    rows;
+    cols;
+    constructor() {
+        this.rows = process.stdout.rows ?? 24;
+        this.cols = process.stdout.columns ?? 80;
+    }
+    // Scroll region occupies rows 1 … scrollEnd
+    get scrollEnd() { return Math.max(this.rows - 3, 5); }
+    get divRow() { return this.rows - 2; } // ────── divider
+    get inputRow() { return this.rows - 1; } // › user input
+    get hintRow() { return this.rows; } // Tab / @ / … hints
+    makeSep() {
+        return chalk.hex('#374151')('  ' + '─'.repeat(Math.max(this.cols - 4, 40)));
+    }
+    /** Call once at the start of startRepl — sets scroll region + draws divider. */
+    init() {
+        this.rows = process.stdout.rows ?? 24;
+        this.cols = process.stdout.columns ?? 80;
+        process.stdout.write(`\x1b[1;${this.scrollEnd}r`);
+        this.redrawDivider();
+    }
+    /** Redraw the divider line at divRow (outside the scroll region). */
+    redrawDivider() {
+        process.stdout.write(`\x1b[${this.divRow};1H\x1b[2K${this.makeSep()}`);
+    }
+    /** Place cursor at inputRow, optionally with text. */
+    posInput(prompt, text = '') {
+        process.stdout.write(`\x1b[${this.inputRow};1H\x1b[2K${prompt}${text}`);
+    }
+    /** Clear the input and hint rows. */
+    clearInput() {
+        process.stdout.write(`\x1b[${this.inputRow};1H\x1b[2K`);
+        process.stdout.write(`\x1b[${this.hintRow};1H\x1b[2K`);
+    }
+    /** Write hint text at hintRow without moving cursor. */
+    drawHint(hint) {
+        process.stdout.write('\x1b7');
+        process.stdout.write(`\x1b[${this.hintRow};1H\x1b[2K${hint}`);
+        process.stdout.write('\x1b8');
+    }
+    /** Move cursor to the bottom of the scroll region (ready for chat output). */
+    enterChat() {
+        process.stdout.write(`\x1b[${this.scrollEnd};1H`);
+    }
+    /** Handle terminal resize: recalculate dimensions and redraw fixed rows. */
+    resize() {
+        this.rows = process.stdout.rows ?? 24;
+        this.cols = process.stdout.columns ?? 80;
+        process.stdout.write(`\x1b[1;${this.scrollEnd}r`);
+        this.redrawDivider();
+        process.stdout.write(`\x1b[${this.inputRow};1H\x1b[2K`);
+        process.stdout.write(`\x1b[${this.hintRow};1H\x1b[2K`);
+    }
+    /** Clear all chat lines in the scroll region. */
+    clearScrollRegion() {
+        for (let r = 1; r <= this.scrollEnd; r++) {
+            process.stdout.write(`\x1b[${r};1H\x1b[2K`);
+        }
+        process.stdout.write(`\x1b[1;1H`);
+    }
+    /** Reset scroll region and clean up on process exit. */
+    cleanup() {
+        process.stdout.write('\x1b[r');
+        process.stdout.write(`\x1b[${this.rows};1H\n`);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taj-special/dravix-code",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "description": "AI-powered coding assistant CLI — Dravix Code",
   "type": "module",
   "bin": {