@simon_he/vue-tui 1.1.14 → 1.1.15

package/dist/agent.cjs

@@ -9826,7 +9826,7 @@ var EMPTY_LAYOUT = Object.freeze({
   regions: Object.freeze([]),
   fixedRows: !1,
   rowCount: 0
-}), MAX_KEYED_ROW_LAYOUT_CACHE_ENTRIES = 2048;
+}), MAX_KEYED_ROW_LAYOUT_CACHE_ENTRIES = 2048, RETAINED_ROW_LAYOUT_MARGIN_ROWS = 512;
 function clamp9(n, min, max) {
   return Math.max(min, Math.min(max, n));
 }
@@ -9930,7 +9930,7 @@ var TTranscriptView = (0, import_vue23.defineComponent)({
     "hoverRegion"
   ],
   setup(props, { emit, expose }) {
-    let { defaultStyle, observability } = useTerminal(), instance = (0, import_vue23.getCurrentInstance)(), rowsRef = (0, import_vue23.ref)(null), innerScrollTop = (0, import_vue23.ref)(normalizeInt2(props.defaultScrollTop)), hoveredRegion = (0, import_vue23.ref)(null), focusedRegion = (0, import_vue23.ref)(null), rowLayoutCache = /* @__PURE__ */ new Map(), keyedRowLayoutCache = /* @__PURE__ */ new Map(), previousWrappedLayout = null, previousWrappedDeps = null, canUseWrappedChangedRangeRepaint = !1, warnedLargeFlattenedRows = !1;
+    let { defaultStyle, observability } = useTerminal(), instance = (0, import_vue23.getCurrentInstance)(), rowsRef = (0, import_vue23.ref)(null), innerScrollTop = (0, import_vue23.ref)(normalizeInt2(props.defaultScrollTop)), hoveredRegion = (0, import_vue23.ref)(null), focusedRegion = (0, import_vue23.ref)(null), rowLayoutCache = /* @__PURE__ */ new Map(), keyedRowLayoutCache = /* @__PURE__ */ new Map(), retainedWindow = null, previousWrappedLayout = null, previousWrappedDeps = null, canUseWrappedChangedRangeRepaint = !1, warnedLargeFlattenedRows = !1;
     function isScrollControlled() {
       return Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "scrollTop");
     }
@@ -9986,6 +9986,18 @@ var TTranscriptView = (0, import_vue23.defineComponent)({
       for (let rowIndex of rowLayoutCache.keys())
         rowIndex >= count && rowLayoutCache.delete(rowIndex);
     }
+    function pruneRowLayoutCacheOutsideWindow(count, top, bottom) {
+      let start = Math.max(0, top - RETAINED_ROW_LAYOUT_MARGIN_ROWS), end = Math.min(count, bottom + RETAINED_ROW_LAYOUT_MARGIN_ROWS);
+      if (!(retainedWindow && retainedWindow.start === start && retainedWindow.end === end)) {
+        retainedWindow = { start, end };
+        for (let [rowIndex, entry] of rowLayoutCache) {
+          if (rowIndex >= start && rowIndex < end)
+            continue;
+          let identity = rowLayoutIdentityKey(entry.rowKey, entry.rowVersion);
+          keyedRowLayoutCache.get(identity) === entry && keyedRowLayoutCache.delete(identity), rowLayoutCache.delete(rowIndex);
+        }
+      }
+    }
     function sameWrappedDeps(a, b) {
       return !!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;
     }
@@ -10042,7 +10054,7 @@ var TTranscriptView = (0, import_vue23.defineComponent)({
       props.version, canUseWrappedChangedRangeRepaint = !1;
       let perfEnabled = observability.framePerf.enabled.value, perfStartedAt = perfEnabled ? framePerfNow() : 0, width = Math.max(1, Math.floor(props.w)), count = Math.max(0, normalizeInt2(props.source.rowCount()));
       if (!count)
-        return rowLayoutCache.clear(), keyedRowLayoutCache.clear(), previousWrappedLayout = null, previousWrappedDeps = null, perfEnabled && observability.framePerf.recordComponent({
+        return rowLayoutCache.clear(), keyedRowLayoutCache.clear(), retainedWindow = null, previousWrappedLayout = null, previousWrappedDeps = null, perfEnabled && observability.framePerf.recordComponent({
           name: "TTranscriptView",
           id: instance?.uid == null ? void 0 : String(instance.uid),
           phase: "layout",
@@ -10079,6 +10091,7 @@ var TTranscriptView = (0, import_vue23.defineComponent)({
           let row = result.rows[0];
           visualRows[rowIndex] = row, regions.push(...row.hitRegions);
         }
+        pruneRowLayoutCacheOutsideWindow(count, top, bottom);
       } else {
         let incremental = tryUpdateWrappedLayoutFromChangedRange(
           count,

package/dist/agent.js

@@ -14,7 +14,7 @@ import { TMermaid$1 as TMermaid, TMermaidText$1 as TMermaidText, isSimpleMermaid
 import { createIterm2InlineImageSequence, createKittyDeleteGraphicsSequence, createKittyGraphicsSequence, createKittyPlacementSequence, createTerminalGraphicPngSequence, detectTerminalGraphicsCapabilities, getTerminalGraphicsOutput, getTerminalGraphicsOutputVersion, hashTerminalGraphicsString, isSafeTerminalGraphicsSequence, normalizeTerminalGraphicSize, sanitizeTerminalFallbackText, subscribeTerminalGraphicsOutput } from "./terminal-graphics-DpSL29OQ.js";
 import { TVirtualMarkdown, createMarkdownBlockSource } from "./block-source-BGTRldY7.js";
 import "./math-image-CcUpBnW0.js";
-import { TLogLinksPanel, TLogMinimap, TLogScrollbar, TLogSearchBar, TLogSearchPager, TLogSearchResults, TLogView, TLogVirtualLinksPanel, TLogVirtualSearchResults, TTranscriptView, TVirtualList, createAppendOnlyLogStore, createTLogDensityBucketsFromMarkers, createTLogLevelPlugin, createTLogLineMatcherPlugin, createTLogLinkActionPlugin, createTLogOsc8LinkPlugin, createTLogUrlPlugin, detectTLogUrls, dispatchTLogPluginLinkAction, getTLogPluginMetadata, parseTLogAnnotatedText, resolveTLogLinksPanelTheme, resolveTLogMinimapTheme, resolveTLogScrollbarTheme, resolveTLogSearchBarTheme, resolveTLogSearchPagerTheme, resolveTLogSearchResultsTheme, resolveTLogViewTheme, stripTLogAnsiText, tlogDarkPreset, tlogDarkTheme, tlogDefaultPreset, tlogDefaultTheme, tlogHighContrastPreset, tlogHighContrastTheme, toTLogExternalLinkFromVisibleLink, useTLogLinkController, useTLogRetainedIndex, useTLogSearchController, useTLogSearchResultsPage, useTLogVirtualSearchResults } from "./tlog-theme-DKq1YOQF.js";
+import { TLogLinksPanel, TLogMinimap, TLogScrollbar, TLogSearchBar, TLogSearchPager, TLogSearchResults, TLogView, TLogVirtualLinksPanel, TLogVirtualSearchResults, TTranscriptView, TVirtualList, createAppendOnlyLogStore, createTLogDensityBucketsFromMarkers, createTLogLevelPlugin, createTLogLineMatcherPlugin, createTLogLinkActionPlugin, createTLogOsc8LinkPlugin, createTLogUrlPlugin, detectTLogUrls, dispatchTLogPluginLinkAction, getTLogPluginMetadata, parseTLogAnnotatedText, resolveTLogLinksPanelTheme, resolveTLogMinimapTheme, resolveTLogScrollbarTheme, resolveTLogSearchBarTheme, resolveTLogSearchPagerTheme, resolveTLogSearchResultsTheme, resolveTLogViewTheme, stripTLogAnsiText, tlogDarkPreset, tlogDarkTheme, tlogDefaultPreset, tlogDefaultTheme, tlogHighContrastPreset, tlogHighContrastTheme, toTLogExternalLinkFromVisibleLink, useTLogLinkController, useTLogRetainedIndex, useTLogSearchController, useTLogSearchResultsPage, useTLogVirtualSearchResults } from "./tlog-theme-zAInqC2W.js";
 import { TAgentTerminalGraphic } from "./TAgentTerminalGraphic-BKDAoGoE.js";
 import { computed, defineComponent, h } from "vue";
 

package/dist/experimental.cjs

@@ -6540,7 +6540,7 @@ var EMPTY_LAYOUT = Object.freeze({
   regions: Object.freeze([]),
   fixedRows: !1,
   rowCount: 0
-}), MAX_KEYED_ROW_LAYOUT_CACHE_ENTRIES = 2048;
+}), MAX_KEYED_ROW_LAYOUT_CACHE_ENTRIES = 2048, RETAINED_ROW_LAYOUT_MARGIN_ROWS = 512;
 function clamp4(n, min, max) {
   return Math.max(min, Math.min(max, n));
 }
@@ -6644,7 +6644,7 @@ var TTranscriptView = (0, import_vue17.defineComponent)({
     "hoverRegion"
   ],
   setup(props, { emit, expose }) {
-    let { defaultStyle, observability } = useTerminal(), instance = (0, import_vue17.getCurrentInstance)(), rowsRef = (0, import_vue17.ref)(null), innerScrollTop = (0, import_vue17.ref)(normalizeInt2(props.defaultScrollTop)), hoveredRegion = (0, import_vue17.ref)(null), focusedRegion = (0, import_vue17.ref)(null), rowLayoutCache = /* @__PURE__ */ new Map(), keyedRowLayoutCache = /* @__PURE__ */ new Map(), previousWrappedLayout = null, previousWrappedDeps = null, canUseWrappedChangedRangeRepaint = !1, warnedLargeFlattenedRows = !1;
+    let { defaultStyle, observability } = useTerminal(), instance = (0, import_vue17.getCurrentInstance)(), rowsRef = (0, import_vue17.ref)(null), innerScrollTop = (0, import_vue17.ref)(normalizeInt2(props.defaultScrollTop)), hoveredRegion = (0, import_vue17.ref)(null), focusedRegion = (0, import_vue17.ref)(null), rowLayoutCache = /* @__PURE__ */ new Map(), keyedRowLayoutCache = /* @__PURE__ */ new Map(), retainedWindow = null, previousWrappedLayout = null, previousWrappedDeps = null, canUseWrappedChangedRangeRepaint = !1, warnedLargeFlattenedRows = !1;
     function isScrollControlled() {
       return Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "scrollTop");
     }
@@ -6700,6 +6700,18 @@ var TTranscriptView = (0, import_vue17.defineComponent)({
       for (let rowIndex of rowLayoutCache.keys())
         rowIndex >= count && rowLayoutCache.delete(rowIndex);
     }
+    function pruneRowLayoutCacheOutsideWindow(count, top, bottom) {
+      let start = Math.max(0, top - RETAINED_ROW_LAYOUT_MARGIN_ROWS), end = Math.min(count, bottom + RETAINED_ROW_LAYOUT_MARGIN_ROWS);
+      if (!(retainedWindow && retainedWindow.start === start && retainedWindow.end === end)) {
+        retainedWindow = { start, end };
+        for (let [rowIndex, entry] of rowLayoutCache) {
+          if (rowIndex >= start && rowIndex < end)
+            continue;
+          let identity = rowLayoutIdentityKey(entry.rowKey, entry.rowVersion);
+          keyedRowLayoutCache.get(identity) === entry && keyedRowLayoutCache.delete(identity), rowLayoutCache.delete(rowIndex);
+        }
+      }
+    }
     function sameWrappedDeps(a, b) {
       return !!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;
     }
@@ -6756,7 +6768,7 @@ var TTranscriptView = (0, import_vue17.defineComponent)({
       props.version, canUseWrappedChangedRangeRepaint = !1;
       let perfEnabled = observability.framePerf.enabled.value, perfStartedAt = perfEnabled ? framePerfNow() : 0, width = Math.max(1, Math.floor(props.w)), count = Math.max(0, normalizeInt2(props.source.rowCount()));
       if (!count)
-        return rowLayoutCache.clear(), keyedRowLayoutCache.clear(), previousWrappedLayout = null, previousWrappedDeps = null, perfEnabled && observability.framePerf.recordComponent({
+        return rowLayoutCache.clear(), keyedRowLayoutCache.clear(), retainedWindow = null, previousWrappedLayout = null, previousWrappedDeps = null, perfEnabled && observability.framePerf.recordComponent({
           name: "TTranscriptView",
           id: instance?.uid == null ? void 0 : String(instance.uid),
           phase: "layout",
@@ -6793,6 +6805,7 @@ var TTranscriptView = (0, import_vue17.defineComponent)({
           let row = result.rows[0];
           visualRows[rowIndex] = row, regions.push(...row.hitRegions);
         }
+        pruneRowLayoutCacheOutsideWindow(count, top, bottom);
       } else {
         let incremental = tryUpdateWrappedLayoutFromChangedRange(
           count,

package/dist/experimental.js

@@ -7,7 +7,7 @@ import "./terminal-selection-4W1SJj4c.js";
 import { TView } from "./frame-mailbox-6XHw-P8Q.js";
 import "./wheel-scroll-CQ22Hcyj.js";
 import "./terminal-graphics-DpSL29OQ.js";
-import { TLogLinksPanel, TLogMinimap, TLogScrollbar, TLogSearchBar, TLogSearchPager, TLogSearchResults, TLogView, TLogVirtualLinksPanel, TLogVirtualSearchResults, TTranscriptView, TVirtualList, createAppendOnlyLogStore, createTLogDensityBucketsFromMarkers, createTLogLevelPlugin, createTLogLineMatcherPlugin, createTLogLinkActionPlugin, createTLogOsc8LinkPlugin, createTLogUrlPlugin, detectTLogUrls, dispatchTLogPluginLinkAction, getTLogPluginMetadata, handleTLogKeymapEvent, matchesTLogKeyBinding, parseTLogAnnotatedText, resolveTLogLinksPanelTheme, resolveTLogMinimapTheme, resolveTLogScrollbarTheme, resolveTLogSearchBarTheme, resolveTLogSearchPagerTheme, resolveTLogSearchResultsTheme, resolveTLogViewTheme, stripTLogAnsiText, tlogDarkPreset, tlogDarkTheme, tlogDefaultKeymap, tlogDefaultPreset, tlogDefaultTheme, tlogHighContrastKeymap, tlogHighContrastPreset, tlogHighContrastTheme, toTLogExternalLinkFromVisibleLink, useTLogLinkController, useTLogRetainedIndex, useTLogSearchController, useTLogSearchResultsPage, useTLogVirtualSearchResults } from "./tlog-theme-DKq1YOQF.js";
+import { TLogLinksPanel, TLogMinimap, TLogScrollbar, TLogSearchBar, TLogSearchPager, TLogSearchResults, TLogView, TLogVirtualLinksPanel, TLogVirtualSearchResults, TTranscriptView, TVirtualList, createAppendOnlyLogStore, createTLogDensityBucketsFromMarkers, createTLogLevelPlugin, createTLogLineMatcherPlugin, createTLogLinkActionPlugin, createTLogOsc8LinkPlugin, createTLogUrlPlugin, detectTLogUrls, dispatchTLogPluginLinkAction, getTLogPluginMetadata, handleTLogKeymapEvent, matchesTLogKeyBinding, parseTLogAnnotatedText, resolveTLogLinksPanelTheme, resolveTLogMinimapTheme, resolveTLogScrollbarTheme, resolveTLogSearchBarTheme, resolveTLogSearchPagerTheme, resolveTLogSearchResultsTheme, resolveTLogViewTheme, stripTLogAnsiText, tlogDarkPreset, tlogDarkTheme, tlogDefaultKeymap, tlogDefaultPreset, tlogDefaultTheme, tlogHighContrastKeymap, tlogHighContrastPreset, tlogHighContrastTheme, toTLogExternalLinkFromVisibleLink, useTLogLinkController, useTLogRetainedIndex, useTLogSearchController, useTLogSearchResultsPage, useTLogVirtualSearchResults } from "./tlog-theme-zAInqC2W.js";
 import "./TAgentTerminalGraphic-BKDAoGoE.js";
 import { TVideo } from "./TVideo-C3gnTlFD.js";
 import { computed, defineComponent, h, inject, onBeforeUnmount, onUnmounted, ref, watch } from "vue";

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.14",
+  "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",