@pellux/goodvibes-tui 0.18.17 → 0.18.18

package/CHANGELOG.md

@@ -4,6 +4,23 @@ All notable changes to GoodVibes TUI.
 
 ---
 
+## [0.18.18] — 2026-04-16
+
+### Performance
+
+- **R1 — Render coalescing** (`src/runtime/bootstrap-core.ts`): `requestRender()` is now wrapped in a `setImmediate`-based coalescer. A burst of N synchronous `requestRender()` calls in a single microtask produces exactly one render pass. A 16ms minimum-interval gate is applied to cap rendering at ~60fps during streaming (prevents hundreds of full pipeline runs per second on LLM token bursts).
+- **R2 — Panel dirty-flag activation** (`src/renderer/panel-composite.ts`, `src/panels/base-panel.ts`, `src/panels/types.ts`): The existing `needsRender` field is now enforced. Added `invalidate(): void` and `markRendered(): void` to the `Panel` interface and `BasePanel`. `buildPanelCompositeData` routes all panel renders through a new `renderPanel()` helper backed by a per-panel `WeakMap` cache — panels that have not changed and whose dimensions are unchanged are skipped entirely. `ScrollableListPanel` and all 40+ panels that write `needsRender = true` on state mutation are compatible without changes (the contract was already partially in place; this activates it).
+- **R3 — Buffer reuse** (`src/renderer/buffer.ts`, `src/renderer/compositor.ts`): `TerminalBuffer` gains a `reset(width, height): void` method that overwrites cells in-place instead of reallocating. `Compositor` now holds two long-lived `TerminalBuffer` instances (front/back). Each `composite()` call resets the back buffer, composites into it, diffs against the front buffer (the last-rendered frame), writes the diff, then swaps front/back. The `clone()` call that doubled allocation cost every frame is eliminated. `TerminalBuffer` constructor is called twice per session (once per buffer), not once per frame.
+
+### Tests
+
+- Added `src/test/renderer/render-perf.test.ts` with 10 new tests covering R1 coalescing logic, R2 dirty-flag skip/invalidate/markRendered contract, and R3 `TerminalBuffer.reset()` behavior.
+- Extended `src/test/renderer/compositor.test.ts` with 3 new tests covering R3 double-buffer reuse correctness (buffer identity after swap, resetDiff clearing both buffers, resize handling).
+- Updated mock `Panel` objects in `src/test/renderer/panel-navigation.test.ts`, `src/test/panels/panel-manager.test.ts`, `src/test/panels/panel-list-panel.test.ts`, and `src/test/daemon/server.test.ts` to implement the new `invalidate()`/`markRendered()` interface methods.
+- Test suite: 438/438 passing, typecheck clean, architecture check green.
+
+---
+
 ## [0.18.17] — 2026-04-16
 
 ### Bug Fixes

package/README.md

