@simon_he/vue-tui 1.1.14 → 1.1.16

package/dist/{TSelect-CnBJET_C.js → TSelect-BQkGJMKf.js}

@@ -1,7 +1,7 @@
 import { charCellWidth, getPlaneTerminal } from "./create-terminal-Db_-UGVQ.js";
 import { hasEncodedControl } from "./hyperlink-clbb_ha_.js";
 import { DialogContextKey, EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderPlaneContextKey, RenderStackKey, TInputPluginsContextKey, TerminalContextKey, forEachTextCellSegment, graphemeRangeAt, hasTextWidthAsciiFastPath, intersectRect, repeatChar, sanitizeInlineText, sanitizeTextBlock, sliceByCells, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useRenderStack, useTerminal, useTerminalNode, useVisibility, withTextWidthProvider } from "./rect-Dfevd15m.js";
-import { mergeStyle } from "./linkify-DF96jKWy.js";
+import { mergeStyle } from "./linkify-BDKc1DWZ.js";
 import { TText, TView } from "./frame-mailbox-6XHw-P8Q.js";
 import { isAbsolutePath, normalizeNewlines, normalizePath, resolvePath } from "./path-BI9W15Zt.js";
 import { computed, defineComponent, h, inject, nextTick, onBeforeUnmount, onMounted, provide, ref, shallowReactive, shallowRef, watch, watchEffect } from "vue";
@@ -6021,4 +6021,4 @@ const TSelect = defineComponent({
 });
 
 //#endregion
-export { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, clamp$1, computeCommandPaletteMatchRanges, createOverlayFocusStack, isCommitMention, isWhitespace, mentionChipStyle, padEndByCells, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth$1 as textCellWidth };
+export { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, clamp$1 as clamp, computeCommandPaletteMatchRanges, createOverlayFocusStack, isCommitMention, isWhitespace, mentionChipStyle, padEndByCells, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth$1 as textCellWidth };

package/dist/{TTree-DqyzDB0h.js → TTree-hjaePulf.js}

