@simon_he/vue-tui 1.0.2 → 1.1.1

package/dist/vue.js

@@ -1,20 +1,23 @@
-import "./create-terminal-DBFNYr8f.js";
-import { charCellWidth } from "./hyperlink-Bn02UXJb.js";
-import "./sgr-BmzxEjAO.js";
+import "./create-terminal-DXuZ2fci.js";
+import { charCellWidth } from "./width-GqllnV8C.js";
+import "./hyperlink-B35-O-cW.js";
 import "./ansi-palette-CNXqFciC.js";
-import "./dom-renderer-BniJSQyX.js";
-import { EventZIndexContextKey, LayoutContextKey, RenderStackKey, TInputPluginsContextKey, TPathPickerProviderContextKey, VisibilityContextKey, applyWheelScroll, createWheelScrollState, 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 "./wheel-scroll-vBRaQ7p-.js";
-import { TView, createTheme, linkifyTextSegments, tuiDefaultTheme } from "./linkify-D_gzn9Xq.js";
-import "./runtime-rfcZCyJq.js";
-import "./trace-CjzYeIxN.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-kzhlB5P0.js";
-import "./terminal-selection-DBinO6p5.js";
-import { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, TText, clamp as clamp$1, clamp$1 as clamp, computeCommandPaletteMatchRanges, createOverlayFocusStack, fitCellText, isCommitMention, isWhitespace, mentionChipStyle, mergeStyle, padEndByCells as padEndByCells$1, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth as textCellWidth$1 } from "./TSelect-DR0FomSu.js";
-import "./frame-perf-C6Xfg85O.js";
-import { normalizePath, stripTrailingSlash } from "./path-mnSgEpCm.js";
-import { parsePathQuery, resolveUserPath, suggestPaths } from "./path-suggest-BNqcuE3-.js";
-import { computed, defineComponent, h, inject, onBeforeUnmount, onMounted, onUnmounted, provide, reactive, ref, shallowReactive, shallowRef, watch, watchEffect } from "vue";
+import "./dom-renderer-DNzmg2As.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-Ng-3eKzF.js";
+import { TView, clamp, createTheme, fitCellText, linkifyTextSegments, mergeStyle, tuiDefaultTheme } from "./linkify-CuuquMQT.js";
+import "./runtime-D77C03RM.js";
+import "./frame-perf-BBhE-iuS.js";
+import "./trace-CYHDKM1m.js";
+import "./env-DNCzvX8b.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-DKGiuIcM.js";
+import "./terminal-selection-CQYr--26.js";
+import "./debug-logger-ChY_PXVk.js";
+import { TBox, TCommandPalette, TDialog, TInput, TRenderPlane, TSelect, TText, clamp$1, computeCommandPaletteMatchRanges, createOverlayFocusStack, isCommitMention, isWhitespace, mentionChipStyle, padEndByCells as padEndByCells$1, resolveOverlayPlacement, sliceByCellsWindow, textCellWidth as textCellWidth$1 } from "./TSelect-CiyMvwl-.js";
+import { normalizePath, stripTrailingSlash } from "./path-BI9W15Zt.js";
+import { applyWheelScroll, createWheelScrollState } from "./wheel-scroll-CQ22Hcyj.js";
+import { parsePathQuery, resolveUserPath, suggestPaths } from "./path-suggest-fPzRsgPv.js";
+import { TMermaid$1 as TMermaid, TMermaidText$1 as TMermaidText, isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal } from "./TMermaidText-CXm_L969.js";
+import { Comment, Fragment, computed, defineComponent, h, inject, onBeforeUnmount, onMounted, onUnmounted, provide, reactive, ref, shallowReactive, shallowRef, watch, watchEffect } from "vue";
 
 //#region src/observability/cli-latency.ts
 const GLOBAL_PROFILER_KEY = "__vueTuiCliLatencyProfiler";
@@ -60,7 +63,7 @@ function isMentionChar(ch) {
 }
 function computePromptContext(value, cursorIndex, triggers) {
 	if (!triggers.length) return null;
-	const idx = clamp(cursorIndex, 0, value.length);
+	const idx = clamp$1(cursorIndex, 0, value.length);
 	const lineStart = value.lastIndexOf("\n", Math.max(0, idx - 1)) + 1;
 	let matchedTrigger = null;
 	for (const t of triggers) if (t && value.slice(lineStart, lineStart + t.length) === t) {
@@ -88,7 +91,7 @@ function computePromptContext(value, cursorIndex, triggers) {
 }
 function computeMentionContext(value, cursorIndex, trigger, multilineToken, mentionToken) {
 	if (!trigger) return null;
-	const idx = clamp(cursorIndex, 0, value.length);
+	const idx = clamp$1(cursorIndex, 0, value.length);
 	let start = -1;
 	for (let i = idx - 1; i >= 0; i--) {
 		const ch = value[i];
@@ -109,7 +112,7 @@ function computeMentionContext(value, cursorIndex, trigger, multilineToken, ment
 	} else while (end < value.length && isMentionChar(value[end])) end++;
 	if (idx < start || idx > end) return null;
 	const tokenText = value.slice(start, end);
-	const queryEnd = clamp(idx, start + trigger.length, end);
+	const queryEnd = clamp$1(idx, start + trigger.length, end);
 	const query = value.slice(start + trigger.length, queryEnd);
 	const key = `${start}:${tokenText}`;
 	return {
@@ -331,7 +334,7 @@ function usePromptMentionState(options) {
 		return [...pathMatches, ...otherMatches];
 	});
 	watch(() => promptMatches.value.length, (len) => {
-		promptActive.value = clamp(promptActive.value, 0, Math.max(0, len - 1));
+		promptActive.value = clamp$1(promptActive.value, 0, Math.max(0, len - 1));
 	});
 	const promptMaxVisible = computed(() => {
 		const ctx = activeContext.value;
@@ -346,7 +349,7 @@ function usePromptMentionState(options) {
 		if (total <= 0 || maxVisible <= 0) return 0;
 		const visible = Math.min(maxVisible, total);
 		const maxStart = Math.max(0, total - visible);
-		return clamp(promptActive.value - (visible - 1), 0, maxStart);
+		return clamp$1(promptActive.value - (visible - 1), 0, maxStart);
 	});
 	const promptMatchesVisible = computed(() => {
 		const total = promptMatches.value.length;
@@ -359,7 +362,7 @@ function usePromptMentionState(options) {
 	const promptActiveVisible = computed(() => {
 		const start = promptWindowStart.value;
 		const rel = promptActive.value - start;
-		return clamp(rel, 0, Math.max(0, promptMatchesVisible.value.length - 1));
+		return clamp$1(rel, 0, Math.max(0, promptMatchesVisible.value.length - 1));
 	});
 	const promptVisible = computed(() => {
 		const ctx = activeContext.value;
@@ -377,19 +380,19 @@ function usePromptMentionState(options) {
 			h: s.rows
 		};
 		const listH = Math.max(1, promptMatchesVisible.value.length || 1);
-		const h$1 = clamp(2 + listH, 3, Math.max(3, Math.floor(clip.h)));
-		const w = clamp(Math.floor(base.w), 0, Math.max(0, Math.floor(clip.w)));
+		const h$1 = clamp$1(2 + listH, 3, Math.max(3, Math.floor(clip.h)));
+		const w = clamp$1(Math.floor(base.w), 0, Math.max(0, Math.floor(clip.w)));
 		const preferAboveY = Math.floor(base.y) - h$1;
 		const preferBelowY = Math.floor(base.y) + Math.floor(base.h);
 		const aboveFits = preferAboveY >= Math.floor(clip.y);
 		const belowFits = preferBelowY + h$1 <= Math.floor(clip.y) + Math.floor(clip.h);
 		const yPref = aboveFits ? preferAboveY : belowFits ? preferBelowY : preferAboveY;
-		const y = clamp(yPref, Math.floor(clip.y), Math.floor(clip.y) + Math.floor(clip.h) - h$1);
+		const y = clamp$1(yPref, Math.floor(clip.y), Math.floor(clip.y) + Math.floor(clip.h) - h$1);
 		const align = props.promptAlign || "input";
 		const baseX = Math.floor(base.x);
 		const centeredX = Math.floor(Math.floor(clip.x) + Math.floor((Math.floor(clip.w) - w) / 2));
 		const preferX = align === "center" ? centeredX : baseX;
-		const x = clamp(preferX, Math.floor(clip.x), Math.floor(clip.x) + Math.floor(clip.w) - w);
+		const x = clamp$1(preferX, Math.floor(clip.x), Math.floor(clip.x) + Math.floor(clip.w) - w);
 		return {
 			x,
 			y,
@@ -534,7 +537,7 @@ function buildPromptMatchHighlightStyle(baseStyle, overrideStyle) {
 }
 function countMentionTokens(value, mentionToken, endIndex = value.length) {
 	let count = 0;
-	const limit = clamp(endIndex, 0, value.length);
+	const limit = clamp$1(endIndex, 0, value.length);
 	for (let i = 0; i < limit; i++) if (value[i] === mentionToken) count++;
 	return count;
 }
@@ -628,8 +631,8 @@ function createPromptMentionPlugin(options = {}) {
 				const cleaned = String(absPath || "").trim();
 				if (!cleaned) return;
 				const value = ctx.getValue();
-				const start = clamp(tokenStart, 0, value.length);
-				const end = clamp(tokenEnd, start, value.length);
+				const start = clamp$1(tokenStart, 0, value.length);
+				const end = clamp$1(tokenEnd, start, value.length);
 				const currentMentions = getProps().mentions ?? [];
 				const nextMentions = [...currentMentions];
 				let before = value.slice(0, start);
@@ -655,7 +658,7 @@ function createPromptMentionPlugin(options = {}) {
 				const ctx0 = promptMention.activeContext.value;
 				if (!ctx0) return;
 				const list = promptMention.promptMatches.value;
-				const match = list[clamp(index, 0, Math.max(0, list.length - 1))];
+				const match = list[clamp$1(index, 0, Math.max(0, list.length - 1))];
 				if (!match) return;
 				const suggestion = match.item;
 				const mentionTrigger = getProps().mentionTrigger || "@";
@@ -720,8 +723,8 @@ function createPromptMentionPlugin(options = {}) {
 				if (!insert.startsWith(mentionTrigger)) return false;
 				if (!insert.endsWith("/") && !insert.endsWith("\\")) insert = `${insert}/`;
 				const value = ctx.getValue();
-				const before = value.slice(0, clamp(ctx0.tokenStart, 0, value.length));
-				const after = value.slice(clamp(ctx0.tokenEnd, 0, value.length));
+				const before = value.slice(0, clamp$1(ctx0.tokenStart, 0, value.length));
+				const after = value.slice(clamp$1(ctx0.tokenEnd, 0, value.length));
 				const nextValue = `${before}${insert}${after}`;
 				const nextCursor = before.length + insert.length;
 				promptMention.promptSuppressedKey.value = null;
@@ -747,7 +750,7 @@ function createPromptMentionPlugin(options = {}) {
 					e.preventDefault();
 					if (len <= 0) promptMention.promptActive.value = 0;
 					else if (promptMention.promptActive.value >= len - 1) promptMention.promptActive.value = 0;
-					else promptMention.promptActive.value = clamp(promptMention.promptActive.value + 1, 0, len - 1);
+					else promptMention.promptActive.value = clamp$1(promptMention.promptActive.value + 1, 0, len - 1);
 					ctx.scheduler.invalidate();
 					return true;
 				}
@@ -756,7 +759,7 @@ function createPromptMentionPlugin(options = {}) {
 					e.preventDefault();
 					if (len <= 0) promptMention.promptActive.value = 0;
 					else if (promptMention.promptActive.value <= 0) promptMention.promptActive.value = len - 1;
-					else promptMention.promptActive.value = clamp(promptMention.promptActive.value - 1, 0, len - 1);
+					else promptMention.promptActive.value = clamp$1(promptMention.promptActive.value - 1, 0, len - 1);
 					ctx.scheduler.invalidate();
 					return true;
 				}
@@ -768,7 +771,7 @@ function createPromptMentionPlugin(options = {}) {
 					const isSkill = Boolean(skillTrigger && ctx0?.tokenText?.startsWith(skillTrigger) && !isMention);
 					if (e.key === "Enter" && !e.shiftKey && !isMention && !isSkill) {
 						if (len === 0) return false;
-						const match = promptMention.promptMatches.value[clamp(promptMention.promptActive.value, 0, Math.max(0, promptMention.promptMatches.value.length - 1))];
+						const match = promptMention.promptMatches.value[clamp$1(promptMention.promptActive.value, 0, Math.max(0, promptMention.promptMatches.value.length - 1))];
 						const typed = String(ctx0?.tokenText ?? "");
 						const candidate = String(match?.item?.value ?? "");
 						if (!typed || !candidate.startsWith(typed)) return false;
@@ -782,7 +785,7 @@ function createPromptMentionPlugin(options = {}) {
 						e.preventDefault();
 						if (len === 0) return true;
 						const list = promptMention.promptMatches.value;
-						const match = list[clamp(promptMention.promptActive.value, 0, Math.max(0, list.length - 1))];
+						const match = list[clamp$1(promptMention.promptActive.value, 0, Math.max(0, list.length - 1))];
 						if (isMention && match && ctx0 && completeMentionDirectory(match.item, ctx0)) return true;
 						acceptPrompt(promptMention.promptActive.value);
 						return true;
@@ -1066,7 +1069,7 @@ function createPromptMentionPlugin(options = {}) {
 					const idx = y - 1;
 					const start = promptMention.promptWindowStart.value;
 					const globalIdx = start + idx;
-					promptMention.promptActive.value = clamp(globalIdx, 0, Math.max(0, promptMention.promptMatches.value.length - 1));
+					promptMention.promptActive.value = clamp$1(globalIdx, 0, Math.max(0, promptMention.promptMatches.value.length - 1));
 					acceptPrompt(promptMention.promptActive.value);
 				} }
 			}));
@@ -1446,6 +1449,670 @@ const TDebugOverlay = defineComponent({
 	}
 });
 
+//#endregion
+//#region src/vue/layout/flex.ts
+function normalizeCellCount$1(value, fallback = 0) {
+	const n = Math.floor(Number(value));
+	return Number.isFinite(n) ? Math.max(0, n) : fallback;
+}
+function normalizeOptionalCellCount(value) {
+	if (value == null) return void 0;
+	const n = Math.floor(Number(value));
+	if (!Number.isFinite(n)) return void 0;
+	return Math.max(0, n);
+}
+function normalizeRatio(value, fallback) {
+	const n = Number(value);
+	return Number.isFinite(n) ? Math.max(0, n) : fallback;
+}
+function resolveSize(value, reference) {
+	if (value == null) return void 0;
+	if (typeof value === "number") return normalizeOptionalCellCount(value);
+	const n = Number(value.slice(0, -1));
+	if (!Number.isFinite(n)) return void 0;
+	return Math.max(0, Math.floor(reference * n / 100));
+}
+function clampSize(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+function resolveMainMin(item, direction, reference) {
+	return (direction === "row" ? resolveSize(item.minWidth, reference) : resolveSize(item.minHeight, reference)) ?? 0;
+}
+function resolveMainMax(item, direction, reference, min) {
+	return Math.max(min, (direction === "row" ? resolveSize(item.maxWidth, reference) : resolveSize(item.maxHeight, reference)) ?? Number.POSITIVE_INFINITY);
+}
+function measureItem(item, direction, mainReference, crossReference) {
+	if (!item.measure) return {
+		main: void 0,
+		cross: void 0
+	};
+	const constraints = direction === "row" ? {
+		maxWidth: mainReference,
+		maxHeight: crossReference,
+		direction
+	} : {
+		maxWidth: crossReference,
+		maxHeight: mainReference,
+		direction
+	};
+	const cacheKey = `${constraints.direction}:${constraints.maxWidth}:${constraints.maxHeight}`;
+	const cached = item.measureCache?.get(cacheKey);
+	if (cached) return cached;
+	const measured = item.measure(constraints);
+	const width = normalizeOptionalCellCount(measured?.width ?? measured?.w);
+	const height = normalizeOptionalCellCount(measured?.height ?? measured?.h);
+	const resolved = direction === "row" ? {
+		main: width,
+		cross: height
+	} : {
+		main: height,
+		cross: width
+	};
+	item.measureCache?.set(cacheKey, resolved);
+	return resolved;
+}
+function resolveMeasuredMain(item, direction, mainReference, crossReference) {
+	return measureItem(item, direction, mainReference, crossReference).main;
+}
+function resolveMeasuredCross(item, direction, mainReference, crossReference) {
+	return measureItem(item, direction, mainReference, crossReference).cross;
+}
+function resolveMainBase(item, direction, reference, crossReference, min, max) {
+	const fixed = direction === "row" ? resolveSize(item.width, reference) : resolveSize(item.height, reference);
+	const measured = resolveMeasuredMain(item, direction, reference, crossReference);
+	const basis = resolveSize(item.basis, reference) ?? fixed ?? measured ?? 0;
+	return clampSize(basis, min, max);
+}
+function resolveCrossBase(item, direction, reference, mainReference) {
+	const fixed = direction === "row" ? resolveSize(item.height, reference) : resolveSize(item.width, reference);
+	const measured = resolveMeasuredCross(item, direction, mainReference, reference);
+	const min = (direction === "row" ? resolveSize(item.minHeight, reference) : resolveSize(item.minWidth, reference)) ?? 0;
+	const max = Math.max(min, (direction === "row" ? resolveSize(item.maxHeight, reference) : resolveSize(item.maxWidth, reference)) ?? Number.POSITIVE_INFINITY);
+	return fixed == null ? clampSize(measured ?? min, min, max) : clampSize(fixed, min, max);
+}
+function mainBefore(item, direction) {
+	return direction === "row" ? item.marginLeft : item.marginTop;
+}
+function mainAfter(item, direction) {
+	return direction === "row" ? item.marginRight : item.marginBottom;
+}
+function crossBefore(item, direction) {
+	return direction === "row" ? item.marginTop : item.marginLeft;
+}
+function crossAfter(item, direction) {
+	return direction === "row" ? item.marginBottom : item.marginRight;
+}
+function mainMargin(item, direction) {
+	return mainBefore(item, direction) + mainAfter(item, direction);
+}
+function crossMargin(item, direction) {
+	return crossBefore(item, direction) + crossAfter(item, direction);
+}
+function fitEdges(edges, width, height) {
+	const left = Math.min(edges.left, width);
+	const right = Math.min(edges.right, Math.max(0, width - left));
+	const top = Math.min(edges.top, height);
+	const bottom = Math.min(edges.bottom, Math.max(0, height - top));
+	return {
+		top,
+		right,
+		bottom,
+		left
+	};
+}
+function proportionalSizes(weights, available) {
+	if (available <= 0) return weights.map(() => 0);
+	const total = weights.reduce((sum, next) => sum + next, 0);
+	if (total <= 0) return weights.map(() => 0);
+	const out = weights.map((weight) => Math.floor(available * weight / total));
+	let remaining = available - out.reduce((sum, next) => sum + next, 0);
+	const order = weights.map((weight, index) => ({
+		index,
+		fraction: available * weight / total - out[index]
+	})).sort((a, b) => b.fraction - a.fraction || a.index - b.index);
+	for (let i = 0; remaining > 0 && i < order.length; i++, remaining--) out[order[i].index] += 1;
+	return out;
+}
+function growSizes(sizes, weights, maxes, remaining) {
+	while (remaining > 0) {
+		const open = weights.map((weight, index) => ({
+			index,
+			weight
+		})).filter(({ index, weight }) => weight > 0 && sizes[index] < maxes[index]);
+		if (open.length === 0) return;
+		const weightTotal = open.reduce((sum, next) => sum + next.weight, 0);
+		let assigned = 0;
+		const order = open.map(({ index, weight }) => {
+			const raw = remaining * weight / weightTotal;
+			const grant = Math.min(maxes[index] - sizes[index], Math.floor(raw));
+			sizes[index] += grant;
+			assigned += grant;
+			return {
+				index,
+				fraction: raw - grant
+			};
+		}).sort((a, b) => b.fraction - a.fraction || a.index - b.index);
+		remaining -= assigned;
+		for (const { index } of order) {
+			if (remaining <= 0) break;
+			if (sizes[index] >= maxes[index]) continue;
+			sizes[index] += 1;
+			remaining -= 1;
+		}
+		if (assigned === 0 && order.every(({ index }) => sizes[index] >= maxes[index])) return;
+	}
+}
+function shrinkSizes(sizes, weights, mins, overflow) {
+	while (overflow > 0) {
+		const open = weights.map((weight, index) => ({
+			index,
+			weight
+		})).filter(({ index, weight }) => weight > 0 && sizes[index] > mins[index]);
+		if (open.length === 0) return;
+		const weightTotal = open.reduce((sum, next) => sum + next.weight, 0);
+		let assigned = 0;
+		const order = open.map(({ index, weight }) => {
+			const raw = overflow * weight / weightTotal;
+			const shrink = Math.min(sizes[index] - mins[index], Math.floor(raw));
+			sizes[index] -= shrink;
+			assigned += shrink;
+			return {
+				index,
+				fraction: raw - shrink
+			};
+		}).sort((a, b) => b.fraction - a.fraction || b.index - a.index);
+		overflow -= assigned;
+		for (const { index } of order) {
+			if (overflow <= 0) break;
+			if (sizes[index] <= mins[index]) continue;
+			sizes[index] -= 1;
+			overflow -= 1;
+		}
+		if (assigned === 0 && order.every(({ index }) => sizes[index] <= mins[index])) return;
+	}
+}
+function resolveMainSizes(items, direction, available, crossReference) {
+	const mins = items.map((item) => resolveMainMin(item, direction, available));
+	const maxes = items.map((item, index) => resolveMainMax(item, direction, available, mins[index]));
+	const minTotal = mins.reduce((sum, next) => sum + next, 0);
+	if (minTotal >= available) return proportionalSizes(mins, available);
+	const sizes = items.map((item, index) => resolveMainBase(item, direction, available, crossReference, mins[index], maxes[index]));
+	const total = sizes.reduce((sum, next) => sum + next, 0);
+	if (total < available) growSizes(sizes, items.map((item) => item.grow), maxes, available - total);
+	else if (total > available) shrinkSizes(sizes, items.map((item, index) => item.shrink * Math.max(1, sizes[index])), mins, total - available);
+	return sizes;
+}
+function resolveCrossSize(item, direction, align, available, reference = available, mainReference = available) {
+	const fixed = direction === "row" ? resolveSize(item.height, reference) : resolveSize(item.width, reference);
+	const measured = resolveMeasuredCross(item, direction, mainReference, reference);
+	const min = (direction === "row" ? resolveSize(item.minHeight, reference) : resolveSize(item.minWidth, reference)) ?? 0;
+	const max = Math.max(min, (direction === "row" ? resolveSize(item.maxHeight, reference) : resolveSize(item.maxWidth, reference)) ?? Number.POSITIVE_INFINITY);
+	const size = fixed ?? (align === "stretch" ? available : measured ?? available);
+	return clampSize(size, min, max);
+}
+function justifyOffset(justify, slack) {
+	if (justify === "end") return slack;
+	if (justify === "center") return Math.floor(slack / 2);
+	return 0;
+}
+function alignContentOffset(alignContent, slack) {
+	if (alignContent === "end") return slack;
+	if (alignContent === "center") return Math.floor(slack / 2);
+	return 0;
+}
+function layoutFlexLine(items, options) {
+	const totalGap = Math.max(0, items.length - 1) * options.gap;
+	const availableMain = Math.max(0, options.mainSize - totalGap);
+	const totalMainMargin = items.reduce((sum, item) => sum + mainMargin(item, options.direction), 0);
+	const availableContentMain = Math.max(0, availableMain - totalMainMargin);
+	const mainSizes = resolveMainSizes(items, options.direction, availableContentMain, options.crossReference);
+	const usedMain = mainSizes.reduce((sum, next) => sum + next, 0) + totalMainMargin;
+	const slack = Math.max(0, availableMain - usedMain);
+	const gapExtras = items.map(() => 0);
+	if (options.justifyContent === "space-between" && items.length > 1 && slack > 0) {
+		const slots = items.length - 1;
+		const extra = Math.floor(slack / slots);
+		let remaining = slack - extra * slots;
+		for (let i = 0; i < slots; i++) {
+			gapExtras[i] = extra + (remaining > 0 ? 1 : 0);
+			if (remaining > 0) remaining -= 1;
+		}
+	}
+	let cursor = options.mainStart + (options.justifyContent === "space-between" ? 0 : justifyOffset(options.justifyContent, slack));
+	return items.map((item, index) => {
+		const main = mainSizes[index] ?? 0;
+		const align = item.alignSelf ?? options.alignItems;
+		const itemCrossMargin = crossMargin(item, options.direction);
+		const cross = resolveCrossSize(item, options.direction, align, Math.max(0, options.crossSize - itemCrossMargin), options.crossReference, options.mainSize);
+		const outerCross = cross + itemCrossMargin;
+		const crossOffset = align === "end" ? options.crossSize - outerCross : align === "center" ? Math.floor((options.crossSize - outerCross) / 2) : 0;
+		const itemMainStart = cursor + mainBefore(item, options.direction);
+		const itemCrossStart = options.crossStart + crossOffset + crossBefore(item, options.direction);
+		const rect = options.direction === "row" ? {
+			x: itemMainStart,
+			y: itemCrossStart,
+			w: main,
+			h: cross
+		} : {
+			x: itemCrossStart,
+			y: itemMainStart,
+			w: cross,
+			h: main
+		};
+		cursor += mainMargin(item, options.direction) + main + options.gap + (gapExtras[index] ?? 0);
+		return {
+			item,
+			rect
+		};
+	});
+}
+function lineBaseUsedMain(items, direction, mainSize, crossReference, gap) {
+	const totalGap = Math.max(0, items.length - 1) * gap;
+	const totalMainMargin = items.reduce((sum, item) => sum + mainMargin(item, direction), 0);
+	const reference = Math.max(0, mainSize - totalGap - totalMainMargin);
+	return totalGap + totalMainMargin + items.reduce((sum, item) => {
+		const min = resolveMainMin(item, direction, reference);
+		const max = resolveMainMax(item, direction, reference, min);
+		return sum + resolveMainBase(item, direction, reference, crossReference, min, max);
+	}, 0);
+}
+function createWrappedLines(items, direction, availableMain, crossReference, gap) {
+	const lines = [];
+	let line = [];
+	for (const item of items) {
+		const nextLine = [...line, item];
+		const nextUsed = lineBaseUsedMain(nextLine, direction, availableMain, crossReference, gap);
+		if (line.length > 0 && nextUsed > availableMain) {
+			lines.push(line);
+			line = [item];
+			continue;
+		}
+		line = nextLine;
+	}
+	if (line.length > 0) lines.push(line);
+	return lines;
+}
+function resolveWrappedLineCrossSizes(lines, direction, availableCross, crossReference, mainReference) {
+	const bases = lines.map((line) => Math.max(1, ...line.map((item) => resolveCrossBase(item, direction, crossReference, mainReference) + crossMargin(item, direction))));
+	const baseTotal = bases.reduce((sum, next) => sum + next, 0);
+	if (baseTotal <= availableCross) return bases;
+	return bases;
+}
+function layoutFlexItems(items, options) {
+	const padding = fitEdges(options.padding, options.w, options.h);
+	const contentX = padding.left;
+	const contentY = padding.top;
+	const contentW = Math.max(0, options.w - padding.left - padding.right);
+	const contentH = Math.max(0, options.h - padding.top - padding.bottom);
+	const mainSize = options.direction === "row" ? contentW : contentH;
+	const crossSize = options.direction === "row" ? contentH : contentW;
+	if (!options.wrap) return layoutFlexLine(items, {
+		direction: options.direction,
+		gap: options.mainGap,
+		alignItems: options.alignItems,
+		justifyContent: options.justifyContent,
+		mainStart: options.direction === "row" ? contentX : contentY,
+		crossStart: options.direction === "row" ? contentY : contentX,
+		mainSize,
+		crossSize,
+		crossReference: crossSize
+	});
+	const lines = createWrappedLines(items, options.direction, mainSize, crossSize, options.mainGap);
+	const availableCross = Math.max(0, crossSize - Math.max(0, lines.length - 1) * options.crossGap);
+	const lineCrossSizes = resolveWrappedLineCrossSizes(lines, options.direction, availableCross, crossSize, mainSize);
+	let slack = Math.max(0, availableCross - lineCrossSizes.reduce((sum, next) => sum + next, 0));
+	const crossGapExtras = lines.map(() => 0);
+	if (options.alignContent === "stretch" && lineCrossSizes.length > 0 && slack > 0) {
+		const extraSizes = proportionalSizes(lineCrossSizes.map(() => 1), slack);
+		for (let i = 0; i < lineCrossSizes.length; i++) lineCrossSizes[i] += extraSizes[i] ?? 0;
+		slack = 0;
+	} else if (options.alignContent === "space-between" && lines.length > 1 && slack > 0) {
+		const extraGaps = proportionalSizes(Array.from({ length: lines.length - 1 }, () => 1), slack);
+		for (let i = 0; i < extraGaps.length; i++) crossGapExtras[i] = extraGaps[i] ?? 0;
+		slack = 0;
+	}
+	let crossCursor = (options.direction === "row" ? contentY : contentX) + alignContentOffset(options.alignContent, slack);
+	const out = [];
+	for (let index = 0; index < lines.length; index++) {
+		const line = lines[index];
+		const lineCross = lineCrossSizes[index] ?? 0;
+		out.push(...layoutFlexLine(line, {
+			direction: options.direction,
+			gap: options.mainGap,
+			alignItems: options.alignItems,
+			justifyContent: options.justifyContent,
+			mainStart: options.direction === "row" ? contentX : contentY,
+			crossStart: crossCursor,
+			mainSize,
+			crossSize: lineCross,
+			crossReference: crossSize
+		}));
+		crossCursor += lineCross + options.crossGap + (crossGapExtras[index] ?? 0);
+	}
+	return out;
+}
+
+//#endregion
+//#region src/vue/components/TFlex.ts
+function normalizeInteger(value, fallback = 0) {
+	const n = Math.floor(Number(value));
+	return Number.isFinite(n) ? n : fallback;
+}
+function edgeProp(props, key) {
+	return normalizeOptionalCellCount(props?.[key]);
+}
+function resolveEdges(props, options) {
+	const all = edgeProp(props, options.all) ?? 0;
+	const x = edgeProp(props, options.x) ?? all;
+	const y = edgeProp(props, options.y) ?? all;
+	return {
+		top: edgeProp(props, options.top) ?? y,
+		right: edgeProp(props, options.right) ?? x,
+		bottom: edgeProp(props, options.bottom) ?? y,
+		left: edgeProp(props, options.left) ?? x
+	};
+}
+function sizeProp(props, key) {
+	const value = props?.[key];
+	if (value == null) return void 0;
+	if (typeof value === "number") return Number.isFinite(value) ? Math.max(0, value) : void 0;
+	if (typeof value !== "string") return void 0;
+	const text = value.trim();
+	if (text.endsWith("%")) {
+		const n = Number(text.slice(0, -1));
+		if (!Number.isFinite(n)) return void 0;
+		return `${Math.max(0, n)}%`;
+	}
+	return normalizeOptionalCellCount(text);
+}
+function collectChildren(nodes) {
+	const out = [];
+	for (const node of nodes) {
+		if (node.type === Comment) continue;
+		if (node.type === Fragment && Array.isArray(node.children)) {
+			out.push(...collectChildren(node.children));
+			continue;
+		}
+		out.push(node);
+	}
+	return out;
+}
+function isFlexItemVNode(vnode) {
+	return vnode.type === TFlexItem;
+}
+function createFlexItem(vnode, slotIndex) {
+	const props = vnode.props;
+	const margin = resolveEdges(props, {
+		all: "margin",
+		x: "marginX",
+		y: "marginY",
+		top: "marginTop",
+		right: "marginRight",
+		bottom: "marginBottom",
+		left: "marginLeft"
+	});
+	return {
+		vnode,
+		isFlexItem: isFlexItemVNode(vnode),
+		grow: normalizeRatio(props?.grow, 0),
+		shrink: normalizeRatio(props?.shrink, 1),
+		basis: sizeProp(props, "basis"),
+		width: sizeProp(props, "width") ?? sizeProp(props, "w"),
+		height: sizeProp(props, "height") ?? sizeProp(props, "h"),
+		minWidth: sizeProp(props, "minWidth"),
+		minHeight: sizeProp(props, "minHeight"),
+		maxWidth: sizeProp(props, "maxWidth"),
+		maxHeight: sizeProp(props, "maxHeight"),
+		measure: typeof props?.measure === "function" ? props.measure : void 0,
+		measureCache: typeof props?.measure === "function" ? new Map() : void 0,
+		order: normalizeInteger(props?.order),
+		slotIndex,
+		zIndex: normalizeInteger(props?.zIndex),
+		marginTop: margin.top,
+		marginRight: margin.right,
+		marginBottom: margin.bottom,
+		marginLeft: margin.left,
+		alignSelf: props?.alignSelf
+	};
+}
+function renderFlexItemChildren(item, rect) {
+	if (!item.isFlexItem) return item.vnode;
+	const children = item.vnode.children;
+	if (typeof children === "function") return children({ rect });
+	if (children && typeof children === "object" && !Array.isArray(children)) {
+		const defaultSlot = children.default;
+		if (defaultSlot) return defaultSlot({ rect });
+	}
+	return Array.isArray(children) ? children : children ?? null;
+}
+const TFlexItem = defineComponent({
+	name: "TFlexItem",
+	props: {
+		grow: {
+			type: Number,
+			default: 0
+		},
+		shrink: {
+			type: Number,
+			default: 1
+		},
+		basis: {
+			type: [Number, String],
+			default: void 0
+		},
+		w: {
+			type: [Number, String],
+			default: void 0
+		},
+		width: {
+			type: [Number, String],
+			default: void 0
+		},
+		h: {
+			type: [Number, String],
+			default: void 0
+		},
+		height: {
+			type: [Number, String],
+			default: void 0
+		},
+		minWidth: {
+			type: [Number, String],
+			default: void 0
+		},
+		minHeight: {
+			type: [Number, String],
+			default: void 0
+		},
+		maxWidth: {
+			type: [Number, String],
+			default: void 0
+		},
+		maxHeight: {
+			type: [Number, String],
+			default: void 0
+		},
+		measure: {
+			type: Function,
+			default: void 0
+		},
+		order: {
+			type: Number,
+			default: 0
+		},
+		zIndex: {
+			type: Number,
+			default: 0
+		},
+		margin: {
+			type: Number,
+			default: 0
+		},
+		marginX: {
+			type: Number,
+			default: void 0
+		},
+		marginY: {
+			type: Number,
+			default: void 0
+		},
+		marginTop: {
+			type: Number,
+			default: void 0
+		},
+		marginRight: {
+			type: Number,
+			default: void 0
+		},
+		marginBottom: {
+			type: Number,
+			default: void 0
+		},
+		marginLeft: {
+			type: Number,
+			default: void 0
+		},
+		alignSelf: {
+			type: String,
+			default: void 0
+		}
+	},
+	setup(_props, { slots }) {
+		return () => slots.default?.() ?? null;
+	}
+});
+const TFlex = defineComponent({
+	name: "TFlex",
+	props: {
+		x: {
+			type: Number,
+			required: true
+		},
+		y: {
+			type: Number,
+			required: true
+		},
+		w: {
+			type: Number,
+			required: true
+		},
+		h: {
+			type: Number,
+			required: true
+		},
+		direction: {
+			type: String,
+			default: "row"
+		},
+		gap: {
+			type: Number,
+			default: 0
+		},
+		rowGap: {
+			type: Number,
+			default: void 0
+		},
+		columnGap: {
+			type: Number,
+			default: void 0
+		},
+		padding: {
+			type: Number,
+			default: 0
+		},
+		paddingX: {
+			type: Number,
+			default: void 0
+		},
+		paddingY: {
+			type: Number,
+			default: void 0
+		},
+		paddingTop: {
+			type: Number,
+			default: void 0
+		},
+		paddingRight: {
+			type: Number,
+			default: void 0
+		},
+		paddingBottom: {
+			type: Number,
+			default: void 0
+		},
+		paddingLeft: {
+			type: Number,
+			default: void 0
+		},
+		wrap: {
+			type: Boolean,
+			default: false
+		},
+		alignItems: {
+			type: String,
+			default: "stretch"
+		},
+		justifyContent: {
+			type: String,
+			default: "start"
+		},
+		alignContent: {
+			type: String,
+			default: "start"
+		},
+		zIndex: {
+			type: Number,
+			default: 0
+		}
+	},
+	setup(props, { slots }) {
+		return () => {
+			const items = collectChildren(slots.default?.() ?? []).map((vnode, index) => ({
+				item: createFlexItem(vnode, index),
+				index
+			})).sort((a, b) => a.item.order - b.item.order || a.index - b.index).map(({ item }) => item);
+			const gap = normalizeCellCount$1(props.gap);
+			const rowGap = props.rowGap == null ? gap : normalizeCellCount$1(props.rowGap);
+			const columnGap = props.columnGap == null ? gap : normalizeCellCount$1(props.columnGap);
+			const padding = resolveEdges(props, {
+				all: "padding",
+				x: "paddingX",
+				y: "paddingY",
+				top: "paddingTop",
+				right: "paddingRight",
+				bottom: "paddingBottom",
+				left: "paddingLeft"
+			});
+			const layout = layoutFlexItems(items, {
+				w: normalizeCellCount$1(props.w),
+				h: normalizeCellCount$1(props.h),
+				direction: props.direction,
+				mainGap: props.direction === "row" ? columnGap : rowGap,
+				crossGap: props.direction === "row" ? rowGap : columnGap,
+				padding,
+				wrap: props.wrap,
+				alignItems: props.alignItems,
+				justifyContent: props.justifyContent,
+				alignContent: props.alignContent
+			});
+			return h(TView, {
+				x: props.x,
+				y: props.y,
+				w: normalizeCellCount$1(props.w),
+				h: normalizeCellCount$1(props.h),
+				zIndex: props.zIndex
+			}, () => layout.map(({ item, rect }) => h(TView, {
+				key: item.vnode.key ?? item.slotIndex,
+				x: rect.x,
+				y: rect.y,
+				w: rect.w,
+				h: rect.h,
+				zIndex: item.zIndex
+			}, () => renderFlexItemChildren(item, rect))));
+		};
+	}
+});
+
 //#endregion
 //#region src/vue/components/TFlow.ts
 const TFlow = defineComponent({
@@ -2851,7 +3518,7 @@ const TContextMenu = defineComponent({
 		}
 		function selectedIndex() {
 			if (!props.items.length) return 0;
-			const clamped = clamp$1(props.selectedIndex ?? innerSelectedIndex.value, 0, props.items.length - 1);
+			const clamped = clamp(props.selectedIndex ?? innerSelectedIndex.value, 0, props.items.length - 1);
 			if (!props.items[clamped]?.disabled) return clamped;
 			const first = firstEnabledIndex();
 			return first >= 0 ? first : clamped;
@@ -3954,4 +4621,4 @@ const TRouterView = defineComponent({
 });
 
 //#endregion
-export { TAnchor, TAutocompleteInput, TBadge, TBox, TBreadcrumb, TCheckbox, TCode, TCommandPalette, TContextMenu, TDataTable, TDebugOverlay, TDialog, TDivider, TFlow, TForm, TFormContextKey, TFormField, TInput, TInputBox, TInputPluginsContextKey, TJsonEditor, TKeyHint, TLink, TLinkifyText, TList, TMultilineModal, TPasswordInput, TPathPicker, TPopover, TProgress, TRadioGroup, TRenderLayer, TRenderPlane, TRouterView, TSelect, TSlider, TSpinner, TSplitPane, TStatusBar, TSwitch, TTable, TTabs, TTag, TText, TToastViewport, TTooltip, TTransition, TTree, TView, TerminalProvider, computeCommandPaletteMatchRanges, createOverlayFocusStack, createPromptMentionPlugin, createTInputHostPlugin, createTerminalRouter, createTextRestrictionPlugin, createTheme, linkifyTextSegments, lintJsonText, padEndByCells, resolveOverlayPlacement, sliceByCells, sliceByCellsRange, spaces, textCellWidth, tuiDefaultTheme, useLayout, useRenderNode, useRoute, useRouter, useTForm, useTerminal, useTerminalNode, useTerminalRuntime, useVisibility, wrapByCells };
+export { TAnchor, TAutocompleteInput, TBadge, TBox, TBreadcrumb, TCheckbox, TCode, TCommandPalette, TContextMenu, TDataTable, TDebugOverlay, TDialog, TDivider, TFlex, TFlexItem, TFlow, TForm, TFormContextKey, TFormField, TInput, TInputBox, TInputPluginsContextKey, TJsonEditor, TKeyHint, TLink, TLinkifyText, TList, TMermaid, TMermaidText, TMultilineModal, TPasswordInput, TPathPicker, TPopover, TProgress, TRadioGroup, TRenderLayer, TRenderPlane, TRouterView, TSelect, TSlider, TSpinner, TSplitPane, TStatusBar, TSwitch, TTable, TTabs, TTag, TText, TToastViewport, TTooltip, TTransition, TTree, TView, TerminalProvider, computeCommandPaletteMatchRanges, createOverlayFocusStack, createPromptMentionPlugin, createTInputHostPlugin, createTerminalRouter, createTextRestrictionPlugin, createTheme, isSimpleMermaidFlowchartSource, linkifyTextSegments, lintJsonText, markMermaidRenderErrorFatal, padEndByCells, resolveOverlayPlacement, sliceByCells, sliceByCellsRange, spaces, textCellWidth, tuiDefaultTheme, useLayout, useRenderNode, useRoute, useRouter, useTForm, useTerminal, useTerminalNode, useTerminalRuntime, useVisibility, wrapByCells };