@@ -2,7 +2,7 @@
 
 [![CI](https://github.com/mgd34msu/goodvibes-tui/actions/workflows/ci.yml/badge.svg)](https://github.com/mgd34msu/goodvibes-tui/actions/workflows/ci.yml)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![Version](https://img.shields.io/badge/version-0.18.17-blue.svg)](https://github.com/mgd34msu/goodvibes-tui)
+[![Version](https://img.shields.io/badge/version-0.18.18-blue.svg)](https://github.com/mgd34msu/goodvibes-tui)
 
 A terminal-native AI coding, operations, automation, knowledge, and integration console with a typed runtime, omnichannel surfaces, structured memory/knowledge, and a raw ANSI renderer.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pellux/goodvibes-tui",
-  "version": "0.18.17",
+  "version": "0.18.18",
   "description": "Terminal-native GoodVibes product for coding, operations, automation, knowledge, channels, and daemon-backed control-plane workflows.",
   "type": "module",
   "main": "src/main.ts",

package/src/panels/base-panel.ts

@@ -40,6 +40,12 @@ export abstract class BasePanel implements Panel {
 
   abstract render(width: number, height: number): Line[];
 
+  /** R2: Mark this panel dirty — it will be re-rendered on the next compositor frame. */
+  public invalidate(): void { this.needsRender = true; }
+
+  /** R2: Called by the compositor after a successful render to clear the dirty flag. */
+  public markRendered(): void { this.needsRender = false; }
+
   protected markDirty(): void { this.needsRender = true; }
 
   /**

package/src/panels/types.ts

@@ -22,6 +22,12 @@ export interface Panel {
   isPinned: boolean;
   needsRender: boolean;
 
+  // Dirty-flag contract (R2: activated panel render skipping)
+  /** Mark this panel as needing a re-render on the next frame. */
+  invalidate(): void;
+  /** Called by the compositor after a successful render to clear the dirty flag. */
+  markRendered(): void;
+
   // Resource contract (optional — panels may declare resource requirements)
   resourceContract?: Readonly<ComponentResourceContract>;
 

package/src/renderer/buffer.ts

@@ -31,4 +31,23 @@ export class TerminalBuffer {
     newBuf.cells = this.cells.map(line => line.map(cell => ({ ...cell })));
     return newBuf;
   }
+
+  /**
+   * Reset all cells in-place to empty, reusing this buffer instance.
+   * If dimensions changed, reallocates cells array.
+   */
+  public reset(width: number, height: number): void {
+    if (width !== this.width || height !== this.height) {
+      this.width = width;
+      this.height = height;
+      this.cells = Array.from({ length: height }, () => createEmptyLine(width));
+    } else {
+      for (let y = 0; y < this.height; y++) {
+        const row = this.cells[y]!;
+        for (let x = 0; x < this.width; x++) {
+          row[x] = createEmptyCell();
+        }
+      }
+    }
+  }
 }

package/src/renderer/compositor.ts

@@ -54,24 +54,33 @@ export interface CompositeRequest {
  * Decoupled from global state — all needed data is passed as parameters.
  */
 export class Compositor {
-  private lastBuffer: TerminalBuffer | null = null;
+  /** Double-buffer reuse: back is written, front is the last-rendered reference. */
+  private frontBuffer: TerminalBuffer | null = null;
+  private backBuffer: TerminalBuffer | null = null;
   private diffEngine = new DiffEngine();
 
   constructor(private stdout: NodeJS.WriteStream) {}
 
   /** Exposed for unit tests — returns the last composited buffer. */
   public get lastBufferForTest(): TerminalBuffer | null {
-    return this.lastBuffer;
+    return this.frontBuffer;
   }
 
   public resetDiff(): void {
     this.diffEngine.reset();
-    this.lastBuffer = null;
+    this.frontBuffer = null;
+    this.backBuffer = null;
   }
 
   public composite(params: CompositeRequest): void {
     const { width, height, header, viewport, footer, selection, search, panel, panelWidth } = params;
-    const newBuffer = new TerminalBuffer(width, height);
+    // R3: Reuse back-buffer instead of allocating each frame
+    if (!this.backBuffer) {
+      this.backBuffer = new TerminalBuffer(width, height);
+    } else {
+      this.backBuffer.reset(width, height);
+    }
+    const newBuffer = this.backBuffer;
 
     const hasPanel = panel !== undefined && panelWidth !== undefined && panelWidth > 0;
     const leftWidth = hasPanel ? Math.max(1, width - panelWidth - 1) : width;
@@ -251,11 +260,15 @@ export class Compositor {
     });
 
     // 4. Diff and Render
-    const diff = this.diffEngine.diff(this.lastBuffer, newBuffer);
+    // R3: Diff against front-buffer (last-rendered), then swap front/back — no clone() needed
+    const diff = this.diffEngine.diff(this.frontBuffer, newBuffer);
     if (diff) {
       this.stdout.write(diff);
     }
 
-    this.lastBuffer = newBuffer.clone();
+    // Swap: back (just written) becomes the new front reference; old front becomes the next back
+    const swap = this.frontBuffer;
+    this.frontBuffer = this.backBuffer;
+    this.backBuffer = swap;
   }
 }

package/src/renderer/panel-composite.ts

@@ -1,4 +1,5 @@
 import type { Line } from '../types/grid.ts';
+import type { Panel } from '../panels/types.ts';
 import type { InputHandler } from '../input/handler.ts';
 import type { PanelManager } from '../panels/panel-manager.ts';
 import type { PanelCompositeData } from './compositor.ts';
@@ -6,6 +7,26 @@ import { createSplitPaneLayout } from './layout-engine.ts';
 import { renderPanelTabBar } from './panel-tab-bar.ts';
 import { renderPanelWorkspaceBar } from './panel-workspace-bar.ts';
 
+/** R2: Per-panel render cache for dirty-flag skipping. */
+interface PanelRenderCache {
+  lines: Line[];
+  width: number;
+  height: number;
+}
+const panelRenderCache = new WeakMap<Panel, PanelRenderCache>();
+
+/** R2: Render a panel, skipping if nothing changed. Returns cached lines on a skip. */
+function renderPanel(panel: Panel, width: number, height: number): Line[] {
+  const cached = panelRenderCache.get(panel);
+  if (cached && !panel.needsRender && cached.width === width && cached.height === height) {
+    return cached.lines;
+  }
+  const lines = panel.render(width, height);
+  panel.markRendered();
+  panelRenderCache.set(panel, { lines, width, height });
+  return lines;
+}
+
 export interface PanelCompositeBuildResult {
   readonly panelData?: PanelCompositeData;
   readonly panelWidth?: number;
@@ -47,7 +68,7 @@ export function buildPanelCompositeData(
     const paneLayout = createSplitPaneLayout(Math.max(0, panelHeight - 1), verticalSplitRatio);
     const topH = paneLayout.topContentRows;
     const bottomH = paneLayout.bottomContentRows;
-    topContent = topActivePanel ? topActivePanel.render(panelWidth, topH) : [];
+    topContent = topActivePanel ? renderPanel(topActivePanel, panelWidth, topH) : [];
 
     const bottomActivePanel = bottomPane.panels[bottomPane.activeIndex] ?? null;
     bottomTabBar = renderPanelTabBar(
@@ -57,10 +78,10 @@ export function buildPanelCompositeData(
       input.panelFocused && focusedPane === 'bottom',
       'bottom',
     );
-    bottomContent = bottomActivePanel ? bottomActivePanel.render(panelWidth, bottomH) : [];
+    bottomContent = bottomActivePanel ? renderPanel(bottomActivePanel, panelWidth, bottomH) : [];
   } else {
     const topH = Math.max(0, panelHeight - 1);
-    topContent = topActivePanel ? topActivePanel.render(panelWidth, topH) : [];
+    topContent = topActivePanel ? renderPanel(topActivePanel, panelWidth, topH) : [];
   }
 
   return {

package/src/runtime/bootstrap-core.ts

@@ -226,8 +226,30 @@ export async function initializeBootstrapCore(
   });
 
   const renderRequestRef = { value: (): void => {} };
+  // R1: Coalescing render scheduler — collapses N same-microtask requestRender() calls into 1.
+  // Also enforces a 16ms minimum interval to cap at ~60fps during streaming.
+  let renderScheduled = false;
+  let lastRenderTime = 0;
+  const RENDER_INTERVAL_MS = 16;
   const requestRender = (): void => {
-    renderRequestRef.value();
+    if (renderScheduled) return;
+    renderScheduled = true;
+    setImmediate(() => {
+      renderScheduled = false;
+      const now = Date.now();
+      const elapsed = now - lastRenderTime;
+      if (elapsed < RENDER_INTERVAL_MS) {
+        // Too soon — debounce to the tail of the current 16ms window
+        const delay = RENDER_INTERVAL_MS - elapsed;
+        setTimeout(() => {
+          lastRenderTime = Date.now();
+          renderRequestRef.value();
+        }, delay);
+      } else {
+        lastRenderTime = now;
+        renderRequestRef.value();
+      }
+    });
   };
   const permissionPromptRef = {
     requestPermission: (async () => ({ approved: false, remember: false })) as PermissionRequestHandler,

package/src/version.ts

@@ -6,7 +6,7 @@ import { join } from 'node:path';
 // The prebuild script updates the fallback value before compilation.
 // Uses import.meta.dir (Bun) to locate package.json relative to this file,
 // which is correct regardless of the process working directory.
-let _version = '0.18.17';
+let _version = '0.18.18';
 try {
   const pkg = JSON.parse(readFileSync(join(import.meta.dir, '..', 'package.json'), 'utf-8'));
   _version = pkg.version ?? _version;