@codingame/monaco-vscode-api 10.1.4 → 11.0.1

package/vscode/src/vs/workbench/contrib/notebook/browser/view/renderers/backLayerWebView.js

@@ -1,1663 +0,0 @@
-import { __decorate, __param } from '../../../../../../../../../external/tslib/tslib.es6.js';
-import { getWindow } from '../../../../../../base/browser/dom.js';
-import { coalesce } from '../../../../../../base/common/arrays.js';
-import { DeferredPromise, runWhenGlobalIdle } from '../../../../../../base/common/async.js';
-import { decodeBase64 } from '../../../../../../base/common/buffer.js';
-import { Emitter } from '../../../../../../base/common/event.js';
-import { getExtensionForMimeType } from '../../../../../../base/common/mime.js';
-import { Schemas, FileAccess, matchesScheme, matchesSomeScheme } from '../../../../../../base/common/network.js';
-import { equals } from '../../../../../../base/common/objects.js';
-import { isAbsolute } from '../../../../../../base/common/path.js';
-import { isWeb, isMacintosh } from '../../../../../../base/common/platform.js';
-import { dirname, isEqual, extname, joinPath } from '../../../../../../base/common/resources.js';
-import { URI } from '../../../../../../base/common/uri.js';
-import { generateUuid } from '../../../../../../base/common/uuid.js';
-import { TokenizationRegistry } from '../../../../../../editor/common/languages.js';
-import { ILanguageService } from '../../../../../../editor/common/languages/language.js';
-import { generateTokensCSSForColorMap } from '../../../../../../editor/common/languages/supports/tokenization.js';
-import { tokenizeToString } from '../../../../../../editor/common/languages/textToHtmlTokenizer.js';
-import { localize } from '../../../../../../nls.js';
-import { MenuId } from '../../../../../../platform/actions/common/actions.js';
-import { IConfigurationService } from '../../../../../../platform/configuration/common/configuration.service.js';
-import { IContextKeyService } from '../../../../../../platform/contextkey/common/contextkey.service.js';
-import { IContextMenuService } from '../../../../../../platform/contextview/browser/contextView.service.js';
-import { IFileDialogService } from '../../../../../../platform/dialogs/common/dialogs.service.js';
-import { IFileService } from '../../../../../../platform/files/common/files.service.js';
-import { IOpenerService } from '../../../../../../platform/opener/common/opener.service.js';
-import { IStorageService } from '../../../../../../platform/storage/common/storage.service.js';
-import { ITelemetryService } from '../../../../../../platform/telemetry/common/telemetry.service.js';
-import '../../../../../../platform/theme/common/colorUtils.js';
-import '../../../../../../platform/theme/common/colors/baseColors.js';
-import '../../../../../../platform/theme/common/colors/chartsColors.js';
-import { editorFindMatch, editorFindMatchHighlight } from '../../../../../../platform/theme/common/colors/editorColors.js';
-import '../../../../../../platform/theme/common/colors/inputColors.js';
-import '../../../../../../platform/theme/common/colors/listColors.js';
-import '../../../../../../platform/theme/common/colors/menuColors.js';
-import '../../../../../../platform/theme/common/colors/minimapColors.js';
-import '../../../../../../platform/theme/common/colors/miscColors.js';
-import '../../../../../../platform/theme/common/colors/quickpickColors.js';
-import '../../../../../../platform/theme/common/colors/searchColors.js';
-import { Themable } from '../../../../../../platform/theme/common/themeService.js';
-import { IThemeService } from '../../../../../../platform/theme/common/themeService.service.js';
-import { IWorkspaceContextService } from '../../../../../../platform/workspace/common/workspace.service.js';
-import { IWorkspaceTrustManagementService } from '../../../../../../platform/workspace/common/workspaceTrust.service.js';
-import { CellEditState } from '../../notebookBrowser.js';
-import { NOTEBOOK_WEBVIEW_BOUNDARY } from '../notebookCellList.js';
-import { preloadsScriptStr } from './webviewPreloads.js';
-import { transformWebviewThemeVars } from './webviewThemeMapping.js';
-import { MarkupCellViewModel } from '../../viewModel/markupCellViewModel.js';
-import { CellUri } from '../../../common/notebookCommon.js';
-import { INotebookLoggingService } from '../../../common/notebookLoggingService.service.js';
-import { INotebookService } from '../../../common/notebookService.service.js';
-import { WebviewOriginStore } from '../../../../webview/browser/webview.js';
-import { IWebviewService } from '../../../../webview/browser/webview.service.js';
-import { WebviewWindowDragMonitor } from '../../../../webview/browser/webviewWindowDragMonitor.js';
-import { webviewGenericCspSource, asWebviewUri } from '../../../../webview/common/webview.js';
-import { IEditorGroupsService } from '../../../../../services/editor/common/editorGroupsService.service.js';
-import { IWorkbenchEnvironmentService } from '../../../../../services/environment/common/environmentService.service.js';
-import { IPathService } from '../../../../../services/path/common/pathService.service.js';
-var BackLayerWebView_1;
-const LINE_COLUMN_REGEX = /:([\d]+)(?::([\d]+))?$/;
-const LineQueryRegex = /line=(\d+)$/;
-const FRAGMENT_REGEX = /^(.*)#([^#]*)$/;
-let BackLayerWebView = class BackLayerWebView extends Themable {
-    static { BackLayerWebView_1 = this; }
-    static getOriginStore(storageService) {
-        this._originStore ??= ( (new WebviewOriginStore('notebook.backlayerWebview.origins', storageService)));
-        return this._originStore;
-    }
-    constructor(notebookEditor, id, notebookViewType, documentUri, options, rendererMessaging, webviewService, openerService, notebookService, contextService, environmentService, fileDialogService, fileService, contextMenuService, contextKeyService, workspaceTrustManagementService, configurationService, languageService, workspaceContextService, editorGroupService, storageService, pathService, notebookLogService, themeService, telemetryService) {
-        super(themeService);
-        this.notebookEditor = notebookEditor;
-        this.id = id;
-        this.notebookViewType = notebookViewType;
-        this.documentUri = documentUri;
-        this.options = options;
-        this.rendererMessaging = rendererMessaging;
-        this.webviewService = webviewService;
-        this.openerService = openerService;
-        this.notebookService = notebookService;
-        this.contextService = contextService;
-        this.environmentService = environmentService;
-        this.fileDialogService = fileDialogService;
-        this.fileService = fileService;
-        this.contextMenuService = contextMenuService;
-        this.contextKeyService = contextKeyService;
-        this.workspaceTrustManagementService = workspaceTrustManagementService;
-        this.configurationService = configurationService;
-        this.languageService = languageService;
-        this.workspaceContextService = workspaceContextService;
-        this.editorGroupService = editorGroupService;
-        this.storageService = storageService;
-        this.pathService = pathService;
-        this.notebookLogService = notebookLogService;
-        this.telemetryService = telemetryService;
-        this.webview = undefined;
-        this.insetMapping = ( (new Map()));
-        this.pendingWebviewIdleCreationRequest = ( (new Map()));
-        this.pendingWebviewIdleInsetMapping = ( (new Map()));
-        this.reversedPendingWebviewIdleInsetMapping = ( (new Map()));
-        this.markupPreviewMapping = ( (new Map()));
-        this.hiddenInsetMapping = ( (new Set()));
-        this.reversedInsetMapping = ( (new Map()));
-        this.localResourceRootsCache = undefined;
-        this._onMessage = this._register(( (new Emitter())));
-        this._preloadsCache = ( (new Set()));
-        this.onMessage = this._onMessage.event;
-        this._disposed = false;
-        this.firstInit = true;
-        this.nonce = generateUuid();
-        this._logRendererDebugMessage('Creating backlayer webview for notebook');
-        this.element = document.createElement('div');
-        this.element.style.height = '1400px';
-        this.element.style.position = 'absolute';
-        if (rendererMessaging) {
-            this._register(rendererMessaging);
-            rendererMessaging.receiveMessageHandler = (rendererId, message) => {
-                if (!this.webview || this._disposed) {
-                    return Promise.resolve(false);
-                }
-                this._sendMessageToWebview({
-                    __vscode_notebook_message: true,
-                    type: 'customRendererMessage',
-                    rendererId: rendererId,
-                    message: message
-                });
-                return Promise.resolve(true);
-            };
-        }
-        this._register(workspaceTrustManagementService.onDidChangeTrust(e => {
-            const baseUrl = this.asWebviewUri(this.getNotebookBaseUri(), undefined);
-            const htmlContent = this.generateContent(( (baseUrl.toString())));
-            this.webview?.setHtml(htmlContent);
-        }));
-        this._register(TokenizationRegistry.onDidChange(() => {
-            this._sendMessageToWebview({
-                type: 'tokenizedStylesChanged',
-                css: getTokenizationCss(),
-            });
-        }));
-    }
-    updateOptions(options) {
-        this.options = options;
-        this._updateStyles();
-        this._updateOptions();
-    }
-    _logRendererDebugMessage(msg) {
-        this.notebookLogService.debug('BacklayerWebview', `${this.documentUri} (${this.id}) - ${msg}`);
-    }
-    _updateStyles() {
-        this._sendMessageToWebview({
-            type: 'notebookStyles',
-            styles: this._generateStyles()
-        });
-    }
-    _updateOptions() {
-        this._sendMessageToWebview({
-            type: 'notebookOptions',
-            options: {
-                dragAndDropEnabled: this.options.dragAndDropEnabled
-            },
-            renderOptions: {
-                lineLimit: this.options.outputLineLimit,
-                outputScrolling: this.options.outputScrolling,
-                outputWordWrap: this.options.outputWordWrap,
-                linkifyFilePaths: this.options.outputLinkifyFilePaths,
-                minimalError: this.options.minimalError
-            }
-        });
-    }
-    _generateStyles() {
-        return {
-            'notebook-output-left-margin': `${this.options.leftMargin + this.options.runGutter}px`,
-            'notebook-output-width': `calc(100% - ${this.options.leftMargin + this.options.rightMargin + this.options.runGutter}px)`,
-            'notebook-output-node-padding': `${this.options.outputNodePadding}px`,
-            'notebook-run-gutter': `${this.options.runGutter}px`,
-            'notebook-preview-node-padding': `${this.options.previewNodePadding}px`,
-            'notebook-markdown-left-margin': `${this.options.markdownLeftMargin}px`,
-            'notebook-output-node-left-padding': `${this.options.outputNodeLeftPadding}px`,
-            'notebook-markdown-min-height': `${this.options.previewNodePadding * 2}px`,
-            'notebook-markup-font-size': typeof this.options.markupFontSize === 'number' && this.options.markupFontSize > 0 ? `${this.options.markupFontSize}px` : `calc(${this.options.fontSize}px * 1.2)`,
-            'notebook-markdown-line-height': typeof this.options.markdownLineHeight === 'number' && this.options.markdownLineHeight > 0 ? `${this.options.markdownLineHeight}px` : `normal`,
-            'notebook-cell-output-font-size': `${this.options.outputFontSize || this.options.fontSize}px`,
-            'notebook-cell-output-line-height': `${this.options.outputLineHeight}px`,
-            'notebook-cell-output-max-height': `${this.options.outputLineHeight * this.options.outputLineLimit + 2}px`,
-            'notebook-cell-output-font-family': this.options.outputFontFamily || this.options.fontFamily,
-            'notebook-cell-markup-empty-content': ( localize(10842, "Empty markdown cell, double-click or press enter to edit.")),
-            'notebook-cell-renderer-not-found-error': ( localize(10843, "No renderer found for '$0'")),
-            'notebook-cell-renderer-fallbacks-exhausted': ( localize(10844, "Could not render content for '$0'")),
-        };
-    }
-    generateContent(baseUrl) {
-        const renderersData = this.getRendererData();
-        const preloadsData = this.getStaticPreloadsData();
-        const renderOptions = {
-            lineLimit: this.options.outputLineLimit,
-            outputScrolling: this.options.outputScrolling,
-            outputWordWrap: this.options.outputWordWrap,
-            linkifyFilePaths: this.options.outputLinkifyFilePaths,
-            minimalError: this.options.minimalError
-        };
-        const preloadScript = preloadsScriptStr({
-            ...this.options,
-            tokenizationCss: getTokenizationCss(),
-        }, { dragAndDropEnabled: this.options.dragAndDropEnabled }, renderOptions, renderersData, preloadsData, this.workspaceTrustManagementService.isWorkspaceTrusted(), this.nonce);
-        const enableCsp = this.configurationService.getValue('notebook.experimental.enableCsp');
-        const currentHighlight = this.getColor(editorFindMatch);
-        const findMatchHighlight = this.getColor(editorFindMatchHighlight);
-        return  `
-		<html lang="en">
-			<head>
-				<meta charset="UTF-8">
-				<base href="${baseUrl}/" />
-				${enableCsp ?
-            `<meta http-equiv="Content-Security-Policy" content="
-					default-src 'none';
-					script-src ${webviewGenericCspSource} 'unsafe-inline' 'unsafe-eval';
-					style-src ${webviewGenericCspSource} 'unsafe-inline';
-					img-src ${webviewGenericCspSource} https: http: data:;
-					font-src ${webviewGenericCspSource} https:;
-					connect-src https:;
-					child-src https: data:;
-				">` : ''}
-				<style nonce="${this.nonce}">
-					::highlight(find-highlight) {
-						background-color: var(--vscode-editor-findMatchBackground, ${findMatchHighlight});
-					}
-
-					::highlight(current-find-highlight) {
-						background-color: var(--vscode-editor-findMatchHighlightBackground, ${currentHighlight});
-					}
-
-					#container .cell_container {
-						width: 100%;
-					}
-
-					#container .output_container {
-						width: 100%;
-					}
-
-					#container > div > div > div.output {
-						font-size: var(--notebook-cell-output-font-size);
-						width: var(--notebook-output-width);
-						margin-left: var(--notebook-output-left-margin);
-						background-color: var(--theme-notebook-output-background);
-						padding-top: var(--notebook-output-node-padding);
-						padding-right: var(--notebook-output-node-padding);
-						padding-bottom: var(--notebook-output-node-padding);
-						padding-left: var(--notebook-output-node-left-padding);
-						box-sizing: border-box;
-						border-top: none;
-					}
-
-					/* markdown */
-					#container div.preview {
-						width: 100%;
-						padding-right: var(--notebook-preview-node-padding);
-						padding-left: var(--notebook-markdown-left-margin);
-						padding-top: var(--notebook-preview-node-padding);
-						padding-bottom: var(--notebook-preview-node-padding);
-
-						box-sizing: border-box;
-						white-space: nowrap;
-						overflow: hidden;
-						white-space: initial;
-
-						font-size: var(--notebook-markup-font-size);
-						line-height: var(--notebook-markdown-line-height);
-						color: var(--theme-ui-foreground);
-					}
-
-					#container div.preview.draggable {
-						user-select: none;
-						-webkit-user-select: none;
-						-ms-user-select: none;
-						cursor: grab;
-					}
-
-					#container div.preview.selected {
-						background: var(--theme-notebook-cell-selected-background);
-					}
-
-					#container div.preview.dragging {
-						background-color: var(--theme-background);
-						opacity: 0.5 !important;
-					}
-
-					.monaco-workbench.vs-dark .notebookOverlay .cell.markdown .latex img,
-					.monaco-workbench.vs-dark .notebookOverlay .cell.markdown .latex-block img {
-						filter: brightness(0) invert(1)
-					}
-
-					#container .markup > div.nb-symbolHighlight {
-						background-color: var(--theme-notebook-symbol-highlight-background);
-					}
-
-					#container .nb-symbolHighlight .output_container .output {
-						background-color: var(--theme-notebook-symbol-highlight-background);
-					}
-
-					#container .markup > div.nb-multiCellHighlight {
-						background-color: var(--theme-notebook-symbol-highlight-background);
-					}
-
-					#container .nb-multiCellHighlight .output_container .output {
-						background-color: var(--theme-notebook-symbol-highlight-background);
-					}
-
-					#container .nb-chatGenerationHighlight .output_container .output {
-						background-color: var(--vscode-notebook-selectedCellBackground);
-					}
-
-					#container > div.nb-cellDeleted .output_container {
-						background-color: var(--theme-notebook-diff-removed-background);
-					}
-
-					#container > div.nb-cellAdded .output_container {
-						background-color: var(--theme-notebook-diff-inserted-background);
-					}
-
-					#container > div > div:not(.preview) > div {
-						overflow-x: auto;
-					}
-
-					#container .no-renderer-error {
-						color: var(--vscode-editorError-foreground);
-					}
-
-					body {
-						padding: 0px;
-						height: 100%;
-						width: 100%;
-					}
-
-					table, thead, tr, th, td, tbody {
-						border: none;
-						border-color: transparent;
-						border-spacing: 0;
-						border-collapse: collapse;
-					}
-
-					table, th, tr {
-						vertical-align: middle;
-						text-align: right;
-					}
-
-					thead {
-						font-weight: bold;
-						background-color: rgba(130, 130, 130, 0.16);
-					}
-
-					th, td {
-						padding: 4px 8px;
-					}
-
-					tr:nth-child(even) {
-						background-color: rgba(130, 130, 130, 0.08);
-					}
-
-					tbody th {
-						font-weight: normal;
-					}
-
-					.find-match {
-						background-color: var(--vscode-editor-findMatchHighlightBackground);
-					}
-
-					.current-find-match {
-						background-color: var(--vscode-editor-findMatchBackground);
-					}
-
-					#_defaultColorPalatte {
-						color: var(--vscode-editor-findMatchHighlightBackground);
-						background-color: var(--vscode-editor-findMatchBackground);
-					}
-				</style>
-			</head>
-			<body style="overflow: hidden;">
-				<div id='findStart' tabIndex=-1></div>
-				<div id='container' class="widgetarea" style="position: absolute;width:100%;top: 0px"></div>
-				<div id="_defaultColorPalatte"></div>
-				<script type="module">${preloadScript}</script>
-			</body>
-		</html>`;
-    }
-    getRendererData() {
-        return (
-             (this.notebookService.getRenderers().map((renderer) => {
-                const entrypoint = {
-                    extends: renderer.entrypoint.extends,
-                    path: ( (this.asWebviewUri(renderer.entrypoint.path, renderer.extensionLocation).toString()))
-                };
-                return {
-                    id: renderer.id,
-                    entrypoint,
-                    mimeTypes: renderer.mimeTypes,
-                    messaging: renderer.messaging !== "never"  && !!this.rendererMessaging,
-                    isBuiltin: renderer.isBuiltin
-                };
-            }))
-        );
-    }
-    getStaticPreloadsData() {
-        return Array.from(this.notebookService.getStaticPreloads(this.notebookViewType), preload => {
-            return { entrypoint: ( (( (this.asWebviewUri(preload.entrypoint, preload.extensionLocation).toString())).toString())) };
-        });
-    }
-    asWebviewUri(uri, fromExtension) {
-        return asWebviewUri(uri, fromExtension?.scheme === Schemas.vscodeRemote ? { isRemote: true, authority: fromExtension.authority } : undefined);
-    }
-    postKernelMessage(message) {
-        this._sendMessageToWebview({
-            __vscode_notebook_message: true,
-            type: 'customKernelMessage',
-            message,
-        });
-    }
-    resolveOutputId(id) {
-        const output = this.reversedInsetMapping.get(id);
-        if (!output) {
-            return;
-        }
-        const cellInfo = this.insetMapping.get(output).cellInfo;
-        return { cellInfo, output };
-    }
-    isResolved() {
-        return !!this.webview;
-    }
-    createWebview(targetWindow) {
-        const baseUrl = this.asWebviewUri(this.getNotebookBaseUri(), undefined);
-        const htmlContent = this.generateContent(( (baseUrl.toString())));
-        return this._initialize(htmlContent, targetWindow);
-    }
-    getNotebookBaseUri() {
-        if (this.documentUri.scheme === Schemas.untitled) {
-            const folder = this.workspaceContextService.getWorkspaceFolder(this.documentUri);
-            if (folder) {
-                return folder.uri;
-            }
-            const folders = this.workspaceContextService.getWorkspace().folders;
-            if (folders.length) {
-                return folders[0].uri;
-            }
-        }
-        return dirname(this.documentUri);
-    }
-    getBuiltinLocalResourceRoots() {
-        if (!this.documentUri.path.toLowerCase().endsWith('.ipynb')) {
-            return [];
-        }
-        if (isWeb) {
-            return [];
-        }
-        return [
-            dirname(( (FileAccess.asFileUri('vs/loader.js')))),
-        ];
-    }
-    _initialize(content, targetWindow) {
-        if (!getWindow(this.element).document.body.contains(this.element)) {
-            throw ( (new Error('Element is already detached from the DOM tree')));
-        }
-        this.webview = this._createInset(this.webviewService, content);
-        this.webview.mountTo(this.element, targetWindow);
-        this._register(this.webview);
-        this._register(( (new WebviewWindowDragMonitor(targetWindow, () => this.webview))));
-        const initializePromise = ( (new DeferredPromise()));
-        this._register(this.webview.onFatalError(e => {
-            initializePromise.error(( (new Error(`Could not initialize webview: ${e.message}}`))));
-        }));
-        this._register(this.webview.onMessage(async (message) => {
-            const data = message.message;
-            if (this._disposed) {
-                return;
-            }
-            if (!data.__vscode_notebook_message) {
-                return;
-            }
-            switch (data.type) {
-                case 'initialized': {
-                    initializePromise.complete();
-                    this.initializeWebViewState();
-                    break;
-                }
-                case 'initializedMarkup': {
-                    if (this.initializeMarkupPromise?.requestId === data.requestId) {
-                        this.initializeMarkupPromise?.p.complete();
-                        this.initializeMarkupPromise = undefined;
-                    }
-                    break;
-                }
-                case 'dimension': {
-                    for (const update of data.updates) {
-                        const height = update.height;
-                        if (update.isOutput) {
-                            const resolvedResult = this.resolveOutputId(update.id);
-                            if (resolvedResult) {
-                                const { cellInfo, output } = resolvedResult;
-                                this.notebookEditor.updateOutputHeight(cellInfo, output, height, !!update.init, 'webview#dimension');
-                                this.notebookEditor.scheduleOutputHeightAck(cellInfo, update.id, height);
-                            }
-                            else if (update.init) {
-                                const outputRequest = this.reversedPendingWebviewIdleInsetMapping.get(update.id);
-                                if (outputRequest) {
-                                    const inset = this.pendingWebviewIdleInsetMapping.get(outputRequest);
-                                    this.pendingWebviewIdleCreationRequest.delete(outputRequest);
-                                    this.pendingWebviewIdleCreationRequest.delete(outputRequest);
-                                    const cellInfo = inset.cellInfo;
-                                    this.reversedInsetMapping.set(update.id, outputRequest);
-                                    this.insetMapping.set(outputRequest, inset);
-                                    this.notebookEditor.updateOutputHeight(cellInfo, outputRequest, height, !!update.init, 'webview#dimension');
-                                    this.notebookEditor.scheduleOutputHeightAck(cellInfo, update.id, height);
-                                }
-                                this.reversedPendingWebviewIdleInsetMapping.delete(update.id);
-                            }
-                            {
-                                if (!update.init) {
-                                    continue;
-                                }
-                                const output = this.reversedInsetMapping.get(update.id);
-                                if (!output) {
-                                    continue;
-                                }
-                                const inset = this.insetMapping.get(output);
-                                inset.initialized = true;
-                            }
-                        }
-                        else {
-                            this.notebookEditor.updateMarkupCellHeight(update.id, height, !!update.init);
-                        }
-                    }
-                    break;
-                }
-                case 'mouseenter': {
-                    const resolvedResult = this.resolveOutputId(data.id);
-                    if (resolvedResult) {
-                        const latestCell = this.notebookEditor.getCellByInfo(resolvedResult.cellInfo);
-                        if (latestCell) {
-                            latestCell.outputIsHovered = true;
-                        }
-                    }
-                    break;
-                }
-                case 'mouseleave': {
-                    const resolvedResult = this.resolveOutputId(data.id);
-                    if (resolvedResult) {
-                        const latestCell = this.notebookEditor.getCellByInfo(resolvedResult.cellInfo);
-                        if (latestCell) {
-                            latestCell.outputIsHovered = false;
-                        }
-                    }
-                    break;
-                }
-                case 'outputFocus': {
-                    const resolvedResult = this.resolveOutputId(data.id);
-                    if (resolvedResult) {
-                        const latestCell = this.notebookEditor.getCellByInfo(resolvedResult.cellInfo);
-                        if (latestCell) {
-                            latestCell.outputIsFocused = true;
-                            this.notebookEditor.focusNotebookCell(latestCell, 'output', { outputId: resolvedResult.output.model.outputId, skipReveal: true, outputWebviewFocused: true });
-                        }
-                    }
-                    break;
-                }
-                case 'outputBlur': {
-                    const resolvedResult = this.resolveOutputId(data.id);
-                    if (resolvedResult) {
-                        const latestCell = this.notebookEditor.getCellByInfo(resolvedResult.cellInfo);
-                        if (latestCell) {
-                            latestCell.outputIsFocused = false;
-                            latestCell.inputInOutputIsFocused = false;
-                        }
-                    }
-                    break;
-                }
-                case 'scroll-ack': {
-                    break;
-                }
-                case 'scroll-to-reveal': {
-                    this.notebookEditor.setScrollTop(data.scrollTop - NOTEBOOK_WEBVIEW_BOUNDARY);
-                    break;
-                }
-                case 'did-scroll-wheel': {
-                    this.notebookEditor.triggerScroll({
-                        ...data.payload,
-                        preventDefault: () => { },
-                        stopPropagation: () => { }
-                    });
-                    break;
-                }
-                case 'focus-editor': {
-                    const cell = this.notebookEditor.getCellById(data.cellId);
-                    if (cell) {
-                        if (data.focusNext) {
-                            this.notebookEditor.focusNextNotebookCell(cell, 'editor');
-                        }
-                        else {
-                            await this.notebookEditor.focusNotebookCell(cell, 'editor');
-                        }
-                    }
-                    break;
-                }
-                case 'clicked-data-url': {
-                    this._onDidClickDataLink(data);
-                    break;
-                }
-                case 'clicked-link': {
-                    if (matchesScheme(data.href, Schemas.command)) {
-                        const uri = ( (URI.parse(data.href)));
-                        if (uri.path === 'workbench.action.openLargeOutput') {
-                            const outputId = uri.query;
-                            const group = this.editorGroupService.activeGroup;
-                            if (group) {
-                                if (group.activeEditor) {
-                                    group.pinEditor(group.activeEditor);
-                                }
-                            }
-                            this.openerService.open(CellUri.generateCellOutputUri(this.documentUri, outputId));
-                            return;
-                        }
-                        if (uri.path === 'cellOutput.enableScrolling') {
-                            const outputId = uri.query;
-                            const cell = this.reversedInsetMapping.get(outputId);
-                            if (cell) {
-                                this.telemetryService.publicLog2('workbenchActionExecuted', { id: 'notebook.cell.toggleOutputScrolling', from: 'inlineLink' });
-                                cell.cellViewModel.outputsViewModels.forEach((vm) => {
-                                    if (vm.model.metadata) {
-                                        vm.model.metadata['scrollable'] = true;
-                                        vm.resetRenderer();
-                                    }
-                                });
-                            }
-                            return;
-                        }
-                        this.openerService.open(data.href, {
-                            fromUserGesture: true,
-                            fromWorkspace: true,
-                            allowCommands: [
-                                'github-issues.authNow',
-                                'workbench.extensions.search',
-                                'workbench.action.openSettings',
-                                '_notebook.selectKernel',
-                                'jupyter.viewOutput'
-                            ],
-                        });
-                        return;
-                    }
-                    if (matchesSomeScheme(data.href, Schemas.http, Schemas.https, Schemas.mailto)) {
-                        this.openerService.open(data.href, { fromUserGesture: true, fromWorkspace: true });
-                    }
-                    else if (matchesScheme(data.href, Schemas.vscodeNotebookCell)) {
-                        const uri = ( (URI.parse(data.href)));
-                        await this._handleNotebookCellResource(uri);
-                    }
-                    else if (!/^[\w\-]+:/.test(data.href)) {
-                        await this._handleResourceOpening(tryDecodeURIComponent(data.href));
-                    }
-                    else {
-                        if (isAbsolute(data.href)) {
-                            this._openUri(URI.file(data.href));
-                        }
-                        else {
-                            this._openUri(( (URI.parse(data.href))));
-                        }
-                    }
-                    break;
-                }
-                case 'customKernelMessage': {
-                    this._onMessage.fire({ message: data.message });
-                    break;
-                }
-                case 'customRendererMessage': {
-                    this.rendererMessaging?.postMessage(data.rendererId, data.message);
-                    break;
-                }
-                case 'clickMarkupCell': {
-                    const cell = this.notebookEditor.getCellById(data.cellId);
-                    if (cell) {
-                        if (data.shiftKey || (isMacintosh ? data.metaKey : data.ctrlKey)) {
-                            this.notebookEditor.toggleNotebookCellSelection(cell,  data.shiftKey);
-                        }
-                        else {
-                            await this.notebookEditor.focusNotebookCell(cell, 'container', { skipReveal: true });
-                        }
-                    }
-                    break;
-                }
-                case 'contextMenuMarkupCell': {
-                    const cell = this.notebookEditor.getCellById(data.cellId);
-                    if (cell) {
-                        await this.notebookEditor.focusNotebookCell(cell, 'container', { skipReveal: true });
-                        const webviewRect = this.element.getBoundingClientRect();
-                        this.contextMenuService.showContextMenu({
-                            menuId: MenuId.NotebookCellTitle,
-                            contextKeyService: this.contextKeyService,
-                            getAnchor: () => ({
-                                x: webviewRect.x + data.clientX,
-                                y: webviewRect.y + data.clientY
-                            })
-                        });
-                    }
-                    break;
-                }
-                case 'toggleMarkupPreview': {
-                    const cell = this.notebookEditor.getCellById(data.cellId);
-                    if (cell && !this.notebookEditor.creationOptions.isReadOnly) {
-                        this.notebookEditor.setMarkupCellEditState(data.cellId, CellEditState.Editing);
-                        await this.notebookEditor.focusNotebookCell(cell, 'editor', { skipReveal: true });
-                    }
-                    break;
-                }
-                case 'mouseEnterMarkupCell': {
-                    const cell = this.notebookEditor.getCellById(data.cellId);
-                    if (cell instanceof MarkupCellViewModel) {
-                        cell.cellIsHovered = true;
-                    }
-                    break;
-                }
-                case 'mouseLeaveMarkupCell': {
-                    const cell = this.notebookEditor.getCellById(data.cellId);
-                    if (cell instanceof MarkupCellViewModel) {
-                        cell.cellIsHovered = false;
-                    }
-                    break;
-                }
-                case 'cell-drag-start': {
-                    this.notebookEditor.didStartDragMarkupCell(data.cellId, data);
-                    break;
-                }
-                case 'cell-drag': {
-                    this.notebookEditor.didDragMarkupCell(data.cellId, data);
-                    break;
-                }
-                case 'cell-drop': {
-                    this.notebookEditor.didDropMarkupCell(data.cellId, {
-                        dragOffsetY: data.dragOffsetY,
-                        ctrlKey: data.ctrlKey,
-                        altKey: data.altKey,
-                    });
-                    break;
-                }
-                case 'cell-drag-end': {
-                    this.notebookEditor.didEndDragMarkupCell(data.cellId);
-                    break;
-                }
-                case 'renderedMarkup': {
-                    const cell = this.notebookEditor.getCellById(data.cellId);
-                    if (cell instanceof MarkupCellViewModel) {
-                        cell.renderedHtml = data.html;
-                    }
-                    this._handleHighlightCodeBlock(data.codeBlocks);
-                    break;
-                }
-                case 'renderedCellOutput': {
-                    this._handleHighlightCodeBlock(data.codeBlocks);
-                    break;
-                }
-                case 'outputResized': {
-                    this.notebookEditor.didResizeOutput(data.cellId);
-                    break;
-                }
-                case 'getOutputItem': {
-                    const resolvedResult = this.resolveOutputId(data.outputId);
-                    const output = resolvedResult?.output.model.outputs.find(output => output.mime === data.mime);
-                    this._sendMessageToWebview({
-                        type: 'returnOutputItem',
-                        requestId: data.requestId,
-                        output: output ? { mime: output.mime, valueBytes: output.data.buffer } : undefined,
-                    });
-                    break;
-                }
-                case 'logRendererDebugMessage': {
-                    this._logRendererDebugMessage(`${data.message}${data.data ? ' ' + JSON.stringify(data.data, null, 4) : ''}`);
-                    break;
-                }
-                case 'notebookPerformanceMessage': {
-                    this.notebookEditor.updatePerformanceMetadata(data.cellId, data.executionId, data.duration, data.rendererId);
-                    if (data.mimeType && data.outputSize && data.rendererId === 'vscode.builtin-renderer') {
-                        this._sendPerformanceData(data.mimeType, data.outputSize, data.duration);
-                    }
-                    break;
-                }
-                case 'outputInputFocus': {
-                    const resolvedResult = this.resolveOutputId(data.id);
-                    if (resolvedResult) {
-                        const latestCell = this.notebookEditor.getCellByInfo(resolvedResult.cellInfo);
-                        if (latestCell) {
-                            latestCell.inputInOutputIsFocused = data.inputFocused;
-                        }
-                    }
-                    this.notebookEditor.didFocusOutputInputChange(data.inputFocused);
-                }
-            }
-        }));
-        return initializePromise.p;
-    }
-    _sendPerformanceData(mimeType, outputSize, renderTime) {
-        const telemetryData = {
-            mimeType,
-            outputSize,
-            renderTime
-        };
-        this.telemetryService.publicLog2('NotebookCellOutputRender', telemetryData);
-    }
-    _handleNotebookCellResource(uri) {
-        const notebookResource = uri.path.length > 0 ? uri : this.documentUri;
-        const lineMatch = /(?:^|&)line=([^&]+)/.exec(uri.query);
-        let editorOptions = undefined;
-        if (lineMatch) {
-            const parsedLineNumber = parseInt(lineMatch[1], 10);
-            if (!isNaN(parsedLineNumber)) {
-                const lineNumber = parsedLineNumber;
-                editorOptions = {
-                    selection: { startLineNumber: lineNumber, startColumn: 1 }
-                };
-            }
-        }
-        const executionMatch = /(?:^|&)execution_count=([^&]+)/.exec(uri.query);
-        if (executionMatch) {
-            const executionCount = parseInt(executionMatch[1], 10);
-            if (!isNaN(executionCount)) {
-                const notebookModel = this.notebookService.getNotebookTextModel(notebookResource);
-                const cell = notebookModel?.cells.slice().reverse().find(cell => {
-                    return cell.internalMetadata.executionOrder === executionCount;
-                });
-                if (cell?.uri) {
-                    return this.openerService.open(cell.uri, {
-                        fromUserGesture: true,
-                        fromWorkspace: true,
-                        editorOptions: editorOptions
-                    });
-                }
-            }
-        }
-        const fragmentLineMatch = /\?line=(\d+)$/.exec(uri.fragment);
-        if (fragmentLineMatch) {
-            const parsedLineNumber = parseInt(fragmentLineMatch[1], 10);
-            if (!isNaN(parsedLineNumber)) {
-                const lineNumber = parsedLineNumber + 1;
-                const fragment = uri.fragment.substring(0, fragmentLineMatch.index);
-                const editorOptions = {
-                    selection: { startLineNumber: lineNumber, startColumn: 1, endLineNumber: lineNumber, endColumn: 1 }
-                };
-                return this.openerService.open(notebookResource.with({ fragment }), {
-                    fromUserGesture: true,
-                    fromWorkspace: true,
-                    editorOptions: editorOptions
-                });
-            }
-        }
-        return this.openerService.open(notebookResource, { fromUserGesture: true, fromWorkspace: true });
-    }
-    async _handleResourceOpening(href) {
-        let linkToOpen = undefined;
-        let fragment = undefined;
-        const hrefWithFragment = FRAGMENT_REGEX.exec(href);
-        if (hrefWithFragment) {
-            href = hrefWithFragment[1];
-            fragment = hrefWithFragment[2];
-        }
-        if (href.startsWith('/')) {
-            linkToOpen = await this.pathService.fileURI(href);
-            const folders = this.workspaceContextService.getWorkspace().folders;
-            if (folders.length) {
-                linkToOpen = linkToOpen.with({
-                    scheme: folders[0].uri.scheme,
-                    authority: folders[0].uri.authority
-                });
-            }
-        }
-        else if (href.startsWith('~')) {
-            const userHome = await this.pathService.userHome();
-            if (userHome) {
-                linkToOpen = URI.joinPath(userHome, href.substring(2));
-            }
-        }
-        else {
-            if (this.documentUri.scheme === Schemas.untitled) {
-                const folders = this.workspaceContextService.getWorkspace().folders;
-                if (!folders.length) {
-                    return;
-                }
-                linkToOpen = URI.joinPath(folders[0].uri, href);
-            }
-            else {
-                linkToOpen = URI.joinPath(dirname(this.documentUri), href);
-            }
-        }
-        if (linkToOpen) {
-            if (fragment) {
-                linkToOpen = linkToOpen.with({ fragment });
-            }
-            this._openUri(linkToOpen);
-        }
-    }
-    _openUri(uri) {
-        let lineNumber = undefined;
-        let column = undefined;
-        const lineCol = LINE_COLUMN_REGEX.exec(uri.path);
-        if (lineCol) {
-            uri = uri.with({
-                path: uri.path.slice(0, lineCol.index),
-                fragment: `L${lineCol[0].slice(1)}`
-            });
-            lineNumber = parseInt(lineCol[1], 10);
-            column = parseInt(lineCol[2], 10);
-        }
-        const lineMatch = LineQueryRegex.exec(uri.query);
-        if (lineMatch) {
-            const parsedLineNumber = parseInt(lineMatch[1], 10);
-            if (!isNaN(parsedLineNumber)) {
-                lineNumber = parsedLineNumber + 1;
-                column = 1;
-                uri = uri.with({ fragment: `L${lineNumber}` });
-            }
-        }
-        uri = uri.with({
-            query: null
-        });
-        let match = undefined;
-        for (const group of this.editorGroupService.groups) {
-            const editorInput = group.editors.find(editor => editor.resource && isEqual(editor.resource, uri, true));
-            if (editorInput) {
-                match = { group, editor: editorInput };
-                break;
-            }
-        }
-        if (match) {
-            const selection = lineNumber !== undefined && column !== undefined ? { startLineNumber: lineNumber, startColumn: column } : undefined;
-            const textEditorOptions = { selection: selection };
-            match.group.openEditor(match.editor, selection ? textEditorOptions : undefined);
-        }
-        else {
-            this.openerService.open(uri, { fromUserGesture: true, fromWorkspace: true });
-        }
-    }
-    _handleHighlightCodeBlock(codeBlocks) {
-        for (const { id, value, lang } of codeBlocks) {
-            const languageId = this.languageService.getLanguageIdByLanguageName(lang);
-            if (!languageId) {
-                continue;
-            }
-            tokenizeToString(this.languageService, value, languageId).then((html) => {
-                if (this._disposed) {
-                    return;
-                }
-                this._sendMessageToWebview({
-                    type: 'tokenizedCodeBlock',
-                    html,
-                    codeBlockId: id
-                });
-            });
-        }
-    }
-    async _onDidClickDataLink(event) {
-        if (typeof event.data !== 'string') {
-            return;
-        }
-        const [splitStart, splitData] = event.data.split(';base64,');
-        if (!splitData || !splitStart) {
-            return;
-        }
-        const defaultDir = extname(this.documentUri) === '.interactive' ?
-            this.workspaceContextService.getWorkspace().folders[0]?.uri ?? (await this.fileDialogService.defaultFilePath()) :
-            dirname(this.documentUri);
-        let defaultName;
-        if (event.downloadName) {
-            defaultName = event.downloadName;
-        }
-        else {
-            const mimeType = splitStart.replace(/^data:/, '');
-            const candidateExtension = mimeType && getExtensionForMimeType(mimeType);
-            defaultName = candidateExtension ? `download${candidateExtension}` : 'download';
-        }
-        const defaultUri = joinPath(defaultDir, defaultName);
-        const newFileUri = await this.fileDialogService.showSaveDialog({
-            defaultUri
-        });
-        if (!newFileUri) {
-            return;
-        }
-        const buff = decodeBase64(splitData);
-        await this.fileService.writeFile(newFileUri, buff);
-        await this.openerService.open(newFileUri);
-    }
-    _createInset(webviewService, content) {
-        this.localResourceRootsCache = this._getResourceRootsCache();
-        const webview = webviewService.createWebviewElement({
-            origin: BackLayerWebView_1.getOriginStore(this.storageService).getOrigin(this.notebookViewType, undefined),
-            title: ( localize(10845, "Notebook webview content")),
-            options: {
-                purpose: "notebookRenderer" ,
-                enableFindWidget: false,
-                transformCssVariables: transformWebviewThemeVars,
-            },
-            contentOptions: {
-                allowMultipleAPIAcquire: true,
-                allowScripts: true,
-                localResourceRoots: this.localResourceRootsCache,
-            },
-            extension: undefined,
-            providedViewType: 'notebook.output'
-        });
-        webview.setHtml(content);
-        webview.setContextKeyService(this.contextKeyService);
-        return webview;
-    }
-    _getResourceRootsCache() {
-        const workspaceFolders = ( (this.contextService.getWorkspace().folders.map(x => x.uri)));
-        const notebookDir = this.getNotebookBaseUri();
-        return [
-            this.notebookService.getNotebookProviderResourceRoots(),
-            ( (this.notebookService.getRenderers().map(x => dirname(x.entrypoint.path)))),
-            ...Array.from(this.notebookService.getStaticPreloads(this.notebookViewType), x => [
-                dirname(x.entrypoint),
-                ...x.localResourceRoots,
-            ]),
-            workspaceFolders,
-            notebookDir,
-            this.getBuiltinLocalResourceRoots()
-        ].flat();
-    }
-    initializeWebViewState() {
-        this._preloadsCache.clear();
-        if (this._currentKernel) {
-            this._updatePreloadsFromKernel(this._currentKernel);
-        }
-        for (const [output, inset] of this.insetMapping.entries()) {
-            this._sendMessageToWebview({ ...inset.cachedCreation, initiallyHidden: ( (this.hiddenInsetMapping.has(output))) });
-        }
-        if (this.initializeMarkupPromise?.isFirstInit) ;
-        else {
-            const mdCells = [...( (this.markupPreviewMapping.values()))];
-            this.markupPreviewMapping.clear();
-            this.initializeMarkup(mdCells);
-        }
-        this._updateStyles();
-        this._updateOptions();
-    }
-    shouldUpdateInset(cell, output, cellTop, outputOffset) {
-        if (this._disposed) {
-            return false;
-        }
-        if ('isOutputCollapsed' in cell && cell.isOutputCollapsed) {
-            return false;
-        }
-        if (( (this.hiddenInsetMapping.has(output)))) {
-            return true;
-        }
-        const outputCache = this.insetMapping.get(output);
-        if (!outputCache) {
-            return false;
-        }
-        if (outputOffset === outputCache.cachedCreation.outputOffset && cellTop === outputCache.cachedCreation.cellTop) {
-            return false;
-        }
-        return true;
-    }
-    ackHeight(updates) {
-        this._sendMessageToWebview({
-            type: 'ack-dimension',
-            updates
-        });
-    }
-    updateScrollTops(outputRequests, markupPreviews) {
-        if (this._disposed) {
-            return;
-        }
-        const widgets = coalesce(( (outputRequests.map((request) => {
-            const outputCache = this.insetMapping.get(request.output);
-            if (!outputCache) {
-                return;
-            }
-            if (!request.forceDisplay && !this.shouldUpdateInset(request.cell, request.output, request.cellTop, request.outputOffset)) {
-                return;
-            }
-            const id = outputCache.outputId;
-            outputCache.cachedCreation.cellTop = request.cellTop;
-            outputCache.cachedCreation.outputOffset = request.outputOffset;
-            this.hiddenInsetMapping.delete(request.output);
-            return {
-                cellId: request.cell.id,
-                outputId: id,
-                cellTop: request.cellTop,
-                outputOffset: request.outputOffset,
-                forceDisplay: request.forceDisplay,
-            };
-        }))));
-        if (!widgets.length && !markupPreviews.length) {
-            return;
-        }
-        this._sendMessageToWebview({
-            type: 'view-scroll',
-            widgets: widgets,
-            markupCells: markupPreviews,
-        });
-    }
-    async createMarkupPreview(initialization) {
-        if (this._disposed) {
-            return;
-        }
-        if (( (this.markupPreviewMapping.has(initialization.cellId)))) {
-            console.error('Trying to create markup preview that already exists');
-            return;
-        }
-        this.markupPreviewMapping.set(initialization.cellId, initialization);
-        this._sendMessageToWebview({
-            type: 'createMarkupCell',
-            cell: initialization
-        });
-    }
-    async showMarkupPreview(newContent) {
-        if (this._disposed) {
-            return;
-        }
-        const entry = this.markupPreviewMapping.get(newContent.cellId);
-        if (!entry) {
-            return this.createMarkupPreview(newContent);
-        }
-        const sameContent = newContent.content === entry.content;
-        const sameMetadata = (equals(newContent.metadata, entry.metadata));
-        if (!sameContent || !sameMetadata || !entry.visible) {
-            this._sendMessageToWebview({
-                type: 'showMarkupCell',
-                id: newContent.cellId,
-                handle: newContent.cellHandle,
-                content: sameContent ? undefined : newContent.content,
-                top: newContent.offset,
-                metadata: sameMetadata ? undefined : newContent.metadata
-            });
-        }
-        entry.metadata = newContent.metadata;
-        entry.content = newContent.content;
-        entry.offset = newContent.offset;
-        entry.visible = true;
-    }
-    async hideMarkupPreviews(cellIds) {
-        if (this._disposed) {
-            return;
-        }
-        const cellsToHide = [];
-        for (const cellId of cellIds) {
-            const entry = this.markupPreviewMapping.get(cellId);
-            if (entry) {
-                if (entry.visible) {
-                    cellsToHide.push(cellId);
-                    entry.visible = false;
-                }
-            }
-        }
-        if (cellsToHide.length) {
-            this._sendMessageToWebview({
-                type: 'hideMarkupCells',
-                ids: cellsToHide
-            });
-        }
-    }
-    async unhideMarkupPreviews(cellIds) {
-        if (this._disposed) {
-            return;
-        }
-        const toUnhide = [];
-        for (const cellId of cellIds) {
-            const entry = this.markupPreviewMapping.get(cellId);
-            if (entry) {
-                if (!entry.visible) {
-                    entry.visible = true;
-                    toUnhide.push(cellId);
-                }
-            }
-            else {
-                console.error(`Trying to unhide a preview that does not exist: ${cellId}`);
-            }
-        }
-        this._sendMessageToWebview({
-            type: 'unhideMarkupCells',
-            ids: toUnhide,
-        });
-    }
-    async deleteMarkupPreviews(cellIds) {
-        if (this._disposed) {
-            return;
-        }
-        for (const id of cellIds) {
-            if (!( (this.markupPreviewMapping.has(id)))) {
-                console.error(`Trying to delete a preview that does not exist: ${id}`);
-            }
-            this.markupPreviewMapping.delete(id);
-        }
-        if (cellIds.length) {
-            this._sendMessageToWebview({
-                type: 'deleteMarkupCell',
-                ids: cellIds
-            });
-        }
-    }
-    async updateMarkupPreviewSelections(selectedCellsIds) {
-        if (this._disposed) {
-            return;
-        }
-        this._sendMessageToWebview({
-            type: 'updateSelectedMarkupCells',
-            selectedCellIds: selectedCellsIds.filter(id => ( (this.markupPreviewMapping.has(id)))),
-        });
-    }
-    async initializeMarkup(cells) {
-        if (this._disposed) {
-            return;
-        }
-        this.initializeMarkupPromise?.p.complete();
-        const requestId = generateUuid();
-        this.initializeMarkupPromise = { p: ( (new DeferredPromise())), requestId, isFirstInit: this.firstInit };
-        this.firstInit = false;
-        for (const cell of cells) {
-            this.markupPreviewMapping.set(cell.cellId, cell);
-        }
-        this._sendMessageToWebview({
-            type: 'initializeMarkup',
-            cells,
-            requestId,
-        });
-        return this.initializeMarkupPromise.p.p;
-    }
-    _cachedInsetEqual(cachedInset, content) {
-        if (content.type === 1 ) {
-            return cachedInset.renderer?.id === content.renderer.id;
-        }
-        else {
-            return cachedInset.cachedCreation.type === 'html';
-        }
-    }
-    requestCreateOutputWhenWebviewIdle(cellInfo, content, cellTop, offset) {
-        if (this._disposed) {
-            return;
-        }
-        if (( (this.insetMapping.has(content.source)))) {
-            return;
-        }
-        if (( (this.pendingWebviewIdleCreationRequest.has(content.source)))) {
-            return;
-        }
-        if (( (this.pendingWebviewIdleInsetMapping.has(content.source)))) {
-            return;
-        }
-        this.pendingWebviewIdleCreationRequest.set(content.source, runWhenGlobalIdle(() => {
-            const { message, renderer, transfer: transferable } = this._createOutputCreationMessage(cellInfo, content, cellTop, offset, true, true);
-            this._sendMessageToWebview(message, transferable);
-            this.pendingWebviewIdleInsetMapping.set(content.source, { outputId: message.outputId, versionId: content.source.model.versionId, cellInfo: cellInfo, renderer, cachedCreation: message });
-            this.reversedPendingWebviewIdleInsetMapping.set(message.outputId, content.source);
-            this.pendingWebviewIdleCreationRequest.delete(content.source);
-        }));
-    }
-    createOutput(cellInfo, content, cellTop, offset) {
-        if (this._disposed) {
-            return;
-        }
-        const cachedInset = this.insetMapping.get(content.source);
-        this.pendingWebviewIdleCreationRequest.get(content.source)?.dispose();
-        this.pendingWebviewIdleCreationRequest.delete(content.source);
-        this.pendingWebviewIdleInsetMapping.delete(content.source);
-        if (cachedInset) {
-            this.reversedPendingWebviewIdleInsetMapping.delete(cachedInset.outputId);
-        }
-        if (cachedInset && this._cachedInsetEqual(cachedInset, content)) {
-            this.hiddenInsetMapping.delete(content.source);
-            this._sendMessageToWebview({
-                type: 'showOutput',
-                cellId: cachedInset.cellInfo.cellId,
-                outputId: cachedInset.outputId,
-                cellTop: cellTop,
-                outputOffset: offset
-            });
-            return;
-        }
-        const { message, renderer, transfer: transferable } = this._createOutputCreationMessage(cellInfo, content, cellTop, offset, false, false);
-        this._sendMessageToWebview(message, transferable);
-        this.insetMapping.set(content.source, { outputId: message.outputId, versionId: content.source.model.versionId, cellInfo: cellInfo, renderer, cachedCreation: message });
-        this.hiddenInsetMapping.delete(content.source);
-        this.reversedInsetMapping.set(message.outputId, content.source);
-    }
-    createMetadata(output, mimeType) {
-        if (mimeType.startsWith('image')) {
-            const buffer = output.outputs.find(out => out.mime === 'text/plain')?.data.buffer;
-            if (buffer?.length && buffer?.length > 0) {
-                const altText = ( (new TextDecoder())).decode(buffer);
-                return { ...output.metadata, vscode_altText: altText };
-            }
-        }
-        return output.metadata;
-    }
-    _createOutputCreationMessage(cellInfo, content, cellTop, offset, createOnIdle, initiallyHidden) {
-        const messageBase = {
-            type: 'html',
-            executionId: cellInfo.executionId,
-            cellId: cellInfo.cellId,
-            cellTop: cellTop,
-            outputOffset: offset,
-            left: 0,
-            requiredPreloads: [],
-            createOnIdle: createOnIdle
-        };
-        const transfer = [];
-        let message;
-        let renderer;
-        if (content.type === 1 ) {
-            const output = content.source.model;
-            renderer = content.renderer;
-            const first = output.outputs.find(op => op.mime === content.mimeType);
-            const metadata = this.createMetadata(output, content.mimeType);
-            const valueBytes = copyBufferIfNeeded(first.data.buffer, transfer);
-            message = {
-                ...messageBase,
-                outputId: output.outputId,
-                rendererId: content.renderer.id,
-                content: {
-                    type: 1 ,
-                    outputId: output.outputId,
-                    metadata: metadata,
-                    output: {
-                        mime: first.mime,
-                        valueBytes,
-                    },
-                    allOutputs: ( (output.outputs.map(output => ({ mime: output.mime })))),
-                },
-                initiallyHidden: initiallyHidden
-            };
-        }
-        else {
-            message = {
-                ...messageBase,
-                outputId: generateUuid(),
-                content: {
-                    type: content.type,
-                    htmlContent: content.htmlContent,
-                },
-                initiallyHidden: initiallyHidden
-            };
-        }
-        return {
-            message,
-            renderer,
-            transfer,
-        };
-    }
-    updateOutput(cellInfo, content, cellTop, offset) {
-        if (this._disposed) {
-            return;
-        }
-        if (!( (this.insetMapping.has(content.source)))) {
-            this.createOutput(cellInfo, content, cellTop, offset);
-            return;
-        }
-        const outputCache = this.insetMapping.get(content.source);
-        if (outputCache.versionId === content.source.model.versionId) {
-            return;
-        }
-        this.hiddenInsetMapping.delete(content.source);
-        let updatedContent = undefined;
-        const transfer = [];
-        if (content.type === 1 ) {
-            const output = content.source.model;
-            const firstBuffer = output.outputs.find(op => op.mime === content.mimeType);
-            const appenededData = output.appendedSinceVersion(outputCache.versionId, content.mimeType);
-            const appended = appenededData ? { valueBytes: appenededData.buffer, previousVersion: outputCache.versionId } : undefined;
-            const valueBytes = copyBufferIfNeeded(firstBuffer.data.buffer, transfer);
-            updatedContent = {
-                type: 1 ,
-                outputId: outputCache.outputId,
-                metadata: output.metadata,
-                output: {
-                    mime: content.mimeType,
-                    valueBytes,
-                    appended: appended
-                },
-                allOutputs: ( (output.outputs.map(output => ({ mime: output.mime }))))
-            };
-        }
-        this._sendMessageToWebview({
-            type: 'showOutput',
-            cellId: outputCache.cellInfo.cellId,
-            outputId: outputCache.outputId,
-            cellTop: cellTop,
-            outputOffset: offset,
-            content: updatedContent
-        }, transfer);
-        outputCache.versionId = content.source.model.versionId;
-        return;
-    }
-    async copyImage(output) {
-        this._sendMessageToWebview({
-            type: 'copyImage',
-            outputId: output.model.outputId,
-            altOutputId: output.model.alternativeOutputId
-        });
-    }
-    removeInsets(outputs) {
-        if (this._disposed) {
-            return;
-        }
-        for (const output of outputs) {
-            const outputCache = this.insetMapping.get(output);
-            if (!outputCache) {
-                continue;
-            }
-            const id = outputCache.outputId;
-            this._sendMessageToWebview({
-                type: 'clearOutput',
-                rendererId: outputCache.cachedCreation.rendererId,
-                cellUri: ( (outputCache.cellInfo.cellUri.toString())),
-                outputId: id,
-                cellId: outputCache.cellInfo.cellId
-            });
-            this.insetMapping.delete(output);
-            this.pendingWebviewIdleCreationRequest.get(output)?.dispose();
-            this.pendingWebviewIdleCreationRequest.delete(output);
-            this.pendingWebviewIdleInsetMapping.delete(output);
-            this.reversedPendingWebviewIdleInsetMapping.delete(id);
-            this.reversedInsetMapping.delete(id);
-        }
-    }
-    hideInset(output) {
-        if (this._disposed) {
-            return;
-        }
-        const outputCache = this.insetMapping.get(output);
-        if (!outputCache) {
-            return;
-        }
-        this.hiddenInsetMapping.add(output);
-        this._sendMessageToWebview({
-            type: 'hideOutput',
-            outputId: outputCache.outputId,
-            cellId: outputCache.cellInfo.cellId,
-        });
-    }
-    focusWebview() {
-        if (this._disposed) {
-            return;
-        }
-        this.webview?.focus();
-    }
-    selectOutputContents(cell) {
-        if (this._disposed) {
-            return;
-        }
-        const output = cell.outputsViewModels.find(o => o.model.outputId === cell.focusedOutputId);
-        const outputId = output ? this.insetMapping.get(output)?.outputId : undefined;
-        this._sendMessageToWebview({
-            type: 'select-output-contents',
-            cellOrOutputId: outputId || cell.id
-        });
-    }
-    selectInputContents(cell) {
-        if (this._disposed) {
-            return;
-        }
-        const output = cell.outputsViewModels.find(o => o.model.outputId === cell.focusedOutputId);
-        const outputId = output ? this.insetMapping.get(output)?.outputId : undefined;
-        this._sendMessageToWebview({
-            type: 'select-input-contents',
-            cellOrOutputId: outputId || cell.id
-        });
-    }
-    focusOutput(cellOrOutputId, alternateId, viewFocused) {
-        if (this._disposed) {
-            return;
-        }
-        if (!viewFocused) {
-            this.webview?.focus();
-        }
-        this._sendMessageToWebview({
-            type: 'focus-output',
-            cellOrOutputId: cellOrOutputId,
-            alternateId: alternateId
-        });
-    }
-    blurOutput() {
-        if (this._disposed) {
-            return;
-        }
-        this._sendMessageToWebview({
-            type: 'blur-output'
-        });
-    }
-    async find(query, options) {
-        if (query === '') {
-            this._sendMessageToWebview({
-                type: 'findStop',
-                ownerID: options.ownerID
-            });
-            return [];
-        }
-        const p = ( (new Promise(resolve => {
-            const sub = this.webview?.onMessage(e => {
-                if (e.message.type === 'didFind') {
-                    resolve(e.message.matches);
-                    sub?.dispose();
-                }
-            });
-        })));
-        this._sendMessageToWebview({
-            type: 'find',
-            query: query,
-            options
-        });
-        const ret = await p;
-        return ret;
-    }
-    findStop(ownerID) {
-        this._sendMessageToWebview({
-            type: 'findStop',
-            ownerID
-        });
-    }
-    async findHighlightCurrent(index, ownerID) {
-        const p = ( (new Promise(resolve => {
-            const sub = this.webview?.onMessage(e => {
-                if (e.message.type === 'didFindHighlightCurrent') {
-                    resolve(e.message.offset);
-                    sub?.dispose();
-                }
-            });
-        })));
-        this._sendMessageToWebview({
-            type: 'findHighlightCurrent',
-            index,
-            ownerID
-        });
-        const ret = await p;
-        return ret;
-    }
-    async findUnHighlightCurrent(index, ownerID) {
-        this._sendMessageToWebview({
-            type: 'findUnHighlightCurrent',
-            index,
-            ownerID
-        });
-    }
-    deltaCellContainerClassNames(cellId, added, removed) {
-        this._sendMessageToWebview({
-            type: 'decorations',
-            cellId,
-            addedClassNames: added,
-            removedClassNames: removed
-        });
-    }
-    updateOutputRenderers() {
-        if (!this.webview) {
-            return;
-        }
-        const renderersData = this.getRendererData();
-        this.localResourceRootsCache = this._getResourceRootsCache();
-        const mixedResourceRoots = [
-            ...(this.localResourceRootsCache || []),
-            ...(this._currentKernel ? [this._currentKernel.localResourceRoot] : []),
-        ];
-        this.webview.localResourcesRoot = mixedResourceRoots;
-        this._sendMessageToWebview({
-            type: 'updateRenderers',
-            rendererData: renderersData
-        });
-    }
-    async updateKernelPreloads(kernel) {
-        if (this._disposed || kernel === this._currentKernel) {
-            return;
-        }
-        const previousKernel = this._currentKernel;
-        this._currentKernel = kernel;
-        if (previousKernel && previousKernel.preloadUris.length > 0) {
-            this.webview?.reload();
-        }
-        else if (kernel) {
-            this._updatePreloadsFromKernel(kernel);
-        }
-    }
-    _updatePreloadsFromKernel(kernel) {
-        const resources = [];
-        for (const preload of kernel.preloadUris) {
-            const uri = this.environmentService.isExtensionDevelopment && (preload.scheme === 'http' || preload.scheme === 'https')
-                ? preload : this.asWebviewUri(preload, undefined);
-            if (!( (this._preloadsCache.has( (uri.toString()))))) {
-                resources.push({ uri: ( (uri.toString())), originalUri: ( (preload.toString())) });
-                this._preloadsCache.add(( (uri.toString())));
-            }
-        }
-        if (!resources.length) {
-            return;
-        }
-        this._updatePreloads(resources);
-    }
-    _updatePreloads(resources) {
-        if (!this.webview) {
-            return;
-        }
-        const mixedResourceRoots = [
-            ...(this.localResourceRootsCache || []),
-            ...(this._currentKernel ? [this._currentKernel.localResourceRoot] : []),
-        ];
-        this.webview.localResourcesRoot = mixedResourceRoots;
-        this._sendMessageToWebview({
-            type: 'preload',
-            resources: resources,
-        });
-    }
-    _sendMessageToWebview(message, transfer) {
-        if (this._disposed) {
-            return;
-        }
-        this.webview?.postMessage(message, transfer);
-    }
-    dispose() {
-        this._disposed = true;
-        this.webview?.dispose();
-        this.webview = undefined;
-        this.notebookEditor = null;
-        this.insetMapping.clear();
-        this.pendingWebviewIdleCreationRequest.clear();
-        super.dispose();
-    }
-};
-BackLayerWebView = BackLayerWebView_1 = ( (__decorate([
-    ( (__param(6, IWebviewService))),
-    ( (__param(7, IOpenerService))),
-    ( (__param(8, INotebookService))),
-    ( (__param(9, IWorkspaceContextService))),
-    ( (__param(10, IWorkbenchEnvironmentService))),
-    ( (__param(11, IFileDialogService))),
-    ( (__param(12, IFileService))),
-    ( (__param(13, IContextMenuService))),
-    ( (__param(14, IContextKeyService))),
-    ( (__param(15, IWorkspaceTrustManagementService))),
-    ( (__param(16, IConfigurationService))),
-    ( (__param(17, ILanguageService))),
-    ( (__param(18, IWorkspaceContextService))),
-    ( (__param(19, IEditorGroupsService))),
-    ( (__param(20, IStorageService))),
-    ( (__param(21, IPathService))),
-    ( (__param(22, INotebookLoggingService))),
-    ( (__param(23, IThemeService))),
-    ( (__param(24, ITelemetryService)))
-], BackLayerWebView)));
-function copyBufferIfNeeded(buffer, transfer) {
-    if (buffer.byteLength === buffer.buffer.byteLength) {
-        return buffer;
-    }
-    else {
-        const valueBytes = ( (new Uint8Array(buffer)));
-        transfer.push(valueBytes.buffer);
-        return valueBytes;
-    }
-}
-function getTokenizationCss() {
-    const colorMap = TokenizationRegistry.getColorMap();
-    const tokenizationCss = colorMap ? generateTokensCSSForColorMap(colorMap) : '';
-    return tokenizationCss;
-}
-function tryDecodeURIComponent(uri) {
-    try {
-        return decodeURIComponent(uri);
-    }
-    catch {
-        return uri;
-    }
-}
-export { BackLayerWebView };