@askalf/dario 5.4.3 → 5.4.4

package/dist/tui/render.js

@@ -143,7 +143,15 @@ export function truncate(text, maxWidth, ellipsis = '…') {
         visible++;
         i++;
     }
-    return out + ellipsis;
+    // Flush SGR sequences from the clipped remainder. Without this, a cut
+    // that lands inside a dim()/fg() block drops the closing code, leaving
+    // the attribute open — it then bleeds into the following line, and past
+    // the frame entirely (clearScreen does not reset SGR). Replaying the
+    // remainder's own codes rather than appending a blanket reset keeps an
+    // enclosing inverse() wrapper intact; clipped openers arrive paired
+    // with their closers, so they render as a no-op.
+    const tail = text.slice(i).match(/\x1b\[[\x30-\x3f]*[\x20-\x2f]*[\x40-\x7e]/g);
+    return out + ellipsis + (tail ? tail.join('') : '');
 }
 /** Pad `text` (right-aligned by default 'left' fills right side) to `width`. */
 export function pad(text, width, align = 'left') {

package/dist/tui/tabs/config.js

@@ -19,7 +19,7 @@
  * change. The DarioConfig schema is the source of truth — adding a
  * field there + a row here lights it up.
  */
-import { fg, dim, brand, inverse, pad } from '../render.js';
+import { fg, dim, brand, inverse, pad, truncate } from '../render.js';
 import { CONFIG_SCHEMA_VERSION, defaultConfig, loadConfig, saveConfig, } from '../../config-file.js';
 /**
  * The visible field registry. Order = display order. New fields just
@@ -101,40 +101,55 @@ export const ConfigTab = {
         const lines = [];
         const w = dimv.cols;
         const labelW = 26;
-        const valueW = w - labelW - 6;
+        // Fixed value column so the hint keeps room on the same row. Every
+        // row is padded/truncated to exactly `w` below: the frame is drawn
+        // from the top with no scrollback, so a row that wraps costs a
+        // second physical line and pushes the panel head off-screen.
+        const valueW = Math.max(6, Math.min(16, w - labelW - 4));
+        // Rows that fit between the title (+blank) and the trailing blank
+        // + prompt/status pair. Window FIELDS around the selection so the
+        // list scrolls instead of overflowing the body region.
+        const listRows = Math.max(1, dimv.rows - 5);
+        const startIdx = Math.max(0, Math.min(state.selectedIdx - Math.floor(listRows / 3), FIELDS.length - listRows));
+        const endIdx = Math.min(startIdx + listRows, FIELDS.length);
         const dirty = isDirty(state);
         const title = dirty
             ? brand('Config') + dim('  — ') + fg('yellow', '● unsaved changes')
             : brand('Config');
-        lines.push(' ' + title);
+        const counter = FIELDS.length > listRows
+            ? dim(`  ${state.selectedIdx + 1} / ${FIELDS.length}`)
+            : '';
+        lines.push(truncate(' ' + title + counter, w));
         lines.push('');
-        for (let i = 0; i < FIELDS.length; i++) {
+        for (let i = startIdx; i < endIdx; i++) {
             const field = FIELDS[i];
             const value = getByPath(state.config, field.path);
             const orig = getByPath(state.snapshot, field.path);
             const changed = !Object.is(value, orig);
             const valueRender = renderValue(field, value, changed);
             const hint = field.hint ? '  ' + dim('— ' + field.hint) : '';
-            const row = '  ' + pad(field.label + ':', labelW) + pad(valueRender, valueW) + hint;
+            const row = pad(truncate('  ' + pad(field.label + ':', labelW) + pad(valueRender, valueW) + hint, w), w);
             lines.push(i === state.selectedIdx ? inverse(row) : row);
         }
         // ── Edit prompt or status line ─────────────────────────────
         lines.push('');
         if (state.editBuffer !== null) {
             const f = FIELDS[state.selectedIdx];
-            lines.push(' ' + fg('cyan', `Edit ${f.label}:`) + ' ' + state.editBuffer + fg('cyan', '_'));
-            lines.push(' ' + dim('Enter to confirm · Esc to cancel'));
+            lines.push(truncate(' ' + fg('cyan', `Edit ${f.label}:`) + ' ' + state.editBuffer + fg('cyan', '_'), w));
+            lines.push(truncate(' ' + dim('Enter to confirm · Esc to cancel'), w));
         }
         else if (state.statusMessage) {
             const color = state.statusKind === 'error' ? 'red'
                 : state.statusKind === 'success' ? 'green'
                     : 'cyan';
-            lines.push(' ' + fg(color, state.statusMessage));
+            lines.push(truncate(' ' + fg(color, state.statusMessage), w));
         }
         else {
-            lines.push(' ' + dim('↑↓ navigate · Enter edit · s save · d discard · r reload'));
+            lines.push(truncate(' ' + dim('↑↓ navigate · Enter edit · s save · d discard · r reload'), w));
         }
-        return lines.join('\n');
+        // Hard floor for terminals too short for even one field + prompt:
+        // drop trailing rows rather than let the panel run past the body.
+        return lines.slice(0, Math.max(1, dimv.rows)).join('\n');
     },
 };
 // ── Helpers ───────────────────────────────────────────────────

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@askalf/dario",
-  "version": "5.4.3",
+  "version": "5.4.4",
   "description": "Use your Claude Pro/Max subscription in any tool — Cursor, Cline, Aider, the Agent SDK, your scripts — at subscription pricing, not per-token API bills. One local Anthropic + OpenAI-compatible endpoint.",
   "type": "module",
   "bin": {