@simon_he/vue-tui 1.1.13 → 1.1.15

package/dist/{tlog-theme-DKq1YOQF.js → tlog-theme-zAInqC2W.js}

@@ -1787,6 +1787,20 @@ const EMPTY_LAYOUT = Object.freeze({
 	rowCount: 0
 });
 const MAX_KEYED_ROW_LAYOUT_CACHE_ENTRIES = 2048;
+/**
+* How far outside the drawn window a fixed-row transcript keeps a row's layout.
+*
+* The fixed-row path lays a frame's rows out on demand, so its cache is the one structure that
+* grows with a transcript nobody re-reads: a reply appended while the view follows the bottom draws
+* every one of its new rows exactly once, and without a retention margin every one of them stayed
+* for the life of the component (measured in an agent TUI: ~2 MB of retained layout per turn of
+* 152 KB of appended code). The margin is what makes releasing them safe to do: scrolling back
+* within it still finds its layouts, and a row that returns after it is laid out again on demand —
+* the same work its first draw did — while the retained row space stays bounded at the drawn window
+* plus this margin on each side. The wrapped path is untouched: it keeps its layouts for the whole
+* row space in `previousWrappedLayout`, which its incremental repaint reads.
+*/
+const RETAINED_ROW_LAYOUT_MARGIN_ROWS = 512;
 function clamp$9(n, min, max) {
 	return Math.max(min, Math.min(max, n));
 }
@@ -1957,6 +1971,8 @@ const TTranscriptView = defineComponent({
 		const focusedRegion = ref(null);
 		const rowLayoutCache = new Map();
 		const keyedRowLayoutCache = new Map();
+		/** The retained row window the last release ran for (see `pruneRowLayoutCacheOutsideWindow`). */
+		let retainedWindow = null;
 		let previousWrappedLayout = null;
 		let previousWrappedDeps = null;
 		let canUseWrappedChangedRangeRepaint = false;
@@ -2053,6 +2069,34 @@ const TTranscriptView = defineComponent({
 		function pruneRowLayoutCache(count) {
 			for (const rowIndex of rowLayoutCache.keys()) if (rowIndex >= count) rowLayoutCache.delete(rowIndex);
 		}
+		/**
+		* Drops the layouts of rows that scrolled out of the drawn window's retention margin.
+		*
+		* The alternative — letting the cache keep every row it ever laid out — makes a followed
+		* transcript's retention follow its row space, without bound, so the release has to happen here,
+		* where rows are laid out per frame on demand. A released row is laid out again when it is drawn
+		* again, and its identity entry goes with it: that map holds the same entry object, so leaving it
+		* behind would keep the row retained through the keyed cache instead of releasing it.
+		*
+		* The scan runs when the retained window changes, which is exactly when rows can fall out of it
+		* (a jump, a scroll, a grown or shrunk row space); a repaint of the same window finds nothing to
+		* release, so it does not pay for the walk.
+		*/
+		function pruneRowLayoutCacheOutsideWindow(count, top, bottom) {
+			const start = Math.max(0, top - RETAINED_ROW_LAYOUT_MARGIN_ROWS);
+			const end = Math.min(count, bottom + RETAINED_ROW_LAYOUT_MARGIN_ROWS);
+			if (retainedWindow && retainedWindow.start === start && retainedWindow.end === end) return;
+			retainedWindow = {
+				start,
+				end
+			};
+			for (const [rowIndex, entry] of rowLayoutCache) {
+				if (rowIndex >= start && rowIndex < end) continue;
+				const identity = rowLayoutIdentityKey(entry.rowKey, entry.rowVersion);
+				if (keyedRowLayoutCache.get(identity) === entry) keyedRowLayoutCache.delete(identity);
+				rowLayoutCache.delete(rowIndex);
+			}
+		}
 		function sameWrappedDeps(a, b) {
 			return Boolean(a) && a.width === b.width && a.baseStyle === b.baseStyle && a.hoverStyle === b.hoverStyle && a.focusStyle === b.focusStyle && a.hoverRegionId === b.hoverRegionId && a.focusedRegionId === b.focusedRegionId;
 		}
@@ -2135,6 +2179,7 @@ const TTranscriptView = defineComponent({
 			if (!count) {
 				rowLayoutCache.clear();
 				keyedRowLayoutCache.clear();
+				retainedWindow = null;
 				previousWrappedLayout = null;
 				previousWrappedDeps = null;
 				if (perfEnabled) observability.framePerf.recordComponent({
@@ -2191,6 +2236,7 @@ const TTranscriptView = defineComponent({
 					visualRows[rowIndex] = row;
 					regions.push(...row.hitRegions);
 				}
+				pruneRowLayoutCacheOutsideWindow(count, top, bottom);
 			} else {
 				const incremental = tryUpdateWrappedLayoutFromChangedRange(count, sourceChangedRange, wrappedDeps);
 				if (incremental) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simon_he/vue-tui",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "description": "Vue 3 terminal UI components and renderers for browser DOM, CLI stdout, logs, markdown transcripts, and agent consoles",
   "keywords": [
     "agent-console",
@@ -259,14 +259,14 @@
     "access": "public"
   },
   "dependencies": {
-    "stream-markdown-parser": "1.2.19"
+    "stream-markdown-parser": "1.2.20"
   },
   "devDependencies": {
     "@arethetypeswrong/core": "^0.18.5",
-    "@playwright/test": "^1.62.1",
+    "@playwright/test": "^1.64.0",
     "@resvg/resvg-js": "^2.6.2",
     "@types/node": "^18.19.130",
-    "@vitest/coverage-v8": "^4.1.10",
+    "@vitest/coverage-v8": "^4.1.11",
     "beautiful-mermaid": "^1.1.3",
     "bumpp": "^8.2.1",
     "bun-webgpu": "0.1.7",
@@ -276,18 +276,18 @@
     "lint-staged": "^13.3.0",
     "mathjax-full": "^3.2.2",
     "oxfmt": "^0.47.0",
-    "oxlint": "^1.77.0",
+    "oxlint": "^1.88.0",
     "picocolors": "^1.1.1",
     "pinia": "^3.0.4",
-    "publint": "^0.3.23",
+    "publint": "^0.3.25",
     "rimraf": "^3.0.2",
     "tsdown": "^0.9.9",
-    "tsx": "^4.23.11",
+    "tsx": "^4.23.15",
     "typescript": "^5.9.3",
     "vite": "8.0.16",
     "vitepress": "^1.6.4",
-    "vitest": "^4.1.10",
-    "vue": "^3.5.41"
+    "vitest": "^4.1.11",
+    "vue": "^3.5.44"
   },
   "peerDependencies": {
     "@resvg/resvg-js": "^2.6.2",