@textui/core 0.3.0 → 0.4.0

package/dist/app/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/app/app.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/app/app.ts"],"names":[],"mappings":"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"}

package/dist/app/app.js

@@ -727,7 +727,21 @@ export class App {
             if (position)
                 return;
             const cursor = instance.props.cursor;
-            if (!cursor || !instance.box)
+            /*
+             * Absent, not falsy.
+             *
+             * `cursor` is a column, and column 0 is a real one - it is where the
+             * caret sits in an empty field, and where it sits at the start of any
+             * field. `!cursor` treated that as "no caret here", so a text input
+             * published no cursor position at all until its first character was
+             * typed: the terminal cursor stayed hidden, and the only thing marking
+             * the focused control was its border colour.
+             *
+             * `true` still means "here, at offset 0", which is what the `typeof`
+             * below is for - so this rejects the three ways of saying nothing and
+             * nothing else.
+             */
+            if (cursor === undefined || cursor === null || cursor === false || !instance.box)
                 return;
             const id = typeof instance.props.id === 'string' ? instance.props.id : instance.id;
             if (id !== focused && `${instance.id}:focus` !== focused)
@@ -846,6 +860,32 @@ export class App {
         catch (err) {
             this.handleError(err, `input:${event.type}`);
         }
+        /*
+         * Pointer motion and the wheel are streams, and only where they got to
+         * means anything.
+         *
+         * A terminal reports every cell the pointer crosses and every notch of the
+         * wheel, and one read can carry twenty of them - so rendering per event
+         * lays out and paints the whole tree twenty times to draw one gesture. The
+         * cost is the size of the tree, which is why it is invisible on a short
+         * screen and, on a long transcript, is the thing being dragged trailing
+         * seconds behind the pointer and a wheel that goes on scrolling after the
+         * hand has stopped. That second one is the tell: it is not momentum, it is
+         * a backlog of events still being drawn one frame each.
+         *
+         * Only the drawing is coalesced. Every event is still dispatched, so the
+         * notches still add up and the pointer still ends where it ended; what
+         * they share is the one frame `handleMouse` asked for, at the animation
+         * ceiling rather than at whatever rate the terminal felt like reporting.
+         *
+         * Keys are the opposite and stay synchronous: every one of them is a
+         * separate thing a person did, and a handler closes over the props from
+         * its last render, so typing "ab" without a frame in between makes the
+         * handler for "b" see the state from before "a".
+         */
+        if (event.type === 'mouse'
+            && (event.action === 'move' || event.action === 'drag' || event.action === 'wheel'))
+            return;
         if (this.running_ && this.isDirty())
             this.renderFrame();
     }

package/dist/render/buffer.d.ts

@@ -69,7 +69,22 @@ export declare class Buffer implements CellBuffer {
     cellChanged(i: number): boolean;
     dirtyRows(): number[];
     commit(): void;
-    /** Force the next diff to repaint everything. After a resize or a redraw. */
+    /**
+     * Force the next diff to repaint everything. After a resize or a redraw.
+     *
+     * Both halves, and the second one is the one that was missing. Clearing
+     * `committed` makes `dirtyRows` return every row, but `diffFrame` still
+     * skips each cell that matches the previous frame - and a blank cell in the
+     * new frame matched the reset previous frame exactly, so it was never
+     * written. Under a theme with an opaque canvas nothing showed, because every
+     * cell carries a background colour and therefore differs anyway. Under a
+     * theme with a transparent one the blanks are default-on-default, and the
+     * terminal kept whatever the old layout had left in them: a resize scattered
+     * the previous frame across the new one and it never cleared.
+     *
+     * So the previous frame is filled with a character no cell can hold, which
+     * is a comparison that cannot come out equal.
+     */
     invalidate(): void;
     toText(rect?: Rect): string;
 }

package/dist/render/buffer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buffer.d.ts","sourceRoot":"","sources":["../../src/render/buffer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAExE,8EAA8E;AAC9E,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAGD,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC;;;;;;GAMG;AACH,qBAAa,MAAO,YAAW,UAAU;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAEf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,EAAE,EAAE,UAAU,CAAC;IACf,EAAE,EAAE,UAAU,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAE9B,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAAS;gBAEd,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAkBzC,8EAA8E;IAC9E,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;IAa3C;;;;;;;OAOG;IACH,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS;IAYtD,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI;IAO3C,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM;IAInC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO;IAIvC;;;;OAIG;IACH,GAAG,CACD,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,IAAI,EAAE,MAAM,EACZ,EAAE,GAAE,WAA2B,EAC/B,EAAE,GAAE,WAA2B,EAC/B,KAAK,SAAI,EACT,IAAI,CAAC,EAAE,MAAM,GACZ,IAAI;IAqDP;;;;;;;;OAQG;IACH,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,GAAE,WAA2B,GAAG,IAAI;IAmBzD,OAAO,CAAC,QAAQ;IAShB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAoC3C,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO;IAU/B,SAAS,IAAI,MAAM,EAAE;IAiBrB,MAAM,IAAI,IAAI;IASd,6EAA6E;IAC7E,UAAU,IAAI,IAAI;IAIlB,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM;CAgB5B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAElE"}
+{"version":3,"file":"buffer.d.ts","sourceRoot":"","sources":["../../src/render/buffer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAYxE,8EAA8E;AAC9E,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAGD,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC;;;;;;GAMG;AACH,qBAAa,MAAO,YAAW,UAAU;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAEf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,EAAE,EAAE,UAAU,CAAC;IACf,EAAE,EAAE,UAAU,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAE9B,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAAS;gBAEd,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAkBzC,8EAA8E;IAC9E,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;IAa3C;;;;;;;OAOG;IACH,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS;IAYtD,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI;IAO3C,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM;IAInC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO;IAIvC;;;;OAIG;IACH,GAAG,CACD,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,IAAI,EAAE,MAAM,EACZ,EAAE,GAAE,WAA2B,EAC/B,EAAE,GAAE,WAA2B,EAC/B,KAAK,SAAI,EACT,IAAI,CAAC,EAAE,MAAM,GACZ,IAAI;IAqDP;;;;;;;;OAQG;IACH,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,GAAE,WAA2B,GAAG,IAAI;IAmBzD,OAAO,CAAC,QAAQ;IAShB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAoC3C,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO;IAU/B,SAAS,IAAI,MAAM,EAAE;IAiBrB,MAAM,IAAI,IAAI;IASd;;;;;;;;;;;;;;;OAeG;IACH,UAAU,IAAI,IAAI;IAKlB,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM;CAgB5B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAElE"}

package/dist/render/buffer.js

@@ -1,4 +1,13 @@
 import { COLOR_DEFAULT, packColor } from './color.js';
+/**
+ * A character no cell can hold, for the previous frame when it must not match.
+ *
+ * `put` refuses the empty string and every real glyph is one the terminal can
+ * print, so NUL is a value that never arrives from a render and never leaves
+ * one: `diffFrame` reads `chars`, never `prevChars`, so this is only ever a
+ * comparison and is never written out.
+ */
+const NEVER = '\u0000';
 import { graphemeWidth } from '../util/text.js';
 /** Internal cell flags, kept out of the public attrs bitfield. */
 export const FLAG_CONTINUATION = 1;
@@ -200,7 +209,7 @@ export class Buffer {
         this.links = next.links;
         // A resize invalidates the previous frame entirely.
         const n = width * height;
-        this.prevChars = new Array(n).fill(' ');
+        this.prevChars = new Array(n).fill(NEVER);
         this.prevFg = new Int32Array(n).fill(COLOR_DEFAULT);
         this.prevBg = new Int32Array(n).fill(COLOR_DEFAULT);
         this.prevAttrs = new Uint16Array(n);
@@ -238,9 +247,25 @@ export class Buffer {
         this.prevLinks = this.links.slice();
         this.committed = true;
     }
-    /** Force the next diff to repaint everything. After a resize or a redraw. */
+    /**
+     * Force the next diff to repaint everything. After a resize or a redraw.
+     *
+     * Both halves, and the second one is the one that was missing. Clearing
+     * `committed` makes `dirtyRows` return every row, but `diffFrame` still
+     * skips each cell that matches the previous frame - and a blank cell in the
+     * new frame matched the reset previous frame exactly, so it was never
+     * written. Under a theme with an opaque canvas nothing showed, because every
+     * cell carries a background colour and therefore differs anyway. Under a
+     * theme with a transparent one the blanks are default-on-default, and the
+     * terminal kept whatever the old layout had left in them: a resize scattered
+     * the previous frame across the new one and it never cleared.
+     *
+     * So the previous frame is filled with a character no cell can hold, which
+     * is a comparison that cannot come out equal.
+     */
     invalidate() {
         this.committed = false;
+        this.prevChars.fill(NEVER);
     }
     toText(rect) {
         const r = rect ?? { x: 0, y: 0, width: this.width, height: this.height };

package/dist/render/layout.d.ts

@@ -34,6 +34,24 @@ export interface LayoutBox {
     content: Rect;
     /** Content larger than `content`, when overflow is 'scroll'. */
     scrollSize?: Size;
+    /**
+     * Frame and gaps, worked out once for this box.
+     *
+     * Neither depends on the space being offered - they are the box's own
+     * margin, border, padding and gap - and the box is measured about four
+     * times a frame at different bounds, each of which was rebuilding both and
+     * allocating three objects to do it. Same lifetime as `measured` below, and
+     * for the same reason: a layout box is rebuilt from the instance tree every
+     * frame, so nothing here can go stale.
+     */
+    frame?: {
+        margin: Edges;
+        inset: Edges;
+    };
+    gaps?: {
+        main: number;
+        cross: number;
+    };
     /**
      * The last answer `measureBox` gave for this box, and what it was asked.
      *

package/dist/render/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/render/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,KAAK,EAA6B,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGpF;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,yEAAyE;IACzE,WAAW,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,yEAAyE;IACzE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACpD,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,IAAI,CAAC;IACX,8DAA8D;IAC9D,OAAO,EAAE,IAAI,CAAC;IACd,gEAAgE;IAChE,UAAU,CAAC,EAAE,IAAI,CAAC;IAElB;;;;;;;;;;;;;OAaG;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC;CACjD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAuB9D;AA0CD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,QAAQ,CAElE;AAkED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAsJ/E;AA0FD,6EAA6E;AAC7E,wBAAgB,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,CAE5D"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/render/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,KAAK,EAA6B,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGpF;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,yEAAyE;IACzE,WAAW,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,yEAAyE;IACzE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACpD,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,IAAI,CAAC;IACX,8DAA8D;IAC9D,OAAO,EAAE,IAAI,CAAC;IACd,gEAAgE;IAChE,UAAU,CAAC,EAAE,IAAI,CAAC;IAElB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;IACxC,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAEvC;;;;;;;;;;;;;OAaG;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC;CACjD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAuB9D;AA0CD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,QAAQ,CAElE;AA0ED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAsJ/E;AA0FD,6EAA6E;AAC7E,wBAAgB,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,CAE5D"}

package/dist/render/layout.js

@@ -82,11 +82,16 @@ function mainOverflow(box) {
  * that sets both reads the same either way round.
  */
 function gapsOf(box) {
+    const seen = box.gaps;
+    if (seen !== undefined)
+        return seen;
     const vertical = box.style.rowGap ?? box.style.gap ?? 0;
     const horizontal = box.style.columnGap ?? box.style.gap ?? 0;
-    return isColumn(box)
+    const gaps = isColumn(box)
         ? { main: vertical, cross: horizontal }
         : { main: horizontal, cross: vertical };
+    box.gaps = gaps;
+    return gaps;
 }
 /**
  * Cut a run of main-axis sizes into lines that each fit `limit`.
@@ -115,10 +120,13 @@ function splitLines(mains, gap, limit) {
 }
 /** Space this box consumes outside its content: margin, border, padding. */
 function frameOf(box) {
+    const seen = box.frame;
+    if (seen !== undefined)
+        return seen;
     const margin = resolveEdges(box.style.margin);
     const padding = resolveEdges(box.style.padding);
     const b = box.borderEdges;
-    return {
+    const frame = {
         margin,
         inset: {
             top: b.top + padding.top,
@@ -127,6 +135,8 @@ function frameOf(box) {
             left: b.left + padding.left,
         },
     };
+    box.frame = frame;
+    return frame;
 }
 /**
  * Intrinsic size, ignoring grow. Containers ask their children; leaves are
@@ -178,7 +188,7 @@ export function measureBox(box, availW, availH) {
                 continue;
             count++;
             const m = measureBox(child, innerAvailW, innerAvailH);
-            const cm = resolveEdges(child.style.margin);
+            const cm = frameOf(child).margin;
             mains.push(column ? m.height + edgeV(cm) : m.width + edgeH(cm));
             crosses.push(column ? m.width + edgeH(cm) : m.height + edgeV(cm));
         }
@@ -222,7 +232,7 @@ export function measureBox(box, availW, availH) {
                         continue;
                     const flex = Math.max(0, child.style.flex ?? 0);
                     if (flex > 0) {
-                        const cm = resolveEdges(child.style.margin);
+                        const cm = frameOf(child).margin;
                         const share = Math.max(0, Math.floor((room * flex) / totalFlex) - edgeH(cm));
                         const m = measureBox(child, share, innerAvailH);
                         crosses[index] = m.height + edgeV(cm);
@@ -439,7 +449,7 @@ function layoutWrapped(box, flow) {
     const mains = [];
     const crosses = [];
     for (const child of flow) {
-        const margin = resolveEdges(child.style.margin);
+        const margin = frameOf(child).margin;
         const basis = child.style.basis ?? (column ? child.style.height : child.style.width);
         const fixed = resolveDimension(basis, mainAvail);
         const m = measureBox(child, column ? crossAvail : mainAvail, column ? mainAvail : crossAvail);
@@ -480,7 +490,7 @@ function layoutLine(box, flow, content, scrollOffset) {
     const crossAvail = column ? content.width : content.height;
     const gapTotal = flow.length > 1 ? gap * (flow.length - 1) : 0;
     // 1. base sizes
-    const margins = flow.map((c) => resolveEdges(c.style.margin));
+    const margins = flow.map((c) => frameOf(c).margin);
     const bases = [];
     for (let i = 0; i < flow.length; i++) {
         const child = flow[i];

package/dist/runtime/paint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/runtime/paint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGrE,OAAO,KAAK,EAA2B,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAiC,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMrF,OAAO,EAES,KAAK,gBAAgB,EACpC,MAAM,YAAY,CAAC;AAwHpB,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,oBAAoB,EAClC,KAAK,GAAE,gBAAiC,GACvC,aAAa,CAiBf;AAID,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,oBAAoB,CAAC;IACnC,kEAAkE;IAClE,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC/C;AAeD,6DAA6D;AAC7D,UAAU,SAAS;IACjB,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AA4DD,6EAA6E;AAC7E,wBAAgB,UAAU,CACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,SAAS,GAAE,SAA0B,GACpC,SAAS,EAAE,CAwDb;AA4DD,wBAAgB,SAAS,CACvB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,GACT,IAAI,CA4FN"}
+{"version":3,"file":"paint.d.ts","sourceRoot":"","sources":["../../src/runtime/paint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGrE,OAAO,KAAK,EAA2B,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAiC,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMrF,OAAO,EAES,KAAK,gBAAgB,EACpC,MAAM,YAAY,CAAC;AAuIpB,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,oBAAoB,EAClC,KAAK,GAAE,gBAAiC,GACvC,aAAa,CAiBf;AAID,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,oBAAoB,CAAC;IACnC,kEAAkE;IAClE,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC/C;AAeD,6DAA6D;AAC7D,UAAU,SAAS;IACjB,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AA4DD,6EAA6E;AAC7E,wBAAgB,UAAU,CACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,SAAS,GAAE,SAA0B,GACpC,SAAS,EAAE,CAwDb;AAsFD,wBAAgB,SAAS,CACvB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,GACT,IAAI,CA4FN"}

package/dist/runtime/paint.js

@@ -2,7 +2,7 @@ import { ATTR_DIM } from '../types/cells.js';
 import { overflowOn } from '../render/layout.js';
 import { COLOR_DEFAULT, mix, packColor } from '../render/color.js';
 import { rectIntersect } from '../types/geometry.js';
-import { graphemes, graphemeWidth, sanitize, stringWidth, truncate, truncateSideOf, wrapModeOf, wrapText, } from '../util/text.js';
+import { graphemes, graphemeWidth, isAscii, sanitize, stringWidth, truncate, truncateSideOf, wrapModeOf, wrapText, } from '../util/text.js';
 import { attrsFromStyle, NO_INTERACTION, packStyleColor, resolveBorder, resolveStyle, } from './style.js';
 /**
  * Painting.
@@ -62,8 +62,22 @@ class Surface {
         const attrs = style?.attrs ?? 0;
         const link = style?.link;
         const oy = this.rect.y + y;
+        const clean = sanitize(text);
+        // Plain ASCII is one cell per character and needs none of the clustering
+        // machinery - and it is nearly every string a terminal ever draws. The
+        // general path allocates an array of one-character strings for the whole
+        // run before writing any of it.
         let cx = x;
-        for (const g of graphemes(sanitize(text))) {
+        if (isAscii(clean)) {
+            for (let i = 0; i < clean.length; i++) {
+                const ax = this.rect.x + cx;
+                if (this.visible(ax, oy))
+                    this.buffer.put(ax, oy, clean[i], fg, bg, attrs, link);
+                cx += 1;
+            }
+            return cx - x;
+        }
+        for (const g of graphemes(clean)) {
             const w = graphemeWidth(g);
             if (w === 0)
                 continue;
@@ -246,31 +260,56 @@ function textContent(instance) {
 function oneLine(text) {
     return text.includes('\n') ? text.split('\n').join(' ') : text;
 }
+/**
+ * Text measurements already taken.
+ *
+ * A measurement is a pure function of the string, how it wraps and the width
+ * it is offered - and a layout asks for the same three several times in a
+ * frame, then the next frame asks for all of them again. The text in a
+ * transcript does not change; only the one line somebody is typing does.
+ */
+const measurements = new Map();
+const MEASURE_CACHE = 4096;
 function textMeasure(instance, style) {
     return (maxWidth) => {
         const text = sanitize(textContent(instance));
         if (text === '')
             return { width: 0, height: text.includes('\n') ? 1 : 1 };
         const wrap = style.wrap ?? 'none';
+        const key = `${wrap}\u0000${String(maxWidth)}\u0000${text}`;
+        const seen = measurements.get(key);
+        if (seen !== undefined)
+            return seen;
         // A truncating text is one row, always. It still asks for the width it
         // would like - a box sizing itself around it gets the whole string when
         // there is room, and only cuts when there is not.
-        if (truncateSideOf(wrap) !== undefined) {
-            return { width: stringWidth(oneLine(text)), height: 1 };
-        }
-        if (wrap === 'none') {
-            const lines = text.split('\n');
-            return {
-                width: Math.max(...lines.map(stringWidth)),
-                height: lines.length,
-            };
-        }
-        const limit = Number.isFinite(maxWidth) && maxWidth > 0 ? maxWidth : stringWidth(text);
-        const lines = wrapText(text, limit, wrapModeOf(wrap));
+        const size = measure(text, wrap, maxWidth);
+        if (measurements.size >= MEASURE_CACHE)
+            measurements.clear();
+        measurements.set(key, size);
+        return size;
+    };
+}
+/** The measurement itself, with nothing remembered. */
+function measure(text, wrap, maxWidth) {
+    // A truncating text is one row, always. It still asks for the width it
+    // would like - a box sizing itself around it gets the whole string when
+    // there is room, and only cuts when there is not.
+    if (truncateSideOf(wrap) !== undefined) {
+        return { width: stringWidth(oneLine(text)), height: 1 };
+    }
+    if (wrap === 'none') {
+        const lines = text.split('\n');
         return {
-            width: Math.min(limit, Math.max(0, ...lines.map(stringWidth))),
-            height: Math.max(1, lines.length),
+            width: Math.max(...lines.map(stringWidth)),
+            height: lines.length,
         };
+    }
+    const limit = Number.isFinite(maxWidth) && maxWidth > 0 ? maxWidth : stringWidth(text);
+    const lines = wrapText(text, limit, wrapModeOf(wrap));
+    return {
+        width: Math.min(limit, Math.max(0, ...lines.map(stringWidth))),
+        height: Math.max(1, lines.length),
     };
 }
 // ------------------------------------------------------------------- paint

package/dist/util/text.d.ts

@@ -1,4 +1,12 @@
 import type { TextWrap } from '../types/style.js';
+/**
+ * True for a string that is entirely printable ASCII.
+ *
+ * Worth asking, because the answer is yes for very nearly all of it: source
+ * code, file names, labels, key hints. Every character is then one grapheme
+ * one cell wide, and none of the Unicode machinery below has anything to do.
+ */
+export declare function isAscii(text: string): boolean;
 /**
  * Split into grapheme clusters. Falls back to code points without Intl.
  *
@@ -58,7 +66,16 @@ export declare function wrapModeOf(wrap: TextWrap | undefined): WrapMode;
 /** Break into lines of at most `width` cells. Honours existing newlines. */
 export declare function wrapText(text: string, width: number, mode?: WrapMode): string[];
 export declare function stripAnsi(text: string): string;
-/** Remove control characters that would corrupt the frame. Keeps newlines. */
+/**
+ * Remove control characters that would corrupt the frame. Keeps newlines.
+ *
+ * Two regular expressions over every string on screen, every frame, and for
+ * almost all of them the answer is the string it was given. `test` before
+ * `replace` is one scan that stops at the first match instead of two that
+ * always run to the end and allocate a copy each - and it returns the original
+ * string, so the callers that follow it get a cache hit on the width they
+ * already worked out rather than an equal-but-different string.
+ */
 export declare function sanitize(text: string): string;
 /** Repeat a grapheme to exactly `width` cells (wide chars land short). */
 export declare function repeatToWidth(char: string, width: number): string;

package/dist/util/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/util/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AA8BlD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAShD;AA8ED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAsBrD;AAED,2CAA2C;AAC3C,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQhD;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAYhE;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAgC/E;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAuB7D;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEtD,+DAA+D;AAC/D,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,SAAM,EACd,IAAI,GAAE,YAAoB,GACzB,MAAM,CAkCR;AAED,2EAA2E;AAC3E,wBAAgB,KAAK,CACnB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,MAAM,GAAG,QAAQ,GAAG,OAAgB,EAC3C,IAAI,SAAM,GACT,MAAM,CAQR;AAED,kEAAkE;AAClE,wBAAgB,KAAK,CACnB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,MAAM,GAAG,QAAQ,GAAG,OAAgB,EAC3C,QAAQ,SAAM,GACb,MAAM,CAER;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAOnF;AAED,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAE/D;AAED,4EAA4E;AAC5E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,GAAE,QAAiB,GAAG,MAAM,EAAE,CAuDvF;AAOD,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,8EAA8E;AAC9E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG7C;AAED,0EAA0E;AAC1E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIjE"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/util/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAelD;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAM7C;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAShD;AA8ED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAsBrD;AAsBD,2CAA2C;AAC3C,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAgBhD;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAYhE;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAgC/E;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAuB7D;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEtD,+DAA+D;AAC/D,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,SAAM,EACd,IAAI,GAAE,YAAoB,GACzB,MAAM,CAkCR;AAED,2EAA2E;AAC3E,wBAAgB,KAAK,CACnB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,MAAM,GAAG,QAAQ,GAAG,OAAgB,EAC3C,IAAI,SAAM,GACT,MAAM,CAQR;AAED,kEAAkE;AAClE,wBAAgB,KAAK,CACnB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,MAAM,GAAG,QAAQ,GAAG,OAAgB,EAC3C,QAAQ,SAAM,GACb,MAAM,CAER;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAOnF;AAED,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAE/D;AAED,4EAA4E;AAC5E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,GAAE,QAAiB,GAAG,MAAM,EAAE,CAuDvF;AAOD,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAgBD;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG7C;AAED,0EAA0E;AAC1E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIjE"}

package/dist/util/text.js

@@ -15,7 +15,7 @@ const segmenter = typeof Intl !== 'undefined' && 'Segmenter' in Intl
  * code, file names, labels, key hints. Every character is then one grapheme
  * one cell wide, and none of the Unicode machinery below has anything to do.
  */
-function isAscii(text) {
+export function isAscii(text) {
     for (let i = 0; i < text.length; i++) {
         const c = text.charCodeAt(i);
         if (c < 0x20 || c > 0x7e)
@@ -148,6 +148,25 @@ export function graphemeWidth(cluster) {
         return 2;
     return 1;
 }
+/**
+ * Widths already worked out, for strings that are not plain ASCII.
+ *
+ * The same strings are measured over and over. A frame measures the tree, lays
+ * it out and paints it - which is three walks over the same text - and then
+ * the next frame does all three again for content that has not changed. Nearly
+ * every row in a terminal application carries one glyph among its ASCII, a box
+ * rule or a bullet or an icon, and a single non-ASCII character sends the whole
+ * string down the slow path: an array of one-character strings, and a width
+ * classification for each of them. That was a quarter of the frame in a long
+ * transcript, spent proving the same sentences were the same width they were a
+ * thirtieth of a second ago.
+ *
+ * Only the slow path is remembered. ASCII is answered by `.length` before the
+ * map is even consulted, which is cheaper than the lookup would be, so the
+ * cache holds only what it saves anything on.
+ */
+const widths = new Map();
+const WIDTH_CACHE = 8192;
 /** Width of a string in terminal cells. */
 export function stringWidth(text) {
     if (text === '')
@@ -155,9 +174,18 @@ export function stringWidth(text) {
     // Fast path: pure ASCII printable.
     if (isAscii(text))
         return text.length;
+    const seen = widths.get(text);
+    if (seen !== undefined)
+        return seen;
     let w = 0;
     for (const g of graphemes(text))
         w += graphemeWidth(g);
+    // Emptied rather than evicted one at a time: a terminal's vocabulary of
+    // strings is small and slow-moving, so the cap is only ever reached by
+    // something streaming new text, and for that the whole map is stale.
+    if (widths.size >= WIDTH_CACHE)
+        widths.clear();
+    widths.set(text, w);
     return w;
 }
 /** Take at most `width` cells from the front. Never splits a wide grapheme. */
@@ -405,10 +433,33 @@ const ANSI_RE =
 export function stripAnsi(text) {
     return text.replace(ANSI_RE, '');
 }
-/** Remove control characters that would corrupt the frame. Keeps newlines. */
+/*
+ * Test copies, without the `g` flag.
+ *
+ * `test` on a global regular expression advances its `lastIndex` and starts
+ * the next call from there, so the same string tested twice answers yes then
+ * no. Asking is a different question from replacing and gets its own pattern.
+ */
+// eslint-disable-next-line no-control-regex
+const ANSI_TEST = /\x1B(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~]|\][^\x07\x1B]*(?:\x07|\x1B\\))/;
+// eslint-disable-next-line no-control-regex
+const CONTROL_TEST = /[\x00-\x08\x0B-\x1F\x7F]/;
+// eslint-disable-next-line no-control-regex
+const CONTROL_RE = /[\x00-\x08\x0B-\x1F\x7F]/g;
+/**
+ * Remove control characters that would corrupt the frame. Keeps newlines.
+ *
+ * Two regular expressions over every string on screen, every frame, and for
+ * almost all of them the answer is the string it was given. `test` before
+ * `replace` is one scan that stops at the first match instead of two that
+ * always run to the end and allocate a copy each - and it returns the original
+ * string, so the callers that follow it get a cache hit on the width they
+ * already worked out rather than an equal-but-different string.
+ */
 export function sanitize(text) {
-    // eslint-disable-next-line no-control-regex
-    return stripAnsi(text).replace(/[\x00-\x08\x0B-\x1F\x7F]/g, '');
+    if (ANSI_TEST.test(text))
+        return stripAnsi(text).replace(CONTROL_RE, '');
+    return CONTROL_TEST.test(text) ? text.replace(CONTROL_RE, '') : text;
 }
 /** Repeat a grapheme to exactly `width` cells (wide chars land short). */
 export function repeatToWidth(char, width) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textui/core",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Graph-mounted terminal UI runtime - store, registries, renderer, host primitives",
   "keywords": [
     "terminal",

package/src/app/app.ts

@@ -816,7 +816,21 @@ export class App implements TextUIApp {
     walkInstances(this.root, (instance) => {
       if (position) return;
       const cursor = instance.props.cursor;
-      if (!cursor || !instance.box) return;
+      /*
+       * Absent, not falsy.
+       *
+       * `cursor` is a column, and column 0 is a real one - it is where the
+       * caret sits in an empty field, and where it sits at the start of any
+       * field. `!cursor` treated that as "no caret here", so a text input
+       * published no cursor position at all until its first character was
+       * typed: the terminal cursor stayed hidden, and the only thing marking
+       * the focused control was its border colour.
+       *
+       * `true` still means "here, at offset 0", which is what the `typeof`
+       * below is for - so this rejects the three ways of saying nothing and
+       * nothing else.
+       */
+      if (cursor === undefined || cursor === null || cursor === false || !instance.box) return;
       const id = typeof instance.props.id === 'string' ? instance.props.id : instance.id;
       if (id !== focused && `${instance.id}:focus` !== focused) return;
 
@@ -941,6 +955,33 @@ export class App implements TextUIApp {
     } catch (err) {
       this.handleError(err, `input:${event.type}`);
     }
+
+    /*
+     * Pointer motion and the wheel are streams, and only where they got to
+     * means anything.
+     *
+     * A terminal reports every cell the pointer crosses and every notch of the
+     * wheel, and one read can carry twenty of them - so rendering per event
+     * lays out and paints the whole tree twenty times to draw one gesture. The
+     * cost is the size of the tree, which is why it is invisible on a short
+     * screen and, on a long transcript, is the thing being dragged trailing
+     * seconds behind the pointer and a wheel that goes on scrolling after the
+     * hand has stopped. That second one is the tell: it is not momentum, it is
+     * a backlog of events still being drawn one frame each.
+     *
+     * Only the drawing is coalesced. Every event is still dispatched, so the
+     * notches still add up and the pointer still ends where it ended; what
+     * they share is the one frame `handleMouse` asked for, at the animation
+     * ceiling rather than at whatever rate the terminal felt like reporting.
+     *
+     * Keys are the opposite and stay synchronous: every one of them is a
+     * separate thing a person did, and a handler closes over the props from
+     * its last render, so typing "ab" without a frame in between makes the
+     * handler for "b" see the state from before "a".
+     */
+    if (event.type === 'mouse'
+      && (event.action === 'move' || event.action === 'drag' || event.action === 'wheel')) return;
+
     if (this.running_ && this.isDirty()) this.renderFrame();
   }
 

package/src/render/buffer.ts

@@ -2,6 +2,16 @@ import type { Rect } from '../types/geometry.js';
 import type { Cell, CellBuffer } from '../types/cells.js';
 import { COLOR_DEFAULT, packColor, type PackedColor } from './color.js';
 
+/**
+ * A character no cell can hold, for the previous frame when it must not match.
+ *
+ * `put` refuses the empty string and every real glyph is one the terminal can
+ * print, so NUL is a value that never arrives from a render and never leaves
+ * one: `diffFrame` reads `chars`, never `prevChars`, so this is only ever a
+ * comparison and is never written out.
+ */
+const NEVER = '\u0000';
+
 /** One cell as it is stored: colours packed, nothing allocated to read it. */
 export interface PackedCell {
   char: string;
@@ -238,7 +248,7 @@ export class Buffer implements CellBuffer {
 
     // A resize invalidates the previous frame entirely.
     const n = width * height;
-    this.prevChars = new Array<string>(n).fill(' ');
+    this.prevChars = new Array<string>(n).fill(NEVER);
     this.prevFg = new Int32Array(n).fill(COLOR_DEFAULT);
     this.prevBg = new Int32Array(n).fill(COLOR_DEFAULT);
     this.prevAttrs = new Uint16Array(n);
@@ -282,9 +292,25 @@ export class Buffer implements CellBuffer {
     this.committed = true;
   }
 
-  /** Force the next diff to repaint everything. After a resize or a redraw. */
+  /**
+   * Force the next diff to repaint everything. After a resize or a redraw.
+   *
+   * Both halves, and the second one is the one that was missing. Clearing
+   * `committed` makes `dirtyRows` return every row, but `diffFrame` still
+   * skips each cell that matches the previous frame - and a blank cell in the
+   * new frame matched the reset previous frame exactly, so it was never
+   * written. Under a theme with an opaque canvas nothing showed, because every
+   * cell carries a background colour and therefore differs anyway. Under a
+   * theme with a transparent one the blanks are default-on-default, and the
+   * terminal kept whatever the old layout had left in them: a resize scattered
+   * the previous frame across the new one and it never cleared.
+   *
+   * So the previous frame is filled with a character no cell can hold, which
+   * is a comparison that cannot come out equal.
+   */
   invalidate(): void {
     this.committed = false;
+    this.prevChars.fill(NEVER);
   }
 
   toText(rect?: Rect): string {

package/src/render/layout.ts

@@ -40,6 +40,19 @@ export interface LayoutBox {
   /** Content larger than `content`, when overflow is 'scroll'. */
   scrollSize?: Size;
 
+  /**
+   * Frame and gaps, worked out once for this box.
+   *
+   * Neither depends on the space being offered - they are the box's own
+   * margin, border, padding and gap - and the box is measured about four
+   * times a frame at different bounds, each of which was rebuilding both and
+   * allocating three objects to do it. Same lifetime as `measured` below, and
+   * for the same reason: a layout box is rebuilt from the instance tree every
+   * frame, so nothing here can go stale.
+   */
+  frame?: { margin: Edges; inset: Edges };
+  gaps?: { main: number; cross: number };
+
   /**
    * The last answer `measureBox` gave for this box, and what it was asked.
    *
@@ -145,11 +158,15 @@ function mainOverflow(box: LayoutBox): Overflow {
  * that sets both reads the same either way round.
  */
 function gapsOf(box: LayoutBox): { main: number; cross: number } {
+  const seen = box.gaps;
+  if (seen !== undefined) return seen;
   const vertical = box.style.rowGap ?? box.style.gap ?? 0;
   const horizontal = box.style.columnGap ?? box.style.gap ?? 0;
-  return isColumn(box)
+  const gaps = isColumn(box)
     ? { main: vertical, cross: horizontal }
     : { main: horizontal, cross: vertical };
+  box.gaps = gaps;
+  return gaps;
 }
 
 /**
@@ -181,10 +198,12 @@ function splitLines(mains: number[], gap: number, limit: number): [number, numbe
 
 /** Space this box consumes outside its content: margin, border, padding. */
 function frameOf(box: LayoutBox): { margin: Edges; inset: Edges } {
+  const seen = box.frame;
+  if (seen !== undefined) return seen;
   const margin = resolveEdges(box.style.margin);
   const padding = resolveEdges(box.style.padding);
   const b = box.borderEdges;
-  return {
+  const frame = {
     margin,
     inset: {
       top: b.top + padding.top,
@@ -193,6 +212,8 @@ function frameOf(box: LayoutBox): { margin: Edges; inset: Edges } {
       left: b.left + padding.left,
     },
   };
+  box.frame = frame;
+  return frame;
 }
 
 /**
@@ -247,7 +268,7 @@ export function measureBox(box: LayoutBox, availW: number, availH: number): Size
       if (isAbsolute(child) || isHidden(child)) continue;
       count++;
       const m = measureBox(child, innerAvailW, innerAvailH);
-      const cm = resolveEdges(child.style.margin);
+      const cm = frameOf(child).margin;
       mains.push(column ? m.height + edgeV(cm) : m.width + edgeH(cm));
       crosses.push(column ? m.width + edgeH(cm) : m.height + edgeV(cm));
     }
@@ -289,7 +310,7 @@ export function measureBox(box: LayoutBox, availW: number, availH: number): Size
           if (isAbsolute(child) || isHidden(child)) continue;
           const flex = Math.max(0, child.style.flex ?? 0);
           if (flex > 0) {
-            const cm = resolveEdges(child.style.margin);
+            const cm = frameOf(child).margin;
             const share = Math.max(0, Math.floor((room * flex) / totalFlex) - edgeH(cm));
             const m = measureBox(child, share, innerAvailH);
             crosses[index] = m.height + edgeV(cm);
@@ -519,7 +540,7 @@ function layoutWrapped(box: LayoutBox, flow: LayoutBox[]): void {
   const mains: number[] = [];
   const crosses: number[] = [];
   for (const child of flow) {
-    const margin = resolveEdges(child.style.margin);
+    const margin = frameOf(child).margin;
     const basis = child.style.basis ?? (column ? child.style.height : child.style.width);
     const fixed = resolveDimension(basis, mainAvail);
     const m = measureBox(
@@ -580,7 +601,7 @@ function layoutLine(
   const gapTotal = flow.length > 1 ? gap * (flow.length - 1) : 0;
 
   // 1. base sizes
-  const margins = flow.map((c) => resolveEdges(c.style.margin));
+  const margins = flow.map((c) => frameOf(c).margin);
   const bases: number[] = [];
   for (let i = 0; i < flow.length; i++) {
     const child = flow[i] as LayoutBox;

package/src/runtime/paint.ts

@@ -1,5 +1,5 @@
 import type { Rect } from '../types/geometry.js';
-import type { Style } from '../types/style.js';
+import type { Style, TextWrap } from '../types/style.js';
 import type { ResolvedTheme } from '../types/theme.js';
 import type { TerminalCapabilities } from '../types/capabilities.js';
 import type { Cell, Color } from '../types/cells.js';
@@ -12,7 +12,7 @@ import type { Buffer } from '../render/buffer.js';
 import { COLOR_DEFAULT, mix, packColor, type PackedColor } from '../render/color.js';
 import { rectIntersect } from '../types/geometry.js';
 import {
-  graphemes, graphemeWidth, sanitize, stringWidth, truncate,
+  graphemes, graphemeWidth, isAscii, sanitize, stringWidth, truncate,
   truncateSideOf, wrapModeOf, wrapText,
 } from '../util/text.js';
 import {
@@ -87,8 +87,23 @@ class Surface implements PaintSurface {
     const link = style?.link;
     const oy = this.rect.y + y;
 
+    const clean = sanitize(text);
+
+    // Plain ASCII is one cell per character and needs none of the clustering
+    // machinery - and it is nearly every string a terminal ever draws. The
+    // general path allocates an array of one-character strings for the whole
+    // run before writing any of it.
     let cx = x;
-    for (const g of graphemes(sanitize(text))) {
+    if (isAscii(clean)) {
+      for (let i = 0; i < clean.length; i++) {
+        const ax = this.rect.x + cx;
+        if (this.visible(ax, oy)) this.buffer.put(ax, oy, clean[i] as string, fg, bg, attrs, link);
+        cx += 1;
+      }
+      return cx - x;
+    }
+
+    for (const g of graphemes(clean)) {
       const w = graphemeWidth(g);
       if (w === 0) continue;
       const ax = this.rect.x + cx;
@@ -337,6 +352,17 @@ function oneLine(text: string): string {
   return text.includes('\n') ? text.split('\n').join(' ') : text;
 }
 
+/**
+ * Text measurements already taken.
+ *
+ * A measurement is a pure function of the string, how it wraps and the width
+ * it is offered - and a layout asks for the same three several times in a
+ * frame, then the next frame asks for all of them again. The text in a
+ * transcript does not change; only the one line somebody is typing does.
+ */
+const measurements = new Map<string, { width: number; height: number }>();
+const MEASURE_CACHE = 4096;
+
 function textMeasure(instance: Instance, style: Style): (w: number, h: number) => { width: number; height: number } {
   return (maxWidth: number) => {
     const text = sanitize(textContent(instance));
@@ -344,26 +370,41 @@ function textMeasure(instance: Instance, style: Style): (w: number, h: number) =
 
     const wrap = style.wrap ?? 'none';
 
+    const key = `${wrap}\u0000${String(maxWidth)}\u0000${text}`;
+    const seen = measurements.get(key);
+    if (seen !== undefined) return seen;
+
     // A truncating text is one row, always. It still asks for the width it
     // would like - a box sizing itself around it gets the whole string when
     // there is room, and only cuts when there is not.
-    if (truncateSideOf(wrap) !== undefined) {
-      return { width: stringWidth(oneLine(text)), height: 1 };
-    }
+    const size = measure(text, wrap, maxWidth);
+    if (measurements.size >= MEASURE_CACHE) measurements.clear();
+    measurements.set(key, size);
+    return size;
+  };
+}
 
-    if (wrap === 'none') {
-      const lines = text.split('\n');
-      return {
-        width: Math.max(...lines.map(stringWidth)),
-        height: lines.length,
-      };
-    }
-    const limit = Number.isFinite(maxWidth) && maxWidth > 0 ? maxWidth : stringWidth(text);
-    const lines = wrapText(text, limit, wrapModeOf(wrap));
+/** The measurement itself, with nothing remembered. */
+function measure(text: string, wrap: TextWrap, maxWidth: number): { width: number; height: number } {
+  // A truncating text is one row, always. It still asks for the width it
+  // would like - a box sizing itself around it gets the whole string when
+  // there is room, and only cuts when there is not.
+  if (truncateSideOf(wrap) !== undefined) {
+    return { width: stringWidth(oneLine(text)), height: 1 };
+  }
+
+  if (wrap === 'none') {
+    const lines = text.split('\n');
     return {
-      width: Math.min(limit, Math.max(0, ...lines.map(stringWidth))),
-      height: Math.max(1, lines.length),
+      width: Math.max(...lines.map(stringWidth)),
+      height: lines.length,
     };
+  }
+  const limit = Number.isFinite(maxWidth) && maxWidth > 0 ? maxWidth : stringWidth(text);
+  const lines = wrapText(text, limit, wrapModeOf(wrap));
+  return {
+    width: Math.min(limit, Math.max(0, ...lines.map(stringWidth))),
+    height: Math.max(1, lines.length),
   };
 }
 

package/src/util/text.ts

@@ -20,7 +20,7 @@ const segmenter =
  * code, file names, labels, key hints. Every character is then one grapheme
  * one cell wide, and none of the Unicode machinery below has anything to do.
  */
-function isAscii(text: string): boolean {
+export function isAscii(text: string): boolean {
   for (let i = 0; i < text.length; i++) {
     const c = text.charCodeAt(i);
     if (c < 0x20 || c > 0x7e) return false;
@@ -152,14 +152,42 @@ export function graphemeWidth(cluster: string): number {
   return 1;
 }
 
+/**
+ * Widths already worked out, for strings that are not plain ASCII.
+ *
+ * The same strings are measured over and over. A frame measures the tree, lays
+ * it out and paints it - which is three walks over the same text - and then
+ * the next frame does all three again for content that has not changed. Nearly
+ * every row in a terminal application carries one glyph among its ASCII, a box
+ * rule or a bullet or an icon, and a single non-ASCII character sends the whole
+ * string down the slow path: an array of one-character strings, and a width
+ * classification for each of them. That was a quarter of the frame in a long
+ * transcript, spent proving the same sentences were the same width they were a
+ * thirtieth of a second ago.
+ *
+ * Only the slow path is remembered. ASCII is answered by `.length` before the
+ * map is even consulted, which is cheaper than the lookup would be, so the
+ * cache holds only what it saves anything on.
+ */
+const widths = new Map<string, number>();
+const WIDTH_CACHE = 8192;
+
 /** Width of a string in terminal cells. */
 export function stringWidth(text: string): number {
   if (text === '') return 0;
   // Fast path: pure ASCII printable.
   if (isAscii(text)) return text.length;
 
+  const seen = widths.get(text);
+  if (seen !== undefined) return seen;
+
   let w = 0;
   for (const g of graphemes(text)) w += graphemeWidth(g);
+  // Emptied rather than evicted one at a time: a terminal's vocabulary of
+  // strings is small and slow-moving, so the cap is only ever reached by
+  // something streaming new text, and for that the whole map is stale.
+  if (widths.size >= WIDTH_CACHE) widths.clear();
+  widths.set(text, w);
   return w;
 }
 
@@ -414,10 +442,33 @@ export function stripAnsi(text: string): string {
   return text.replace(ANSI_RE, '');
 }
 
-/** Remove control characters that would corrupt the frame. Keeps newlines. */
+/*
+ * Test copies, without the `g` flag.
+ *
+ * `test` on a global regular expression advances its `lastIndex` and starts
+ * the next call from there, so the same string tested twice answers yes then
+ * no. Asking is a different question from replacing and gets its own pattern.
+ */
+// eslint-disable-next-line no-control-regex
+const ANSI_TEST = /\x1B(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~]|\][^\x07\x1B]*(?:\x07|\x1B\\))/;
+// eslint-disable-next-line no-control-regex
+const CONTROL_TEST = /[\x00-\x08\x0B-\x1F\x7F]/;
+// eslint-disable-next-line no-control-regex
+const CONTROL_RE = /[\x00-\x08\x0B-\x1F\x7F]/g;
+
+/**
+ * Remove control characters that would corrupt the frame. Keeps newlines.
+ *
+ * Two regular expressions over every string on screen, every frame, and for
+ * almost all of them the answer is the string it was given. `test` before
+ * `replace` is one scan that stops at the first match instead of two that
+ * always run to the end and allocate a copy each - and it returns the original
+ * string, so the callers that follow it get a cache hit on the width they
+ * already worked out rather than an equal-but-different string.
+ */
 export function sanitize(text: string): string {
-  // eslint-disable-next-line no-control-regex
-  return stripAnsi(text).replace(/[\x00-\x08\x0B-\x1F\x7F]/g, '');
+  if (ANSI_TEST.test(text)) return stripAnsi(text).replace(CONTROL_RE, '');
+  return CONTROL_TEST.test(text) ? text.replace(CONTROL_RE, '') : text;
 }
 
 /** Repeat a grapheme to exactly `width` cells (wide chars land short). */