@codingame/monaco-vscode-api 25.1.1 → 26.0.0

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

@@ -64,12 +64,40 @@ const LINE_COLUMN_REGEX = /:([\d]+)(?::([\d]+))?$/;
 const LineQueryRegex = /line=(\d+)$/;
 const FRAGMENT_REGEX = /^(.*)#([^#]*)$/;
 let BackLayerWebView = class BackLayerWebView extends Themable {
-    static { BackLayerWebView_1 = this; }
+    static {
+        BackLayerWebView_1 = this;
+    }
     static getOriginStore(storageService) {
-        this._originStore ??= ( new WebviewOriginStore('notebook.backlayerWebview.origins', 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) {
+    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;
@@ -110,10 +138,10 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         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';
+        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) => {
@@ -122,7 +150,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                 }
                 this._sendMessageToWebview({
                     __vscode_notebook_message: true,
-                    type: 'customRendererMessage',
+                    type: "customRendererMessage",
                     rendererId: rendererId,
                     message: message
                 });
@@ -136,8 +164,8 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         }));
         this._register(TokenizationRegistry.onDidChange(() => {
             this._sendMessageToWebview({
-                type: 'tokenizedStylesChanged',
-                css: getTokenizationCss(),
+                type: "tokenizedStylesChanged",
+                css: getTokenizationCss()
             });
         }));
     }
@@ -147,17 +175,17 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         this._updateOptions();
     }
     _logRendererDebugMessage(msg) {
-        this.notebookLogService.debug('BacklayerWebview', `${this.documentUri} (${this.id}) - ${msg}`);
+        this.notebookLogService.debug("BacklayerWebview", `${this.documentUri} (${this.id}) - ${msg}`);
     }
     _updateStyles() {
         this._sendMessageToWebview({
-            type: 'notebookStyles',
+            type: "notebookStyles",
             styles: this._generateStyles()
         });
     }
     _updateOptions() {
         this._sendMessageToWebview({
-            type: 'notebookOptions',
+            type: "notebookOptions",
             options: {
                 dragAndDropEnabled: this.options.dragAndDropEnabled
             },
@@ -172,24 +200,24 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
     }
     _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(9719, "Empty markdown cell, double-click or press enter to edit.")),
-            'notebook-cell-renderer-not-found-error': ( localize(9720, "No renderer found for '$0'")),
-            'notebook-cell-renderer-fallbacks-exhausted': ( localize(9721, "Could not render content for '$0'")),
-            'notebook-markup-font-family': this.options.markupFontFamily,
+            "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(10039, "Empty markdown cell, double-click or press enter to edit.")),
+            "notebook-cell-renderer-not-found-error": ( localize(10040, "No renderer found for '$0'")),
+            "notebook-cell-renderer-fallbacks-exhausted": ( localize(10041, "Could not render content for '$0'")),
+            "notebook-markup-font-family": this.options.markupFontFamily
         };
     }
     generateContent(baseUrl) {
@@ -204,199 +232,202 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         };
         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');
+            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});
-					}
+        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});
-					}
+                    ::highlight(current-find-highlight) {
+                        background-color: var(--vscode-editor-findMatchHighlightBackground, ${currentHighlight});
+                    }
 
-					#container .cell_container {
-						width: 100%;
-					}
+                    #container .cell_container {
+                        width: 100%;
+                    }
 
