@simon_he/vue-tui 0.0.8 → 1.0.0

package/dist/agent.js

@@ -0,0 +1,828 @@
+import "./create-terminal-C2oiWFJU.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-BwJJbuTt.js";
+import "./frame-perf-C6Xfg85O.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-qPBt5rge.js";
+import { computed, defineComponent, h } from "vue";
+
+//#region src/vue/agent/view-models.ts
+function resolveTUserMessageViewModel(opts) {
+	const indent = Math.max(0, Math.floor(opts.indent ?? 0));
+	const prefix = sanitizeInlineText(opts.prefix ?? "> ");
+	const label = sanitizeInlineText(opts.label);
+	const meta = sanitizeInlineText(opts.meta ?? "");
+	const headerText = `${prefix}${label}${meta ? ` ${meta}` : ""}`;
+	const base = opts.style ?? {};
+	const header = {
+		...base,
+		...opts.headerStyle
+	};
+	const rows = buildUserRows(sanitizeTextBlock(opts.content), Math.max(1, Math.floor(opts.w) - indent), opts.segments ?? []);
+	return {
+		indent,
+		headerText,
+		header,
+		content: {
+			...base,
+			...opts.contentStyle
+		},
+		segment: {
+			...base,
+			...opts.segmentStyle
+		},
+		headerSegments: [{
+			start: 0,
+			end: prefix.length,
+			text: prefix,
+			style: {
+				...header,
+				...opts.prefixStyle
+			}
+		}, {
+			start: prefix.length,
+			end: prefix.length + label.length,
+			text: label,
+			style: {
+				...header,
+				...opts.labelStyle
+			}
+		}],
+		rows
+	};
+}
+function buildUserRows(content, width, segments) {
+	const rows = [];
+	let lineStart = 0;
+	for (const rawLine of content.split("\n")) {
+		if (!rawLine) {
+			rows.push({
+				text: "",
+				start: lineStart,
+				end: lineStart,
+				segments: []
+			});
+			lineStart += 1;
+			continue;
+		}
+		let rowStart = lineStart;
+		let rowText = "";
+		let rowCells = 0;
+		forEachTextCellSegment(rawLine, (segment) => {
+			if (rowText && rowCells + segment.cells > width) {
+				const rowEnd$1 = lineStart + segment.start;
+				rows.push({
+					text: rowText,
+					start: rowStart,
+					end: rowEnd$1,
+					segments: clipUserSegments(segments, rowStart, rowEnd$1)
+				});
+				rowStart = rowEnd$1;
+				rowText = "";
+				rowCells = 0;
+			}
+			rowText += segment.text;
+			rowCells += segment.cells;
+		});
+		const rowEnd = rowStart + rowText.length;
+		rows.push({
+			text: rowText,
+			start: rowStart,
+			end: rowEnd,
+			segments: clipUserSegments(segments, rowStart, rowEnd)
+		});
+		lineStart += rawLine.length + 1;
+	}
+	return rows;
+}
+function clipUserSegments(segments, start, end) {
+	return segments.filter((segment) => segment.end > start && segment.start < end).map((segment) => ({
+		...segment,
+		start: Math.max(segment.start, start),
+		end: Math.min(segment.end, end)
+	}));
+}
+function resolveTThinkingViewModel(opts) {
+	const marker = opts.collapsed ? "▸" : "▾";
+	const title = pulseTitle(sanitizeInlineText(opts.title), opts.pulseFrame ?? null);
+	const headerText = sliceByCells(`${marker} ${title}`, Math.max(1, Math.floor(opts.w)));
+	return {
+		headerText,
+		bodyRows: opts.collapsed ? [] : sanitizeTextBlock(opts.content).split("\n"),
+		styles: {
+			header: {
+				...opts.style,
+				...opts.headerStyle,
+				...opts.markerStyle,
+				...opts.titleStyle
+			},
+			body: {
+				...opts.style,
+				...opts.bodyStyle
+			}
+		}
+	};
+}
+function pulseTitle(title, frame) {
+	if (frame == null || title.length === 0) return title;
+	const index = Math.abs(Math.floor(frame)) % title.length;
+	return `${title.slice(0, index)}${title[index].toUpperCase()}${title.slice(index + 1)}`;
+}
+function resolveTToolCallViewModel(opts) {
+	const width = Math.max(0, Math.floor(opts.w));
+	const base = opts.style ?? {
+		fg: "yellowBright",
+		bg: "black"
+	};
+	const muted = opts.mutedStyle ?? {
+		fg: "white",
+		bg: base.bg,
+		dim: true
+	};
+	const status = opts.status ?? "pending";
+	const collapsed = Boolean(opts.collapsed);
+	const header = collapsed ? mergeStyle(base, { dim: true }, opts.collapsedStyle, opts.headerStyle) : mergeStyle(base, opts.selected ? { bold: true } : void 0, opts.expandedStyle, opts.headerStyle);
+	const markerStyle = opts.markerStyle ? mergeStyle(header, opts.markerStyle) : header;
+	const statusStyle = mergeStyle(resolveStatusStyle(status, base, muted), opts.statusStyle);
+	const titleStyle = mergeStyle(base, { dim: false }, opts.selected ? { bold: true } : void 0, opts.titleStyle);
+	const suffixStyle = mergeStyle(base, muted, opts.suffixStyle);
+	const previewStyle = mergeStyle(base, { dim: true }, opts.previewStyle);
+	const styles = {
+		base,
+		header,
+		marker: markerStyle,
+		status: statusStyle,
+		title: titleStyle,
+		suffix: suffixStyle,
+		preview: previewStyle
+	};
+	const segments = [];
+	let x = 0;
+	const nestedLead = opts.nested ? "    " : "";
+	const marker = collapsed ? opts.markerCollapsed ?? "▸" : opts.markerExpanded ?? "▾";
+	x = pushToolSegment(segments, "marker", x, `${nestedLead}${marker} `, markerStyle);
+	const statusDot = opts.statusDot ?? "●";
+	if (statusDot) {
+		x = pushToolSegment(segments, "status", x, statusDot, statusStyle);
+		x = pushToolSegment(segments, "separator", x, " ", header);
+	}
+	x = pushToolSegment(segments, "title", x, fitText(opts.title, Math.max(0, width - x)), titleStyle);
+	if (collapsed) pushToolSegment(segments, "suffix", x, fitSuffix(opts.suffix ?? "", Math.max(0, width - x)), suffixStyle);
+	const previewPrefix = `${nestedLead}${opts.previewPrefix ?? "  ⎿ "}`;
+	const previewText = collapsed && opts.preview ? fitText(opts.preview, Math.max(0, width - textCellWidth(previewPrefix))) : "";
+	const previewSegments = [];
+	if (previewText) {
+		let previewX = 0;
+		previewX = pushToolSegment(previewSegments, "preview-prefix", previewX, previewPrefix, previewStyle);
+		pushToolSegment(previewSegments, "preview", previewX, previewText, previewStyle);
+	}
+	return {
+		styles,
+		marker,
+		suffix: segments.find((segment) => segment.role === "suffix")?.text ?? "",
+		preview: previewText,
+		previewPrefix,
+		headerSegments: segments,
+		previewSegments
+	};
+}
+function mergeStyle(base, ...overrides) {
+	let out = base;
+	for (const next of overrides) if (next) out = {
+		...out,
+		...next
+	};
+	return out;
+}
+function fitText(text, width) {
+	const safe = sanitizeInlineText(text);
+	if (width <= 0) return "";
+	if (textCellWidth(safe) <= width) return safe;
+	const marker = "…";
+	const markerCells = textCellWidth(marker);
+	if (width <= markerCells) return sliceByCells(safe, width);
+	return `${sliceByCells(safe, width - markerCells)}${marker}`;
+}
+function fitSuffix(text, width) {
+	const safe = sanitizeInlineText(text);
+	if (!safe || width <= 0) return "";
+	const suffix = safe.startsWith(" ") ? safe : ` ${safe}`;
+	if (textCellWidth(suffix) <= width) return suffix;
+	const prefix = " ";
+	const marker = "…";
+	const bodyWidth = width - textCellWidth(prefix) - textCellWidth(marker);
+	if (bodyWidth <= 0) return "";
+	return `${prefix}${sliceByCells(suffix.trimStart(), bodyWidth)}${marker}`;
+}
+function resolveStatusStyle(status, base, muted) {
+	if (status === "success") return mergeStyle(base, {
+		fg: "greenBright",
+		bold: true
+	});
+	if (status === "error") return mergeStyle(base, {
+		fg: "redBright",
+		bold: true
+	});
+	if (status === "warning") return mergeStyle(base, {
+		fg: "yellowBright",
+		bold: true
+	});
+	return mergeStyle(base, muted);
+}
+function pushToolSegment(out, role, x, text, style) {
+	if (!text) return x;
+	const cells = textCellWidth(text);
+	out.push({
+		role,
+		x,
+		text,
+		cells,
+		style
+	});
+	return x + cells;
+}
+
+//#endregion
+//#region src/vue/components/TThinkingView.ts
+const DEFAULT_HEADER_STYLE$1 = {
+	fg: "magentaBright",
+	bg: "black",
+	bold: true
+};
+const DEFAULT_BODY_STYLE = {
+	fg: "white",
+	bg: "black",
+	dim: true
+};
+const TThinkingView = defineComponent({
+	name: "TThinkingView",
+	props: {
+		x: {
+			type: Number,
+			required: true
+		},
+		y: {
+			type: Number,
+			required: true
+		},
+		w: {
+			type: Number,
+			required: true
+		},
+		h: {
+			type: Number,
+			default: void 0
+		},
+		zIndex: {
+			type: Number,
+			default: 0
+		},
+		title: {
+			type: String,
+			default: "Thinking"
+		},
+		content: {
+			type: String,
+			default: ""
+		},
+		collapsed: {
+			type: Boolean,
+			default: false
+		},
+		pulseFrame: {
+			type: Number,
+			default: null
+		},
+		style: {
+			type: Object,
+			default: void 0
+		},
+		headerStyle: {
+			type: Object,
+			default: () => DEFAULT_HEADER_STYLE$1
+		},
+		markerStyle: {
+			type: Object,
+			default: void 0
+		},
+		titleStyle: {
+			type: Object,
+			default: void 0
+		},
+		bodyStyle: {
+			type: Object,
+			default: () => DEFAULT_BODY_STYLE
+		},
+		focusable: {
+			type: Boolean,
+			default: false
+		},
+		selectable: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["click", "toggle"],
+	setup(props, { emit }) {
+		const { widthProvider } = useTerminal();
+		const withWidthProvider = (fn) => withTextWidthProvider(widthProvider, fn);
+		const model = computed(() => withWidthProvider(() => resolveTThinkingViewModel({
+			w: props.w,
+			title: props.title,
+			content: props.content,
+			collapsed: props.collapsed,
+			pulseFrame: props.pulseFrame,
+			style: props.style,
+			headerStyle: props.headerStyle,
+			markerStyle: props.markerStyle,
+			titleStyle: props.titleStyle,
+			bodyStyle: props.bodyStyle
+		})));
+		return () => {
+			const state = model.value;
+			const height = Math.max(1, Math.floor(props.h ?? 1 + state.bodyRows.length));
+			const children = [h(TText, {
+				key: "header",
+				x: 0,
+				y: 0,
+				w: props.w,
+				value: state.headerText,
+				style: state.styles.header
+			})];
+			for (let index = 0; index < state.bodyRows.length; index++) {
+				const y = index + 1;
+				if (y >= height) break;
+				children.push(h(TText, {
+					key: `body:${index}`,
+					x: 0,
+					y,
+					w: props.w,
+					value: state.bodyRows[index],
+					style: state.styles.body
+				}));
+			}
+			return h(TView, {
+				x: props.x,
+				y: props.y,
+				w: props.w,
+				h: height,
+				zIndex: props.zIndex,
+				focusable: props.focusable,
+				selectable: props.selectable,
+				onClick: (event) => {
+					emit("click", event);
+					emit("toggle", { collapsed: !props.collapsed });
+				}
+			}, () => children);
+		};
+	}
+});
+
+//#endregion
+//#region src/vue/components/TToolCallView.ts
+function renderSegments(segments, y, width) {
+	return segments.map((segment, index) => {
+		const available = Math.max(0, width - segment.x);
+		const w = Math.min(segment.cells, available);
+		if (w <= 0) return null;
+		return h(TText, {
+			key: `${segment.role}:${index}`,
+			x: segment.x,
+			y,
+			w,
+			value: sliceByCells(segment.text, w),
+			style: segment.style,
+			clear: false
+		});
+	});
+}
+const TToolCallView = defineComponent({
+	name: "TToolCallView",
+	props: {
+		x: {
+			type: Number,
+			required: true
+		},
+		y: {
+			type: Number,
+			required: true
+		},
+		w: {
+			type: Number,
+			required: true
+		},
+		h: {
+			type: Number,
+			default: void 0
+		},
+		zIndex: {
+			type: Number,
+			default: 0
+		},
+		title: {
+			type: String,
+			required: true
+		},
+		collapsed: {
+			type: Boolean,
+			default: false
+		},
+		status: {
+			type: String,
+			default: "pending"
+		},
+		suffix: {
+			type: String,
+			default: ""
+		},
+		preview: {
+			type: String,
+			default: ""
+		},
+		nested: {
+			type: Boolean,
+			default: false
+		},
+		selected: {
+			type: Boolean,
+			default: false
+		},
+		markerCollapsed: {
+			type: String,
+			default: "▸"
+		},
+		markerExpanded: {
+			type: String,
+			default: "▾"
+		},
+		statusDot: {
+			type: String,
+			default: "●"
+		},
+		previewPrefix: {
+			type: String,
+			default: "  ⎿ "
+		},
+		style: {
+			type: Object,
+			default: void 0
+		},
+		mutedStyle: {
+			type: Object,
+			default: void 0
+		},
+		headerStyle: {
+			type: Object,
+			default: void 0
+		},
+		collapsedStyle: {
+			type: Object,
+			default: void 0
+		},
+		expandedStyle: {
+			type: Object,
+			default: void 0
+		},
+		markerStyle: {
+			type: Object,
+			default: void 0
+		},
+		statusStyle: {
+			type: Object,
+			default: void 0
+		},
+		titleStyle: {
+			type: Object,
+			default: void 0
+		},
+		suffixStyle: {
+			type: Object,
+			default: void 0
+		},
+		previewStyle: {
+			type: Object,
+			default: void 0
+		},
+		focusable: {
+			type: Boolean,
+			default: false
+		},
+		selectable: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["click", "toggle"],
+	setup(props, { emit, slots }) {
+		const { widthProvider } = useTerminal();
+		const withWidthProvider = (fn) => withTextWidthProvider(widthProvider, fn);
+		const model = computed(() => withWidthProvider(() => resolveTToolCallViewModel({
+			w: props.w,
+			title: props.title,
+			collapsed: props.collapsed,
+			selected: props.selected,
+			nested: props.nested,
+			status: props.status,
+			suffix: props.suffix,
+			preview: props.preview,
+			markerCollapsed: props.markerCollapsed,
+			markerExpanded: props.markerExpanded,
+			statusDot: props.statusDot,
+			previewPrefix: props.previewPrefix,
+			style: props.style,
+			mutedStyle: props.mutedStyle,
+			headerStyle: props.headerStyle,
+			collapsedStyle: props.collapsedStyle,
+			expandedStyle: props.expandedStyle,
+			markerStyle: props.markerStyle,
+			statusStyle: props.statusStyle,
+			titleStyle: props.titleStyle,
+			suffixStyle: props.suffixStyle,
+			previewStyle: props.previewStyle
+		})));
+		return () => {
+			const state = model.value;
+			const height = Math.max(1, Math.floor(props.h ?? (state.preview ? 2 : 1)));
+			const headerSlotProps = {
+				x: 0,
+				y: 0,
+				w: props.w,
+				collapsed: props.collapsed,
+				nested: props.nested,
+				selected: props.selected,
+				status: props.status,
+				marker: state.marker,
+				statusDot: props.statusDot,
+				title: props.title,
+				suffix: state.suffix,
+				preview: state.preview,
+				previewPrefix: state.previewPrefix,
+				segments: state.headerSegments,
+				styles: state.styles
+			};
+			const previewSlotProps = {
+				...headerSlotProps,
+				y: 1,
+				segments: state.previewSegments
+			};
+			const children = [h(TText, {
+				key: "header-bg",
+				x: 0,
+				y: 0,
+				w: props.w,
+				h: 1,
+				value: "",
+				style: state.styles.header
+			}), ...slots.header ? slots.header(headerSlotProps) : withWidthProvider(() => renderSegments(state.headerSegments, 0, props.w))];
+			if (state.preview && height > 1) children.push(h(TText, {
+				key: "preview-bg",
+				x: 0,
+				y: 1,
+				w: props.w,
+				h: 1,
+				value: "",
+				style: state.styles.preview
+			}), ...slots.preview ? slots.preview(previewSlotProps) : withWidthProvider(() => renderSegments(state.previewSegments, 1, props.w)));
+			return h(TView, {
+				x: props.x,
+				y: props.y,
+				w: props.w,
+				h: height,
+				zIndex: props.zIndex,
+				focusable: props.focusable,
+				selectable: props.selectable,
+				onClick: (event) => {
+					emit("click", event);
+					emit("toggle", { collapsed: !props.collapsed });
+				}
+			}, () => children);
+		};
+	}
+});
+
+//#endregion
+//#region src/vue/components/TUserMessageView.ts
+const DEFAULT_BLOCK_STYLE = {
+	fg: "whiteBright",
+	bg: "blackBright"
+};
+const DEFAULT_HEADER_STYLE = {
+	fg: "white",
+	bg: "blackBright",
+	dim: true
+};
+const DEFAULT_LABEL_STYLE = {
+	fg: "greenBright",
+	bg: "blackBright",
+	bold: true
+};
+const DEFAULT_SEGMENT_STYLE = {
+	fg: "cyanBright",
+	bg: "blackBright",
+	underline: true
+};
+function styledText(key, x, y, w, value, style) {
+	if (w <= 0) return null;
+	return h(TText, {
+		key,
+		x,
+		y,
+		w,
+		value,
+		style,
+		clear: false
+	});
+}
+const TUserMessageView = defineComponent({
+	name: "TUserMessageView",
+	props: {
+		x: {
+			type: Number,
+			required: true
+		},
+		y: {
+			type: Number,
+			required: true
+		},
+		w: {
+			type: Number,
+			required: true
+		},
+		h: {
+			type: Number,
+			default: void 0
+		},
+		zIndex: {
+			type: Number,
+			default: 0
+		},
+		label: {
+			type: String,
+			default: "user"
+		},
+		prefix: {
+			type: String,
+			default: "> "
+		},
+		meta: {
+			type: String,
+			default: ""
+		},
+		content: {
+			type: String,
+			required: true
+		},
+		indent: {
+			type: Number,
+			default: 2
+		},
+		topBlank: {
+			type: Boolean,
+			default: true
+		},
+		bottomBlank: {
+			type: Boolean,
+			default: true
+		},
+		segments: {
+			type: Array,
+			default: () => []
+		},
+		style: {
+			type: Object,
+			default: () => DEFAULT_BLOCK_STYLE
+		},
+		headerStyle: {
+			type: Object,
+			default: () => DEFAULT_HEADER_STYLE
+		},
+		prefixStyle: {
+			type: Object,
+			default: () => DEFAULT_LABEL_STYLE
+		},
+		labelStyle: {
+			type: Object,
+			default: () => DEFAULT_LABEL_STYLE
+		},
+		contentStyle: {
+			type: Object,
+			default: void 0
+		},
+		segmentStyle: {
+			type: Object,
+			default: () => DEFAULT_SEGMENT_STYLE
+		},
+		focusable: {
+			type: Boolean,
+			default: false
+		},
+		selectable: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const { widthProvider } = useTerminal();
+		const withWidthProvider = (fn) => withTextWidthProvider(widthProvider, fn);
+		const model = computed(() => withWidthProvider(() => resolveTUserMessageViewModel({
+			w: props.w,
+			label: props.label,
+			prefix: props.prefix,
+			meta: props.meta,
+			content: props.content,
+			indent: props.indent,
+			topBlank: props.topBlank,
+			bottomBlank: props.bottomBlank,
+			segments: props.segments,
+			style: props.style,
+			headerStyle: props.headerStyle,
+			prefixStyle: props.prefixStyle,
+			labelStyle: props.labelStyle,
+			contentStyle: props.contentStyle,
+			segmentStyle: props.segmentStyle
+		})));
+		return () => {
+			const state = model.value;
+			const topRows = props.topBlank ? 1 : 0;
+			const naturalHeight = topRows + 1 + state.rows.length + (props.bottomBlank ? 1 : 0);
+			const height = Math.max(1, Math.floor(props.h ?? naturalHeight));
+			const children = [];
+			for (let y = 0; y < height; y++) children.push(h(TText, {
+				key: `bg:${y}`,
+				x: 0,
+				y,
+				w: props.w,
+				value: "",
+				style: state.content
+			}));
+			withWidthProvider(() => {
+				const indent = Math.min(state.indent, props.w);
+				const headerY = topRows;
+				if (headerY < height) {
+					const headerText = `${spaces(indent)}${state.headerText}`;
+					children.push(h(TText, {
+						key: "header",
+						x: 0,
+						y: headerY,
+						w: props.w,
+						value: headerText,
+						style: state.header,
+						clear: false
+					}));
+					for (let index = 0; index < state.headerSegments.length; index++) {
+						const segment = state.headerSegments[index];
+						const x = indent + textCellWidth(state.headerText.slice(0, segment.start));
+						const width = Math.min(textCellWidth(segment.text), Math.max(0, props.w - x));
+						children.push(styledText(`header:${index}`, x, headerY, width, segment.text, segment.style));
+					}
+				}
+				const contentStartY = headerY + 1;
+				for (let rowIndex = 0; rowIndex < state.rows.length; rowIndex++) {
+					const y = contentStartY + rowIndex;
+					if (y >= height) break;
+					const row = state.rows[rowIndex];
+					children.push(h(TText, {
+						key: `row:${rowIndex}`,
+						x: 0,
+						y,
+						w: props.w,
+						value: `${spaces(indent)}${row.text}`,
+						style: state.content,
+						clear: false
+					}));
+					for (let segmentIndex = 0; segmentIndex < row.segments.length; segmentIndex++) {
+						const segment = row.segments[segmentIndex];
+						const localStart = Math.max(0, segment.start - row.start);
+						const localEnd = Math.max(localStart, segment.end - row.start);
+						const text = row.text.slice(localStart, localEnd);
+						if (!text) continue;
+						const x = indent + textCellWidth(row.text.slice(0, localStart));
+						const width = Math.min(textCellWidth(text), Math.max(0, props.w - x));
+						children.push(styledText(`row:${rowIndex}:segment:${segmentIndex}`, x, y, width, text, {
+							...state.segment,
+							...segment.style,
+							href: segment.href ?? segment.style?.href
+						}));
+					}
+				}
+			});
+			return h(TView, {
+				x: props.x,
+				y: props.y,
+				w: props.w,
+				h: height,
+				zIndex: props.zIndex,
+				focusable: props.focusable,
+				selectable: props.selectable
+			}, () => children);
+		};
+	}
+});
+
+//#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 };