@@ -2,14 +2,14 @@ import { TERMINAL_RENDER_PLANES, createTerminal, getPlaneTerminal, resetPlaneRow
 import { sanitizeDomHref } from "./hyperlink-clbb_ha_.js";
 import { DOM_RENDERER_CAPABILITIES, createDomRenderer } from "./dom-renderer-BfwAEQMf.js";
 import { EventZIndexContextKey, ImeAnchorContextKey, LayoutContextKey, RenderStackKey, TInputPluginsContextKey, TPathPickerProviderContextKey, TerminalContextKey, VisibilityContextKey, clearTextCaches, forEachTextCellSegment, formatInlineCellLine, injectionKey, intersectRect, normalizeCellRect, padEndByCells$1 as padEndByCells, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useTerminal, useTerminalNode, useVisibility, withTextRenderPass } from "./rect-Dfevd15m.js";
-import { TuiThemeContextKey, clamp, createTheme, defaultActiveStyle, defaultDimStyle, fitCellText, linkifyTextSegments, mergeStyle, repeatToCells, tuiDefaultTheme } from "./linkify-DF96jKWy.js";
+import { TuiThemeContextKey, clamp$1 as clamp, createTheme, defaultActiveStyle, defaultDimStyle, fitCellText, linkifyTextSegments, mergeStyle, repeatToCells, tuiDefaultTheme } from "./linkify-BDKc1DWZ.js";
 import { SUPPRESS_TERMINAL_POINTER_DOWN, SUPPRESS_TERMINAL_POINTER_MOVE, SUPPRESS_TERMINAL_POINTER_UP, createEventManager, createRuntime } from "./runtime-Byf8XXOT.js";
 import { framePerfNow, mergeFramePerfReason } from "./frame-perf-CHpWhbC4.js";
 import { createFramePerfStore, createTraceStore } from "./trace-Bh8WnoMo.js";
 import { envFlag, envString, firstNonEmptyEnv } from "./env-Cl8qmNFN.js";
 import { createTerminalSelectionController } from "./terminal-selection-4W1SJj4c.js";
 import { createDebugLogger, isDebugEnabled } from "./debug-logger-CmsGI4of.js";
-import { TBox, TInput, TRenderPlane, resolveOverlayPlacement } from "./TSelect-CnBJET_C.js";
+import { TBox, TInput, TRenderPlane, resolveOverlayPlacement } from "./TSelect-BQkGJMKf.js";
 import { TText, TView, createFrameMailbox } from "./frame-mailbox-6XHw-P8Q.js";
 import { applyWheelScroll, createWheelScrollState, resetWheelScrollState } from "./wheel-scroll-CQ22Hcyj.js";
 import { computed, defineComponent, effectScope, getCurrentInstance, h, inject, nextTick, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, provide, ref, shallowReactive, shallowRef, toRef, watch, watchEffect } from "vue";

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

@@ -1,12 +1,12 @@
 import "./create-terminal-Db_-UGVQ.js";
 import "./hyperlink-clbb_ha_.js";
 import { forEachTextCellSegment, recordTerminalGraphicTrace, sanitizeInlineText, sanitizeTextBlock, sliceByCells, spaces, textCellWidth$1 as textCellWidth, useTerminal, withTextWidthProvider } from "./rect-Dfevd15m.js";
-import "./linkify-DF96jKWy.js";
+import "./linkify-BDKc1DWZ.js";
 import "./frame-perf-CHpWhbC4.js";
 import "./env-Cl8qmNFN.js";
 import "./terminal-selection-4W1SJj4c.js";
 import "./debug-logger-CmsGI4of.js";
-import { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, computeCommandPaletteMatchRanges } from "./TSelect-CnBJET_C.js";
+import { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, computeCommandPaletteMatchRanges } from "./TSelect-BQkGJMKf.js";
 import { TText, TView } from "./frame-mailbox-6XHw-P8Q.js";
 import "./path-BI9W15Zt.js";
 import "./wheel-scroll-CQ22Hcyj.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-BgB9yXVS.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

@@ -1,13 +1,13 @@
 import "./create-terminal-Db_-UGVQ.js";
 import { sanitizeTerminalHref } from "./hyperlink-clbb_ha_.js";
 import { EventZIndexContextKey, forEachTextCellSegment, intersectRect, sanitizeInlineText, sliceByCells, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useTerminal, useTerminalNode, useVisibility } from "./rect-Dfevd15m.js";
-import { mergeStyle } from "./linkify-DF96jKWy.js";
+import { mergeStyle } from "./linkify-BDKc1DWZ.js";
 import "./frame-perf-CHpWhbC4.js";
 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-BgB9yXVS.js";
 import "./TAgentTerminalGraphic-BKDAoGoE.js";
 import { TVideo } from "./TVideo-C3gnTlFD.js";
 import { computed, defineComponent, h, inject, onBeforeUnmount, onUnmounted, ref, watch } from "vue";

package/dist/index.js

@@ -3,15 +3,15 @@ import "./ansi-palette-BHF1rN7R.js";
 import "./hyperlink-clbb_ha_.js";
 import { createDomRenderer } from "./dom-renderer-BfwAEQMf.js";
 import "./rect-Dfevd15m.js";
-import { createTheme, linkifyTextSegments, tuiDefaultTheme } from "./linkify-DF96jKWy.js";
+import { createTheme, linkifyTextSegments, tuiDefaultTheme } from "./linkify-BDKc1DWZ.js";
 import "./runtime-Byf8XXOT.js";
 import "./frame-perf-CHpWhbC4.js";
 import "./trace-Bh8WnoMo.js";
 import "./env-Cl8qmNFN.js";
-import { TAutocompleteInput, TBadge, TCheckbox, TCode, TDataTable, TDivider, TFormField, TLink, TLinkifyText, TList, TPasswordInput, TRadioGroup, TSlider, TSwitch, TTable, TTag, TTree, TerminalProvider, createTInputHostPlugin } from "./TTree-DqyzDB0h.js";
+import { TAutocompleteInput, TBadge, TCheckbox, TCode, TDataTable, TDivider, TFormField, TLink, TLinkifyText, TList, TPasswordInput, TRadioGroup, TSlider, TSwitch, TTable, TTag, TTree, TerminalProvider, createTInputHostPlugin } from "./TTree-hjaePulf.js";
 import "./terminal-selection-4W1SJj4c.js";
 import "./debug-logger-CmsGI4of.js";
-import { TBox, TCommandPalette, TDialog, TInput, TSelect, computeCommandPaletteMatchRanges } from "./TSelect-CnBJET_C.js";
+import { TBox, TCommandPalette, TDialog, TInput, TSelect, computeCommandPaletteMatchRanges } from "./TSelect-BQkGJMKf.js";
 import { TText, TView } from "./frame-mailbox-6XHw-P8Q.js";
 import "./path-BI9W15Zt.js";
 import "./wheel-scroll-CQ22Hcyj.js";

package/dist/{linkify-DF96jKWy.js → linkify-BDKc1DWZ.js}

@@ -295,4 +295,4 @@ function linkifyTextSegments(text, options = {}) {
 }
 
 //#endregion
-export { TuiThemeContextKey, clamp, createTheme, defaultActiveStyle, defaultDimStyle, fitCellText, linkifyTextSegments, mergeStyle, repeatToCells, tuiDefaultTheme };
+export { TuiThemeContextKey, clamp as clamp$1, createTheme, defaultActiveStyle, defaultDimStyle, fitCellText, linkifyTextSegments, mergeStyle, repeatToCells, tuiDefaultTheme };

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

@@ -1,7 +1,7 @@
 import { applyAnsiSgrStyle, parseAnsiSgr } from "./create-terminal-Db_-UGVQ.js";
 import { sanitizeTerminalHref } from "./hyperlink-clbb_ha_.js";
 import { EventZIndexContextKey, LayoutContextKey, RenderPlaneContextKey, RenderStackKey, TerminalGraphicsActivityKey, createCombinedTerminalGraphicsActivity, createTerminalGraphicsActivity, forEachTextCellSegment, formatInlineCellLine, intersectRect, normalizeCellRect, padEndByCells$1 as padEndByCells, sanitizeInlineText, sliceByCellsRange, sliceByCellsRangeForSelection, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useRenderStack, useTerminal, useTerminalNode, useVisibility, wrapByCells } from "./rect-Dfevd15m.js";
-import { TuiThemeContextKey, defaultActiveStyle, linkifyTextSegments, tuiDefaultTheme } from "./linkify-DF96jKWy.js";
+import { TuiThemeContextKey, defaultActiveStyle, linkifyTextSegments, tuiDefaultTheme } from "./linkify-BDKc1DWZ.js";
 import { framePerfNow } from "./frame-perf-CHpWhbC4.js";
 import { terminalSelectionRowSpans, terminalSelectionVisibleRowSpans } from "./terminal-selection-4W1SJj4c.js";
 import { TView, createFrameMailbox } from "./frame-mailbox-6XHw-P8Q.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/dist/vue/components/input/plugins/promptMentionPlugin.d.ts

@@ -1,8 +1,14 @@
+import type { Style } from "../../../../core/types.js";
 import type { MentionPathProvider, MentionSuggestionProvider } from "./promptMentionState.js";
 import type { TInputPlugin } from "./types.js";
 export type { MentionPathProvider, MentionSuggestionProvider } from "./promptMentionState.js";
 export type PromptMentionPluginOptions = Readonly<{
     mentionSuggestionProviders?: readonly MentionSuggestionProvider[];
     mentionPathProvider?: MentionPathProvider;
+    /**
+     * Style for the `›` gutter marker drawn on the selected popup row.
+     * Called on every paint, so a theme lookup stays live; omit it to keep the popup gutter-free.
+     */
+    selectedMarkerStyle?: () => Style;
 }>;
 export declare function createPromptMentionPlugin(options?: PromptMentionPluginOptions): TInputPlugin;

package/dist/vue.cjs

@@ -1798,6 +1798,7 @@ function usePromptMentionState(options) {
 }
 
 // src/vue/components/input/plugins/promptMentionPlugin.ts
+var SELECTED_ROW_MARKER = "\u203A";
 function omitInverse(style) {
   if (!style)
     return {};
@@ -2081,7 +2082,8 @@ function createPromptMentionPlugin(options = {}) {
           getProps().promptSelectedStyle,
           getProps().zIndex,
           ctx.defaultStyle.value,
-          promptMention.mentionKindVersion.value
+          promptMention.mentionKindVersion.value,
+          options.selectedMarkerStyle?.()
         ],
         paint: () => {
           if (!ctx.visible.value || !promptMention.promptVisible.value)
@@ -2111,7 +2113,7 @@ function createPromptMentionPlugin(options = {}) {
               emptyStyle
             }, cacheKey && derivedStyleCache.set(cacheKey, derived);
           }
-          let x0 = Math.floor(r.x), y0 = Math.floor(r.y), w = Math.max(0, Math.floor(r.w)), h30 = Math.max(0, Math.floor(r.h)), innerW = Math.max(0, w - 2), sidePad = innerW >= 4 ? 1 : 0, contentW = Math.max(0, innerW - sidePad * 2), contentX = x0 + 1 + sidePad, borderStyle = derived.borderStyle;
+          let x0 = Math.floor(r.x), y0 = Math.floor(r.y), w = Math.max(0, Math.floor(r.w)), h30 = Math.max(0, Math.floor(r.h)), innerW = Math.max(0, w - 2), sidePad = innerW >= 4 ? 1 : 0, markerW = options.selectedMarkerStyle && innerW >= 6 ? 1 : 0, contentW = Math.max(0, innerW - sidePad * 2 - markerW), contentX = x0 + 1 + sidePad + markerW, borderStyle = derived.borderStyle;
           lastTopClampedRect && y0 > 0 && (ctx.terminal.write(spaces(lastTopClampedRect.w), {
             x: lastTopClampedRect.x,
             y: 0,
@@ -2141,7 +2143,7 @@ function createPromptMentionPlugin(options = {}) {
             let match = list[row], isSelected = row === promptMention.promptActiveVisible.value, rawValue = sanitizeInlineText(match.item.value), rawDetail = match.item.detail ? sanitizeInlineText(match.item.detail) : "", highlightRanges = query ? computeHighlightRanges(rawValue, query) : [], valueCells = textCellWidth2(rawValue), detailCells = rawDetail ? textCellWidth2(rawDetail) : 0, availableForDetail = contentW - valueCells - 2;
             if (rawDetail && availableForDetail >= 4) {
               let valueStyle = isSelected ? derived.selectedStyle : derived.itemStyle, highlightStyle = buildPromptMatchHighlightStyle(valueStyle, popupMatchStyle), rowStyle = valueStyle;
-              sidePad > 0 && ctx.terminal.write(spaces(sidePad), {
+              sidePad > 0 && ctx.terminal.write(spaces(sidePad + markerW), {
                 x: x0 + 1,
                 y,
                 style: rowStyle
@@ -2173,7 +2175,7 @@ function createPromptMentionPlugin(options = {}) {
               });
             } else {
               let style = isSelected ? derived.selectedStyle : derived.itemStyle, highlightStyle = buildPromptMatchHighlightStyle(style, popupMatchStyle);
-              sidePad > 0 && ctx.terminal.write(spaces(sidePad), {
+              sidePad > 0 && ctx.terminal.write(spaces(sidePad + markerW), {
                 x: x0 + 1,
                 y,
                 style
@@ -2198,12 +2200,16 @@ function createPromptMentionPlugin(options = {}) {
                 style
               });
             }
+            markerW && isSelected && ctx.terminal.put(x0 + 1, y, SELECTED_ROW_MARKER, {
+              ...derived.selectedStyle,
+              ...options.selectedMarkerStyle?.()
+            });
           }
           if (list.length === 0 && contentH > 0) {
             let y = y0 + 1;
             ctx.terminal.put(x0, y, "\u2502", borderStyle), ctx.terminal.put(x0 + w - 1, y, "\u2502", borderStyle);
             let msg = padEndByCells2(sliceByCellsWindow("(no matches)", 0, contentW), contentW);
-            sidePad > 0 && ctx.terminal.write(spaces(sidePad), {
+            sidePad > 0 && ctx.terminal.write(spaces(sidePad + markerW), {
               x: x0 + 1,
               y,
               style: derived.emptyStyle

package/dist/vue.js

@@ -3,15 +3,15 @@ import "./ansi-palette-BHF1rN7R.js";
 import "./hyperlink-clbb_ha_.js";
 import "./dom-renderer-BfwAEQMf.js";
 import { EventZIndexContextKey, LayoutContextKey, RenderStackKey, TInputPluginsContextKey, TPathPickerProviderContextKey, VisibilityContextKey, injectionKey, intersectRect, padEndByCells$1 as padEndByCells, repeatChar, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, textCellWidth$1 as textCellWidth, translateRect, useLayout, useRenderNode, useRenderStack, useTerminal, useTerminalNode, useVisibility, wrapByCells } from "./rect-Dfevd15m.js";
-import { clamp, createTheme, fitCellText, linkifyTextSegments, mergeStyle, tuiDefaultTheme } from "./linkify-DF96jKWy.js";
+import { clamp$1 as clamp, createTheme, fitCellText, linkifyTextSegments, mergeStyle, tuiDefaultTheme } from "./linkify-BDKc1DWZ.js";
 import "./runtime-Byf8XXOT.js";
 import "./frame-perf-CHpWhbC4.js";
 import "./trace-Bh8WnoMo.js";
 import "./env-Cl8qmNFN.js";
-import { TAutocompleteInput, TBadge, TCheckbox, TCode, TDataTable, TDivider, TForm, TFormContextKey, TFormField, TLink, TLinkifyText, TList, TPasswordInput, TProgress, TRadioGroup, TSlider, TSpinner, TSwitch, TTable, TTag, TToastViewport, TTree, TerminalProvider, createTInputHostPlugin, useTForm } from "./TTree-DqyzDB0h.js";
+import { TAutocompleteInput, TBadge, TCheckbox, TCode, TDataTable, TDivider, TForm, TFormContextKey, TFormField, TLink, TLinkifyText, TList, TPasswordInput, TProgress, TRadioGroup, TSlider, TSpinner, TSwitch, TTable, TTag, TToastViewport, TTree, TerminalProvider, createTInputHostPlugin, useTForm } from "./TTree-hjaePulf.js";
 import "./terminal-selection-4W1SJj4c.js";
 import "./debug-logger-CmsGI4of.js";
-import { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, clamp$1, computeCommandPaletteMatchRanges, createOverlayFocusStack, isCommitMention, isWhitespace, mentionChipStyle, padEndByCells as padEndByCells$1, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth as textCellWidth$1 } from "./TSelect-CnBJET_C.js";
+import { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, clamp as clamp$1, computeCommandPaletteMatchRanges, createOverlayFocusStack, isCommitMention, isWhitespace, mentionChipStyle, padEndByCells as padEndByCells$1, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth as textCellWidth$1 } from "./TSelect-BQkGJMKf.js";
 import { TText, TView } from "./frame-mailbox-6XHw-P8Q.js";
 import { normalizePath, stripTrailingSlash } from "./path-BI9W15Zt.js";
 import { applyWheelScroll, createWheelScrollState } from "./wheel-scroll-CQ22Hcyj.js";
@@ -419,6 +419,7 @@ function usePromptMentionState(options) {
 
 //#endregion
 //#region src/vue/components/input/plugins/promptMentionPlugin.ts
+const SELECTED_ROW_MARKER = "›";
 function omitInverse(style) {
 	if (!style) return {};
 	const { inverse: _inverse,...rest } = style;
@@ -845,7 +846,8 @@ function createPromptMentionPlugin(options = {}) {
 					getProps().promptSelectedStyle,
 					getProps().zIndex,
 					ctx.defaultStyle.value,
-					promptMention.mentionKindVersion.value
+					promptMention.mentionKindVersion.value,
+					options.selectedMarkerStyle?.()
 				],
 				paint: () => {
 					if (!ctx.visible.value || !promptMention.promptVisible.value) return;
@@ -903,8 +905,9 @@ function createPromptMentionPlugin(options = {}) {
 					const h$1 = Math.max(0, Math.floor(r.h));
 					const innerW = Math.max(0, w - 2);
 					const sidePad = innerW >= 4 ? 1 : 0;
-					const contentW = Math.max(0, innerW - sidePad * 2);
-					const contentX = x0 + 1 + sidePad;
+					const markerW = options.selectedMarkerStyle && innerW >= 6 ? 1 : 0;
+					const contentW = Math.max(0, innerW - sidePad * 2 - markerW);
+					const contentX = x0 + 1 + sidePad + markerW;
 					const borderStyle = derived.borderStyle;
 					if (lastTopClampedRect && y0 > 0) {
 						ctx.terminal.write(spaces(lastTopClampedRect.w), {
@@ -964,7 +967,7 @@ function createPromptMentionPlugin(options = {}) {
 							const valueStyle = isSelected ? derived.selectedStyle : derived.itemStyle;
 							const highlightStyle = buildPromptMatchHighlightStyle(valueStyle, popupMatchStyle);
 							const rowStyle = valueStyle;
-							if (sidePad > 0) ctx.terminal.write(spaces(sidePad), {
+							if (sidePad > 0) ctx.terminal.write(spaces(sidePad + markerW), {
 								x: x0 + 1,
 								y,
 								style: rowStyle
@@ -1001,7 +1004,7 @@ function createPromptMentionPlugin(options = {}) {
 						} else {
 							const style = isSelected ? derived.selectedStyle : derived.itemStyle;
 							const highlightStyle = buildPromptMatchHighlightStyle(style, popupMatchStyle);
-							if (sidePad > 0) ctx.terminal.write(spaces(sidePad), {
+							if (sidePad > 0) ctx.terminal.write(spaces(sidePad + markerW), {
 								x: x0 + 1,
 								y,
 								style
@@ -1028,13 +1031,17 @@ function createPromptMentionPlugin(options = {}) {
 								style
 							});
 						}
+						if (markerW && isSelected) ctx.terminal.put(x0 + 1, y, SELECTED_ROW_MARKER, {
+							...derived.selectedStyle,
+							...options.selectedMarkerStyle?.()
+						});
 					}
 					if (list.length === 0 && contentH > 0) {
 						const y = y0 + 1;
 						ctx.terminal.put(x0, y, "│", borderStyle);
 						ctx.terminal.put(x0 + w - 1, y, "│", borderStyle);
 						const msg = padEndByCells$1(sliceByCellsWindow("(no matches)", 0, contentW), contentW);
-						if (sidePad > 0) ctx.terminal.write(spaces(sidePad), {
+						if (sidePad > 0) ctx.terminal.write(spaces(sidePad + markerW), {
 							x: x0 + 1,
 							y,
 							style: derived.emptyStyle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simon_he/vue-tui",
-  "version": "1.1.14",
+  "version": "1.1.16",
   "description": "Vue 3 terminal UI components and renderers for browser DOM, CLI stdout, logs, markdown transcripts, and agent consoles",
   "keywords": [
     "agent-console",