@simon_he/vue-tui 1.0.2 → 1.1.0

package/dist/agent.d.cts

@@ -3,6 +3,8 @@ export { TDialog } from "./vue/components/TDialog.js";
 export { TInput } from "./vue/components/TInput.js";
 export { TSelect } from "./vue/components/TSelect.js";
 export { TText } from "./vue/components/TText.js";
+export { TAgentTerminalGraphic } from "./vue/components/TAgentTerminalGraphic.js";
+export type { TAgentTerminalGraphicKind, TAgentTerminalGraphicRenderer, TAgentTerminalGraphicRendererContext, TAgentTerminalGraphicRenderResult, TAgentTerminalGraphicProps, TAgentTerminalGraphicTraceEvent, } from "./vue/components/TAgentTerminalGraphic.js";
 export { TThinkingView } from "./vue/components/TThinkingView.js";
 export { TToolCallView } from "./vue/components/TToolCallView.js";
 export { TUserMessageView } from "./vue/components/TUserMessageView.js";
@@ -21,6 +23,14 @@ export { TLogLinksPanel } from "./vue/components/TLogLinksPanel.js";
 export { TLogVirtualSearchResults } from "./vue/components/TLogVirtualSearchResults.js";
 export { TLogVirtualLinksPanel } from "./vue/components/TLogVirtualLinksPanel.js";
 export { TVirtualMarkdown } from "./vue/components/TVirtualMarkdown.js";
+export { isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, TMermaid, TMermaidText, } from "./vue/components/TMermaidText.js";
+export type { CreatePngTerminalGraphicRendererOptions, PngTerminalGraphicFrame, } from "./vue/agent/create-png-terminal-graphic-renderer.js";
+export { createPngTerminalGraphicRenderer } from "./vue/agent/create-png-terminal-graphic-renderer.js";
+export type { TerminalGraphicRenderQueue, TerminalGraphicRenderQueueMetric, TerminalGraphicRenderQueueOptions, } from "./renderer/terminal-graphic-render-queue.js";
+export { createTerminalGraphicRenderQueue } from "./renderer/terminal-graphic-render-queue.js";
+export type { CreateKittyDeleteGraphicsSequenceOptions, CreateKittyGraphicsSequenceOptions, TerminalGraphicsCapabilities, TerminalGraphicsDetectionInput, TerminalGraphicsFallbackProtocol, TerminalGraphicsMultiplexer, TerminalGraphicsProtocol, TerminalGraphicsResolvedProtocol, } from "./renderer/terminal-graphics.js";
+export { createIterm2InlineImageSequence, createKittyDeleteGraphicsSequence, createKittyGraphicsSequence, createKittyPlacementSequence, detectTerminalGraphicsCapabilities, getTerminalGraphicsOutput, getTerminalGraphicsOutputVersion, subscribeTerminalGraphicsOutput, } from "./renderer/terminal-graphics.js";
+export type { TMermaidAsciiOptions, TMermaidAsciiTheme, TMermaidCopyPayload, TMermaidRenderer, TMermaidRenderEligibility, TMermaidRenderEligibilityContext, TMermaidResolvedAsciiOptions, TMermaidTextProps, TMermaidTransientErrorClassifier, TMermaidTransientErrorContext, } from "./vue/components/TMermaidText.js";
 export { createMarkdownBlockSource } from "./vue/markdown/block-source.js";
 export { createAppendOnlyLogStore } from "./vue/log/append-only-log-store.js";
 export { useTLogLinkController } from "./vue/log/use-tlog-link-controller.js";
