@codingame/monaco-vscode-api 37.0.0 → 37.2.0

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

@@ -1,1840 +0,0 @@
-
-import { __decorate, __param } from '../../../../../../../../../external/tslib/tslib.es6.js';
-import { createElement } 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, isTextStreamMime } 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.service.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 { EditorOpenSource } from '../../../../../../platform/editor/common/editor.js';
-import { IFileService } from '../../../../../../platform/files/common/files.service.js';
-import { extractSelection } from '../../../../../../platform/opener/common/opener.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, RenderOutputType } 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 { RendererMessagingSpec, CellUri } from '../../../common/notebookCommon.js';
-import { INotebookLoggingService } from '../../../common/notebookLoggingService.service.js';
-import { INotebookService } from '../../../common/notebookService.service.js';
-import { WebviewOriginStore, WebviewContentPurpose } 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 { IEditorService } from '../../../../../services/editor/common/editorService.service.js';
-import { IWorkbenchEnvironmentService } from '../../../../../services/environment/common/environmentService.service.js';
-import { IPathService } from '../../../../../services/path/common/pathService.service.js';
-import { TEXT_BASED_MIMETYPES, getOutputStreamText, getOutputText } from '../../viewModel/cellOutputTextHelper.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,
-        editorService,
-        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.editorService = editorService;
-        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 = 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(14623, "Empty markdown cell, double-click or press enter to edit.")),
-            "notebook-cell-renderer-not-found-error": ( localize(14624, "No renderer found for '$0'")),
-            "notebook-cell-renderer-fallbacks-exhausted": ( localize(14625, "Could not render content for '$0'")),
-            "notebook-markup-font-family": this.options.markupFontFamily
-        };
-    }
-    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 .cell_container.nb-insertHighlight div.output_container div.output {
-                        background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
-                    }
-
-                    #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);
-                        font-family: var(--notebook-markup-font-family);
-                    }
-
-                    #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 .markup > div.nb-insertHighlight {
-                        background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
-                    }
-
-                    #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 !== RendererMessagingSpec.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/nls.js")))];
-    }
-    _initialize(content, targetWindow) {
-        if (!this.element.isConnected) {
-            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.generateCellOutputUriWithId(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",
-                                "jupyter.createPythonEnvAndSelectController"
-                            ]
-                        });
-                        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)) {
-                            await this._openUri(URI.file(data.href));
-                        } else {
-                            await 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.outputSize && data.rendererId === "vscode.builtin-renderer") {
-                        this._sendPerformanceData(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(outputSize, renderTime) {
-        const telemetryData = {
-            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
-                });
-            }
-            await this._openUri(linkToOpen);
-        }
-    }
-    async _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 = lineCol[2] ? parseInt(lineCol[2], 10) : 1;
-        }
-        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
-        });
-        const extractedSelection = extractSelection(uri);
-        const selection = lineNumber !== undefined && column !== undefined ? {
-            startLineNumber: lineNumber,
-            startColumn: column
-        } : extractedSelection.selection;
-        const resource = extractedSelection.uri;
-        if (!this.fileService.hasProvider(resource) || this.workspaceContextService.isInsideWorkspace(resource)) {
-            await this.openerService.open(uri, {
-                fromUserGesture: true,
-                fromWorkspace: true
-            });
-            return;
-        }
-        let match = undefined;
-        for (const group of this.editorGroupService.groups) {
-            const editorInput = group.editors.find(editor => editor.resource && isEqual(editor.resource, resource, true));
-            if (editorInput) {
-                match = {
-                    group,
-                    editor: editorInput
-                };
-                break;
-            }
-        }
-        const options = {
-            selection,
-            source: EditorOpenSource.USER
-        };
-        if (match) {
-            await this.editorService.openEditors([{
-                editor: match.editor,
-                options
-            }], match.group, {
-                validateTrust: true
-            });
-        } else {
-            await this.editorService.openEditors([{
-                resource,
-                options
-            }], undefined, {
-                validateTrust: 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(14626, "Notebook webview content")),
-            options: {
-                purpose: WebviewContentPurpose.NotebookRenderer,
-                enableFindWidget: false,
-                transformCssVariables: transformWebviewThemeVars
-            },
-            contentOptions: {
-                allowMultipleAPIAcquire: true,
-                allowScripts: true,
-                forwardUntrustedKeypressEvents: false,
-                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 === RenderOutputType.Extension) {
-            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 === RenderOutputType.Extension) {
-            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: RenderOutputType.Extension,
-                    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 === RenderOutputType.Extension) {
-            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: RenderOutputType.Extension,
-                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) {
-        const textAlternates = [];
-        const cellOutput = output.model;
-        for (const outputItem of cellOutput.outputs) {
-            if (TEXT_BASED_MIMETYPES.includes(outputItem.mime)) {
-                const text = isTextStreamMime(outputItem.mime) ? getOutputStreamText(output).text : getOutputText(outputItem.mime, outputItem);
-                textAlternates.push({
-                    mimeType: outputItem.mime,
-                    content: text
-                });
-            }
-        }
-        this._sendMessageToWebview({
-            type: "copyImage",
-            outputId: output.model.outputId,
-            altOutputId: output.model.alternativeOutputId,
-            textAlternates: textAlternates.length > 0 ? textAlternates : undefined
-        });
-    }
-    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
-        });
-    }
-    deltaCellOutputContainerClassNames(cellId, added, removed) {
-        this._sendMessageToWebview({
-            type: "decorations",
-            cellId,
-            addedClassNames: added,
-            removedClassNames: removed
-        });
-    }
-    deltaMarkupPreviewClassNames(cellId, added, removed) {
-        if (this.markupPreviewMapping.get(cellId)) {
-            this._sendMessageToWebview({
-                type: "markupDecorations",
-                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, IEditorService)), ( __param(21, IStorageService)), ( __param(22, IPathService)), ( __param(23, INotebookLoggingService)), ( __param(24, IThemeService)), ( __param(25, 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 };