-					#container .output_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 .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;
-					}
+                    #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);
+                    /* 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;
+                        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);
-					}
+                        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.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.selected {
+                        background: var(--theme-notebook-cell-selected-background);
+                    }
 
-					#container div.preview.dragging {
-						background-color: var(--theme-background);
-						opacity: 0.5 !important;
-					}
+                    #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)
-					}
+                    .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-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 .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 .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 .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-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 .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-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.nb-cellAdded .output_container {
+                        background-color: var(--theme-notebook-diff-inserted-background);
+                    }
 
-					#container > div > div:not(.preview) > div {
-						overflow-x: auto;
-					}
+                    #container > div > div:not(.preview) > div {
+                        overflow-x: auto;
+                    }
 
-					#container .no-renderer-error {
-						color: var(--vscode-editorError-foreground);
-					}
+                    #container .no-renderer-error {
+                        color: var(--vscode-editorError-foreground);
+                    }
 
-					body {
-						padding: 0px;
-						height: 100%;
-						width: 100%;
-					}
+                    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, 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;
-					}
+                    table, th, tr {
+                        vertical-align: middle;
+                        text-align: right;
+                    }
 
-					thead {
-						font-weight: bold;
-						background-color: rgba(130, 130, 130, 0.16);
-					}
+                    thead {
+                        font-weight: bold;
+                        background-color: rgba(130, 130, 130, 0.16);
+                    }
 
-					th, td {
-						padding: 4px 8px;
-					}
+                    th, td {
+                        padding: 4px 8px;
+                    }
 
-					tr:nth-child(even) {
-						background-color: rgba(130, 130, 130, 0.08);
-					}
+                    tr:nth-child(even) {
+                        background-color: rgba(130, 130, 130, 0.08);
+                    }
 
-					tbody th {
-						font-weight: normal;
-					}
+                    tbody th {
+                        font-weight: normal;
+                    }
 
-					.find-match {
-						background-color: var(--vscode-editor-findMatchHighlightBackground);
-					}
+                    .find-match {
+                        background-color: var(--vscode-editor-findMatchHighlightBackground);
+                    }
 
-					.current-find-match {
-						background-color: var(--vscode-editor-findMatchBackground);
-					}
+                    .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>`;
+                    #_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) => {
+        return ( this.notebookService.getRenderers().map(renderer => {
             const entrypoint = {
                 extends: renderer.entrypoint.extends,
                 path: ( this.asWebviewUri(renderer.entrypoint.path, renderer.extensionLocation).toString())
@@ -411,18 +442,26 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         }));
     }
     getStaticPreloadsData() {
-        return Array.from(this.notebookService.getStaticPreloads(this.notebookViewType), preload => {
-            return { entrypoint: ( ( this.asWebviewUri(preload.entrypoint, preload.extensionLocation).toString()).toString()) };
-        });
+        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);
+        return asWebviewUri(uri, fromExtension?.scheme === Schemas.vscodeRemote ? {
+            isRemote: true,
+            authority: fromExtension.authority
+        } : undefined);
     }
     postKernelMessage(message) {
         this._sendMessageToWebview({
             __vscode_notebook_message: true,
-            type: 'customKernelMessage',
-            message,
+            type: "customKernelMessage",
+            message
         });
     }
     resolveOutputId(id) {
@@ -431,7 +470,10 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             return;
         }
         const cellInfo = this.insetMapping.get(output).cellInfo;
-        return { cellInfo, output };
+        return {
+            cellInfo,
+            output
+        };
     }
     isResolved() {
         return !!this.webview;
@@ -455,19 +497,17 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         return dirname(this.documentUri);
     }
     getBuiltinLocalResourceRoots() {
-        if (!this.documentUri.path.toLowerCase().endsWith('.ipynb')) {
+        if (!this.documentUri.path.toLowerCase().endsWith(".ipynb")) {
             return [];
         }
         if (isWeb) {
             return [];
         }
-        return [
-            dirname(( FileAccess.asFileUri('vs/nls.js'))),
-        ];
+        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'));
+            throw ( new Error("Element is already detached from the DOM tree"));
         }
         this.webview = this._createInset(this.webviewService, content);
         this.webview.mountTo(this.element, targetWindow);
@@ -477,7 +517,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         this._register(this.webview.onFatalError(e => {
             initializePromise.error(( new Error(`Could not initialize webview: ${e.message}}`)));
         }));
-        this._register(this.webview.onMessage(async (message) => {
+        this._register(this.webview.onMessage(async message => {
             const data = message.message;
             if (this._disposed) {
                 return;
@@ -486,29 +526,34 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                 return;
             }
             switch (data.type) {
-                case 'initialized': {
+            case "initialized":
+                {
                     initializePromise.complete();
                     this.initializeWebViewState();
                     break;
                 }
-                case 'initializedMarkup': {
+            case "initializedMarkup":
+                {
                     if (this.initializeMarkupPromise?.requestId === data.requestId) {
                         this.initializeMarkupPromise?.p.complete();
                         this.initializeMarkupPromise = undefined;
                     }
                     break;
                 }
-                case 'dimension': {
+            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');
+                                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) {
+                            } else if (update.init) {
                                 const outputRequest = this.reversedPendingWebviewIdleInsetMapping.get(update.id);
                                 if (outputRequest) {
                                     const inset = this.pendingWebviewIdleInsetMapping.get(outputRequest);
@@ -517,7 +562,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                                     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.updateOutputHeight(cellInfo, outputRequest, height, !!update.init, "webview#dimension");
                                     this.notebookEditor.scheduleOutputHeightAck(cellInfo, update.id, height);
                                 }
                                 this.reversedPendingWebviewIdleInsetMapping.delete(update.id);
@@ -533,14 +578,14 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                                 const inset = this.insetMapping.get(output);
                                 inset.initialized = true;
                             }
-                        }
-                        else {
+                        } else {
                             this.notebookEditor.updateMarkupCellHeight(update.id, height, !!update.init);
                         }
                     }
                     break;
                 }
-                case 'mouseenter': {
+            case "mouseenter":
+                {
                     const resolvedResult = this.resolveOutputId(data.id);
                     if (resolvedResult) {
                         const latestCell = this.notebookEditor.getCellByInfo(resolvedResult.cellInfo);
@@ -550,7 +595,8 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                     }
                     break;
                 }
-                case 'mouseleave': {
+            case "mouseleave":
+                {
                     const resolvedResult = this.resolveOutputId(data.id);
                     if (resolvedResult) {
                         const latestCell = this.notebookEditor.getCellByInfo(resolvedResult.cellInfo);
@@ -560,18 +606,24 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                     }
                     break;
                 }
-                case 'outputFocus': {
+            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 });
+                            this.notebookEditor.focusNotebookCell(latestCell, "output", {
+                                outputId: resolvedResult.output.model.outputId,
+                                skipReveal: true,
+                                outputWebviewFocused: true
+                            });
                         }
                     }
                     break;
                 }
-                case 'outputBlur': {
+            case "outputBlur":
+                {
                     const resolvedResult = this.resolveOutputId(data.id);
                     if (resolvedResult) {
                         const latestCell = this.notebookEditor.getCellByInfo(resolvedResult.cellInfo);
@@ -582,41 +634,46 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                     }
                     break;
                 }
-                case 'scroll-ack': {
+            case "scroll-ack":
+                {
                     break;
                 }
-                case 'scroll-to-reveal': {
+            case "scroll-to-reveal":
+                {
                     this.notebookEditor.setScrollTop(data.scrollTop - NOTEBOOK_WEBVIEW_BOUNDARY);
                     break;
                 }
-                case 'did-scroll-wheel': {
+            case "did-scroll-wheel":
+                {
                     this.notebookEditor.triggerScroll({
                         ...data.payload,
-                        preventDefault: () => { },
-                        stopPropagation: () => { }
+                        preventDefault: () => {},
+                        stopPropagation: () => {}
                     });
                     break;
                 }
-                case 'focus-editor': {
+            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');
+                            this.notebookEditor.focusNextNotebookCell(cell, "editor");
+                        } else {
+                            await this.notebookEditor.focusNotebookCell(cell, "editor");
                         }
                     }
                     break;
                 }
-                case 'clicked-data-url': {
+            case "clicked-data-url":
+                {
                     this._onDidClickDataLink(data);
                     break;
                 }
-                case 'clicked-link': {
+            case "clicked-link":
+                {
                     if (matchesScheme(data.href, Schemas.command)) {
                         const uri = ( URI.parse(data.href));
-                        if (uri.path === 'workbench.action.openLargeOutput') {
+                        if (uri.path === "workbench.action.openLargeOutput") {
                             const outputId = uri.query;
                             const group = this.editorGroupService.activeGroup;
                             if (group) {
@@ -627,14 +684,17 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                             this.openerService.open(CellUri.generateCellOutputUriWithId(this.documentUri, outputId));
                             return;
                         }
-                        if (uri.path === 'cellOutput.enableScrolling') {
+                        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) => {
+                                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.model.metadata["scrollable"] = true;
                                         vm.resetRenderer();
                                     }
                                 });
@@ -645,60 +705,68 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                             fromUserGesture: true,
                             fromWorkspace: true,
                             allowCommands: [
-                                'github-issues.authNow',
-                                'workbench.extensions.search',
-                                'workbench.action.openSettings',
-                                '_notebook.selectKernel',
-                                'jupyter.viewOutput',
-                                'jupyter.createPythonEnvAndSelectController',
-                            ],
+                                "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)) {
+                        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)) {
+                    } else if (!/^[\w\-]+:/.test(data.href)) {
                         await this._handleResourceOpening(tryDecodeURIComponent(data.href));
-                    }
-                    else {
+                    } else {
                         if (isAbsolute(data.href)) {
                             this._openUri(URI.file(data.href));
-                        }
-                        else {
+                        } else {
                             this._openUri(( URI.parse(data.href)));
                         }
                     }
                     break;
                 }
-                case 'customKernelMessage': {
-                    this._onMessage.fire({ message: data.message });
+            case "customKernelMessage":
+                {
+                    this._onMessage.fire({
+                        message: data.message
+                    });
                     break;
                 }
-                case 'customRendererMessage': {
+            case "customRendererMessage":
+                {
                     this.rendererMessaging?.postMessage(data.rendererId, data.message);
                     break;
                 }
-                case 'clickMarkupCell': {
+            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 });
+                        } else {
+                            await this.notebookEditor.focusNotebookCell(cell, "container", {
+                                skipReveal: true
+                            });
                         }
                     }
                     break;
                 }
-                case 'contextMenuMarkupCell': {
+            case "contextMenuMarkupCell":
+                {
                     const cell = this.notebookEditor.getCellById(data.cellId);
                     if (cell) {
-                        await this.notebookEditor.focusNotebookCell(cell, 'container', { skipReveal: true });
+                        await this.notebookEditor.focusNotebookCell(cell, "container", {
+                            skipReveal: true
+                        });
                         const webviewRect = this.element.getBoundingClientRect();
                         this.contextMenuService.showContextMenu({
                             menuId: MenuId.NotebookCellTitle,
@@ -711,49 +779,59 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                     }
                     break;
                 }
-                case 'toggleMarkupPreview': {
+            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 });
+                        await this.notebookEditor.focusNotebookCell(cell, "editor", {
+                            skipReveal: true
+                        });
                     }
                     break;
                 }
-                case 'mouseEnterMarkupCell': {
+            case "mouseEnterMarkupCell":
+                {
                     const cell = this.notebookEditor.getCellById(data.cellId);
                     if (cell instanceof MarkupCellViewModel) {
                         cell.cellIsHovered = true;
                     }
                     break;
                 }
-                case 'mouseLeaveMarkupCell': {
+            case "mouseLeaveMarkupCell":
+                {
                     const cell = this.notebookEditor.getCellById(data.cellId);
                     if (cell instanceof MarkupCellViewModel) {
                         cell.cellIsHovered = false;
                     }
                     break;
                 }
-                case 'cell-drag-start': {
+            case "cell-drag-start":
+                {
                     this.notebookEditor.didStartDragMarkupCell(data.cellId, data);
                     break;
                 }
-                case 'cell-drag': {
+            case "cell-drag":
+                {
                     this.notebookEditor.didDragMarkupCell(data.cellId, data);
                     break;
                 }
-                case 'cell-drop': {
+            case "cell-drop":
+                {
                     this.notebookEditor.didDropMarkupCell(data.cellId, {
                         dragOffsetY: data.dragOffsetY,
                         ctrlKey: data.ctrlKey,
-                        altKey: data.altKey,
+                        altKey: data.altKey
                     });
                     break;
                 }
-                case 'cell-drag-end': {
+            case "cell-drag-end":
+                {
                     this.notebookEditor.didEndDragMarkupCell(data.cellId);
                     break;
                 }
-                case 'renderedMarkup': {
+            case "renderedMarkup":
+                {
                     const cell = this.notebookEditor.getCellById(data.cellId);
                     if (cell instanceof MarkupCellViewModel) {
                         cell.renderedHtml = data.html;
@@ -761,36 +839,47 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                     this._handleHighlightCodeBlock(data.codeBlocks);
                     break;
                 }
-                case 'renderedCellOutput': {
+            case "renderedCellOutput":
+                {
                     this._handleHighlightCodeBlock(data.codeBlocks);
                     break;
                 }
-                case 'outputResized': {
+            case "outputResized":
+                {
                     this.notebookEditor.didResizeOutput(data.cellId);
                     break;
                 }
-                case 'getOutputItem': {
+            case "getOutputItem":
+                {
                     const resolvedResult = this.resolveOutputId(data.outputId);
                     const output = resolvedResult?.output.model.outputs.find(output => output.mime === data.mime);
                     this._sendMessageToWebview({
-                        type: 'returnOutputItem',
+                        type: "returnOutputItem",
                         requestId: data.requestId,
-                        output: output ? { mime: output.mime, valueBytes: output.data.buffer } : undefined,
+                        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) : ''}`);
+            case "logRendererDebugMessage":
+                {
+                    this._logRendererDebugMessage(
+                        `${data.message}${data.data ? " " + JSON.stringify(data.data, null, 4) : ""}`
+                    );
                     break;
                 }
-                case 'notebookPerformanceMessage': {
+            case "notebookPerformanceMessage":
+                {
                     this.notebookEditor.updatePerformanceMetadata(data.cellId, data.executionId, data.duration, data.rendererId);
-                    if (data.outputSize && data.rendererId === 'vscode.builtin-renderer') {
+                    if (data.outputSize && data.rendererId === "vscode.builtin-renderer") {
                         this._sendPerformanceData(data.outputSize, data.duration);
                     }
                     break;
                 }
-                case 'outputInputFocus': {
+            case "outputInputFocus":
+                {
                     const resolvedResult = this.resolveOutputId(data.id);
                     if (resolvedResult) {
                         const latestCell = this.notebookEditor.getCellByInfo(resolvedResult.cellInfo);
@@ -809,7 +898,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             outputSize,
             renderTime
         };
-        this.telemetryService.publicLog2('NotebookCellOutputRender', telemetryData);
+        this.telemetryService.publicLog2("NotebookCellOutputRender", telemetryData);
     }
     _handleNotebookCellResource(uri) {
         const notebookResource = uri.path.length > 0 ? uri : this.documentUri;
@@ -820,7 +909,10 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             if (!isNaN(parsedLineNumber)) {
                 const lineNumber = parsedLineNumber;
                 editorOptions = {
-                    selection: { startLineNumber: lineNumber, startColumn: 1 }
+                    selection: {
+                        startLineNumber: lineNumber,
+                        startColumn: 1
+                    }
                 };
             }
         }
@@ -848,16 +940,26 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                 const lineNumber = parsedLineNumber + 1;
                 const fragment = uri.fragment.substring(0, fragmentLineMatch.index);
                 const editorOptions = {
-                    selection: { startLineNumber: lineNumber, startColumn: 1, endLineNumber: lineNumber, endColumn: 1 }
+                    selection: {
+                        startLineNumber: lineNumber,
+                        startColumn: 1,
+                        endLineNumber: lineNumber,
+                        endColumn: 1
+                    }
                 };
-                return this.openerService.open(notebookResource.with({ fragment }), {
+                return this.openerService.open(notebookResource.with({
+                    fragment
+                }), {
                     fromUserGesture: true,
                     fromWorkspace: true,
                     editorOptions: editorOptions
                 });
             }
         }
-        return this.openerService.open(notebookResource, { fromUserGesture: true, fromWorkspace: true });
+        return this.openerService.open(notebookResource, {
+            fromUserGesture: true,
+            fromWorkspace: true
+        });
     }
     async _handleResourceOpening(href) {
         let linkToOpen = undefined;
@@ -867,7 +969,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             href = hrefWithFragment[1];
             fragment = hrefWithFragment[2];
         }
-        if (href.startsWith('/')) {
+        if (href.startsWith("/")) {
             linkToOpen = await this.pathService.fileURI(href);
             const folders = this.workspaceContextService.getWorkspace().folders;
             if (folders.length) {
@@ -876,28 +978,27 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                     authority: folders[0].uri.authority
                 });
             }
-        }
-        else if (href.startsWith('~')) {
+        } else if (href.startsWith("~")) {
             const userHome = await this.pathService.userHome();
             if (userHome) {
                 linkToOpen = URI.joinPath(userHome, href.substring(2));
             }
-        }
-        else {
+        } 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 {
+            } else {
                 linkToOpen = URI.joinPath(dirname(this.documentUri), href);
             }
         }
         if (linkToOpen) {
             if (fragment) {
-                linkToOpen = linkToOpen.with({ fragment });
+                linkToOpen = linkToOpen.with({
+                    fragment
+                });
             }
             this._openUri(linkToOpen);
         }
@@ -920,7 +1021,9 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             if (!isNaN(parsedLineNumber)) {
                 lineNumber = parsedLineNumber + 1;
                 column = 1;
-                uri = uri.with({ fragment: `L${lineNumber}` });
+                uri = uri.with({
+                    fragment: `L${lineNumber}`
+                });
             }
         }
         uri = uri.with({
@@ -930,31 +1033,45 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         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 };
+                match = {
+                    group,
+                    editor: editorInput
+                };
                 break;
             }
         }
         if (match) {
-            const selection = lineNumber !== undefined && column !== undefined ? { startLineNumber: lineNumber, startColumn: column } : undefined;
-            const textEditorOptions = { selection: selection };
+            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 });
+        } else {
+            this.openerService.open(uri, {
+                fromUserGesture: true,
+                fromWorkspace: true
+            });
         }
     }
     _handleHighlightCodeBlock(codeBlocks) {
-        for (const { id, value, lang } of codeBlocks) {
+        for (const {
+            id,
+            value,
+            lang
+        } of codeBlocks) {
             const languageId = this.languageService.getLanguageIdByLanguageName(lang);
             if (!languageId) {
                 continue;
             }
-            tokenizeToString(this.languageService, value, languageId).then((html) => {
+            tokenizeToString(this.languageService, value, languageId).then(html => {
                 if (this._disposed) {
                     return;
                 }
                 this._sendMessageToWebview({
-                    type: 'tokenizedCodeBlock',
+                    type: "tokenizedCodeBlock",
                     html,
                     codeBlockId: id
                 });
@@ -962,24 +1079,21 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         }
     }
     async _onDidClickDataLink(event) {
-        if (typeof event.data !== 'string') {
+        if (typeof event.data !== "string") {
             return;
         }
-        const [splitStart, splitData] = event.data.split(';base64,');
+        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);
+        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:/, '');
+        } else {
+            const mimeType = splitStart.replace(/^data:/, "");
             const candidateExtension = mimeType && getExtensionForMimeType(mimeType);
-            defaultName = candidateExtension ? `download${candidateExtension}` : 'download';
+            defaultName = candidateExtension ? `download${candidateExtension}` : "download";
         }
         const defaultUri = joinPath(defaultDir, defaultName);
         const newFileUri = await this.fileDialogService.showSaveDialog({
@@ -996,19 +1110,19 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         this.localResourceRootsCache = this._getResourceRootsCache();
         const webview = webviewService.createWebviewElement({
             origin: BackLayerWebView_1.getOriginStore(this.storageService).getOrigin(this.notebookViewType, undefined),
-            title: ( localize(9722, "Notebook webview content")),
+            title: ( localize(10042, "Notebook webview content")),
             options: {
                 purpose: WebviewContentPurpose.NotebookRenderer,
                 enableFindWidget: false,
-                transformCssVariables: transformWebviewThemeVars,
+                transformCssVariables: transformWebviewThemeVars
             },
             contentOptions: {
                 allowMultipleAPIAcquire: true,
                 allowScripts: true,
-                localResourceRoots: this.localResourceRootsCache,
+                localResourceRoots: this.localResourceRootsCache
             },
             extension: undefined,
-            providedViewType: 'notebook.output'
+            providedViewType: "notebook.output"
         });
         webview.setHtml(content);
         webview.setContextKeyService(this.contextKeyService);
@@ -1017,17 +1131,10 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
     _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();
+        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();
@@ -1035,10 +1142,13 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             this._updatePreloadsFromKernel(this._currentKernel);
         }
         for (const [output, inset] of this.insetMapping.entries()) {
-            this._sendMessageToWebview({ ...inset.cachedCreation, initiallyHidden: ( this.hiddenInsetMapping.has(output)) });
+            this._sendMessageToWebview({
+                ...inset.cachedCreation,
+                initiallyHidden: ( this.hiddenInsetMapping.has(output))
+            });
         }
-        if (this.initializeMarkupPromise?.isFirstInit) ;
-        else {
+        if (this.initializeMarkupPromise?.isFirstInit)
+            ; else {
             const mdCells = [...( this.markupPreviewMapping.values())];
             this.markupPreviewMapping.clear();
             this.initializeMarkup(mdCells);
@@ -1050,7 +1160,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         if (this._disposed) {
             return false;
         }
-        if ('isOutputCollapsed' in cell && cell.isOutputCollapsed) {
+        if ("isOutputCollapsed" in cell && cell.isOutputCollapsed) {
             return false;
         }
         if (( this.hiddenInsetMapping.has(output))) {
@@ -1067,7 +1177,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
     }
     ackHeight(updates) {
         this._sendMessageToWebview({
-            type: 'ack-dimension',
+            type: "ack-dimension",
             updates
         });
     }
@@ -1075,7 +1185,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         if (this._disposed) {
             return;
         }
-        const widgets = coalesce(( outputRequests.map((request) => {
+        const widgets = coalesce(( outputRequests.map(request => {
             const outputCache = this.insetMapping.get(request.output);
             if (!outputCache) {
                 return;
@@ -1092,16 +1202,16 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                 outputId: id,
                 cellTop: request.cellTop,
                 outputOffset: request.outputOffset,
-                forceDisplay: request.forceDisplay,
+                forceDisplay: request.forceDisplay
             };
         })));
         if (!widgets.length && !markupPreviews.length) {
             return;
         }
         this._sendMessageToWebview({
-            type: 'view-scroll',
+            type: "view-scroll",
             widgets: widgets,
-            markupCells: markupPreviews,
+            markupCells: markupPreviews
         });
     }
     async createMarkupPreview(initialization) {
@@ -1109,12 +1219,12 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             return;
         }
         if (( this.markupPreviewMapping.has(initialization.cellId))) {
-            console.error('Trying to create markup preview that already exists');
+            console.error("Trying to create markup preview that already exists");
             return;
         }
         this.markupPreviewMapping.set(initialization.cellId, initialization);
         this._sendMessageToWebview({
-            type: 'createMarkupCell',
+            type: "createMarkupCell",
             cell: initialization
         });
     }
@@ -1130,7 +1240,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         const sameMetadata = (equals(newContent.metadata, entry.metadata));
         if (!sameContent || !sameMetadata || !entry.visible) {
             this._sendMessageToWebview({
-                type: 'showMarkupCell',
+                type: "showMarkupCell",
                 id: newContent.cellId,
                 handle: newContent.cellHandle,
                 content: sameContent ? undefined : newContent.content,
@@ -1159,7 +1269,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         }
         if (cellsToHide.length) {
             this._sendMessageToWebview({
-                type: 'hideMarkupCells',
+                type: "hideMarkupCells",
                 ids: cellsToHide
             });
         }
@@ -1176,14 +1286,13 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                     entry.visible = true;
                     toUnhide.push(cellId);
                 }
-            }
-            else {
+            } else {
                 console.error(`Trying to unhide a preview that does not exist: ${cellId}`);
             }
         }
         this._sendMessageToWebview({
-            type: 'unhideMarkupCells',
-            ids: toUnhide,
+            type: "unhideMarkupCells",
+            ids: toUnhide
         });
     }
     async deleteMarkupPreviews(cellIds) {
@@ -1198,7 +1307,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         }
         if (cellIds.length) {
             this._sendMessageToWebview({
-                type: 'deleteMarkupCell',
+                type: "deleteMarkupCell",
                 ids: cellIds
             });
         }
@@ -1208,8 +1317,8 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             return;
         }
         this._sendMessageToWebview({
-            type: 'updateSelectedMarkupCells',
-            selectedCellIds: selectedCellsIds.filter(id => ( this.markupPreviewMapping.has(id))),
+            type: "updateSelectedMarkupCells",
+            selectedCellIds: selectedCellsIds.filter(id => ( this.markupPreviewMapping.has(id)))
         });
     }
     async initializeMarkup(cells) {
@@ -1218,24 +1327,27 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         }
         this.initializeMarkupPromise?.p.complete();
         const requestId = generateUuid();
-        this.initializeMarkupPromise = { p: ( new DeferredPromise()), requestId, isFirstInit: this.firstInit };
+        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',
+            type: "initializeMarkup",
             cells,
-            requestId,
+            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';
+        } else {
+            return cachedInset.cachedCreation.type === "html";
         }
     }
     requestCreateOutputWhenWebviewIdle(cellInfo, content, cellTop, offset) {
@@ -1252,9 +1364,19 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             return;
         }
         this.pendingWebviewIdleCreationRequest.set(content.source, runWhenGlobalIdle(() => {
-            const { message, renderer, transfer: transferable } = this._createOutputCreationMessage(cellInfo, content, cellTop, offset, true, true);
+            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.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);
         }));
@@ -1273,7 +1395,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         if (cachedInset && this._cachedInsetEqual(cachedInset, content)) {
             this.hiddenInsetMapping.delete(content.source);
             this._sendMessageToWebview({
-                type: 'showOutput',
+                type: "showOutput",
                 cellId: cachedInset.cellInfo.cellId,
                 outputId: cachedInset.outputId,
                 cellTop: cellTop,
@@ -1281,25 +1403,38 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             });
             return;
         }
-        const { message, renderer, transfer: transferable } = this._createOutputCreationMessage(cellInfo, content, cellTop, offset, false, false);
+        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.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 (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,
+                    vscode_altText: altText
+                };
             }
         }
         return output.metadata;
     }
     _createOutputCreationMessage(cellInfo, content, cellTop, offset, createOnIdle, initiallyHidden) {
         const messageBase = {
-            type: 'html',
+            type: "html",
             executionId: cellInfo.executionId,
             cellId: cellInfo.cellId,
             cellTop: cellTop,
@@ -1327,20 +1462,21 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                     metadata: metadata,
                     output: {
                         mime: first.mime,
-                        valueBytes,
+                        valueBytes
                     },
-                    allOutputs: ( output.outputs.map(output => ({ mime: output.mime }))),
+                    allOutputs: ( output.outputs.map(output => ({
+                        mime: output.mime
+                    })))
                 },
                 initiallyHidden: initiallyHidden
             };
-        }
-        else {
+        } else {
             message = {
                 ...messageBase,
                 outputId: generateUuid(),
                 content: {
                     type: content.type,
-                    htmlContent: content.htmlContent,
+                    htmlContent: content.htmlContent
                 },
                 initiallyHidden: initiallyHidden
             };
@@ -1348,7 +1484,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         return {
             message,
             renderer,
-            transfer,
+            transfer
         };
     }
     updateOutput(cellInfo, content, cellTop, offset) {
@@ -1370,7 +1506,10 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             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 appended = appenededData ? {
+                valueBytes: appenededData.buffer,
+                previousVersion: outputCache.versionId
+            } : undefined;
             const valueBytes = copyBufferIfNeeded(firstBuffer.data.buffer, transfer);
             updatedContent = {
                 type: RenderOutputType.Extension,
@@ -1381,11 +1520,13 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
                     valueBytes,
                     appended: appended
                 },
-                allOutputs: ( output.outputs.map(output => ({ mime: output.mime })))
+                allOutputs: ( output.outputs.map(output => ({
+                    mime: output.mime
+                })))
             };
         }
         this._sendMessageToWebview({
-            type: 'showOutput',
+            type: "showOutput",
             cellId: outputCache.cellInfo.cellId,
             outputId: outputCache.outputId,
             cellTop: cellTop,
@@ -1400,9 +1541,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         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);
+                const text = isTextStreamMime(outputItem.mime) ? getOutputStreamText(output).text : getOutputText(outputItem.mime, outputItem);
                 textAlternates.push({
                     mimeType: outputItem.mime,
                     content: text
@@ -1410,7 +1549,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             }
         }
         this._sendMessageToWebview({
-            type: 'copyImage',
+            type: "copyImage",
             outputId: output.model.outputId,
             altOutputId: output.model.alternativeOutputId,
             textAlternates: textAlternates.length > 0 ? textAlternates : undefined
@@ -1427,7 +1566,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             }
             const id = outputCache.outputId;
             this._sendMessageToWebview({
-                type: 'clearOutput',
+                type: "clearOutput",
                 rendererId: outputCache.cachedCreation.rendererId,
                 cellUri: ( outputCache.cellInfo.cellUri.toString()),
                 outputId: id,
@@ -1451,9 +1590,9 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         }
         this.hiddenInsetMapping.add(output);
         this._sendMessageToWebview({
-            type: 'hideOutput',
+            type: "hideOutput",
             outputId: outputCache.outputId,
-            cellId: outputCache.cellInfo.cellId,
+            cellId: outputCache.cellInfo.cellId
         });
     }
     focusWebview() {
@@ -1469,7 +1608,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         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',
+            type: "select-output-contents",
             cellOrOutputId: outputId || cell.id
         });
     }
@@ -1480,7 +1619,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         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',
+            type: "select-input-contents",
             cellOrOutputId: outputId || cell.id
         });
     }
@@ -1492,7 +1631,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             this.webview?.focus();
         }
         this._sendMessageToWebview({
-            type: 'focus-output',
+            type: "focus-output",
             cellOrOutputId: cellOrOutputId,
             alternateId: alternateId
         });
@@ -1502,27 +1641,27 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
             return;
         }
         this._sendMessageToWebview({
-            type: 'blur-output'
+            type: "blur-output"
         });
     }
     async find(query, options) {
-        if (query === '') {
+        if (query === "") {
             this._sendMessageToWebview({
-                type: 'findStop',
+                type: "findStop",
                 ownerID: options.ownerID
             });
             return [];
         }
         const p = ( new Promise(resolve => {
             const sub = this.webview?.onMessage(e => {
-                if (e.message.type === 'didFind') {
+                if (e.message.type === "didFind") {
                     resolve(e.message.matches);
                     sub?.dispose();
                 }
             });
         }));
         this._sendMessageToWebview({
-            type: 'find',
+            type: "find",
             query: query,
             options
         });
@@ -1531,21 +1670,21 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
     }
     findStop(ownerID) {
         this._sendMessageToWebview({
-            type: 'findStop',
+            type: "findStop",
             ownerID
         });
     }
     async findHighlightCurrent(index, ownerID) {
         const p = ( new Promise(resolve => {
             const sub = this.webview?.onMessage(e => {
-                if (e.message.type === 'didFindHighlightCurrent') {
+                if (e.message.type === "didFindHighlightCurrent") {
                     resolve(e.message.offset);
                     sub?.dispose();
                 }
             });
         }));
         this._sendMessageToWebview({
-            type: 'findHighlightCurrent',
+            type: "findHighlightCurrent",
             index,
             ownerID
         });
@@ -1554,14 +1693,14 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
     }
     async findUnHighlightCurrent(index, ownerID) {
         this._sendMessageToWebview({
-            type: 'findUnHighlightCurrent',
+            type: "findUnHighlightCurrent",
             index,
             ownerID
         });
     }
     deltaCellOutputContainerClassNames(cellId, added, removed) {
         this._sendMessageToWebview({
-            type: 'decorations',
+            type: "decorations",
             cellId,
             addedClassNames: added,
             removedClassNames: removed
@@ -1570,7 +1709,7 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
     deltaMarkupPreviewClassNames(cellId, added, removed) {
         if (this.markupPreviewMapping.get(cellId)) {
             this._sendMessageToWebview({
-                type: 'markupDecorations',
+                type: "markupDecorations",
                 cellId,
                 addedClassNames: added,
                 removedClassNames: removed
@@ -1585,11 +1724,11 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         this.localResourceRootsCache = this._getResourceRootsCache();
         const mixedResourceRoots = [
             ...(this.localResourceRootsCache || []),
-            ...(this._currentKernel ? [this._currentKernel.localResourceRoot] : []),
+            ...(this._currentKernel ? [this._currentKernel.localResourceRoot] : [])
         ];
         this.webview.localResourcesRoot = mixedResourceRoots;
         this._sendMessageToWebview({
-            type: 'updateRenderers',
+            type: "updateRenderers",
             rendererData: renderersData
         });
     }
@@ -1601,18 +1740,19 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         this._currentKernel = kernel;
         if (previousKernel && previousKernel.preloadUris.length > 0) {
             this.webview?.reload();
-        }
-        else if (kernel) {
+        } 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);
+            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()) });
+                resources.push({
+                    uri: ( uri.toString()),
+                    originalUri: ( preload.toString())
+                });
                 this._preloadsCache.add(( uri.toString()));
             }
         }
@@ -1627,12 +1767,12 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         }
         const mixedResourceRoots = [
             ...(this.localResourceRootsCache || []),
-            ...(this._currentKernel ? [this._currentKernel.localResourceRoot] : []),
+            ...(this._currentKernel ? [this._currentKernel.localResourceRoot] : [])
         ];
         this.webview.localResourcesRoot = mixedResourceRoots;
         this._sendMessageToWebview({
-            type: 'preload',
-            resources: resources,
+            type: "preload",
+            resources: resources
         });
     }
     _sendMessageToWebview(message, transfer) {
@@ -1651,32 +1791,11 @@ let BackLayerWebView = class BackLayerWebView extends Themable {
         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));
+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 {
+    } else {
         const valueBytes = ( new Uint8Array(buffer));
         transfer.push(valueBytes.buffer);
         return valueBytes;
@@ -1684,14 +1803,13 @@ function copyBufferIfNeeded(buffer, transfer) {
 }
 function getTokenizationCss() {
     const colorMap = TokenizationRegistry.getColorMap();
-    const tokenizationCss = colorMap ? generateTokensCSSForColorMap(colorMap) : '';
+    const tokenizationCss = colorMap ? generateTokensCSSForColorMap(colorMap) : "";
     return tokenizationCss;
 }
 function tryDecodeURIComponent(uri) {
     try {
         return decodeURIComponent(uri);
-    }
-    catch {
+    } catch {
         return uri;
     }
 }