@@ -39,6 +49,6 @@ export type { TTranscriptAction, TTranscriptDataSource, TTranscriptHitRegion, TT
 export type { TLogViewHandle, TLogViewLinkActivatePayload, TLogViewLinkClickPayload, TLogViewLinkFocusPayload, TLogViewScrollMetrics, TLogViewSearchError, TLogViewSearchMarker, TLogViewSearchMarkersPayload, TLogViewSearchMatch, TLogViewSearchMatchPayload, TLogViewSearchMode, TLogViewSearchOptions, TLogViewSearchPayload, TLogViewSearchResult, TLogViewSearchResultPreview, TLogViewSearchResultsOptions, TLogViewSearchState, TLogViewSelectSearchMatchOptions, TLogViewVisibleLink, TLogViewVisualIndexPayload, } from "./vue/components/TLogView.js";
 export type { AppendOnlyLogStore, CreateAppendOnlyLogStoreOptions, TLogDataSource, TLogViewScrollPayload, TLogViewVisualIndexOptions, TLogViewVisualIndexStatus, } from "./vue/log/types.js";
 export type { TuiMarkdownBlockSource, TuiMarkdownBlockSourceOptions, TuiMarkdownBlockSourceSnapshot, } from "./vue/markdown/block-source.js";
-export type { TuiMarkdownBlock, TuiMarkdownInlineSegment, TuiMarkdownNode, TuiMarkdownTableCell, TuiMarkdownTableCellAlign, TuiMarkdownVisualRow, TuiMarkdownVisualSegment, } from "./vue/markdown/types.js";
+export type { TuiMarkdownBlock, TuiMarkdownGraphicSegment, TuiMarkdownImageResolver, TuiMarkdownImageResolverResult, TuiMarkdownInlineSegment, TuiMarkdownNode, TuiMarkdownTableCell, TuiMarkdownTableCellAlign, TuiMarkdownVisualRow, TuiMarkdownVisualSegment, } from "./vue/markdown/types.js";
 export type { TLogTheme, TLogUiPreset } from "./vue/log/tlog-theme.js";
 export type { TLogPluginLinkSource, TLogPluginSeverity, TLogPluginVisualSegment, TLogParsedOsc8Link, TLogViewExternalLink, TLogViewExternalMarker, TLogViewPlugin, TLogViewPluginDensityContext, TLogViewPluginDecorateSegmentsContext, TLogViewPluginIndexedLine, TLogViewPluginLineLink, TLogViewPluginLineMarker, TLogViewPluginLineMetadata, TLogViewPluginMarkerContext, TLogViewPluginParseLineContext, TLogUrlPluginOptions, } from "./vue/log/tlog-plugins.js";

package/dist/agent.d.ts

@@ -3,6 +3,8 @@ export { TDialog } from "./vue/components/TDialog.js";
 export { TInput } from "./vue/components/TInput.js";
 export { TSelect } from "./vue/components/TSelect.js";
 export { TText } from "./vue/components/TText.js";
+export { TAgentTerminalGraphic } from "./vue/components/TAgentTerminalGraphic.js";
+export type { TAgentTerminalGraphicKind, TAgentTerminalGraphicRenderer, TAgentTerminalGraphicRendererContext, TAgentTerminalGraphicRenderResult, TAgentTerminalGraphicProps, TAgentTerminalGraphicTraceEvent, } from "./vue/components/TAgentTerminalGraphic.js";
 export { TThinkingView } from "./vue/components/TThinkingView.js";
 export { TToolCallView } from "./vue/components/TToolCallView.js";
 export { TUserMessageView } from "./vue/components/TUserMessageView.js";
@@ -21,6 +23,14 @@ export { TLogLinksPanel } from "./vue/components/TLogLinksPanel.js";
 export { TLogVirtualSearchResults } from "./vue/components/TLogVirtualSearchResults.js";
 export { TLogVirtualLinksPanel } from "./vue/components/TLogVirtualLinksPanel.js";
 export { TVirtualMarkdown } from "./vue/components/TVirtualMarkdown.js";
+export { isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, TMermaid, TMermaidText, } from "./vue/components/TMermaidText.js";
+export type { CreatePngTerminalGraphicRendererOptions, PngTerminalGraphicFrame, } from "./vue/agent/create-png-terminal-graphic-renderer.js";
+export { createPngTerminalGraphicRenderer } from "./vue/agent/create-png-terminal-graphic-renderer.js";
+export type { TerminalGraphicRenderQueue, TerminalGraphicRenderQueueMetric, TerminalGraphicRenderQueueOptions, } from "./renderer/terminal-graphic-render-queue.js";
+export { createTerminalGraphicRenderQueue } from "./renderer/terminal-graphic-render-queue.js";
+export type { CreateKittyDeleteGraphicsSequenceOptions, CreateKittyGraphicsSequenceOptions, TerminalGraphicsCapabilities, TerminalGraphicsDetectionInput, TerminalGraphicsFallbackProtocol, TerminalGraphicsMultiplexer, TerminalGraphicsProtocol, TerminalGraphicsResolvedProtocol, } from "./renderer/terminal-graphics.js";
+export { createIterm2InlineImageSequence, createKittyDeleteGraphicsSequence, createKittyGraphicsSequence, createKittyPlacementSequence, detectTerminalGraphicsCapabilities, getTerminalGraphicsOutput, getTerminalGraphicsOutputVersion, subscribeTerminalGraphicsOutput, } from "./renderer/terminal-graphics.js";
+export type { TMermaidAsciiOptions, TMermaidAsciiTheme, TMermaidCopyPayload, TMermaidRenderer, TMermaidRenderEligibility, TMermaidRenderEligibilityContext, TMermaidResolvedAsciiOptions, TMermaidTextProps, TMermaidTransientErrorClassifier, TMermaidTransientErrorContext, } from "./vue/components/TMermaidText.js";
 export { createMarkdownBlockSource } from "./vue/markdown/block-source.js";
 export { createAppendOnlyLogStore } from "./vue/log/append-only-log-store.js";
 export { useTLogLinkController } from "./vue/log/use-tlog-link-controller.js";
@@ -39,6 +49,6 @@ export type { TTranscriptAction, TTranscriptDataSource, TTranscriptHitRegion, TT
 export type { TLogViewHandle, TLogViewLinkActivatePayload, TLogViewLinkClickPayload, TLogViewLinkFocusPayload, TLogViewScrollMetrics, TLogViewSearchError, TLogViewSearchMarker, TLogViewSearchMarkersPayload, TLogViewSearchMatch, TLogViewSearchMatchPayload, TLogViewSearchMode, TLogViewSearchOptions, TLogViewSearchPayload, TLogViewSearchResult, TLogViewSearchResultPreview, TLogViewSearchResultsOptions, TLogViewSearchState, TLogViewSelectSearchMatchOptions, TLogViewVisibleLink, TLogViewVisualIndexPayload, } from "./vue/components/TLogView.js";
 export type { AppendOnlyLogStore, CreateAppendOnlyLogStoreOptions, TLogDataSource, TLogViewScrollPayload, TLogViewVisualIndexOptions, TLogViewVisualIndexStatus, } from "./vue/log/types.js";
 export type { TuiMarkdownBlockSource, TuiMarkdownBlockSourceOptions, TuiMarkdownBlockSourceSnapshot, } from "./vue/markdown/block-source.js";
-export type { TuiMarkdownBlock, TuiMarkdownInlineSegment, TuiMarkdownNode, TuiMarkdownTableCell, TuiMarkdownTableCellAlign, TuiMarkdownVisualRow, TuiMarkdownVisualSegment, } from "./vue/markdown/types.js";
+export type { TuiMarkdownBlock, TuiMarkdownGraphicSegment, TuiMarkdownImageResolver, TuiMarkdownImageResolverResult, TuiMarkdownInlineSegment, TuiMarkdownNode, TuiMarkdownTableCell, TuiMarkdownTableCellAlign, TuiMarkdownVisualRow, TuiMarkdownVisualSegment, } from "./vue/markdown/types.js";
 export type { TLogTheme, TLogUiPreset } from "./vue/log/tlog-theme.js";
 export type { TLogPluginLinkSource, TLogPluginSeverity, TLogPluginVisualSegment, TLogParsedOsc8Link, TLogViewExternalLink, TLogViewExternalMarker, TLogViewPlugin, TLogViewPluginDensityContext, TLogViewPluginDecorateSegmentsContext, TLogViewPluginIndexedLine, TLogViewPluginLineLink, TLogViewPluginLineMarker, TLogViewPluginLineMetadata, TLogViewPluginMarkerContext, TLogViewPluginParseLineContext, TLogUrlPluginOptions, } from "./vue/log/tlog-plugins.js";

package/dist/agent.js

@@ -1,14 +1,18 @@
-import "./create-terminal-DBFNYr8f.js";
-import "./hyperlink-Bn02UXJb.js";
-import "./sgr-BmzxEjAO.js";
-import { forEachTextCellSegment, sanitizeInlineText, sanitizeTextBlock, sliceByCells, spaces, textCellWidth$1 as textCellWidth, useTerminal, withTextWidthProvider } from "./wheel-scroll-vBRaQ7p-.js";
-import { TView } from "./linkify-D_gzn9Xq.js";
-import "./terminal-selection-DBinO6p5.js";
-import { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, TText, computeCommandPaletteMatchRanges } from "./TSelect-DR0FomSu.js";
-import "./frame-perf-C6Xfg85O.js";
+import "./hyperlink-_1FAj7Wq.js";
+import "./width-GqllnV8C.js";
+import { forEachTextCellSegment, recordTerminalGraphicTrace, sanitizeInlineText, sanitizeTextBlock, sliceByCells, spaces, textCellWidth$1 as textCellWidth, useTerminal, withTextWidthProvider } from "./rect-DUpeDfBg.js";
+import { TText, TView } from "./linkify-D68T7rdW.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-tJ87rKPM.js";
 import "./path-mnSgEpCm.js";
-import { TVirtualMarkdown, createMarkdownBlockSource } from "./block-source-CKUOnkgT.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-CvLFNMwk.js";
+import "./wheel-scroll-DASkEZr-.js";
+import { TMermaid$1 as TMermaid, TMermaidText$1 as TMermaidText, isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal } from "./TMermaidText-frVr8Ysb.js";
+import { createIterm2InlineImageSequence, createKittyDeleteGraphicsSequence, createKittyGraphicsSequence, createKittyPlacementSequence, detectTerminalGraphicsCapabilities, getTerminalGraphicsOutput, getTerminalGraphicsOutputVersion, hashTerminalGraphicsString, isSafeTerminalGraphicsSequence, normalizeTerminalGraphicSize, sanitizeTerminalFallbackText, subscribeTerminalGraphicsOutput } from "./terminal-graphics-Bbe83wSr.js";
+import { TVirtualMarkdown, createMarkdownBlockSource } from "./block-source-CrlmaBM5.js";
+import { TAgentTerminalGraphic, 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-Bul2Na3u.js";
 import { computed, defineComponent, h } from "vue";
 
 //#region src/vue/agent/view-models.ts
@@ -825,4 +829,505 @@ const TUserMessageView = defineComponent({
 });
 
 //#endregion
-export { TTranscriptView as TAgentTranscript, TBox, TCommandPalette, TDialog, TInput, TLogLinksPanel, TLogMinimap, TLogScrollbar, TLogSearchBar, TLogSearchPager, TLogSearchResults, TLogView, TLogVirtualLinksPanel, TLogVirtualSearchResults, TRenderPlane, TSelect, TText, TThinkingView, TToolCallView, TLogView as TToolLogView, TTranscriptView, TUserMessageView, TView, TVirtualList, TVirtualMarkdown, computeCommandPaletteMatchRanges, createAppendOnlyLogStore, createMarkdownBlockSource, createTLogDensityBucketsFromMarkers, createTLogLevelPlugin, createTLogLineMatcherPlugin, createTLogLinkActionPlugin, createTLogOsc8LinkPlugin, createTLogUrlPlugin, detectTLogUrls, dispatchTLogPluginLinkAction, getTLogPluginMetadata, parseTLogAnnotatedText, resolveTLogLinksPanelTheme, resolveTLogMinimapTheme, resolveTLogScrollbarTheme, resolveTLogSearchBarTheme, resolveTLogSearchPagerTheme, resolveTLogSearchResultsTheme, resolveTLogViewTheme, resolveTThinkingViewModel, resolveTToolCallViewModel, resolveTUserMessageViewModel, stripTLogAnsiText, tlogDarkPreset, tlogDarkTheme, tlogDefaultPreset, tlogDefaultTheme, tlogHighContrastPreset, tlogHighContrastTheme, toTLogExternalLinkFromVisibleLink, useTLogLinkController, useTLogRetainedIndex, useTLogSearchController, useTLogSearchResultsPage, useTLogVirtualSearchResults };
+//#region src/renderer/terminal-graphic-render-queue.ts
+const CACHE_MISS = Symbol("terminal-graphic-cache-miss");
+function now() {
+	return typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
+}
+function createAbortError() {
+	const error = new Error("Terminal graphic render aborted");
+	error.name = "AbortError";
+	return error;
+}
+function positiveFiniteInt(value, fallback) {
+	const n = Number(value);
+	if (!Number.isFinite(n)) return fallback;
+	const int = Math.floor(n);
+	return int > 0 ? int : fallback;
+}
+function throwIfAborted$1(signal) {
+	if (signal?.aborted) throw createAbortError();
+}
+function raceAbort(promise, signal) {
+	if (!signal) return promise;
+	if (signal.aborted) return Promise.reject(createAbortError());
+	return new Promise((resolve, reject) => {
+		const onAbort = () => reject(createAbortError());
+		signal.addEventListener("abort", onAbort, { once: true });
+		promise.then((value) => {
+			signal.removeEventListener("abort", onAbort);
+			resolve(value);
+		}, (error) => {
+			signal.removeEventListener("abort", onAbort);
+			reject(error);
+		});
+	});
+}
+function createTerminalGraphicRenderQueue(options = {}) {
+	const maxConcurrency = positiveFiniteInt(options.maxConcurrency, 2);
+	const maxEntries = positiveFiniteInt(options.maxEntries, 128);
+	const maxBytes = positiveFiniteInt(options.maxBytes, 32 * 1024 * 1024);
+	const ttlMs = positiveFiniteInt(options.ttlMs, 5 * 6e4);
+	const dedupeInflight = options.dedupeInflight ?? false;
+	let active = 0;
+	let cacheBytes = 0;
+	let generation = 0;
+	const waiters = [];
+	const cache = new Map();
+	const inflight = new Map();
+	function traceQueueState(event) {
+		recordTerminalGraphicTrace({
+			...event,
+			active,
+			waiting: waiters.length,
+			cacheEntries: cache.size,
+			cacheBytes
+		});
+	}
+	function evictUntilBudget() {
+		while (cache.size > maxEntries || cacheBytes > maxBytes) {
+			const oldestKey = cache.keys().next().value;
+			if (!oldestKey) break;
+			const entry = cache.get(oldestKey);
+			cache.delete(oldestKey);
+			if (entry) {
+				cacheBytes -= entry.bytes;
+				options.onMetric?.({
+					type: "evict",
+					key: oldestKey,
+					bytes: entry.bytes
+				});
+			}
+		}
+	}
+	function setCache(key, value, bytes) {
+		const prev = cache.get(key);
+		if (prev) {
+			cache.delete(key);
+			cacheBytes -= prev.bytes;
+		}
+		if (bytes > maxBytes) return;
+		cache.set(key, {
+			value,
+			bytes,
+			expiresAt: Date.now() + ttlMs
+		});
+		cacheBytes += bytes;
+		options.onMetric?.({
+			type: "cache-store",
+			key,
+			bytes
+		});
+		traceQueueState({
+			type: "cache-store",
+			id: key,
+			key,
+			bytes
+		});
+		evictUntilBudget();
+	}
+	function getCache(key) {
+		const entry = cache.get(key);
+		if (!entry) return CACHE_MISS;
+		if (entry.expiresAt < Date.now()) {
+			cache.delete(key);
+			cacheBytes -= entry.bytes;
+			return CACHE_MISS;
+		}
+		cache.delete(key);
+		cache.set(key, entry);
+		options.onMetric?.({
+			type: "cache-hit",
+			key
+		});
+		traceQueueState({
+			type: "cache-hit",
+			id: key,
+			key,
+			bytes: entry.bytes
+		});
+		return entry.value;
+	}
+	function release() {
+		active = Math.max(0, active - 1);
+		pump();
+	}
+	function once(fn) {
+		let called = false;
+		return () => {
+			if (called) return;
+			called = true;
+			fn();
+		};
+	}
+	function observeActiveRenderAbort(key, signal) {
+		if (!signal) return () => void 0;
+		const onAbort = () => {
+			options.onMetric?.({
+				type: "render-abort",
+				key
+			});
+			traceQueueState({
+				type: "renderer-abort",
+				id: key,
+				key
+			});
+		};
+		signal.addEventListener("abort", onAbort, { once: true });
+		return () => signal.removeEventListener("abort", onAbort);
+	}
+	function pump() {
+		while (active < maxConcurrency && waiters.length > 0) {
+			const waiter = waiters.shift();
+			active++;
+			traceQueueState({
+				type: "queue-depth",
+				id: waiter.key,
+				key: waiter.key
+			});
+			waiter.start();
+		}
+	}
+	function acquire(key, signal) {
+		throwIfAborted$1(signal);
+		if (active < maxConcurrency) {
+			active++;
+			traceQueueState({
+				type: "queue-depth",
+				id: key,
+				key
+			});
+			return Promise.resolve(release);
+		}
+		const waitStartedAt = now();
+		return new Promise((resolve, reject) => {
+			let onAbort = () => void 0;
+			const cleanup = () => {
+				signal?.removeEventListener("abort", onAbort);
+			};
+			const waiter = {
+				key,
+				start: () => {
+					cleanup();
+					const waitMs = now() - waitStartedAt;
+					options.onMetric?.({
+						type: "queue-wait",
+						key,
+						waitMs
+					});
+					traceQueueState({
+						type: "queue-wait",
+						id: key,
+						key,
+						durationMs: waitMs
+					});
+					resolve(release);
+				},
+				reject: (error) => {
+					cleanup();
+					reject(error);
+				}
+			};
+			onAbort = () => {
+				const index = waiters.indexOf(waiter);
+				if (index >= 0) waiters.splice(index, 1);
+				cleanup();
+				reject(createAbortError());
+			};
+			signal?.addEventListener("abort", onAbort, { once: true });
+			waiters.push(waiter);
+			traceQueueState({
+				type: "queue-depth",
+				id: key,
+				key
+			});
+		});
+	}
+	async function cached(key, signal, render, estimateBytes = () => 0, cachedOptions = {}) {
+		throwIfAborted$1(signal);
+		const cachedValue = getCache(key);
+		if (cachedValue !== CACHE_MISS) return cachedValue;
+		traceQueueState({
+			type: "cache-miss",
+			id: key,
+			key
+		});
+		const shouldDedupeInflight = cachedOptions.dedupeInflight ?? dedupeInflight;
+		const existing = shouldDedupeInflight ? inflight.get(key) : void 0;
+		if (existing) return raceAbort(existing, signal);
+		let promise;
+		promise = (async () => {
+			let releaseSlot = null;
+			let removeAbortObserver = null;
+			const renderGeneration = generation;
+			try {
+				releaseSlot = once(await acquire(key, signal));
+				removeAbortObserver = observeActiveRenderAbort(key, signal);
+				throwIfAborted$1(signal);
+				const cachedAfterWait = getCache(key);
+				if (cachedAfterWait !== CACHE_MISS) return cachedAfterWait;
+				const value = await render();
+				throwIfAborted$1(signal);
+				const rawBytes = Math.floor(Number(estimateBytes(value)));
+				const bytes = Number.isFinite(rawBytes) && rawBytes > 0 ? rawBytes : 0;
+				if (renderGeneration === generation) setCache(key, value, bytes);
+				return value;
+			} finally {
+				removeAbortObserver?.();
+				releaseSlot?.();
+				if (shouldDedupeInflight && inflight.get(key) === promise) inflight.delete(key);
+			}
+		})();
+		if (shouldDedupeInflight) inflight.set(key, promise);
+		return raceAbort(promise, signal);
+	}
+	return {
+		cached,
+		clear() {
+			generation++;
+			cache.clear();
+			inflight.clear();
+			const pending = waiters.splice(0);
+			for (const waiter of pending) waiter.reject(createAbortError());
+			cacheBytes = 0;
+		},
+		stats() {
+			return {
+				active,
+				waiting: waiters.length,
+				cacheEntries: cache.size,
+				cacheBytes
+			};
+		}
+	};
+}
+
+//#endregion
+//#region src/vue/agent/create-png-terminal-graphic-renderer.ts
+function positiveInt(value) {
+	const n = Math.floor(Number(value));
+	return Number.isFinite(n) && n > 0 ? n : void 0;
+}
+function abortError() {
+	const error = new Error("Terminal graphic render aborted");
+	error.name = "AbortError";
+	return error;
+}
+function base64PrefixBytes(value, byteCount) {
+	const data = String(value ?? "").replace(/\s+/g, "");
+	const chars = Math.ceil(byteCount / 3) * 4;
+	try {
+		const binary = atob(data.slice(0, chars));
+		const bytes = new Uint8Array(binary.length);
+		for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+		return bytes;
+	} catch {
+		return null;
+	}
+}
+function readPngDimensions(base64) {
+	const bytes = base64PrefixBytes(base64, 24);
+	if (!bytes || bytes.length < 24) return null;
+	if (bytes[0] !== 137 || bytes[1] !== 80 || bytes[2] !== 78 || bytes[3] !== 71 || bytes[4] !== 13 || bytes[5] !== 10 || bytes[6] !== 26 || bytes[7] !== 10) return null;
+	const width = (bytes[16] << 24 | bytes[17] << 16 | bytes[18] << 8 | bytes[19]) >>> 0;
+	const height = (bytes[20] << 24 | bytes[21] << 16 | bytes[22] << 8 | bytes[23]) >>> 0;
+	return width > 0 && height > 0 ? {
+		width,
+		height
+	} : null;
+}
+function throwIfAborted(signal) {
+	if (signal.aborted) throw abortError();
+}
+function defaultCacheKey(content, context, cacheSalt) {
+	const contentIdentity = context.cacheKey != null ? `cache:${context.cacheKey}` : `content:${hashTerminalGraphicsString(content)}`;
+	return [
+		context.kind,
+		context.width,
+		context.height ?? "",
+		context.final ? "final" : "draft",
+		cacheSalt,
+		contentIdentity
+	].join("");
+}
+function resolveCacheSalt(options, content, context) {
+	const salt = typeof options.cacheSalt === "function" ? options.cacheSalt(content, context) : options.cacheSalt;
+	return salt == null ? "" : String(salt);
+}
+function normalizeCachedPngFrame(frame, context) {
+	const fallbackCols = normalizeTerminalGraphicSize(context.width, 1)?.width ?? 1;
+	const requestedCols = positiveInt(frame.cols) ?? fallbackCols;
+	const cols = Math.min(requestedCols, fallbackCols);
+	const rawRows = positiveInt(frame.rows) ?? positiveInt(context.height);
+	const size = normalizeTerminalGraphicSize(cols, rawRows ?? 1);
+	if (rawRows != null && !size) return {
+		base64: "",
+		fallback: frame.fallback == null ? void 0 : sanitizeTerminalFallbackText(frame.fallback),
+		cols: fallbackCols
+	};
+	const base64 = String(frame.base64 ?? "").replace(/\s+/g, "");
+	const dimensions = readPngDimensions(base64);
+	return {
+		base64,
+		fallback: frame.fallback == null ? void 0 : sanitizeTerminalFallbackText(frame.fallback),
+		cols: size?.width ?? fallbackCols,
+		rows: rawRows == null ? void 0 : size?.height,
+		sourceWidth: dimensions?.width,
+		sourceHeight: dimensions?.height
+	};
+}
+function resolveKittyViewportPlacement(png, context) {
+	const rect = context.viewport.rect;
+	const full = context.viewport.fullRect;
+	const columns = positiveInt(rect.w) ?? png.cols;
+	const rows = positiveInt(rect.h) ?? png.rows;
+	const sourceWidth = positiveInt(png.sourceWidth);
+	const sourceHeight = positiveInt(png.sourceHeight);
+	if (!sourceWidth || !sourceHeight || full.w <= 0 || full.h <= 0) return {
+		columns,
+		rows
+	};
+	const offsetX = Math.max(0, rect.x - full.x);
+	const offsetY = Math.max(0, rect.y - full.y);
+	const visibleW = Math.max(0, Math.min(rect.w, full.w - offsetX));
+	const visibleH = Math.max(0, Math.min(rect.h, full.h - offsetY));
+	if (offsetX <= 0 && offsetY <= 0 && visibleW >= full.w && visibleH >= full.h) return {
+		columns,
+		rows
+	};
+	const x0 = Math.max(0, Math.min(sourceWidth - 1, Math.floor(offsetX * sourceWidth / full.w)));
+	const y0 = Math.max(0, Math.min(sourceHeight - 1, Math.floor(offsetY * sourceHeight / full.h)));
+	const x1 = Math.max(x0 + 1, Math.min(sourceWidth, Math.ceil((offsetX + visibleW) * sourceWidth / full.w)));
+	const y1 = Math.max(y0 + 1, Math.min(sourceHeight, Math.ceil((offsetY + visibleH) * sourceHeight / full.h)));
+	return {
+		columns,
+		rows,
+		sourceX: x0,
+		sourceY: y0,
+		sourceWidth: x1 - x0,
+		sourceHeight: y1 - y0
+	};
+}
+function pngFrameBytes(frame) {
+	return frame.base64.length + (frame.fallback?.length ?? 0);
+}
+function stringBytes(value) {
+	return value.length;
+}
+async function resolveFallbackText(options, content, context) {
+	throwIfAborted(context.signal);
+	if (!options.fallback) return void 0;
+	const value = await options.fallback(content, context);
+	throwIfAborted(context.signal);
+	return sanitizeTerminalFallbackText(value);
+}
+async function resolvePngFallbackText(frame, options, content, context) {
+	if (frame.fallback != null) return frame.fallback;
+	return resolveFallbackText(options, content, context);
+}
+function textFallbackResult(text) {
+	return text == null ? null : {
+		type: "text",
+		text
+	};
+}
+function createPngTerminalGraphicRenderer(options) {
+	const queue = options.queue ?? createTerminalGraphicRenderQueue({
+		maxConcurrency: 2,
+		maxEntries: 128,
+		maxBytes: 32 * 1024 * 1024,
+		dedupeInflight: options.dedupeInflight ?? false
+	});
+	return async (content, context) => {
+		throwIfAborted(context.signal);
+		const protocol = context.protocol;
+		if (!context.capabilities.supported || protocol === "unicode" || protocol === "none" || !context.visible || !context.rawVisible || protocol === "sixel" && !options.toSixel) return textFallbackResult(await resolveFallbackText(options, content, context));
+		const key = options.cacheKey?.(content, context) ?? defaultCacheKey(content, context, resolveCacheSalt(options, content, context));
+		throwIfAborted(context.signal);
+		const png = await queue.cached(`${key}\x1Fpng`, void 0, async () => {
+			throwIfAborted(context.signal);
+			const frame = await options.toPngBase64(content, context);
+			return normalizeCachedPngFrame(frame, context);
+		}, pngFrameBytes, { dedupeInflight: options.dedupeInflight ?? false });
+		throwIfAborted(context.signal);
+		let fallbackPromise;
+		const fallback = () => fallbackPromise ?? (fallbackPromise = resolvePngFallbackText(png, options, content, context));
+		const sequenceFallback = async () => {
+			if (png.fallback == null && !options.fallback) return {};
+			const text = await fallback();
+			return text == null ? {} : { fallback: text };
+		};
+		if (!png.base64) return textFallbackResult(await fallback());
+		if (protocol === "kitty") {
+			const placement = resolveKittyViewportPlacement(png, context);
+			const sequence = createKittyGraphicsSequence(png.base64, {
+				imageId: context.imageId,
+				placementId: context.placementId,
+				zIndex: options.zIndex,
+				...placement
+			});
+			const resizeSequence = createKittyPlacementSequence({
+				imageId: context.imageId,
+				placementId: context.placementId,
+				zIndex: options.zIndex,
+				...placement
+			});
+			if (!isSafeTerminalGraphicsSequence(sequence, "kitty", "draw")) return textFallbackResult(await fallback());
+			return {
+				type: "sequence",
+				protocol: "kitty",
+				sequence,
+				resizeSequence,
+				clearSequence: createKittyDeleteGraphicsSequence({
+					imageId: context.imageId,
+					placementId: context.placementId
+				}),
+				...await sequenceFallback(),
+				cols: png.cols,
+				rows: png.rows,
+				sourceWidth: png.sourceWidth,
+				sourceHeight: png.sourceHeight,
+				zIndex: options.zIndex
+			};
+		}
+		if (protocol === "iterm2") {
+			const sequence = createIterm2InlineImageSequence(png.base64, {
+				width: png.cols,
+				height: png.rows,
+				preserveAspectRatio: true,
+				doNotMoveCursor: true
+			});
+			if (!isSafeTerminalGraphicsSequence(sequence, "iterm2", "draw")) return textFallbackResult(await fallback());
+			return {
+				type: "sequence",
+				protocol: "iterm2",
+				sequence,
+				...await sequenceFallback(),
+				cols: png.cols,
+				rows: png.rows
+			};
+		}
+		if (protocol === "sixel") {
+			const sixel = await queue.cached(`${key}\x1Fsixel`, context.signal, async () => {
+				throwIfAborted(context.signal);
+				const sixel$1 = await options.toSixel(png.base64, context);
+				throwIfAborted(context.signal);
+				return sixel$1;
+			}, stringBytes, { dedupeInflight: options.dedupeInflight ?? false });
+			throwIfAborted(context.signal);
+			if (!isSafeTerminalGraphicsSequence(sixel, "sixel", "draw")) return textFallbackResult(await fallback());
+			return {
+				type: "sequence",
+				protocol: "sixel",
+				sequence: sixel,
+				...await sequenceFallback(),
+				cols: png.cols,
+				rows: png.rows
+			};
+		}
+		return textFallbackResult(await fallback());
+	};
+}
+
+//#endregion
+export { TAgentTerminalGraphic, TTranscriptView as TAgentTranscript, TBox, TCommandPalette, TDialog, TInput, TLogLinksPanel, TLogMinimap, TLogScrollbar, TLogSearchBar, TLogSearchPager, TLogSearchResults, TLogView, TLogVirtualLinksPanel, TLogVirtualSearchResults, TMermaid, TMermaidText, TRenderPlane, TSelect, TText, TThinkingView, TToolCallView, TLogView as TToolLogView, TTranscriptView, TUserMessageView, TView, TVirtualList, TVirtualMarkdown, computeCommandPaletteMatchRanges, createAppendOnlyLogStore, createIterm2InlineImageSequence, createKittyDeleteGraphicsSequence, createKittyGraphicsSequence, createKittyPlacementSequence, createMarkdownBlockSource, createPngTerminalGraphicRenderer, createTLogDensityBucketsFromMarkers, createTLogLevelPlugin, createTLogLineMatcherPlugin, createTLogLinkActionPlugin, createTLogOsc8LinkPlugin, createTLogUrlPlugin, createTerminalGraphicRenderQueue, detectTLogUrls, detectTerminalGraphicsCapabilities, dispatchTLogPluginLinkAction, getTLogPluginMetadata, getTerminalGraphicsOutput, getTerminalGraphicsOutputVersion, isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, parseTLogAnnotatedText, resolveTLogLinksPanelTheme, resolveTLogMinimapTheme, resolveTLogScrollbarTheme, resolveTLogSearchBarTheme, resolveTLogSearchPagerTheme, resolveTLogSearchResultsTheme, resolveTLogViewTheme, resolveTThinkingViewModel, resolveTToolCallViewModel, resolveTUserMessageViewModel, stripTLogAnsiText, subscribeTerminalGraphicsOutput, tlogDarkPreset, tlogDarkTheme, tlogDefaultPreset, tlogDefaultTheme, tlogHighContrastPreset, tlogHighContrastTheme, toTLogExternalLinkFromVisibleLink, useTLogLinkController, useTLogRetainedIndex, useTLogSearchController, useTLogSearchResultsPage, useTLogVirtualSearchResults };