@simon_he/vue-tui 0.0.6 → 0.0.7

package/dist/index.js

@@ -380,6 +380,308 @@ function ansiColors(level) {
 	return ANSI256_COLORS;
 }
 
+//#endregion
+//#region src/observability/cli-latency.ts
+const EVENT_OP_ID = Symbol("dimcode.cliLatencyOpId");
+const DEFAULT_LOG_PATH = "/tmp/dimcode-cli-latency.jsonl";
+const INVALIDATE_ASSOCIATION_WINDOW_MS = 32;
+const MAX_OP_AGE_MS = 5e3;
+let nextOpId = 1;
+let singleton;
+function now$2() {
+	return typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
+}
+function diffMs(end, start) {
+	if (end == null || start == null) return null;
+	return Math.max(0, end - start);
+}
+function parseEnabled$1(value) {
+	const raw = String(value ?? "").trim().toLowerCase();
+	return raw === "1" || raw === "true" || raw === "yes";
+}
+function isTrackedEventType(type) {
+	return type === "keydown" || type === "beforeinput" || type === "input" || type === "paste";
+}
+function defineOpId(target, id) {
+	try {
+		Object.defineProperty(target, EVENT_OP_ID, {
+			configurable: true,
+			enumerable: false,
+			writable: true,
+			value: id
+		});
+	} catch {}
+}
+function readOpId(target) {
+	const value = target === null || target === void 0 ? void 0 : target[EVENT_OP_ID];
+	return typeof value === "number" ? value : null;
+}
+function createDisabledProfiler() {
+	return null;
+}
+function createProfiler() {
+	var _process$once;
+	const env = (process$1 === null || process$1 === void 0 ? void 0 : process$1.env) ?? {};
+	if (!parseEnabled$1(env.DIMCODE_PROFILE_INPUT_LATENCY)) return createDisabledProfiler();
+	const logPath = String(env.DIMCODE_PROFILE_INPUT_LATENCY_LOG_PATH ?? DEFAULT_LOG_PATH).trim() || DEFAULT_LOG_PATH;
+	const ops = new Map();
+	const pendingCommitIds = new Set();
+	const pendingWriteIds = new Set();
+	let currentDispatchOpId = null;
+	let lastDispatchOpId = null;
+	let lastDispatchEndedAt = null;
+	let currentFlushIds = [];
+	let lastRawInputAt = null;
+	const emit = (record) => {
+		try {
+			appendFileSync(logPath, `${JSON.stringify(record)}\n`);
+		} catch {}
+	};
+	const cleanupOp = (id) => {
+		ops.delete(id);
+		pendingCommitIds.delete(id);
+		pendingWriteIds.delete(id);
+		if (currentDispatchOpId === id) currentDispatchOpId = null;
+		if (lastDispatchOpId === id) {
+			lastDispatchOpId = null;
+			lastDispatchEndedAt = null;
+		}
+		if (currentFlushIds.includes(id)) currentFlushIds = currentFlushIds.filter((value) => value !== id);
+	};
+	const flushOp = (op, outcome) => {
+		const totalStart = op.rawInputAt ?? op.stdinDispatchAt ?? op.dispatchStartAt;
+		emit({
+			ts: op.createdAtIso,
+			id: op.id,
+			event: {
+				type: op.eventType,
+				key: op.key,
+				code: op.code,
+				defaultPrevented: op.defaultPrevented,
+				parser: op.parser
+			},
+			operation: op.operation,
+			stages: {
+				rawInputAt: op.rawInputAt,
+				stdinDispatchAt: op.stdinDispatchAt,
+				dispatchStartAt: op.dispatchStartAt,
+				dispatchEndAt: op.dispatchEndAt,
+				invalidateAt: op.invalidateAt,
+				flushStartAt: op.flushStartAt,
+				flushEndAt: op.flushEndAt,
+				commitAt: op.commitAt,
+				stdoutRenderStartAt: op.stdoutRenderStartAt,
+				writeStartAt: op.writeStartAt,
+				writeEndAt: op.writeEndAt
+			},
+			timingsMs: {
+				inputParseWait: diffMs(op.stdinDispatchAt, op.rawInputAt),
+				eventDispatch: diffMs(op.dispatchEndAt, op.dispatchStartAt),
+				dispatchToInvalidate: diffMs(op.invalidateAt, op.dispatchEndAt),
+				dispatchToFlush: diffMs(op.flushStartAt, op.dispatchEndAt),
+				flushToCommitDone: diffMs(op.flushEndAt, op.flushStartAt),
+				commitToRender: diffMs(op.stdoutRenderStartAt, op.commitAt),
+				renderToWriteStart: diffMs(op.writeStartAt, op.stdoutRenderStartAt),
+				write: op.writeDurationMs,
+				totalToWrite: diffMs(op.writeEndAt, totalStart)
+			},
+			scheduler: {
+				invalidatePriority: op.invalidatePriority,
+				invalidatePlane: op.invalidatePlane,
+				commitSync: op.commitSync,
+				commitPlaneCount: op.commitPlaneCount,
+				commitDirtyRows: op.commitDirtyRows,
+				stdoutQueuedDelayMs: op.stdoutQueuedDelayMs,
+				writeMode: op.writeMode,
+				writeBytes: op.writeBytes
+			},
+			outcome
+		});
+		cleanupOp(op.id);
+	};
+	const expireOldOps = () => {
+		const currentTime = now$2();
+		for (const op of ops.values()) {
+			if (currentTime - op.createdAt < MAX_OP_AGE_MS) continue;
+			flushOp(op, op.writeEndAt != null ? "completed" : "timeout");
+		}
+	};
+	const flushPendingOps = (outcome) => {
+		for (const op of Array.from(ops.values())) flushOp(op, op.writeEndAt != null ? "completed" : outcome);
+	};
+	const ensureOp = (event) => {
+		const type = String((event === null || event === void 0 ? void 0 : event.type) ?? "");
+		if (!isTrackedEventType(type)) return null;
+		const existingId = readOpId(event);
+		if (existingId != null) return ops.get(existingId) ?? null;
+		const id = nextOpId++;
+		const op = {
+			id,
+			createdAt: now$2(),
+			createdAtIso: new Date().toISOString(),
+			eventType: type,
+			key: String((event === null || event === void 0 ? void 0 : event.key) ?? ""),
+			code: String((event === null || event === void 0 ? void 0 : event.code) ?? ""),
+			operation: null,
+			rawInputAt: null,
+			stdinDispatchAt: null,
+			dispatchStartAt: null,
+			dispatchEndAt: null,
+			invalidateAt: null,
+			invalidatePriority: null,
+			invalidatePlane: null,
+			flushStartAt: null,
+			flushEndAt: null,
+			commitAt: null,
+			commitSync: null,
+			commitPlaneCount: null,
+			commitDirtyRows: null,
+			stdoutQueuedDelayMs: null,
+			stdoutRenderStartAt: null,
+			writeStartAt: null,
+			writeEndAt: null,
+			writeDurationMs: null,
+			writeMode: null,
+			writeBytes: null,
+			defaultPrevented: null,
+			parser: null
+		};
+		ops.set(id, op);
+		defineOpId(event, id);
+		expireOldOps();
+		return op;
+	};
+	const forIds = (ids, fn) => {
+		for (const id of ids) {
+			const op = ops.get(id);
+			if (!op) continue;
+			fn(op);
+		}
+	};
+	const resolveActiveOp = () => {
+		if (currentDispatchOpId != null) return ops.get(currentDispatchOpId) ?? null;
+		if (lastDispatchOpId != null && lastDispatchEndedAt != null && now$2() - lastDispatchEndedAt <= INVALIDATE_ASSOCIATION_WINDOW_MS) return ops.get(lastDispatchOpId) ?? null;
+		return null;
+	};
+	process$1 === null || process$1 === void 0 || (_process$once = process$1.once) === null || _process$once === void 0 || _process$once.call(process$1, "exit", () => {
+		flushPendingOps("process-exit");
+	});
+	return {
+		enabled: true,
+		recordRawInput(_info) {
+			lastRawInputAt = now$2();
+			expireOldOps();
+		},
+		recordStdinDispatch(event, info) {
+			const op = ensureOp(event);
+			if (!op) return;
+			if (op.rawInputAt == null && lastRawInputAt != null) op.rawInputAt = lastRawInputAt;
+			if (op.stdinDispatchAt == null) op.stdinDispatchAt = now$2();
+			if (!op.parser && (info === null || info === void 0 ? void 0 : info.parser)) op.parser = String(info.parser);
+		},
+		recordEventDispatchStart(event) {
+			const op = ensureOp(event);
+			if (!op) return;
+			currentDispatchOpId = op.id;
+			if (op.dispatchStartAt == null) op.dispatchStartAt = now$2();
+		},
+		recordEventDispatchEnd(event, info) {
+			const op = ensureOp(event);
+			if (!op) return;
+			op.defaultPrevented = Boolean(info.defaultPrevented);
+			if (op.dispatchEndAt == null) op.dispatchEndAt = now$2();
+			currentDispatchOpId = currentDispatchOpId === op.id ? null : currentDispatchOpId;
+			lastDispatchOpId = op.id;
+			lastDispatchEndedAt = op.dispatchEndAt;
+		},
+		recordSchedulerInvalidate(info) {
+			const op = resolveActiveOp();
+			if (!op) return;
+			if (op.invalidateAt == null) op.invalidateAt = now$2();
+			if (!op.invalidatePriority && (info === null || info === void 0 ? void 0 : info.priority)) op.invalidatePriority = String(info.priority);
+			if (!op.invalidatePlane && (info === null || info === void 0 ? void 0 : info.plane)) op.invalidatePlane = String(info.plane);
+			pendingCommitIds.add(op.id);
+		},
+		recordFlushStart(info) {
+			currentFlushIds = Array.from(pendingCommitIds);
+			if (!currentFlushIds.length) return;
+			const flushTime = now$2();
+			forIds(currentFlushIds, (op) => {
+				if (op.flushStartAt == null) op.flushStartAt = flushTime;
+				if (op.commitSync == null && (info === null || info === void 0 ? void 0 : info.sync) != null) op.commitSync = Boolean(info.sync);
+				if (op.commitPlaneCount == null && Array.isArray(info === null || info === void 0 ? void 0 : info.activePlanes)) op.commitPlaneCount = info.activePlanes.length;
+			});
+		},
+		recordFlushEnd() {
+			if (!currentFlushIds.length) return;
+			const flushTime = now$2();
+			forIds(currentFlushIds, (op) => {
+				if (op.flushEndAt == null) op.flushEndAt = flushTime;
+			});
+			currentFlushIds = [];
+		},
+		recordCommit(info) {
+			if (!pendingCommitIds.size) return;
+			const commitTime = now$2();
+			const ids = Array.from(pendingCommitIds);
+			pendingCommitIds.clear();
+			forIds(ids, (op) => {
+				if (op.flushEndAt == null && op.flushStartAt != null) op.flushEndAt = commitTime;
+				if (op.commitAt == null) op.commitAt = commitTime;
+				op.commitSync = (info === null || info === void 0 ? void 0 : info.sync) == null ? op.commitSync : Boolean(info.sync);
+				op.commitPlaneCount = Array.isArray(info === null || info === void 0 ? void 0 : info.planes) ? info.planes.length : op.commitPlaneCount;
+				op.commitDirtyRows = Array.isArray(info === null || info === void 0 ? void 0 : info.dirtyRows) ? info.dirtyRows.length : (info === null || info === void 0 ? void 0 : info.dirtyRows) === null ? null : op.commitDirtyRows;
+				pendingWriteIds.add(op.id);
+			});
+		},
+		recordStdoutQueued(delayMs) {
+			if (!pendingWriteIds.size) return;
+			forIds(pendingWriteIds, (op) => {
+				if (op.stdoutQueuedDelayMs == null) op.stdoutQueuedDelayMs = Math.max(0, delayMs);
+			});
+		},
+		recordStdoutRenderStart() {
+			if (!pendingWriteIds.size) return;
+			const renderTime = now$2();
+			forIds(pendingWriteIds, (op) => {
+				if (op.stdoutRenderStartAt == null) op.stdoutRenderStartAt = renderTime;
+			});
+		},
+		recordStdoutNoOutput() {
+			if (!pendingWriteIds.size) return;
+			const ids = Array.from(pendingWriteIds);
+			pendingWriteIds.clear();
+			forIds(ids, (op) => flushOp(op, "no-output"));
+		},
+		recordStdoutWrite(info) {
+			if (!pendingWriteIds.size) return;
+			const writeEndTime = now$2();
+			const ids = Array.from(pendingWriteIds);
+			pendingWriteIds.clear();
+			forIds(ids, (op) => {
+				op.writeEndAt = writeEndTime;
+				op.writeDurationMs = Math.max(0, info.durationMs);
+				op.writeStartAt = writeEndTime - op.writeDurationMs;
+				op.writeMode = String(info.mode ?? "");
+				op.writeBytes = Math.max(0, Math.floor(info.bytes));
+				flushOp(op, "completed");
+			});
+		},
+		markOperation(operation) {
+			const nextOperation = String(operation ?? "").trim();
+			if (!nextOperation) return;
+			const op = resolveActiveOp();
+			if (!op) return;
+			op.operation = nextOperation;
+		}
+	};
+}
+function getCliLatencyProfiler() {
+	if (singleton !== void 0) return singleton;
+	singleton = createProfiler();
+	return singleton;
+}
+
 //#endregion
 //#region src/utils/newlines.ts
 function normalizeNewlines(text) {
@@ -1422,6 +1724,7 @@ function parseMouseSequence(sequence) {
 const ESC$1 = "\x1B";
 const BRACKETED_PASTE_START = "\x1B[200~";
 const BRACKETED_PASTE_END = "\x1B[201~";
+const ESC_CONTINUATION_RESCUE_WINDOW_MS = 64;
 function looksLikeQuotedPathPaste(value) {
 	if (!value) return false;
 	if (value.includes(ESC$1)) return false;
@@ -1524,6 +1827,11 @@ function extractCompleteSequences(buffer) {
 		remainder: ""
 	};
 }
+function looksLikeSplitEscapeContinuation(value) {
+	const first = value[0];
+	if (first !== "[" && first !== "]" && first !== "P" && first !== "_" && first !== "O") return false;
+	return isCompleteSequence(`${ESC$1}${value}`) !== "not-escape";
+}
 var StdinBuffer = class extends EventEmitter {
 	constructor(options = {}) {
 		super();
@@ -1531,6 +1839,7 @@ var StdinBuffer = class extends EventEmitter {
 		this.timeout = null;
 		this.timeoutMs = void 0;
 		this.escTimeoutMs = void 0;
+		this.pendingEscContinuationAt = null;
 		this.pasteMode = false;
 		this.pasteBuffer = "";
 		this.timeoutMs = options.timeout ?? 10;
@@ -1547,6 +1856,11 @@ var StdinBuffer = class extends EventEmitter {
 			str = `\x1B${String.fromCharCode(byte)}`;
 		} else str = data.toString();
 		else str = data;
+		if (this.pendingEscContinuationAt != null) {
+			const canRescue = Date.now() - this.pendingEscContinuationAt <= ESC_CONTINUATION_RESCUE_WINDOW_MS;
+			this.pendingEscContinuationAt = null;
+			if (canRescue && looksLikeSplitEscapeContinuation(str)) str = `${ESC$1}${str}`;
+		}
 		if (str.length === 0 && this.buffer.length === 0) {
 			this.emit("data", "");
 			return;
@@ -1600,7 +1914,9 @@ var StdinBuffer = class extends EventEmitter {
 		if (this.buffer.length > 0) {
 			const timeoutMs = this.buffer === ESC$1 ? this.escTimeoutMs : this.timeoutMs;
 			this.timeout = setTimeout(() => {
+				const rescuableLoneEsc = this.buffer === ESC$1;
 				const flushed = this.flush();
+				if (rescuableLoneEsc && flushed.length === 1 && flushed[0] === ESC$1) this.pendingEscContinuationAt = Date.now();
 				for (const sequence of flushed) this.emit("data", sequence);
 			}, timeoutMs);
 		}
@@ -1621,6 +1937,7 @@ var StdinBuffer = class extends EventEmitter {
 			this.timeout = null;
 		}
 		this.buffer = "";
+		this.pendingEscContinuationAt = null;
 		this.pasteMode = false;
 		this.pasteBuffer = "";
 	}
@@ -1634,6 +1951,10 @@ var StdinBuffer = class extends EventEmitter {
 
 //#endregion
 //#region src/cli/input.ts
+const KITTY_KEYBOARD_PROTOCOL_ENABLE = "\x1B[>1u";
+const KITTY_KEYBOARD_PROTOCOL_DISABLE = "\x1B[<u";
+const XTERM_MODIFY_OTHER_KEYS_ENABLE = "\x1B[>4;2m";
+const XTERM_MODIFY_OTHER_KEYS_DISABLE = "\x1B[>4n";
 function isPrintable(ch) {
 	if (ch.length === 0) return false;
 	if (ch.length === 1) {
@@ -1653,12 +1974,54 @@ function ctrlKeyFromChar(ch) {
 	if (code >= 1 && code <= 26) return String.fromCharCode(code + 96);
 	return null;
 }
+function isUnhandledCtrlC(event) {
+	return event.type === "keydown" && (event.key === "c" || event.key === "C") && event.ctrlKey === true && event.metaKey !== true && event.altKey !== true && event.shiftKey !== true;
+}
+function parseKeyboardProtocol(value) {
+	const normalized = String(value ?? "").trim().toLowerCase();
+	if (normalized === "auto" || normalized === "kitty" || normalized === "xterm" || normalized === "off") return normalized;
+	return null;
+}
+function detectKeyboardProtocol(env) {
+	const termProgram = String(env.TERM_PROGRAM ?? "").trim().toLowerCase();
+	const term = String(env.TERM ?? "").trim().toLowerCase();
+	const hasKittyProtocolTerminal = "GHOSTTY_RESOURCES_DIR" in env || "WEZTERM_PANE" in env || "KITTY_WINDOW_ID" in env || "KITTY_INSTALLATION_DIR" in env || "ALACRITTY_WINDOW_ID" in env || "ALACRITTY_LOG" in env || termProgram.includes("ghostty") || termProgram.includes("wezterm") || termProgram.includes("kitty") || termProgram.includes("alacritty");
+	if (hasKittyProtocolTerminal) return "kitty";
+	const isScreenLike = "TMUX" in env || term.includes("screen") || term.includes("tmux");
+	const hasXtermKeyboardTerminal = termProgram.includes("iterm") || termProgram.includes("apple_terminal") || termProgram.includes("vscode") || term.includes("xterm") && !isScreenLike;
+	return hasXtermKeyboardTerminal ? "xterm" : "off";
+}
+function resolveKeyboardProtocol(options) {
+	var _options$env;
+	const configured = parseKeyboardProtocol(options.keyboardProtocol) ?? "auto";
+	if (configured !== "auto") return configured;
+	const envOverride = parseKeyboardProtocol((_options$env = options.env) === null || _options$env === void 0 ? void 0 : _options$env.DIMCODE_KEYBOARD_PROTOCOL);
+	if (envOverride && envOverride !== "auto") return envOverride;
+	return detectKeyboardProtocol(options.env ?? {});
+}
+function getKeyboardProtocolSequences(protocol) {
+	if (protocol === "kitty") return {
+		enable: KITTY_KEYBOARD_PROTOCOL_ENABLE,
+		disable: KITTY_KEYBOARD_PROTOCOL_DISABLE
+	};
+	if (protocol === "xterm") return {
+		enable: XTERM_MODIFY_OTHER_KEYS_ENABLE,
+		disable: XTERM_MODIFY_OTHER_KEYS_DISABLE
+	};
+	return null;
+}
 function createStdinDriver(options) {
 	const stdin = options.stdin ?? process$1.stdin;
 	const stdout = options.stdout ?? process$1.stdout;
 	if (!stdin || !stdout) throw new Error("createStdinDriver requires Node process.stdin/stdout");
+	const env = options.env ?? process$1.env ?? {};
 	const enableMouse = options.enableMouse ?? true;
 	const enableMouseMotion = options.enableMouseMotion ?? false;
+	const keyboardProtocol = resolveKeyboardProtocol({
+		keyboardProtocol: options.keyboardProtocol,
+		env
+	});
+	const keyboardProtocolSequences = getKeyboardProtocolSequences(keyboardProtocol);
 	let disposed = false;
 	let swallowNextLF = false;
 	let lastMouseDown = null;
@@ -1668,55 +2031,61 @@ function createStdinDriver(options) {
 	});
 	const stdinBuffer = new StdinBuffer({
 		timeout: 50,
-		escTimeout: enableMouse ? 80 : 20
+		escTimeout: enableMouse ? 8 : 6
 	});
+	const latency = getCliLatencyProfiler();
+	const dispatchEvent = (event, parser) => {
+		var _options$onExit;
+		latency === null || latency === void 0 || latency.recordStdinDispatch(event, { parser });
+		const prevented = Boolean(options.dispatch(event));
+		if (isUnhandledCtrlC(event) && !prevented) (_options$onExit = options.onExit) === null || _options$onExit === void 0 || _options$onExit.call(options);
+		return prevented;
+	};
 	const handlePlainChar = (ch) => {
 		if (swallowNextLF) {
 			swallowNextLF = false;
 			if (ch === "\n") return;
 		}
 		if (ch === "") {
-			var _options$onExit;
-			const prevented = Boolean(options.dispatch(keyEvent("c", "", { ctrlKey: true })));
-			if (!prevented) (_options$onExit = options.onExit) === null || _options$onExit === void 0 || _options$onExit.call(options);
+			dispatchEvent(keyEvent("c", "", { ctrlKey: true }), "plain");
 			return;
 		}
 		if (ch === "\r") {
 			swallowNextLF = true;
-			options.dispatch(keyEvent("Enter", "Enter"));
+			dispatchEvent(keyEvent("Enter", "Enter"), "plain");
 			return;
 		}
 		if (ch === "\n") {
-			options.dispatch({
+			dispatchEvent({
 				type: "input",
 				data: "\n",
 				inputType: "insertLineBreak",
 				text: "\n"
-			});
+			}, "plain");
 			return;
 		}
 		const ctrlKey = ctrlKeyFromChar(ch);
 		if (ctrlKey) {
 			if (ctrlKey === "i") {
-				options.dispatch(keyEvent("Tab", "Tab"));
+				dispatchEvent(keyEvent("Tab", "Tab"), "plain");
 				return;
 			}
 			if (ctrlKey === "h") {
-				options.dispatch(keyEvent("Backspace", "Backspace"));
+				dispatchEvent(keyEvent("Backspace", "Backspace"), "plain");
 				return;
 			}
-			options.dispatch(keyEvent(ctrlKey, "", { ctrlKey: true }));
+			dispatchEvent(keyEvent(ctrlKey, "", { ctrlKey: true }), "plain");
 			return;
 		}
 		if (ch === "") {
-			options.dispatch(keyEvent("Backspace", "Backspace"));
+			dispatchEvent(keyEvent("Backspace", "Backspace"), "plain");
 			return;
 		}
 		if (ch === "	") {
-			options.dispatch(keyEvent("Tab", "Tab"));
+			dispatchEvent(keyEvent("Tab", "Tab"), "plain");
 			return;
 		}
-		if (isPrintable(ch)) options.dispatch(keyEvent(ch));
+		if (isPrintable(ch)) dispatchEvent(keyEvent(ch), "plain");
 	};
 	const handleMouseEvent = (event) => {
 		const ev = event;
@@ -1789,21 +2158,21 @@ function createStdinDriver(options) {
 		}
 		const kitty = parseKittySequence(sequence);
 		if (kitty.handled) {
-			if (kitty.event) options.dispatch(kitty.event);
+			if (kitty.event) dispatchEvent(kitty.event, "kitty");
 			return;
 		}
 		const legacy = parseLegacySequence(sequence);
 		if (legacy.handled) {
-			if (legacy.event) options.dispatch(legacy.event);
+			if (legacy.event) dispatchEvent(legacy.event, "legacy");
 			return;
 		}
 		if (sequence.startsWith("\x1B")) {
 			if (sequence.length === 2 && isPrintable(sequence[1])) {
-				options.dispatch(keyEvent(sequence[1], "", { altKey: true }));
+				dispatchEvent(keyEvent(sequence[1], "", { altKey: true }), "alt");
 				return;
 			}
 			if (sequence === "\x1B") {
-				options.dispatch(keyEvent("Escape", "Escape"));
+				dispatchEvent(keyEvent("Escape", "Escape"), "escape");
 				return;
 			}
 			return;
@@ -1813,10 +2182,10 @@ function createStdinDriver(options) {
 	stdinBuffer.on("data", handleSequence);
 	stdinBuffer.on("paste", (data) => {
 		const pastedText = normalizeNewlines(data);
-		if (pastedText) options.dispatch({
+		if (pastedText) dispatchEvent({
 			type: "paste",
 			text: pastedText
-		});
+		}, "paste");
 	});
 	const decodeBytes = (bytes) => {
 		if (bytes.length === 1 && bytes[0] > 127) {
@@ -1829,6 +2198,7 @@ function createStdinDriver(options) {
 	};
 	const onData = (chunk) => {
 		if (disposed) return;
+		latency === null || latency === void 0 || latency.recordRawInput();
 		if (typeof chunk === "string") {
 			stdinBuffer.process(chunk);
 			return;
@@ -1854,6 +2224,7 @@ function createStdinDriver(options) {
 	if (stdout.isTTY) {
 		stdout.write("\x1B[?2004h");
 		stdout.write("\x1B[?1004h");
+		if (keyboardProtocolSequences) stdout.write(keyboardProtocolSequences.enable);
 		if (enableMouse) {
 			stdout.write("\x1B[?1007h");
 			if (enableMouseMotion) stdout.write("\x1B[?1000h\x1B[?1003h\x1B[?1006h");
@@ -1876,6 +2247,7 @@ function createStdinDriver(options) {
 		if (stdout.isTTY) {
 			stdout.write("\x1B[?2004l");
 			stdout.write("\x1B[?1004l");
+			if (keyboardProtocolSequences) stdout.write(keyboardProtocolSequences.disable);
 			if (enableMouse) {
 				stdout.write("\x1B[?1007l");
 				if (enableMouseMotion) stdout.write("\x1B[?1000l\x1B[?1003l\x1B[?1006l");
@@ -3901,6 +4273,7 @@ function createCliEventManager(options) {
 	let hoverPath = [];
 	const record = options === null || options === void 0 ? void 0 : options.record;
 	const onFocusChange = options === null || options === void 0 ? void 0 : options.onFocusChange;
+	const latency = getCliLatencyProfiler();
 	const MODAL_FOCUS_Z_THRESHOLD = 100;
 	const MODAL_ROOT_MIN_AREA = 40;
 	function focusLockTarget() {
@@ -4280,51 +4653,65 @@ function createCliEventManager(options) {
 		},
 		dispatch(event) {
 			record === null || record === void 0 || record(event);
-			if (event.type === "keydown" || event.type === "keyup") return dispatchToFocused(event.type, event);
-			if (event.type === "pointerdown" || event.type === "pointermove" || event.type === "pointerup" || event.type === "click" || event.type === "dblclick" || event.type === "contextmenu" || event.type === "wheel") {
-				if (event.type === "pointerdown") {
-					const list = candidatesAt(event.cellX, event.cellY);
-					const target = pickTarget(list);
-					if (target === null || target === void 0 ? void 0 : target.focusable) setFocus(target.id);
-					capturedId = (target === null || target === void 0 ? void 0 : target.id) ?? null;
-					updateHover(target, event);
-					dispatchPointerEvent("pointerdown", event, target);
-					return false;
-				}
-				if (event.type === "pointermove" && capturedId) {
-					const target = nodes.get(capturedId) ?? null;
-					if (!target) return false;
-					updateHover(target, event);
-					const path = ancestorsForTarget(target);
-					const ev = buildPointerEvent("pointermove", path, event);
-					dispatchWithPhases("pointermove", path, target, ev);
-					return ev.defaultPrevented;
-				}
-				if (event.type === "pointermove") {
-					const list = candidatesAt(event.cellX, event.cellY);
-					const target = pickTarget(list);
-					updateHover(target, event);
-					dispatchPointerEvent("pointermove", event, target);
-					return false;
+			latency === null || latency === void 0 || latency.recordEventDispatchStart(event);
+			let prevented = false;
+			try {
+				if (event.type === "keydown" || event.type === "keyup") {
+					prevented = dispatchToFocused(event.type, event);
+					return prevented;
 				}
-				if (event.type === "pointerup" && capturedId) {
-					const target = nodes.get(capturedId) ?? null;
-					const path = target ? ancestorsForTarget(target) : [];
-					const ev = buildPointerEvent("pointerup", path, event);
-					dispatchWithPhases("pointerup", path, target, ev);
-					capturedId = null;
-					return ev.defaultPrevented;
+				if (event.type === "pointerdown" || event.type === "pointermove" || event.type === "pointerup" || event.type === "click" || event.type === "dblclick" || event.type === "contextmenu" || event.type === "wheel") {
+					if (event.type === "pointerdown") {
+						const list = candidatesAt(event.cellX, event.cellY);
+						const target = pickTarget(list);
+						if (target === null || target === void 0 ? void 0 : target.focusable) setFocus(target.id);
+						capturedId = (target === null || target === void 0 ? void 0 : target.id) ?? null;
+						updateHover(target, event);
+						dispatchPointerEvent("pointerdown", event, target);
+						return prevented;
+					}
+					if (event.type === "pointermove" && capturedId) {
+						const target = nodes.get(capturedId) ?? null;
+						if (!target) return prevented;
+						updateHover(target, event);
+						const path = ancestorsForTarget(target);
+						const ev = buildPointerEvent("pointermove", path, event);
+						dispatchWithPhases("pointermove", path, target, ev);
+						prevented = ev.defaultPrevented;
+						return prevented;
+					}
+					if (event.type === "pointermove") {
+						const list = candidatesAt(event.cellX, event.cellY);
+						const target = pickTarget(list);
+						updateHover(target, event);
+						dispatchPointerEvent("pointermove", event, target);
+						return prevented;
+					}
+					if (event.type === "pointerup" && capturedId) {
+						const target = nodes.get(capturedId) ?? null;
+						const path = target ? ancestorsForTarget(target) : [];
+						const ev = buildPointerEvent("pointerup", path, event);
+						dispatchWithPhases("pointerup", path, target, ev);
+						capturedId = null;
+						prevented = ev.defaultPrevented;
+						return prevented;
+					}
+					if (event.type === "pointerup") {
+						dispatchPointerEvent("pointerup", event);
+						capturedId = null;
+						return prevented;
+					}
+					dispatchPointerEvent(event.type, event);
+					return prevented;
 				}
-				if (event.type === "pointerup") {
-					dispatchPointerEvent("pointerup", event);
-					capturedId = null;
-					return false;
+				if (event.type === "beforeinput" || event.type === "input" || event.type === "compositionstart" || event.type === "compositionupdate" || event.type === "compositionend" || event.type === "paste") {
+					prevented = dispatchToFocusedText(event.type, event);
+					return prevented;
 				}
-				dispatchPointerEvent(event.type, event);
-				return false;
+				return prevented;
+			} finally {
+				latency === null || latency === void 0 || latency.recordEventDispatchEnd(event, { defaultPrevented: prevented });
 			}
-			if (event.type === "beforeinput" || event.type === "input" || event.type === "compositionstart" || event.type === "compositionupdate" || event.type === "compositionend" || event.type === "paste") return dispatchToFocusedText(event.type, event);
-			return false;
 		},
 		debugNodes() {
 			return Array.from(nodes.values()).map((n) => ({
@@ -5439,8 +5826,8 @@ function createTuiProfiler(name) {
 	const invalidatePlaneCounts = new Map();
 	const renderPlaneCounts = new Map();
 	const logEveryMs = Number((env === null || env === void 0 ? void 0 : env.DIMCODE_PROFILE_TUI_LOG_EVERY_MS) ?? 1e3);
-	const now$2 = defaultNow;
-	let lastLogAt = now$2();
+	const now$3 = defaultNow;
+	let lastLogAt = now$3();
 	function incrementPlaneCount(target, key) {
 		const normalized = String(key ?? "all").trim() || "all";
 		target.set(normalized, (target.get(normalized) ?? 0) + 1);
@@ -5453,7 +5840,7 @@ function createTuiProfiler(name) {
 		if (dest === "stdout" || dest === "both") console.log(line);
 	}
 	function flushLog() {
-		const at = now$2();
+		const at = now$3();
 		const elapsed = at - lastLogAt;
 		if (elapsed <= 0) return;
 		lastLogAt = at;
@@ -5524,7 +5911,7 @@ function createTuiProfiler(name) {
 	const timer = setInterval(flushLog, Number.isFinite(logEveryMs) ? Math.max(100, logEveryMs) : 1e3);
 	(_unref = timer.unref) === null || _unref === void 0 || _unref.call(timer);
 	return {
-		now: now$2,
+		now: now$3,
 		recordInvalidate(info) {
 			invalidates++;
 			incrementPlaneCount(invalidatePlaneCounts, (info === null || info === void 0 ? void 0 : info.plane) ?? "all");
@@ -6644,6 +7031,7 @@ function createTerminalApp(options) {
 		rows: options.rows
 	});
 	const trace = createTraceStore({ enabled: Boolean(globalThis.__VT_DEBUG_TRACE__) });
+	const latency = getCliLatencyProfiler();
 	const profiler = createTuiProfiler("cli-scheduler");
 	const events = createCliEventManager({
 		record: (event) => {
@@ -6665,7 +7053,12 @@ function createTerminalApp(options) {
 		}
 	});
 	const render = createRenderManager(terminal);
-	const offCommit = terminal.on("commit", ({ dirtyRows, planes }) => {
+	const offCommit = terminal.on("commit", ({ dirtyRows, planes, sync }) => {
+		latency === null || latency === void 0 || latency.recordCommit({
+			dirtyRows,
+			planes,
+			sync
+		});
 		if (!trace.enabled.value) return;
 		trace.push({
 			type: "commit",
@@ -6686,7 +7079,6 @@ function createTerminalApp(options) {
 	let pendingInvalidateAllPlanes = false;
 	const pendingInvalidatePlanes = new Set();
 	const env = (process$1 === null || process$1 === void 0 ? void 0 : process$1.env) ?? {};
-	const isGhostty = "GHOSTTY_RESOURCES_DIR" in env;
 	const throttleMs = (() => {
 		const raw = env.DIMCODE_TUI_THROTTLE_MS;
 		if (!raw) return 0;
@@ -6696,7 +7088,7 @@ function createTerminalApp(options) {
 	const frameThrottleMs = (() => {
 		var _process$stdout;
 		if (!(process$1 === null || process$1 === void 0 || (_process$stdout = process$1.stdout) === null || _process$stdout === void 0 ? void 0 : _process$stdout.isTTY)) return 0;
-		return isGhostty ? 24 : 16;
+		return 16;
 	})();
 	function queueInvalidatePlane(plane) {
 		if (!plane) {
@@ -6723,14 +7115,22 @@ function createTerminalApp(options) {
 		scheduled = false;
 		flushing = true;
 		const activePlanes = takeActivePlanes();
-		render.render({ activePlanes });
-		terminal.commit({
-			planes: activePlanes,
-			sync
+		latency === null || latency === void 0 || latency.recordFlushStart({
+			sync,
+			activePlanes
 		});
-		flushing = false;
-		lastFlushAtMs = Date.now();
-		scheduledAtMs = 0;
+		try {
+			render.render({ activePlanes });
+			terminal.commit({
+				planes: activePlanes,
+				sync
+			});
+		} finally {
+			latency === null || latency === void 0 || latency.recordFlushEnd();
+			flushing = false;
+			lastFlushAtMs = Date.now();
+			scheduledAtMs = 0;
+		}
 		if (pendingInvalidateAfterFlush) {
 			pendingInvalidateAfterFlush = false;
 			flush(true);
@@ -6774,12 +7174,16 @@ function createTerminalApp(options) {
 	}
 	function invalidate(options$1) {
 		if (disposed) return;
+		const priority = (options$1 === null || options$1 === void 0 ? void 0 : options$1.priority) ?? "normal";
+		latency === null || latency === void 0 || latency.recordSchedulerInvalidate({
+			priority,
+			plane: (options$1 === null || options$1 === void 0 ? void 0 : options$1.plane) ?? null
+		});
 		if (flushing) {
 			queueInvalidatePlane(options$1 === null || options$1 === void 0 ? void 0 : options$1.plane);
 			pendingInvalidateAfterFlush = true;
 			return;
 		}
-		const priority = (options$1 === null || options$1 === void 0 ? void 0 : options$1.priority) ?? "normal";
 		queueInvalidatePlane(options$1 === null || options$1 === void 0 ? void 0 : options$1.plane);
 		profiler === null || profiler === void 0 || profiler.recordInvalidate({ plane: (options$1 === null || options$1 === void 0 ? void 0 : options$1.plane) ?? null });
 		if (priority === "high") {
@@ -7016,6 +7420,7 @@ function createStdoutRenderer(terminal, options) {
 	let palette = options === null || options === void 0 ? void 0 : options.palette;
 	const trackResize = (options === null || options === void 0 ? void 0 : options.trackResize) ?? true;
 	const getImeAnchor = options === null || options === void 0 ? void 0 : options.getImeAnchor;
+	const cliLatency = getCliLatencyProfiler();
 	const profiler = createTuiProfiler("stdout-renderer");
 	function resolveUseSyncOutput() {
 		if ((options === null || options === void 0 ? void 0 : options.useSyncOutput) != null) return options.useSyncOutput;
@@ -7025,13 +7430,13 @@ function createStdoutRenderer(terminal, options) {
 			const v = String(envValue).trim().toLowerCase();
 			return v === "1" || v === "true" || v === "yes";
 		}
-		const term = String(env$1.TERM ?? "").toLowerCase();
-		const termProgram = String(env$1.TERM_PROGRAM ?? "").toLowerCase();
+		const term$1 = String(env$1.TERM ?? "").toLowerCase();
+		const termProgram$1 = String(env$1.TERM_PROGRAM ?? "").toLowerCase();
 		const termProgramVersion = env$1.TERM_PROGRAM_VERSION;
 		const isGhostty$1 = "GHOSTTY_RESOURCES_DIR" in env$1;
-		const isProblematicTerminal = isGhostty$1 || termProgram.includes("apple_terminal") || term.includes("screen") && !term.includes("tmux");
+		const isProblematicTerminal = isGhostty$1 || termProgram$1.includes("apple_terminal") || term$1.includes("screen") && !term$1.includes("tmux");
 		if (isProblematicTerminal) return false;
-		const isGoodTerminal = termProgram.includes("iterm") && termProgramVersion && compareVersion(String(termProgramVersion), "3.5.0") >= 0;
+		const isGoodTerminal = termProgram$1.includes("iterm") && termProgramVersion && compareVersion(String(termProgramVersion), "3.5.0") >= 0;
 		if (isGoodTerminal) return true;
 		return false;
 	}
@@ -7068,7 +7473,10 @@ function createStdoutRenderer(terminal, options) {
 		return .6;
 	})();
 	const disableCursorPos = isGhostty && (process$1 === null || process$1 === void 0 || (_ref3 = process$1.env) === null || _ref3 === void 0 ? void 0 : _ref3.DIMCODE_DISABLE_CURSOR_POS) === "1";
-	const isVscodeTerminal = String(env.TERM_PROGRAM ?? "").trim().toLowerCase() === "vscode" || "VSCODE_PID" in env || "VSCODE_IPC_HOOK_CLI" in env;
+	const termProgram = String(env.TERM_PROGRAM ?? "").trim().toLowerCase();
+	const term = String(env.TERM ?? "").trim().toLowerCase();
+	const isVscodeTerminal = termProgram === "vscode" || "VSCODE_PID" in env || "VSCODE_IPC_HOOK_CLI" in env;
+	const useConservativeDirtyRowRendering = out.isTTY !== false && !isVscodeTerminal && (isGhostty || "KITTY_WINDOW_ID" in env || "ALACRITTY_WINDOW_ID" in env || "ALACRITTY_LOG" in env || "WEZTERM_PANE" in env || "WEZTERM_EXECUTABLE" in env || termProgram.includes("kitty") || termProgram.includes("alacritty") || termProgram.includes("wezterm") || term.includes("kitty") || term.includes("alacritty"));
 	const enableOsc8Links = (() => {
 		if (!out.isTTY) return false;
 		const raw = String(env.DIMCODE_TUI_LINKS ?? "").trim().toLowerCase();
@@ -7089,7 +7497,7 @@ function createStdoutRenderer(terminal, options) {
 	let accumulatedDirtyMax = -1;
 	let accumulatedScrollOperations = null;
 	let accumulatedSkipUnchangedDirtyRows = true;
-	const MIN_FRAME_MS = !out.isTTY ? 0 : isGhostty ? 24 : 16;
+	const MIN_FRAME_MS = !out.isTTY ? 0 : 16;
 	function clampCellToViewport(cell, size) {
 		const maxX = Math.max(0, Math.floor(size.cols) - 1);
 		const maxY = Math.max(0, Math.floor(size.rows) - 1);
@@ -7558,6 +7966,7 @@ function createStdoutRenderer(terminal, options) {
 	function doRender(dirtyRows, scrollOperations, skipUnchangedDirtyRows = false) {
 		if (isDebugEnabled()) getDebugLog().render(`doRender() START: dirtyRows=${(dirtyRows === null || dirtyRows === void 0 ? void 0 : dirtyRows.length) ?? "null"}`);
 		if (disposed) return;
+		cliLatency === null || cliLatency === void 0 || cliLatency.recordStdoutRenderStart();
 		pendingRender = false;
 		accumulatedAllRows = false;
 		accumulatedDirtyBits = null;
@@ -7628,6 +8037,7 @@ function createStdoutRenderer(terminal, options) {
 			if (!sorted) outRows.sort((a, b) => a - b);
 			return outRows;
 		})();
+		if (fpPrevValid && rowsToRender) currentFP.set(prevFP);
 		const frameParts = [];
 		frameParts.push(!isGhostty && useSyncOutput ? SYNC_START : "");
 		frameParts.push("\x1B[?7l");
@@ -7735,6 +8145,10 @@ function createStdoutRenderer(terminal, options) {
 		const overlayRowSet = overlayRows.length ? new Set(overlayRows) : null;
 		const overlayPartialRows = Array.from(new Set([...overlayCoverage.partialRows, ...prevOverlayPartialRows])).sort((a, b) => a - b);
 		const overlayPartialRowSet = overlayPartialRows.length ? new Set(overlayPartialRows) : null;
+		const overlayTouchedRowSet = (() => {
+			if (!overlayRowSet && !overlayPartialRowSet) return null;
+			return new Set([...overlayRowSet ? Array.from(overlayRowSet) : [], ...overlayPartialRowSet ? Array.from(overlayPartialRowSet) : []]);
+		})();
 		let explicitScrollOperations = normalizedScrollOperations;
 		let hiddenExplicitDirtyRows = null;
 		let allowInferredScrollRegions = true;
@@ -7818,12 +8232,12 @@ function createStdoutRenderer(terminal, options) {
 				frameParts.push("\x1B[r");
 			}
 			const explicitDirtyRows = Array.from(explicitRowsToRender).sort((a, b) => a - b);
-			const overlayDirtyRows = overlayRowSet ? explicitDirtyRows.filter((y) => overlayRowSet.has(y)) : [];
+			const overlayDirtyRows = overlayTouchedRowSet ? explicitDirtyRows.filter((y) => overlayTouchedRowSet.has(y)) : [];
 			const paintedExplicitRows = [];
 			for (const y of explicitDirtyRows) {
 				const row = terminal.getRow(y);
-				const overlayRow = overlayRowSet === null || overlayRowSet === void 0 ? void 0 : overlayRowSet.has(y);
-				if (overlayRow) {
+				const overlayRow = overlayTouchedRowSet === null || overlayTouchedRowSet === void 0 ? void 0 : overlayTouchedRowSet.has(y);
+				if (overlayRow || useConservativeDirtyRowRendering) {
 					fingerprintRow(row, y, size.cols);
 					renderRow$1(y, row);
 					paintedExplicitRows.push(y);
@@ -7898,10 +8312,10 @@ function createStdoutRenderer(terminal, options) {
 				const extraDirtyRows = overlayRowSet ? shift.extraDirtyRows.filter((y) => !overlayRowSet.has(y) || Boolean(overlayPartialRowSet === null || overlayPartialRowSet === void 0 ? void 0 : overlayPartialRowSet.has(y))) : shift.extraDirtyRows;
 				for (const y of extraDirtyRows) {
 					const row = terminal.getRow(y);
-					const overlayRow = overlayRowSet === null || overlayRowSet === void 0 ? void 0 : overlayRowSet.has(y);
-					if (overlayRow) {
-						renderRow$1(y, row);
+					const overlayRow = overlayTouchedRowSet === null || overlayTouchedRowSet === void 0 ? void 0 : overlayTouchedRowSet.has(y);
+					if (overlayRow || useConservativeDirtyRowRendering) {
 						fingerprintRow(row, y, size.cols);
+						renderRow$1(y, row);
 						continue;
 					}
 					const span = resolveChangedSpanAgainstReference(row, y, size.cols);
@@ -7937,13 +8351,13 @@ function createStdoutRenderer(terminal, options) {
 				renderRow$1(y, row);
 			}
 		} else {
-			const overlayDirtyRows = overlayRowSet ? rowsToRender.filter((y) => overlayRowSet.has(y)) : [];
+			const overlayDirtyRows = overlayTouchedRowSet ? rowsToRender.filter((y) => overlayTouchedRowSet.has(y)) : [];
 			if (isDebugEnabled()) getDebugLog().render(` Partial render: ${rowsToRender.length} dirty rows: [${rowsToRender.join(", ")}]${overlayDirtyRows.length ? ` (overlay-full-row: [${overlayDirtyRows.join(", ")}])` : ""}`);
 			for (const y of rowsToRender) {
 				const row = terminal.getRow(y);
 				fingerprintRow(row, y, size.cols);
-				const overlayRow = overlayRowSet === null || overlayRowSet === void 0 ? void 0 : overlayRowSet.has(y);
-				if (overlayRow) {
+				const overlayRow = overlayTouchedRowSet === null || overlayTouchedRowSet === void 0 ? void 0 : overlayTouchedRowSet.has(y);
+				if (overlayRow || useConservativeDirtyRowRendering) {
 					renderRow$1(y, row);
 					continue;
 				}
@@ -7991,6 +8405,7 @@ function createStdoutRenderer(terminal, options) {
 		}
 		if (!hasFrameOutput) {
 			if (isDebugEnabled()) getDebugLog().render(" No-op frame skipped");
+			cliLatency === null || cliLatency === void 0 || cliLatency.recordStdoutNoOutput();
 			return;
 		}
 		if (enableOsc8Links && activeStyle.href) frameParts.push(OSC8_CLOSE);
@@ -8119,6 +8534,11 @@ function createStdoutRenderer(terminal, options) {
 				bytes: frame.length,
 				mode: writeMode === "sync" ? "sync" : writeMode === "chunked" ? "chunked" : "stream"
 			});
+			cliLatency === null || cliLatency === void 0 || cliLatency.recordStdoutWrite({
+				durationMs: writeMs,
+				bytes: frame.length,
+				mode: writeMode === "sync" ? "sync" : writeMode === "chunked" ? "chunked" : "stream"
+			});
 		}
 		if (isDebugEnabled()) {
 			const totalTime = (performance.now() - renderStart).toFixed(2);
@@ -8219,9 +8639,13 @@ function createStdoutRenderer(terminal, options) {
 			mergeScrollOperations(scrollOperations);
 			accumulatedSkipUnchangedDirtyRows && (accumulatedSkipUnchangedDirtyRows = skipUnchangedDirtyRows);
 		}
-		if (pendingRender && !sync) return;
-		const now$2 = Date.now();
-		const elapsed = now$2 - lastFrameTime;
+		const now$3 = Date.now();
+		const elapsed = now$3 - lastFrameTime;
+		const queuedDelayMs = Math.max(0, MIN_FRAME_MS - elapsed);
+		if (pendingRender && !sync) {
+			cliLatency === null || cliLatency === void 0 || cliLatency.recordStdoutQueued(queuedDelayMs);
+			return;
+		}
 		if (sync) {
 			if (pendingRender) {
 				pendingRender = false;
@@ -8232,12 +8656,14 @@ function createStdoutRenderer(terminal, options) {
 			}
 			const rows = buildAccumulatedRows();
 			const pendingScrolls = buildAccumulatedScrollOperations();
+			cliLatency === null || cliLatency === void 0 || cliLatency.recordStdoutQueued(0);
 			doRender(rows, pendingScrolls, accumulatedSkipUnchangedDirtyRows);
 			return;
 		}
 		if (elapsed >= MIN_FRAME_MS) {
 			const rows = buildAccumulatedRows();
 			const pendingScrolls = buildAccumulatedScrollOperations();
+			cliLatency === null || cliLatency === void 0 || cliLatency.recordStdoutQueued(0);
 			doRender(rows, pendingScrolls, accumulatedSkipUnchangedDirtyRows);
 		} else {
 			pendingRender = true;
@@ -8249,7 +8675,8 @@ function createStdoutRenderer(terminal, options) {
 					const pendingScrolls = buildAccumulatedScrollOperations();
 					doRender(rows, pendingScrolls, accumulatedSkipUnchangedDirtyRows);
 				}
-			}, MIN_FRAME_MS - elapsed);
+			}, queuedDelayMs);
+			cliLatency === null || cliLatency === void 0 || cliLatency.recordStdoutQueued(queuedDelayMs);
 		}
 	}
 	terminal.setFingerprintFn((ch, style) => {
@@ -8526,12 +8953,22 @@ const rowCache = new WeakMap();
 function segmentsToKey(segments) {
 	return segments.map((s) => `${s.key}:${s.text}:${s.cols}:${s.wide}`).join("|");
 }
+function isPlainStyle(style) {
+	return !style.fg && !style.bg && !style.bold && !style.dim && !style.italic && !style.underline && !style.inverse && !style.href;
+}
+function isTransparentBlankRow(segments) {
+	return segments.length === 1 && isPlainStyle(segments[0].style) && segments[0].text.trim().length === 0;
+}
 function renderRow(terminal, metrics$1, wideScaleX, y, lineEl) {
 	const segments = computeRowSegments(terminal, y);
 	const newKey = segmentsToKey(segments);
 	const cachedKey = rowCache.get(lineEl);
 	if (cachedKey === newKey) return;
 	rowCache.set(lineEl, newKey);
+	if (isTransparentBlankRow(segments)) {
+		lineEl.replaceChildren();
+		return;
+	}
 	const fragment = document.createDocumentFragment();
 	for (const seg of segments) {
 		const span = document.createElement("span");
@@ -8552,6 +8989,7 @@ function createDomRenderer(terminal, container) {
 	container.style.whiteSpace = "pre";
 	container.style.display = "inline-block";
 	container.style.overflow = "hidden";
+	container.style.position = "relative";
 	container.style.userSelect = "text";
 	container.style.outline = "none";
 	container.style.contain = "layout style";
@@ -8559,21 +8997,93 @@ function createDomRenderer(terminal, container) {
 	installAnsiPaletteCssVars(container);
 	let metrics$1 = measureCell(container);
 	let wideScaleX = 1;
-	let lineEls = [];
+	const planeLayers = new Map();
 	let raf = 0;
-	const pending = new Set();
+	const pending = new Map();
 	let disposed = false;
+	function applyPlaneOffset(plane, offsetPx) {
+		const layer = planeLayers.get(plane);
+		if (!layer) return;
+		const next = Number.isFinite(offsetPx) ? offsetPx : 0;
+		if (layer.offsetPx === next) return;
+		layer.offsetPx = next;
+		layer.contentEl.style.transform = next ? `translateY(${next}px)` : "translateY(0px)";
+	}
+	function applyPlaneViewport(plane, viewport) {
+		const layer = planeLayers.get(plane);
+		if (!layer) return;
+		const totalHeight = terminal.size().rows * metrics$1.cellHeight;
+		if (!viewport) {
+			layer.viewportTopPx = 0;
+			layer.viewportHeightPx = null;
+			layer.el.style.clipPath = "none";
+			return;
+		}
+		const topPx = Math.max(0, Math.min(totalHeight, Math.floor(viewport.topPx)));
+		const heightPx = Math.max(0, Math.min(totalHeight - topPx, Math.floor(viewport.heightPx)));
+		layer.viewportTopPx = topPx;
+		layer.viewportHeightPx = heightPx;
+		if (topPx === 0 && heightPx >= totalHeight) {
+			layer.el.style.clipPath = "none";
+			return;
+		}
+		const bottomPx = Math.max(0, totalHeight - topPx - heightPx);
+		layer.el.style.clipPath = `inset(${topPx}px 0px ${bottomPx}px 0px)`;
+	}
 	function rebuildLines() {
 		const { rows, cols } = terminal.size();
 		container.style.width = `${cols * metrics$1.cellWidth}px`;
 		container.style.height = `${rows * metrics$1.cellHeight}px`;
 		const fragment = document.createDocumentFragment();
-		lineEls = Array.from({ length: rows }, () => {
-			const line = document.createElement("div");
-			line.style.cssText = `height:${metrics$1.cellHeight}px;width:${cols * metrics$1.cellWidth}px;overflow:hidden;contain:layout style`;
-			fragment.appendChild(line);
-			return line;
-		});
+		for (let i = 0; i < TERMINAL_RENDER_PLANES.length; i++) {
+			const plane = TERMINAL_RENDER_PLANES[i];
+			const planeTerminal = getPlaneTerminal(terminal, plane);
+			let layer = planeLayers.get(plane);
+			if (!layer) {
+				const el = document.createElement("div");
+				const contentEl = document.createElement("div");
+				el.dataset.vtPlane = plane;
+				el.style.pointerEvents = "none";
+				contentEl.style.position = "absolute";
+				contentEl.style.left = "0";
+				contentEl.style.top = "0";
+				layer = {
+					el,
+					contentEl,
+					lines: [],
+					offsetPx: 0,
+					terminal: planeTerminal,
+					viewportTopPx: 0,
+					viewportHeightPx: null
+				};
+				planeLayers.set(plane, layer);
+			}
+			layer.terminal = planeTerminal;
+			layer.el.style.position = "absolute";
+			layer.el.style.left = "0";
+			layer.el.style.top = "0";
+			layer.el.style.width = `${cols * metrics$1.cellWidth}px`;
+			layer.el.style.height = `${rows * metrics$1.cellHeight}px`;
+			layer.el.style.overflow = "hidden";
+			layer.el.style.zIndex = String(i);
+			layer.contentEl.style.width = `${cols * metrics$1.cellWidth}px`;
+			layer.contentEl.style.height = `${rows * metrics$1.cellHeight}px`;
+			applyPlaneOffset(plane, layer.offsetPx);
+			applyPlaneViewport(plane, layer.viewportHeightPx == null ? null : {
+				topPx: layer.viewportTopPx,
+				heightPx: layer.viewportHeightPx
+			});
+			const lineFragment = document.createDocumentFragment();
+			layer.lines = Array.from({ length: rows }, () => {
+				const line = document.createElement("div");
+				line.style.cssText = `height:${metrics$1.cellHeight}px;width:${cols * metrics$1.cellWidth}px;overflow:hidden;contain:layout style`;
+				lineFragment.appendChild(line);
+				return line;
+			});
+			layer.contentEl.replaceChildren(lineFragment);
+			layer.el.replaceChildren(layer.contentEl);
+			fragment.appendChild(layer.el);
+		}
 		container.replaceChildren(fragment);
 	}
 	function refresh() {
@@ -8582,22 +9092,46 @@ function createDomRenderer(terminal, container) {
 		wideScaleX = wideW > 0 ? Math.max(1, Math.min(2, metrics$1.cellWidth * 2 / wideW)) : 1;
 		rebuildLines();
 		const size = terminal.size();
-		for (let y = 0; y < size.rows; y++) renderRow(terminal, metrics$1, wideScaleX, y, lineEls[y]);
+		for (const plane of TERMINAL_RENDER_PLANES) {
+			const layer = planeLayers.get(plane);
+			if (!layer) continue;
+			for (let y = 0; y < size.rows; y++) renderRow(layer.terminal, metrics$1, wideScaleX, y, layer.lines[y]);
+		}
 	}
 	function flushPending() {
 		raf = 0;
 		if (disposed) return;
-		for (const y of pending) {
-			const line = lineEls[y];
-			if (line) renderRow(terminal, metrics$1, wideScaleX, y, line);
+		for (const plane of TERMINAL_RENDER_PLANES) {
+			const layer = planeLayers.get(plane);
+			const rows = pending.get(plane);
+			if (!layer || !(rows === null || rows === void 0 ? void 0 : rows.size)) continue;
+			for (const y of rows) {
+				const line = layer.lines[y];
+				if (line) renderRow(layer.terminal, metrics$1, wideScaleX, y, line);
+			}
+			rows.clear();
 		}
-		pending.clear();
 	}
-	const offCommit = terminal.on("commit", ({ dirtyRows }) => {
+	const offCommit = terminal.on("commit", ({ dirtyRows, planes }) => {
+		const activePlanes = (planes === null || planes === void 0 ? void 0 : planes.length) ? planes : TERMINAL_RENDER_PLANES;
 		if (dirtyRows === null) {
 			const size = terminal.size();
-			for (let y = 0; y < size.rows; y++) pending.add(y);
-		} else for (const y of dirtyRows) pending.add(y);
+			for (const plane of activePlanes) {
+				let rows = pending.get(plane);
+				if (!rows) {
+					rows = new Set();
+					pending.set(plane, rows);
+				}
+				for (let y = 0; y < size.rows; y++) rows.add(y);
+			}
+		} else for (const plane of activePlanes) {
+			let rows = pending.get(plane);
+			if (!rows) {
+				rows = new Set();
+				pending.set(plane, rows);
+			}
+			for (const y of dirtyRows) rows.add(y);
+		}
 		if (!raf) {
 			raf = -1;
 			const id = requestAnimationFrame(() => {
@@ -8623,7 +9157,14 @@ function createDomRenderer(terminal, container) {
 			offResize();
 			if (raf > 0) cancelAnimationFrame(raf);
 			pending.clear();
+			planeLayers.clear();
 			container.replaceChildren();
+		},
+		setPlaneOffset(plane, offsetPx) {
+			applyPlaneOffset(plane, offsetPx);
+		},
+		setPlaneViewport(plane, viewport) {
+			applyPlaneViewport(plane, viewport);
 		}
 	};
 }
@@ -10032,6 +10573,7 @@ function mentionIndexAt$1(value, mentionToken, index) {
 	return countMentionTokens$1(value, mentionToken, index);
 }
 function createPromptMentionPlugin(options = {}) {
+	const latency = getCliLatencyProfiler();
 	return {
 		name: "promptMention",
 		install: (ctx) => {
@@ -10177,6 +10719,12 @@ function createPromptMentionPlugin(options = {}) {
 						query: ctx0.query
 					});
 					if (handled !== false) {
+						const value = ctx.getValue();
+						const before$1 = value.slice(0, ctx0.tokenStart);
+						const after$1 = value.slice(ctx0.tokenEnd);
+						const nextValue$1 = `${before$1}${after$1}`;
+						ctx.pushUndoSnapshot(nextValue$1);
+						ctx.applyEdit(nextValue$1, ctx0.tokenStart);
 						promptMention.promptSuppressedKey.value = ctx0.key;
 						ctx.scheduler.invalidate();
 						return;
@@ -10213,8 +10761,17 @@ function createPromptMentionPlugin(options = {}) {
 			}
 			function handlePromptKeydown(e) {
 				if (!promptMention.promptVisible.value) return false;
+				const markPromptOperation = (suffix) => {
+					const ctx0 = promptMention.activeContext.value;
+					const mentionTrigger = getProps().mentionTrigger || "@";
+					const skillTrigger = getProps().skillTrigger || "";
+					const tokenText = String((ctx0 === null || ctx0 === void 0 ? void 0 : ctx0.tokenText) ?? "");
+					const scope = tokenText.startsWith(mentionTrigger) ? "prompt.mention" : skillTrigger && tokenText.startsWith(skillTrigger) ? "prompt.skill" : "prompt.command";
+					latency === null || latency === void 0 || latency.markOperation(`${scope}.${suffix}`);
+				};
 				const len = promptMention.promptMatches.value.length;
 				if (e.key === "ArrowDown") {
+					markPromptOperation("navigate.next");
 					e.preventDefault();
 					if (len <= 0) promptMention.promptActive.value = 0;
 					else if (promptMention.promptActive.value >= len - 1) promptMention.promptActive.value = 0;
@@ -10223,6 +10780,7 @@ function createPromptMentionPlugin(options = {}) {
 					return true;
 				}
 				if (e.key === "ArrowUp") {
+					markPromptOperation("navigate.prev");
 					e.preventDefault();
 					if (len <= 0) promptMention.promptActive.value = 0;
 					else if (promptMention.promptActive.value <= 0) promptMention.promptActive.value = len - 1;
@@ -10244,11 +10802,13 @@ function createPromptMentionPlugin(options = {}) {
 						const typed = String((ctx0 === null || ctx0 === void 0 ? void 0 : ctx0.tokenText) ?? "");
 						const candidate = String((match === null || match === void 0 || (_match$item = match.item) === null || _match$item === void 0 ? void 0 : _match$item.value) ?? "");
 						if (!typed || !candidate.startsWith(typed)) return false;
+						markPromptOperation("accept");
 						e.preventDefault();
 						acceptPrompt(promptMention.promptActive.value);
 						return true;
 					}
 					if (e.key === "Tab" && (isMention || isSkill)) {
+						markPromptOperation("accept");
 						e.preventDefault();
 						if (len === 0) return true;
 						const list = promptMention.promptMatches.value;
@@ -10258,12 +10818,14 @@ function createPromptMentionPlugin(options = {}) {
 						return true;
 					}
 					if (len === 0) return false;
+					markPromptOperation("accept");
 					e.preventDefault();
 					acceptPrompt(promptMention.promptActive.value);
 					return true;
 				}
 				if (e.key === "Escape") {
 					var _promptMention$active;
+					markPromptOperation("dismiss");
 					e.preventDefault();
 					promptMention.promptSuppressedKey.value = ((_promptMention$active = promptMention.activeContext.value) === null || _promptMention$active === void 0 ? void 0 : _promptMention$active.key) ?? null;
 					ctx.scheduler.invalidate();
@@ -16015,8 +16577,8 @@ function normalizeDelta(deltaY, mode = "auto") {
 	if (abs <= LINE_UNIT_THRESHOLD && Number.isInteger(deltaY)) return deltaY;
 	return deltaY / PIXELS_PER_LINE;
 }
-function accelFactor(now$2, lastAt) {
-	const dt = now$2 - lastAt;
+function accelFactor(now$3, lastAt) {
+	const dt = now$3 - lastAt;
 	if (!Number.isFinite(dt) || dt <= 0 || dt > ACCEL_WINDOW_MS) return 1;
 	const t = 1 - dt / ACCEL_WINDOW_MS;
 	return 1 + t * (MAX_ACCEL - 1);
@@ -16026,15 +16588,17 @@ function createWheelScrollState() {
 		accumulator: 0,
 		lastAt: 0,
 		lastEdgeDir: 0,
-		lastEdgeAt: 0
+		lastEdgeAt: 0,
+		lastLineUnitDir: 0
 	};
 }
-function applyWheelScroll(state, deltaY, scrollTop, maxTop, now$2 = Date.now(), deltaMode = "auto") {
+function applyWheelScroll(state, deltaY, scrollTop, maxTop, now$3 = Date.now(), deltaMode = "auto", options = {}) {
 	if (!Number.isFinite(deltaY) || deltaY === 0 || maxTop <= 0) {
 		if (maxTop <= 0) {
 			state.accumulator = 0;
 			state.lastEdgeDir = 0;
 			state.lastEdgeAt = 0;
+			state.lastLineUnitDir = 0;
 		}
 		return {
 			nextTop: scrollTop,
@@ -16042,15 +16606,17 @@ function applyWheelScroll(state, deltaY, scrollTop, maxTop, now$2 = Date.now(),
 			lines: 0
 		};
 	}
-	const dt = state.lastAt ? now$2 - state.lastAt : Infinity;
+	const dt = state.lastAt ? now$3 - state.lastAt : Infinity;
 	const lineUnits = isLineUnitDelta(deltaY, deltaMode);
-	if (lineUnits && dt !== Infinity && dt >= 0 && dt < MIN_TICK_INTERVAL_MS) return {
+	const inputDir = Math.sign(normalizeDelta(deltaY, deltaMode));
+	if (lineUnits && dt !== Infinity && dt >= 0 && dt < MIN_TICK_INTERVAL_MS && inputDir === state.lastLineUnitDir) return {
 		nextTop: scrollTop,
 		dir: 0,
 		lines: 0
 	};
-	const accel = lineUnits ? 1 : state.lastAt ? accelFactor(now$2, state.lastAt) : 1;
-	state.lastAt = now$2;
+	state.lastLineUnitDir = lineUnits ? inputDir : 0;
+	const accel = lineUnits ? 1 : options.disableAcceleration ? 1 : state.lastAt ? accelFactor(now$3, state.lastAt) : 1;
+	state.lastAt = now$3;
 	state.accumulator += normalizeDelta(deltaY, deltaMode) * accel;
 	const lines = Math.trunc(state.accumulator);
 	if (lines === 0) return {
@@ -16064,7 +16630,7 @@ function applyWheelScroll(state, deltaY, scrollTop, maxTop, now$2 = Date.now(),
 	const atBottom = scrollTop >= maxTop;
 	if (dir < 0 && atTop || dir > 0 && atBottom) {
 		state.lastEdgeDir = dir;
-		state.lastEdgeAt = now$2;
+		state.lastEdgeAt = now$3;
 		state.accumulator = 0;
 		return {
 			nextTop: scrollTop,
@@ -16072,7 +16638,7 @@ function applyWheelScroll(state, deltaY, scrollTop, maxTop, now$2 = Date.now(),
 			lines: 0
 		};
 	}
-	if (state.lastEdgeDir !== 0 && now$2 - state.lastEdgeAt < EDGE_BOUNCE_MS && dir === -state.lastEdgeDir && (atTop || atBottom)) return {
+	if (state.lastEdgeDir !== 0 && now$3 - state.lastEdgeAt < EDGE_BOUNCE_MS && dir === -state.lastEdgeDir && (atTop || atBottom)) return {
 		nextTop: scrollTop,
 		dir: 0,
 		lines: 0
@@ -18169,4 +18735,4 @@ const TRouterView = defineComponent({
 });
 
 //#endregion
-export { ANSI16_COLORS, ANSI256_COLORS, ANSI8_COLORS, SGR_RESET, TAnchor, TBox, TDebugOverlay, TDialog, TERMINAL_RENDER_PLANES, TFlow, TInput, TInputBox, TInputPluginsContextKey, TJsonEditor, TList, TMultilineModal, TPathPicker, TRenderLayer, TRenderPlane, TRouterView, TSelect, TText, TTransition, TView, TerminalProvider, ansiColors, ansiStyles, applyWheelScroll, charCellWidth, clearTextCaches, createCliEventManager, createDefaultTInputHostAdapter, createDomRenderer, createEventManager, createNodeMentionPathProvider, createNodePathPickerProvider, createPromptMentionPlugin, createRuntime, createStdinDriver, createStdoutRenderer, createTInputHostPlugin, createTerminal, createTerminalApp, createTerminalRouter, createTextRestrictionPlugin, createTraceStore, createWheelScrollState, defaultTInputHostPlugin, detectTerminalColorCapability, formatInlineCellLine, getStdoutRendererMetrics, lintJsonText, normalizeNewlines, padEndByCells, parseAnsiSgr, readEventLog, resolveUserPath$1 as resolveUserPath, rgbToAnsi256, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, suggestPaths, textCellWidth, truecolorBgOpen, truecolorFgOpen, useLayout, useRenderNode, useRoute, useRouter, useTerminal, useTerminalNode, useTerminalRuntime, useVisibility, wrapByCells, writeEventLog, writeSnapshot };
+export { ANSI16_COLORS, ANSI256_COLORS, ANSI8_COLORS, SGR_RESET, TAnchor, TBox, TDebugOverlay, TDialog, TERMINAL_RENDER_PLANES, TFlow, TInput, TInputBox, TInputPluginsContextKey, TJsonEditor, TList, TMultilineModal, TPathPicker, TRenderLayer, TRenderPlane, TRouterView, TSelect, TText, TTransition, TView, TerminalProvider, ansiColors, ansiStyles, applyWheelScroll, charCellWidth, clearTextCaches, createCliEventManager, createDefaultTInputHostAdapter, createDomRenderer, createEventManager, createNodeMentionPathProvider, createNodePathPickerProvider, createPromptMentionPlugin, createRuntime, createStdinDriver, createStdoutRenderer, createTInputHostPlugin, createTerminal, createTerminalApp, createTerminalRouter, createTextRestrictionPlugin, createTraceStore, createWheelScrollState, defaultTInputHostPlugin, detectTerminalColorCapability, formatInlineCellLine, getCliLatencyProfiler, getStdoutRendererMetrics, lintJsonText, normalizeNewlines, padEndByCells, parseAnsiSgr, readEventLog, resolveUserPath$1 as resolveUserPath, rgbToAnsi256, sanitizeInlineText, sanitizeTextBlock, sliceByCells, sliceByCellsRange, spaces, suggestPaths, textCellWidth, truecolorBgOpen, truecolorFgOpen, useLayout, useRenderNode, useRoute, useRouter, useTerminal, useTerminalNode, useTerminalRuntime, useVisibility, wrapByCells, writeEventLog, writeSnapshot };