stream-monaco 0.0.42 → 0.0.45

package/dist/{preloadMonacoWorkers.shared-C6J5pk0l.js → preloadMonacoWorkers.shared-B5jjaMkr.js}

@@ -522,6 +522,14 @@ function createScrollWatcherForEditor(ed, opts) {
 	return api;
 }
 
+//#endregion
+//#region src/utils/textChunks.ts
+function countLineBreaks(text) {
+	let count = 0;
+	for (let i = 0; i < text.length; i++) if (text.charCodeAt(i) === 10) count += 1;
+	return count;
+}
+
 //#endregion
 //#region src/core/diffAppearance.ts
 function parseCssColorRgb(color) {
@@ -1748,6 +1756,23 @@ var DiffEditorManager = class DiffEditorManager {
 		if (typeof direct === "function") return direct.call(model, lineNumber);
 		return model.getValue().split(/\r?\n/)[lineNumber - 1] ?? "";
 	}
+	colorizeFallbackInlineDeletedLine(lineNode, model, lineText, tabSize) {
+		var _model$getLanguageId;
+		const language = (_model$getLanguageId = model.getLanguageId) === null || _model$getLanguageId === void 0 ? void 0 : _model$getLanguageId.call(model);
+		const colorize = monaco_shim_exports.editor.colorize;
+		if (!language || typeof colorize !== "function") return;
+		const signature = `${language}:${lineText}`;
+		lineNode.dataset.streamMonacoColorizeSignature = signature;
+		colorize(lineText, language, { tabSize }).then((html) => {
+			if (lineNode.dataset.streamMonacoColorizeSignature !== signature) return;
+			lineNode.innerHTML = html;
+		}).catch(() => {});
+	}
+	getModelTabSize(model) {
+		var _model$getOptions;
+		const tabSize = (_model$getOptions = model.getOptions) === null || _model$getOptions === void 0 ? void 0 : _model$getOptions.call(model).tabSize;
+		return typeof tabSize === "number" && Number.isFinite(tabSize) ? tabSize : void 0;
+	}
 	hasVisibleNativeInlineDeleteNodes() {
 		if (!this.lastContainer) return false;
 		const querySelectorAll = typeof this.lastContainer.querySelectorAll === "function" ? this.lastContainer.querySelectorAll.bind(this.lastContainer) : null;
@@ -1786,6 +1811,7 @@ var DiffEditorManager = class DiffEditorManager {
 		}
 		const lineHeightOption = (_EditorOption = monaco_shim_exports.editor.EditorOption) === null || _EditorOption === void 0 ? void 0 : _EditorOption.lineHeight;
 		const lineHeight = ((_modifiedEditor$getOp = modifiedEditor.getOption) === null || _modifiedEditor$getOp === void 0 ? void 0 : _modifiedEditor$getOp.call(modifiedEditor, lineHeightOption)) ?? 20;
+		const originalTabSize = this.getModelTabSize(originalModel);
 		const relevantChanges = lineChanges.filter((change) => hasOriginalLines(change));
 		const nativeViewWrappers = Array.from(((_this$lastContainer3 = this.lastContainer) === null || _this$lastContainer3 === void 0 || (_this$lastContainer3$ = _this$lastContainer3.querySelectorAll) === null || _this$lastContainer3$ === void 0 ? void 0 : _this$lastContainer3$.call(_this$lastContainer3, ".editor.modified .view-zones [monaco-view-zone]")) ?? []).filter((node) => {
 			return node instanceof HTMLElement && !!node.querySelector(".view-lines.line-delete");
@@ -1830,12 +1856,14 @@ var DiffEditorManager = class DiffEditorManager {
 				domNode.setAttribute("data-stream-monaco-native-wrapper", "true");
 				(_modifiedEditor$apply = modifiedEditor.applyFontInfo) === null || _modifiedEditor$apply === void 0 || _modifiedEditor$apply.call(modifiedEditor, domNode);
 				for (let line = change.originalStartLineNumber; line <= change.originalEndLineNumber; line++) {
+					const lineText = this.readModelLineContent(originalModel, line);
 					const lineNode = document.createElement("div");
 					lineNode.className = "stream-monaco-fallback-inline-delete-line";
-					lineNode.textContent = this.readModelLineContent(originalModel, line);
+					lineNode.textContent = lineText;
 					lineNode.style.height = `${lineHeight}px`;
 					lineNode.style.lineHeight = `${lineHeight}px`;
 					domNode.append(lineNode);
+					this.colorizeFallbackInlineDeletedLine(lineNode, originalModel, lineText, originalTabSize);
 				}
 				pair.viewWrapper.append(domNode);
 				if (pair.marginWrapper) {
@@ -1862,12 +1890,14 @@ var DiffEditorManager = class DiffEditorManager {
 			domNode.setAttribute("aria-hidden", "true");
 			(_modifiedEditor$apply3 = modifiedEditor.applyFontInfo) === null || _modifiedEditor$apply3 === void 0 || _modifiedEditor$apply3.call(modifiedEditor, domNode);
 			for (let line = change.originalStartLineNumber; line <= change.originalEndLineNumber; line++) {
+				const lineText = this.readModelLineContent(originalModel, line);
 				const lineNode = document.createElement("div");
 				lineNode.className = "stream-monaco-fallback-inline-delete-line";
-				lineNode.textContent = this.readModelLineContent(originalModel, line);
+				lineNode.textContent = lineText;
 				lineNode.style.height = `${lineHeight}px`;
 				lineNode.style.lineHeight = `${lineHeight}px`;
 				domNode.append(lineNode);
+				this.colorizeFallbackInlineDeletedLine(lineNode, originalModel, lineText, originalTabSize);
 			}
 			const marginDomNode = document.createElement("div");
 			marginDomNode.className = "stream-monaco-fallback-inline-delete-margin";
@@ -4426,9 +4456,10 @@ var DiffEditorManager = class DiffEditorManager {
 				shouldAutoScrollDiff: this.shouldAutoScrollDiff
 			});
 			if (!this.diffEditorView) return;
+			if (!(this.diffAutoScroll && this.autoScrollOnUpdate && this.shouldAutoScrollDiff)) return;
 			const hasV = this.hasVerticalScrollbarModified();
 			log("diff", "hasVerticalScrollbarModified ->", hasV);
-			if (!(this.diffAutoScroll && this.autoScrollOnUpdate && this.shouldAutoScrollDiff && hasV)) return;
+			if (!hasV) return;
 			const me = this.diffEditorView.getModifiedEditor();
 			const model = me.getModel();
 			const currentLine = (model === null || model === void 0 ? void 0 : model.getLineCount()) ?? 1;
@@ -4650,7 +4681,7 @@ var DiffEditorManager = class DiffEditorManager {
 		this.diffComputedVersions = null;
 		this.diffPresentationDisposables.push(this.diffEditorView.onDidUpdateDiff(() => {
 			this.diffComputedVersions = this.captureCurrentDiffVersions();
-			this.syncDiffEditorLayoutToContainer();
+			this.scheduleSyncDiffEditorLayoutToContainer();
 			this.scheduleSyncDiffPresentationDecorations();
 		}));
 		this.diffPresentationDisposables.push(oEditor.onDidChangeModelContent(() => {
@@ -4815,6 +4846,7 @@ var DiffEditorManager = class DiffEditorManager {
 	}
 	updateModified(newCode, codeLanguage) {
 		if (!this.diffEditorView || !this.modifiedModel) return;
+		this.syncLastKnownModified();
 		if (codeLanguage) {
 			const lang = processedLanguage(codeLanguage);
 			if (lang && this.modifiedModel.getLanguageId() !== lang) monaco_shim_exports.editor.setModelLanguage(this.modifiedModel, lang);
@@ -4827,7 +4859,7 @@ var DiffEditorManager = class DiffEditorManager {
 		if (tailAppend) this.appendModified(newCode.slice(prev.length), codeLanguage);
 		else {
 			this.flushModifiedAppendBufferSync();
-			const prevAfterFlush = this.modifiedModel.getValue();
+			const prevAfterFlush = this.lastKnownModifiedCode ?? this.modifiedModel.getValue();
 			const prevLine = this.modifiedModel.getLineCount();
 			this.applyMinimalEditToModel(this.modifiedModel, prevAfterFlush, newCode);
 			const newLine = this.modifiedModel.getLineCount();
@@ -5077,6 +5109,7 @@ var DiffEditorManager = class DiffEditorManager {
 		}
 		const { original, modified, lang } = this.pendingDiffUpdate;
 		this.pendingDiffUpdate = null;
+		this.syncLastKnownModified();
 		this.flushOriginalAppendBufferSync();
 		this.flushModifiedAppendBufferSync();
 		if (lang) {
@@ -5097,7 +5130,7 @@ var DiffEditorManager = class DiffEditorManager {
 			else this.applyMinimalEditToModel(o, prevO, original);
 			this.lastKnownOriginalCode = original;
 		}
-		const prevM = m.getValue();
+		const prevM = this.lastKnownModifiedCode;
 		const prevMLineCount = m.getLineCount();
 		const modifiedTailAppend = prevM !== modified && modified.startsWith(prevM) && prevM.length < modified.length;
 		const hasContentChange = prevO !== original || prevM !== modified;
@@ -5138,6 +5171,33 @@ var DiffEditorManager = class DiffEditorManager {
 		this.preserveNativeDiffDecorationsOnStaleAppend = true;
 		this.appendToModel(this.modifiedModel, text);
 	}
+	splitAppendTextForProgressiveFlush(text, maxChunkChars = 12e3, maxChunkLines = 200) {
+		if (!text || text.length <= maxChunkChars) return [text];
+		const chunks = [];
+		let start = 0;
+		let lineCount = 0;
+		let lastSafeEnd = 0;
+		for (let i = 0; i < text.length; i++) {
+			if (text.charCodeAt(i) === 10) {
+				lineCount += 1;
+				lastSafeEnd = i + 1;
+			}
+			if (i - start + 1 < maxChunkChars && lineCount < maxChunkLines) continue;
+			let end = lastSafeEnd > start ? lastSafeEnd : i + 1;
+			if (end < text.length) {
+				const prev = text.charCodeAt(end - 1);
+				const next = text.charCodeAt(end);
+				if (prev >= 55296 && prev <= 56319 && next >= 56320 && next <= 57343) end += 1;
+			}
+			chunks.push(text.slice(start, end));
+			start = end;
+			i = end - 1;
+			lineCount = 0;
+			lastSafeEnd = start;
+		}
+		if (start < text.length) chunks.push(text.slice(start));
+		return chunks.length ? chunks : [text];
+	}
 	async flushAppendBufferDiff() {
 		if (!this.diffEditorView) return;
 		if (this.appendBufferOriginalDiff.length === 0 && this.appendBufferModifiedDiff.length === 0) return;
@@ -5158,17 +5218,16 @@ var DiffEditorManager = class DiffEditorManager {
 			return;
 		}
 		let parts = this.appendBufferModifiedDiff.splice(0);
+		if (parts.length === 0) {
+			this.eagerlyGrowDiffContainerHeight();
+			return;
+		}
 		const prevLineInit = model.getLineCount();
 		const totalText = parts.join("");
 		const totalChars = totalText.length;
-		if (parts.length === 1 && totalChars > 5e3) {
-			const lines = totalText.split(/\r?\n/);
-			const chunkSize = 200;
-			const chunks = [];
-			for (let i = 0; i < lines.length; i += chunkSize) chunks.push(`${lines.slice(i, i + chunkSize).join("\n")}\n`);
-			if (chunks.length > 1) parts = chunks;
-		}
-		const applyChunked = parts.length > 1 && (totalChars > 2e3 || model.getLineCount && model.getLineCount() + 0 - prevLineInit > 50);
+		const totalLineBreaks = countLineBreaks(totalText);
+		if (parts.length === 1 && totalChars > 5e3) parts = this.splitAppendTextForProgressiveFlush(totalText);
+		const applyChunked = parts.length > 1 && (totalChars > 2e3 || totalLineBreaks > 50);
 		log("diff", "flushAppendBufferDiff start", {
 			partsCount: parts.length,
 			totalChars,
@@ -5187,6 +5246,8 @@ var DiffEditorManager = class DiffEditorManager {
 		} catch {}
 		if (applyChunked) {
 			log("diff", "flushAppendBufferDiff applying chunked", { partsLen: parts.length });
+			if (this.lastKnownModifiedCode == null) this.lastKnownModifiedCode = model.getValue();
+			let currentLength = this.lastKnownModifiedCode.length;
 			let idx = 0;
 			for (const part of parts) {
 				if (!part) continue;
@@ -5196,17 +5257,9 @@ var DiffEditorManager = class DiffEditorManager {
 					partLen: part.length,
 					prevLine
 				});
-				const lastColumn$1 = model.getLineMaxColumn(prevLine);
-				const range$1 = new monaco_shim_exports.Range(prevLine, lastColumn$1, prevLine, lastColumn$1);
 				this.preserveNativeDiffDecorationsOnStaleAppend = true;
-				this.runAsProgrammaticModifiedContentChange(() => {
-					model.applyEdits([{
-						range: range$1,
-						text: part,
-						forceMoveMarkers: true
-					}]);
-				});
-				this.lastKnownModifiedCode = model.getValue();
+				this.appendToModel(model, part, currentLength);
+				currentLength += part.length;
 				const newLine$1 = model.getLineCount();
 				this.lastKnownModifiedLineCount = newLine$1;
 				await new Promise((resolve) => typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame(resolve) : setTimeout(resolve, 0));
@@ -5232,23 +5285,15 @@ var DiffEditorManager = class DiffEditorManager {
 					newLine: newLine$1
 				});
 			}
+			this.lastKnownModifiedCode = model.getValue();
 			if (suppressedByFlush) watcherApi.setSuppressed(false);
 			return;
 		}
 		const text = totalText;
 		this.appendBufferModifiedDiff.length = 0;
 		prevLine = model.getLineCount();
-		const lastColumn = model.getLineMaxColumn(prevLine);
-		const range = new monaco_shim_exports.Range(prevLine, lastColumn, prevLine, lastColumn);
 		this.preserveNativeDiffDecorationsOnStaleAppend = true;
-		this.runAsProgrammaticModifiedContentChange(() => {
-			model.applyEdits([{
-				range,
-				text,
-				forceMoveMarkers: true
-			}]);
-		});
-		this.lastKnownModifiedCode = model.getValue();
+		this.appendToModel(model, text);
 		const newLine = model.getLineCount();
 		this.lastKnownModifiedLineCount = newLine;
 		this.eagerlyGrowDiffContainerHeight();
@@ -5291,8 +5336,30 @@ var DiffEditorManager = class DiffEditorManager {
 		});
 		if (model === this.modifiedModel) this.lastKnownModifiedLineCount = model.getLineCount();
 	}
-	appendToModel(model, appendText) {
+	getModelValueLength(model) {
+		const getValueLength = model.getValueLength;
+		if (typeof getValueLength === "function") try {
+			return getValueLength.call(model);
+		} catch {}
+		return model.getValue().length;
+	}
+	mergeKnownAppend(known, appendText, previousLength, model) {
+		if (known == null) return model.getValue();
+		const nextLength = previousLength + appendText.length;
+		if (known.length === previousLength) return known + appendText;
+		if (known.length >= nextLength && known.slice(previousLength, nextLength) === appendText) return known;
+		return model.getValue();
+	}
+	syncKnownCodeAfterAppend(model, appendText, previousLength) {
+		if (model === this.originalModel) {
+			this.lastKnownOriginalCode = this.mergeKnownAppend(this.lastKnownOriginalCode, appendText, previousLength, model);
+			return;
+		}
+		if (model === this.modifiedModel) this.lastKnownModifiedCode = this.mergeKnownAppend(this.lastKnownModifiedCode, appendText, previousLength, model);
+	}
+	appendToModel(model, appendText, knownLength) {
 		if (!appendText) return;
+		const previousLength = knownLength != null ? knownLength : this.getModelValueLength(model);
 		const lastLine = model.getLineCount();
 		const lastColumn = model.getLineMaxColumn(lastLine);
 		const range = new monaco_shim_exports.Range(lastLine, lastColumn, lastLine, lastColumn);
@@ -5304,6 +5371,7 @@ var DiffEditorManager = class DiffEditorManager {
 			}]);
 		});
 		if (model === this.modifiedModel) this.lastKnownModifiedLineCount = model.getLineCount();
+		this.syncKnownCodeAfterAppend(model, appendText, previousLength);
 	}
 	applyModelEdit(model, fn) {
 		if (model === this.modifiedModel) {
@@ -5341,6 +5409,8 @@ var EditorManager = class {
 	minimalEditMaxChangeRatioValue = minimalEditMaxChangeRatio;
 	lastUpdateFlushTime = 0;
 	updateThrottleTimer = null;
+	lastAppendFlushTime = 0;
+	appendFlushThrottleTimer = null;
 	shouldAutoScroll = true;
 	scrollWatcher = null;
 	scrollWatcherSuppressionTimer = null;
@@ -5440,6 +5510,10 @@ var EditorManager = class {
 			clearTimeout(this.updateThrottleTimer);
 			this.updateThrottleTimer = null;
 		}
+		if (this.appendFlushThrottleTimer != null) {
+			clearTimeout(this.appendFlushThrottleTimer);
+			this.appendFlushThrottleTimer = null;
+		}
 	}
 	initDebugFlag() {
 		if (typeof window !== "undefined" && window.__STREAM_MONACO_DEBUG__ !== void 0) {
@@ -5536,6 +5610,14 @@ var EditorManager = class {
 	}
 	maybeScrollToBottom(targetLine) {
 		this.rafScheduler.schedule("maybe-scroll", () => {
+			if (!(this.autoScrollOnUpdate && this.shouldAutoScroll)) {
+				this.dlog("maybeScrollToBottom skipped (auto-scroll disabled)", {
+					autoScrollOnUpdate: this.autoScrollOnUpdate,
+					shouldAutoScroll: this.shouldAutoScroll,
+					targetLine
+				});
+				return;
+			}
 			const hasVS = this.hasVerticalScrollbar();
 			this.dlog("maybeScrollToBottom called", {
 				autoScrollOnUpdate: this.autoScrollOnUpdate,
@@ -5543,8 +5625,8 @@ var EditorManager = class {
 				hasVerticalScrollbar: hasVS,
 				targetLine
 			});
-			if (!(this.autoScrollOnUpdate && this.shouldAutoScroll && this.hasVerticalScrollbar())) {
-				this.dlog("maybeScrollToBottom skipped (auto-scroll conditions not met)");
+			if (!hasVS) {
+				this.dlog("maybeScrollToBottom skipped (no vertical scrollbar)");
 				return;
 			}
 			const model = this.editorView.getModel();
@@ -5804,7 +5886,7 @@ var EditorManager = class {
 				this.lastScrollTop = v;
 			}
 		});
-		this.maybeScrollToBottom();
+		if (this.shouldAutoScroll) this.maybeScrollToBottom();
 		return this.editorView;
 	}
 	syncLastKnownCode() {
@@ -5975,10 +6057,31 @@ var EditorManager = class {
 			this.appendBuffer.push(appendText);
 			if (!this.appendBufferScheduled) {
 				this.appendBufferScheduled = true;
-				this.rafScheduler.schedule("append", () => this.flushAppendBuffer());
+				this.scheduleFlushAppendBuffer();
 			}
 		}
 	}
+	scheduleFlushAppendBuffer() {
+		const schedule = () => {
+			this.rafScheduler.schedule("append", () => this.flushAppendBuffer());
+		};
+		if (!this.updateThrottleMs) {
+			schedule();
+			return;
+		}
+		const now = Date.now();
+		const since = now - this.lastAppendFlushTime;
+		if (since >= this.updateThrottleMs) {
+			schedule();
+			return;
+		}
+		if (this.appendFlushThrottleTimer != null) return;
+		const wait = this.updateThrottleMs - since;
+		this.appendFlushThrottleTimer = setTimeout(() => {
+			this.appendFlushThrottleTimer = null;
+			schedule();
+		}, wait);
+	}
 	applyMinimalEdit(prev, next) {
 		if (!this.editorView) return;
 		const model = this.editorView.getModel();
@@ -6019,6 +6122,7 @@ var EditorManager = class {
 		if (!this.editorView) return;
 		if (this.appendBuffer.length === 0) return;
 		this.appendBufferScheduled = false;
+		this.lastAppendFlushTime = Date.now();
 		const model = this.editorView.getModel();
 		if (!model) {
 			this.appendBuffer.length = 0;
@@ -6073,6 +6177,11 @@ var EditorManager = class {
 			this.updateThrottleTimer = null;
 			this.rafScheduler.schedule("update", () => this.flushPendingUpdate());
 		}
+		if (!this.updateThrottleMs && this.appendFlushThrottleTimer != null) {
+			clearTimeout(this.appendFlushThrottleTimer);
+			this.appendFlushThrottleTimer = null;
+			this.rafScheduler.schedule("append", () => this.flushAppendBuffer());
+		}
 	}
 	getUpdateThrottleMs() {
 		return this.updateThrottleMs;
@@ -6149,6 +6258,8 @@ function arraysEqual(a, b) {
 const LEGACY_ONIG_INIT_KEY = "__streamMonacoLegacyOnigurumaInit__";
 const LEGACY_ENGINE_KEY = "__streamMonacoLegacyShikiEngine__";
 const LEGACY_MONACO_LANGS_INIT_KEY = "__streamMonacoLegacyMonacoLangsInit__";
+const PERF_HOOKS_ENABLED_KEY = "__STREAM_MONACO_ENABLE_INTERNAL_PERF_HOOKS__";
+let instrumentedHighlighterCache = /* @__PURE__ */ new WeakMap();
 async function awaitLegacyOnigurumaInitIfPresent() {
 	try {
 		var _globalThis;
@@ -6199,9 +6310,109 @@ let lastPatchedHighlighter = null;
 let lastPatchedLanguages = /* @__PURE__ */ new Set();
 const monacoThemeByKey = /* @__PURE__ */ new Map();
 const monacoLanguageSet = /* @__PURE__ */ new Set();
+function nowMs() {
+	return typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
+}
+function isPerfHooksEnabled() {
+	try {
+		var _globalThis4;
+		return typeof globalThis !== "undefined" && ((_globalThis4 = globalThis) === null || _globalThis4 === void 0 ? void 0 : _globalThis4[PERF_HOOKS_ENABLED_KEY]) === true;
+	} catch {
+		return false;
+	}
+}
+function getPerfHook(name) {
+	if (!isPerfHooksEnabled()) return null;
+	try {
+		var _STREAM_MONACO_PERF__;
+		if (typeof globalThis === "undefined") return null;
+		const hook = (_STREAM_MONACO_PERF__ = globalThis.__STREAM_MONACO_PERF__) === null || _STREAM_MONACO_PERF__ === void 0 ? void 0 : _STREAM_MONACO_PERF__[name];
+		return typeof hook === "function" ? hook : null;
+	} catch {
+		return null;
+	}
+}
+function getTokenizationPerfHook() {
+	return getPerfHook("recordTokenize");
+}
+function getGrammarTokenizationPerfHook() {
+	return getPerfHook("recordGrammarTokenize");
+}
+function getThemeRegistrationPerfHook() {
+	return getPerfHook("recordThemeRegistration");
+}
+function recordTokenize(hook, language, durationMs, line, tokenCount, failed) {
+	if (!hook) return;
+	try {
+		hook({
+			language,
+			durationMs,
+			lineLength: line.length,
+			lineSample: line.slice(0, 120),
+			tokenCount,
+			failed
+		});
+	} catch {}
+}
+function recordGrammarTokenize(language, durationMs, line, stoppedEarly, tokenCount) {
+	const hook = getGrammarTokenizationPerfHook();
+	if (!hook) return;
+	try {
+		hook({
+			language,
+			durationMs,
+			lineLength: line.length,
+			lineSample: line.slice(0, 120),
+			stoppedEarly,
+			tokenCount
+		});
+	} catch {}
+}
+function recordThemeRegistration(event) {
+	const hook = getThemeRegistrationPerfHook();
+	if (!hook) return;
+	try {
+		hook(event);
+	} catch {}
+}
+function getProxyMember(target, prop) {
+	const value = Reflect.get(target, prop, target);
+	return typeof value === "function" ? value.bind(target) : value;
+}
 function themeKey(t) {
 	return typeof t === "string" ? t : t.name ?? JSON.stringify(t);
 }
+function maybeInstrumentHighlighterGrammar(highlighter) {
+	if (!getGrammarTokenizationPerfHook()) return highlighter;
+	if (!highlighter || typeof highlighter !== "object" && typeof highlighter !== "function") return highlighter;
+	const cached = instrumentedHighlighterCache.get(highlighter);
+	if (cached) return cached;
+	const grammarProxyCache = /* @__PURE__ */ new WeakMap();
+	const instrumentedHighlighter = new Proxy(highlighter, { get(target, prop, _receiver) {
+		if (prop !== "getLanguage") return getProxyMember(target, prop);
+		return (language) => {
+			const grammar = target.getLanguage(language);
+			if (!grammar || typeof grammar !== "object" || typeof grammar.tokenizeLine2 !== "function") return grammar;
+			const cachedGrammar = grammarProxyCache.get(grammar);
+			if (cachedGrammar) return cachedGrammar;
+			const instrumentedGrammar = new Proxy(grammar, { get(grammarTarget, grammarProp, _grammarReceiver) {
+				if (grammarProp !== "tokenizeLine2") return getProxyMember(grammarTarget, grammarProp);
+				const originalTokenizeLine2 = grammarTarget.tokenizeLine2.bind(grammarTarget);
+				return (line, ruleStack, timeLimit) => {
+					var _result$tokens;
+					const startedAt = nowMs();
+					const result = originalTokenizeLine2(line, ruleStack, timeLimit);
+					recordGrammarTokenize(language, nowMs() - startedAt, line, !!(result === null || result === void 0 ? void 0 : result.stoppedEarly), typeof (result === null || result === void 0 || (_result$tokens = result.tokens) === null || _result$tokens === void 0 ? void 0 : _result$tokens.length) === "number" ? result.tokens.length / 2 : 0);
+					return result;
+				};
+			} });
+			grammarProxyCache.set(grammar, instrumentedGrammar);
+			return instrumentedGrammar;
+		};
+	} });
+	instrumentedHighlighterCache.set(highlighter, instrumentedHighlighter);
+	return instrumentedHighlighter;
+}
 async function ensureMonacoHighlighter(themes, languages$1) {
 	for (const t of themes) monacoThemeByKey.set(themeKey(t), t);
 	for (const l of languages$1) monacoLanguageSet.add(l);
@@ -6211,7 +6422,11 @@ async function ensureMonacoHighlighter(themes, languages$1) {
 		monacoHighlighterPromise = createHighlighterWithLegacyEngineIfNeeded({
 			themes: initialThemes,
 			langs: initialLangs
-		}).then((h$1) => h$1);
+		}).then((h$1) => {
+			h$1.__streamMonacoLoadedThemes = new Set(initialThemes.map((t) => themeKey(t)));
+			h$1.__streamMonacoLoadedLangs = new Set(initialLangs);
+			return h$1;
+		});
 	}
 	const h = await monacoHighlighterPromise;
 	const wantsThemes = Array.from(monacoThemeByKey.values());
@@ -6239,7 +6454,11 @@ async function ensureMonacoHighlighter(themes, languages$1) {
 	const p = createHighlighterWithLegacyEngineIfNeeded({
 		themes: wantsThemes,
 		langs: wantsLangs
-	}).then((hh) => hh);
+	}).then((hh) => {
+		hh.__streamMonacoLoadedThemes = new Set(wantsThemes.map((t) => themeKey(t)));
+		hh.__streamMonacoLoadedLangs = new Set(wantsLangs);
+		return hh;
+	});
 	monacoHighlighterPromise = p;
 	return p;
 }
@@ -6258,6 +6477,7 @@ function clearHighlighterCache() {
 	monacoThemeByKey.clear();
 	monacoLanguageSet.clear();
 	themeRegisterPromise = null;
+	instrumentedHighlighterCache = /* @__PURE__ */ new WeakMap();
 	languagesRegistered = false;
 	currentLanguages = [];
 }
@@ -6324,9 +6544,15 @@ async function getOrCreateHighlighter(themes, languages$1) {
 */
 async function registerMonacoThemes(themes, languages$1) {
 	return enqueueRegistration(async () => {
+		const registrationStartedAt = nowMs();
+		let ensureHighlighterMs = 0;
+		let patchMonacoMs = 0;
+		let patchedMonaco = false;
 		registerMonacoLanguages(languages$1);
 		const p = (async () => {
+			const ensureHighlighterStartedAt = nowMs();
 			const highlighter = await ensureMonacoHighlighter(themes, languages$1);
+			ensureHighlighterMs = nowMs() - ensureHighlighterStartedAt;
 			const wantsLangs = Array.from(monacoLanguageSet.values());
 			const needsLanguagePatch = lastPatchedHighlighter !== highlighter || wantsLangs.some((l) => !lastPatchedLanguages.has(l));
 			if (needsLanguagePatch) {
@@ -6347,9 +6573,17 @@ async function registerMonacoThemes(themes, languages$1) {
 								provider = {
 									...provider,
 									tokenize(line, state) {
+										const hook = getTokenizationPerfHook();
+										const startedAt = hook ? nowMs() : 0;
+										let tokenCount = 0;
+										let failed = false;
 										try {
-											return originalTokenize(line, state);
+											const result = originalTokenize(line, state);
+											tokenCount = Array.isArray(result === null || result === void 0 ? void 0 : result.tokens) ? result.tokens.length : 0;
+											return result;
 										} catch {
+											failed = true;
+											tokenCount = 1;
 											return {
 												endState: state,
 												tokens: [{
@@ -6357,6 +6591,8 @@ async function registerMonacoThemes(themes, languages$1) {
 													scopes: ""
 												}]
 											};
+										} finally {
+											if (hook) recordTokenize(hook, lang, nowMs() - startedAt, line, tokenCount, failed);
 										}
 									}
 								};
@@ -6365,7 +6601,10 @@ async function registerMonacoThemes(themes, languages$1) {
 						}
 					}
 				};
-				shikiToMonaco(highlighter, monacoProxy);
+				const patchMonacoStartedAt = nowMs();
+				shikiToMonaco(maybeInstrumentHighlighterGrammar(highlighter), monacoProxy);
+				patchMonacoMs = nowMs() - patchMonacoStartedAt;
+				patchedMonaco = true;
 				lastPatchedHighlighter = highlighter;
 				lastPatchedLanguages = new Set(wantsLangs);
 			}
@@ -6375,6 +6614,14 @@ async function registerMonacoThemes(themes, languages$1) {
 		setThemeRegisterPromise(p);
 		try {
 			const res = await p;
+			recordThemeRegistration({
+				durationMs: nowMs() - registrationStartedAt,
+				ensureHighlighterMs,
+				patchMonacoMs,
+				themes: themes.length,
+				languages: languages$1.length,
+				patchedMonaco
+			});
 			return res;
 		} catch (e) {
 			setThemeRegisterPromise(null);
@@ -6508,7 +6755,8 @@ function useMonaco(monacoOptions = {}) {
 	let modifiedModel = null;
 	const themes = monacoOptions.themes && ((_monacoOptions$themes = monacoOptions.themes) === null || _monacoOptions$themes === void 0 ? void 0 : _monacoOptions$themes.length) ? monacoOptions.themes : defaultThemes;
 	if (!Array.isArray(themes) || themes.length < 2) throw new Error("Monaco themes must be an array with at least two themes: [darkTheme, lightTheme]");
-	const languages$1 = monacoOptions.languages ?? defaultLanguages;
+	const explicitLanguages = monacoOptions.languages;
+	const languages$1 = explicitLanguages ?? defaultLanguages;
 	const MAX_HEIGHT = monacoOptions.MAX_HEIGHT ?? 500;
 	const autoScrollOnUpdate = monacoOptions.autoScrollOnUpdate ?? true;
 	const autoScrollInitial = monacoOptions.autoScrollInitial ?? true;
@@ -6597,10 +6845,27 @@ function useMonaco(monacoOptions = {}) {
 			console.warn("onThemeChange callback threw an error:", err);
 		}
 	}
-	async function ensureThemeRegistered(themeName) {
+	function normalizeLanguage(language) {
+		if (!language) return null;
+		return processedLanguage(language) || language;
+	}
+	function resolveCreateLanguages(primaryLanguage) {
+		const primary = normalizeLanguage(primaryLanguage);
+		if (Array.isArray(explicitLanguages) && explicitLanguages.length) {
+			const set = /* @__PURE__ */ new Set();
+			for (const language of explicitLanguages) {
+				const normalized = normalizeLanguage(language);
+				if (normalized) set.add(normalized);
+			}
+			if (primary) set.add(primary);
+			return Array.from(set);
+		}
+		return primary ? [primary] : ["typescript"];
+	}
+	async function ensureThemeRegistered(themeName, requestedLanguages = languages$1) {
 		const availableNames = themes.map((t) => typeof t === "string" ? t : t.name);
 		const list = availableNames.includes(themeName) ? themes : themes.concat(themeName);
-		await registerMonacoThemes(list, languages$1);
+		await registerMonacoThemes(list, requestedLanguages);
 	}
 	function resolveRequestedThemeName() {
 		return requestedThemeName ?? globalRequestedThemeName ?? monacoOptions.theme ?? currentTheme.value;
@@ -6677,11 +6942,12 @@ function useMonaco(monacoOptions = {}) {
 		queuedEditorUpdateDuringCreate = null;
 		disposeAllPendingCreateDisposables();
 	}
-	async function resolveCreateThemeName(requestId, kind) {
+	async function resolveCreateThemeName(requestId, kind, primaryLanguage) {
 		let themeName = resolveRequestedThemeName();
+		const createLanguages = resolveCreateLanguages(primaryLanguage);
 		while (true) {
 			assertCreateStillActive(requestId, kind);
-			await ensureThemeRegistered(themeName);
+			await ensureThemeRegistered(themeName, createLanguages);
 			assertCreateStillActive(requestId, kind);
 			const latestThemeName = resolveRequestedThemeName();
 			if (latestThemeName === themeName) return themeName;
@@ -6700,7 +6966,7 @@ function useMonaco(monacoOptions = {}) {
 		if (requestDisposables.length) pendingCreateDisposables.set(requestId, requestDisposables);
 		let nextEditorMgr = null;
 		try {
-			const initialThemeName = await resolveCreateThemeName(requestId, "editor");
+			const initialThemeName = await resolveCreateThemeName(requestId, "editor", language);
 			nextEditorMgr = new EditorManager(monacoOptions, maxHeightValue, maxHeightCSS, autoScrollOnUpdate, autoScrollInitial, autoScrollThresholdPx, autoScrollThresholdLines, monacoOptions.revealDebounceMs, monacoOptions.updateThrottleMs);
 			const nextEditorView = await nextEditorMgr.createEditor(container, code, language, initialThemeName);
 			assertCreateStillActive(requestId, "editor");
@@ -6747,7 +7013,7 @@ function useMonaco(monacoOptions = {}) {
 		if (requestDisposables.length) pendingCreateDisposables.set(requestId, requestDisposables);
 		let nextDiffMgr = null;
 		try {
-			const initialThemeName = await resolveCreateThemeName(requestId, "diff");
+			const initialThemeName = await resolveCreateThemeName(requestId, "diff", language);
 			nextDiffMgr = new DiffEditorManager(monacoOptions, maxHeightValue, maxHeightCSS, autoScrollOnUpdate, autoScrollInitial, autoScrollThresholdPx, autoScrollThresholdLines, diffAutoScroll, monacoOptions.revealDebounceMs, monacoOptions.diffUpdateThrottleMs);
 			const nextDiffEditorView = await nextDiffMgr.createDiffEditor(container, originalCode, modifiedCode, language, initialThemeName);
 			assertCreateStillActive(requestId, "diff");