@vincemakes/kiso-tui 0.1.35 → 0.1.37

package/dist/render.js

@@ -7,8 +7,9 @@
  * kiso-core's Event — the CLI translates Event → RenderInput. The tui
  * package has ZERO kiso-core imports: input is data, output is bytes.
  */
-export const COLOR_ON = { bold: "\x1b[1m", dim: "\x1b[2m", red: "\x1b[31m", green: "\x1b[32m", code: "\x1b[38;5;110m", reset: "\x1b[0m" };
-export const COLOR_OFF = { bold: "", dim: "", red: "", green: "", code: "", reset: "" };
+import { charWidth, displayWidth } from "./width.js";
+export const COLOR_ON = { bold: "\x1b[1m", dim: "\x1b[2m", red: "\x1b[31m", green: "\x1b[32m", code: "\x1b[38;5;110m", rv: "\x1b[7m", rvEnd: "\x1b[27m", reset: "\x1b[0m" };
+export const COLOR_OFF = { bold: "", dim: "", red: "", green: "", code: "", rv: "", rvEnd: "", reset: "" };
 export function palette() {
     return process.env.NO_COLOR === undefined && process.stdout.isTTY ? COLOR_ON : COLOR_OFF;
 }
@@ -293,43 +294,81 @@ export function renderTerminalGap(statusLine) {
  * Pure.
  */
 export const TAGLINE = "the coding agent that survives kill -9";
+/** v6's existing logo — W1's COMPACT tier, byte-identical, no redraw. */
 const LOGO_ROWS = ["█ █ ▀█▀ █▀▀ █▀█", "█▀▄  █  ▀▀█ █ █", "▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀"];
-/** Display width of a row (1-cell ASCII; 2-cell CJK/wide). */
-function displayW(row) {
-    let w = 0;
-    for (let i = 0; i < row.length; i += 1) {
-        const cp = row.codePointAt(i);
-        w += cp > 0xff ? 2 : 1;
-    }
-    return w;
-}
-/** v3 §01: truncate a row at `width`, marking the hidden span " (+N)". */
+/** W1's BIG tier (36x6, `█` and space only — no half-blocks, so there is
+ *  no tile seam to lose in a font that renders ▀ ▄ at the wrong height).
+ *  Each pixel is two cells wide on purpose (a terminal cell is ~1:2);
+ *  the render indents two — 38 columns total, clears 40. */
+const BIG_LOGO_ROWS = [
+    "██    ██  ██████  ████████  ████████",
+    "██  ██      ██    ██        ██    ██",
+    "████        ██    ████████  ██    ██",
+    "████        ██          ██  ██    ██",
+    "██  ██      ██          ██  ██    ██",
+    "██    ██  ██████  ████████  ████████",
+];
+/** v3 §01 (W1): truncate a row at `width`, marking the hidden span
+ *  " (+N)". W1: the width math is the charWidth authority (the banner's
+ *  brick glyphs are 1 cell — the art's 38 columns clear 40), and the
+ *  marker's own cells are part of the row — the visible cut leaves room
+ *  for it, so a truncated row never exceeds W (a cut row carries the
+ *  marker INSIDE the width; a row that fits is returned untouched). */
 export function truncateRow(row, width) {
-    if (displayW(row) <= width)
+    const total = displayWidth(row);
+    if (total <= width)
         return row;
-    const cut = Math.max(0, width - 4);
-    let w = 0;
-    let i = 0;
-    for (; i < row.length; i += 1) {
-        const cw = row.codePointAt(i) > 0xff ? 2 : 1;
-        if (w + cw > cut)
-            break;
-        w += cw;
+    // iterate the marker to a fixpoint: the marker's width changes the
+    // cut, the cut changes the hidden count the marker reports
+    let marker = " (+0)";
+    for (;;) {
+        const cut = Math.max(0, width - displayWidth(marker));
+        let w = 0;
+        let i = 0;
+        while (i < row.length) {
+            const cp = row.codePointAt(i);
+            const cw = charWidth(cp);
+            if (w + cw > cut)
+                break;
+            w += cw;
+            i += cp > 0xffff ? 2 : 1; // code-point stepping — never split a pair
+        }
+        const next = ` (+${total - w})`;
+        if (next === marker)
+            return `${row.slice(0, i)}${next}`;
+        marker = next;
     }
-    return `${row.slice(0, i)} (+${displayW(row) - w})`;
 }
-/** v3 §01 (V6-2): the banner lines for a width W — logo (skipped under
- *  40 columns) + blank + "kiso vX — tagline" + extensions. */
-export function bannerLines(W, version, extensionsText) {
+/** v3 §01 (V6-2) + W1: the banner lines for a width W and height H —
+ *  the tier table (extends the existing "under 40 columns, skip the
+ *  logo" rule with a HEIGHT input):
+ *    W ≥ 40 and H ≥ 20 → BIG (the 36x6 wordmark, 2-column indent)
+ *    W ≥ 40 and 14–19 rows → COMPACT (v6's LOGO_ROWS, byte-identical)
+ *    anything smaller → text rows only
+ *  then the blank, then "vX — tagline" — the art IS the wordmark, so the
+ *  text row does not repeat the name — then extensions — then the W5
+ *  resume list (BIG only, W5). Every row truncates at the terminal width
+ *  with a " (+N)" marker. Pure. */
+export function bannerLines(W, H, version, extensionsText, resume = [], now = Date.now()) {
     const rows = [];
     if (W >= 40) {
-        for (const r of LOGO_ROWS)
-            rows.push(truncateRow(r, W));
-        rows.push("");
+        if (H >= 20) {
+            for (const r of BIG_LOGO_ROWS)
+                rows.push(truncateRow(`  ${r}`, W));
+        }
+        else if (H >= 14) {
+            for (const r of LOGO_ROWS)
+                rows.push(truncateRow(r, W));
+        }
     }
-    rows.push(truncateRow(`kiso v${version} — ${TAGLINE}`, W));
+    if (rows.length > 0)
+        rows.push("");
+    rows.push(truncateRow(`v${version} — ${TAGLINE}`, W));
     if (extensionsText !== "")
         rows.push(truncateRow(extensionsText, W));
+    if (W >= 40 && H >= 20 && resume.length > 0) {
+        rows.push("", ...renderResumeList(resume, W, now));
+    }
     return rows;
 }
 export function renderRecap(s) {
@@ -353,3 +392,50 @@ export function renderSessionLine(meta) {
     // round 8: the title is the user's first prompt — model/user text, escaped.
     return `${meta.id.padEnd(24)} ${meta.runs} runs ${String(meta.events).padStart(5)} events  ${when}  ${escapeTerminal(meta.title)}`;
 }
+export function relativeTime(updatedAt, now) {
+    const s = Math.max(0, now - updatedAt) / 1000;
+    if (s < 60)
+        return "now";
+    const m = Math.floor(s / 60);
+    if (m < 60)
+        return `${m}m ago`;
+    const h = Math.floor(m / 60);
+    if (h < 24)
+        return `${h}h ago`;
+    const d = Math.floor(h / 24);
+    if (d < 7)
+        return `${d}d ago`;
+    return `${Math.floor(d / 7)}w ago`;
+}
+function titleCut(text, max) {
+    if (displayWidth(text) <= max)
+        return text;
+    const room = max - displayWidth("…");
+    let w = 0;
+    let i = 0;
+    while (i < text.length) {
+        const cp = text.codePointAt(i);
+        const cw = charWidth(cp);
+        if (w + cw > room)
+            break;
+        w += cw;
+        i += cp > 0xffff ? 2 : 1;
+    }
+    return text.slice(0, i) + "…";
+}
+export function renderResumeList(metas, W, now) {
+    if (metas.length === 0)
+        return [];
+    const rows = ["  ▞ resume"];
+    const whens = metas.map((m) => relativeTime(m.updatedAt, now));
+    const metaTexts = metas.map((m) => `${m.events} events · ${m.runs} runs`);
+    const metaW = Math.max(...metaTexts.map((t) => t.length));
+    const titleW = Math.max(1, W - 13 - metaW);
+    for (let i = 0; i < metas.length; i += 1) {
+        const title = escapeTerminal(metas[i].title);
+        const shown = titleCut(title, titleW);
+        const pad = titleW - displayWidth(shown);
+        rows.push(`    ${whens[i].padEnd(7)} ${shown}${" ".repeat(pad)} ${metaTexts[i].padStart(metaW)}`);
+    }
+    return rows;
+}

package/dist/width.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The display-width primitives — the SINGLE width authority (TUI v5
+ * #16e: "charWidth is the width authority"). The eastAsianWidth table
+ * is a ~40-line subset (CJK ideographs/kana/hangul/fullwidth/common
+ * wide symbols = 2, everything else = 1 — the box-drawing/brick glyphs
+ * █▀▄▞▸ are narrow). Known limitation, documented in the README: emoji
+ * ZWJ clusters are not guaranteed perfect — each code point counts as
+ * its width. Zero dependencies (importable from any module).
+ */
+/** A code point's display width: 2 for the wide ranges, 1 otherwise. */
+export declare function charWidth(cp: number): number;
+/** Display width of a code-point array (cursor math, scrolling). */
+export declare function widthOf(chars: readonly number[]): number;
+/** Display width of a string. */
+export declare function displayWidth(text: string): number;

package/dist/width.js

@@ -0,0 +1,59 @@
+/**
+ * The display-width primitives — the SINGLE width authority (TUI v5
+ * #16e: "charWidth is the width authority"). The eastAsianWidth table
+ * is a ~40-line subset (CJK ideographs/kana/hangul/fullwidth/common
+ * wide symbols = 2, everything else = 1 — the box-drawing/brick glyphs
+ * █▀▄▞▸ are narrow). Known limitation, documented in the README: emoji
+ * ZWJ clusters are not guaranteed perfect — each code point counts as
+ * its width. Zero dependencies (importable from any module).
+ */
+/** A code point's display width: 2 for the wide ranges, 1 otherwise. */
+export function charWidth(cp) {
+    if (cp >= 0x1100 && cp <= 0x115f)
+        return 2; // hangul jamo
+    if (cp >= 0x2e80 && cp <= 0x303e)
+        return 2; // radicals .. CJK punctuation
+    if (cp >= 0x3041 && cp <= 0x33ff)
+        return 2; // kana, CJK compat
+    if (cp >= 0x3400 && cp <= 0x4dbf)
+        return 2; // CJK ext A
+    if (cp >= 0x4e00 && cp <= 0x9fff)
+        return 2; // CJK unified
+    if (cp >= 0xa000 && cp <= 0xa4cf)
+        return 2; // yi
+    if (cp >= 0xa960 && cp <= 0xa97f)
+        return 2; // hangul jamo ext
+    if (cp >= 0xac00 && cp <= 0xd7a3)
+        return 2; // hangul syllables
+    if (cp >= 0xf900 && cp <= 0xfaff)
+        return 2; // CJK compat ideographs
+    if (cp >= 0xfe10 && cp <= 0xfe19)
+        return 2; // vertical forms
+    if (cp >= 0xfe30 && cp <= 0xfe6f)
+        return 2; // CJK compat forms
+    if (cp >= 0xff00 && cp <= 0xff60)
+        return 2; // fullwidth forms
+    if (cp >= 0xffe0 && cp <= 0xffe6)
+        return 2; // fullwidth signs
+    if (cp >= 0x1f300 && cp <= 0x1f64f)
+        return 2; // emoji (misc + emoticons)
+    if (cp >= 0x1f900 && cp <= 0x1f9ff)
+        return 2; // supplemental emoji
+    if (cp >= 0x20000 && cp <= 0x3fffd)
+        return 2; // CJK ext B..G
+    return 1;
+}
+/** Display width of a code-point array (cursor math, scrolling). */
+export function widthOf(chars) {
+    let w = 0;
+    for (const cp of chars)
+        w += charWidth(cp);
+    return w;
+}
+/** Display width of a string. */
+export function displayWidth(text) {
+    let w = 0;
+    for (const ch of text)
+        w += charWidth(ch.codePointAt(0));
+    return w;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vincemakes/kiso-tui",
-  "version": "0.1.35",
+  "version": "0.1.37",
   "description": "kiso tui — the pure terminal layer (cell renderer, dock, raw editor, diff, palette). Zero runtime dependencies: input is data, output is bytes.",
   "type": "module",
   "license": "MIT",