@codingame/monaco-vscode-api 25.1.2 → 26.0.0

package/vscode/src/vs/workbench/contrib/notebook/browser/notebookEditorWidget.js

@@ -24,7 +24,7 @@ import { SequencerByKey } from '../../../../base/common/async.js';
 import { Color, RGBA } from '../../../../base/common/color.js';
 import { onUnexpectedError } from '../../../../base/common/errors.js';
 import { Emitter, Event } from '../../../../base/common/event.js';
-import { Disposable, DisposableStore, combinedDisposable, dispose } from '../../../../base/common/lifecycle.js';
+import { Disposable, DisposableStore, combinedDisposable, dispose, MutableDisposable } from '../../../../base/common/lifecycle.js';
 import { setTimeout0 } from '../../../../base/common/platform.js';
 import { isEqual, extname } from '../../../../base/common/resources.js';
 import { generateUuid } from '../../../../base/common/uuid.js';
@@ -122,15 +122,15 @@ registerCss(notebookChatEditorOverlay);
 const $ = $$1;
 function getDefaultNotebookCreationOptions() {
     const skipContributions = [
-        'editor.contrib.review',
+        "editor.contrib.review",
         FloatingEditorClickMenu.ID,
         FloatingEditorToolbar.ID,
-        'editor.contrib.dirtydiff',
-        'editor.contrib.testingOutputPeek',
-        'editor.contrib.testingDecorations',
-        'store.contrib.stickyScrollController',
-        'editor.contrib.findController',
-        'editor.contrib.emptyTextEditorHint'
+        "editor.contrib.dirtydiff",
+        "editor.contrib.testingOutputPeek",
+        "editor.contrib.testingDecorations",
+        "store.contrib.stickyScrollController",
+        "editor.contrib.findController",
+        "editor.contrib.emptyTextEditorHint"
     ];
     const contributions = EditorExtensionsRegistry.getEditorContributions().filter(c => skipContributions.indexOf(c.id) === -1);
     return {
@@ -141,7 +141,7 @@ function getDefaultNotebookCreationOptions() {
             cellInsertToolbar: MenuId.NotebookCellBetween,
             cellTopInsertToolbar: MenuId.NotebookCellListTop,
             cellExecuteToolbar: MenuId.NotebookCellExecute,
-            cellExecutePrimary: MenuId.NotebookCellExecutePrimary,
+            cellExecutePrimary: MenuId.NotebookCellExecutePrimary
         },
         cellEditorContributions: contributions
     };
@@ -194,7 +194,24 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
     get notebookOptions() {
         return this._notebookOptions;
     }
-    constructor(creationOptions, dimension, instantiationService, editorGroupsService, notebookRendererMessaging, notebookEditorService, notebookKernelService, _notebookService, configurationService, contextKeyService, layoutService, contextMenuService, telemetryService, notebookExecutionService, editorProgressService, logService) {
+    constructor(
+        creationOptions,
+        dimension,
+        instantiationService,
+        editorGroupsService,
+        notebookRendererMessaging,
+        notebookEditorService,
+        notebookKernelService,
+        _notebookService,
+        configurationService,
+        contextKeyService,
+        layoutService,
+        contextMenuService,
+        telemetryService,
+        notebookExecutionService,
+        editorProgressService,
+        logService
+    ) {
         super();
         this.creationOptions = creationOptions;
         this.notebookRendererMessaging = notebookRendererMessaging;
@@ -279,11 +296,15 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         this._dimension = dimension;
         this.isReplHistory = creationOptions.isReplHistory ?? false;
         this._readOnly = creationOptions.isReadOnly ?? false;
-        this._overlayContainer = createElement('div');
+        this._overlayContainer = createElement("div");
         this.scopedContextKeyService = this._register(contextKeyService.createScoped(this._overlayContainer));
         this.instantiationService = this._register(instantiationService.createChild(( new ServiceCollection([IContextKeyService, this.scopedContextKeyService]))));
-        this._notebookOptions = creationOptions.options ??
-            this.instantiationService.createInstance(NotebookOptions, this.creationOptions?.codeWindow ?? mainWindow, this._readOnly, undefined);
+        this._notebookOptions = creationOptions.options ?? this.instantiationService.createInstance(
+            NotebookOptions,
+            this.creationOptions?.codeWindow ?? mainWindow,
+            this._readOnly,
+            undefined
+        );
         this._register(this._notebookOptions);
         const eventDispatcher = this._register(( new NotebookEventDispatcher()));
         this._viewContext = ( new ViewContext(
@@ -307,10 +328,10 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 this._onDidChangeActiveKernel.fire();
             }
         }));
-        this._scrollBeyondLastLine = this.configurationService.getValue('editor.scrollBeyondLastLine');
+        this._scrollBeyondLastLine = this.configurationService.getValue("editor.scrollBeyondLastLine");
         this._register(this.configurationService.onDidChangeConfiguration(e => {
-            if (e.affectsConfiguration('editor.scrollBeyondLastLine')) {
-                this._scrollBeyondLastLine = this.configurationService.getValue('editor.scrollBeyondLastLine');
+            if (e.affectsConfiguration("editor.scrollBeyondLastLine")) {
+                this._scrollBeyondLastLine = this.configurationService.getValue("editor.scrollBeyondLastLine");
                 if (this._dimension && this._isVisible) {
                     this.layout(this._dimension);
                 }
@@ -323,23 +344,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             if (e.fontFamily) {
                 this._generateFontInfo();
             }
-            if (e.compactView
-                || e.focusIndicator
-                || e.insertToolbarPosition
-                || e.cellToolbarLocation
-                || e.dragAndDropEnabled
-                || e.fontSize
-                || e.markupFontSize
-                || e.markdownLineHeight
-                || e.fontFamily
-                || e.insertToolbarAlignment
-                || e.outputFontSize
-                || e.outputLineHeight
-                || e.outputFontFamily
-                || e.outputWordWrap
-                || e.outputScrolling
-                || e.outputLinkifyFilePaths
-                || e.minimalError) {
+            if (e.compactView || e.focusIndicator || e.insertToolbarPosition || e.cellToolbarLocation || e.dragAndDropEnabled || e.fontSize || e.markupFontSize || e.markdownLineHeight || e.fontFamily || e.insertToolbarAlignment || e.outputFontSize || e.outputLineHeight || e.outputFontFamily || e.outputWordWrap || e.outputScrolling || e.outputLinkifyFilePaths || e.minimalError) {
                 this._styleElement?.remove();
                 this._createLayoutStyles();
                 this._webview?.updateOptions({
@@ -362,10 +367,10 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         this.notebookEditorService.addNotebookEditor(this);
         const id = generateUuid();
         this._overlayContainer.id = `notebook-${id}`;
-        this._overlayContainer.className = 'notebookOverlay';
-        this._overlayContainer.classList.add('notebook-editor');
+        this._overlayContainer.className = "notebookOverlay";
+        this._overlayContainer.classList.add("notebook-editor");
         this._overlayContainer.inert = true;
-        this._overlayContainer.style.visibility = 'hidden';
+        this._overlayContainer.style.visibility = "hidden";
         container.appendChild(this._overlayContainer);
         this._createBody(this._overlayContainer);
         this._generateFontInfo();
@@ -380,23 +385,20 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         let contributions;
         if (Array.isArray(this.creationOptions.contributions)) {
             contributions = this.creationOptions.contributions;
-        }
-        else {
+        } else {
             contributions = NotebookEditorExtensionsRegistry.getEditorContributions();
         }
         for (const desc of contributions) {
             let contribution;
             try {
                 contribution = this.instantiationService.createInstance(desc.ctor, this);
-            }
-            catch (err) {
+            } catch (err) {
                 onUnexpectedError(err);
             }
             if (contribution) {
                 if (!( this._contributions.has(desc.id))) {
                     this._contributions.set(desc.id, contribution);
-                }
-                else {
+                } else {
                     contribution.dispose();
                     throw ( new Error(`DUPLICATE notebook editor contribution: '${desc.id}'`));
                 }
@@ -420,7 +422,10 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         return this.viewModel?.length ?? 0;
     }
     getSelections() {
-        return this.viewModel?.getSelections() ?? [{ start: 0, end: 0 }];
+        return this.viewModel?.getSelections() ?? [{
+            start: 0,
+            end: 0
+        }];
     }
     setSelections(selections) {
         if (!this.viewModel) {
@@ -434,7 +439,10 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         });
     }
     getFocus() {
-        return this.viewModel?.getFocus() ?? { start: 0, end: 0 };
+        return this.viewModel?.getFocus() ?? {
+            start: 0,
+            end: 0
+        };
     }
     setFocus(focus) {
         if (!this.viewModel) {
@@ -478,8 +486,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         const existingOptions = this._baseCellEditorOptions.get(language);
         if (existingOptions) {
             return existingOptions;
-        }
-        else {
+        } else {
             const options = ( new BaseCellEditorOptions(this, this.notebookOptions, this.configurationService, language));
             this._baseCellEditorOptions.set(language, options);
             return options;
@@ -489,45 +496,50 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         if (!this._overlayContainer) {
             return;
         }
-        this._overlayContainer.classList.remove('cell-title-toolbar-left');
-        this._overlayContainer.classList.remove('cell-title-toolbar-right');
-        this._overlayContainer.classList.remove('cell-title-toolbar-hidden');
+        this._overlayContainer.classList.remove("cell-title-toolbar-left");
+        this._overlayContainer.classList.remove("cell-title-toolbar-right");
+        this._overlayContainer.classList.remove("cell-title-toolbar-hidden");
         const cellToolbarLocation = this._notebookOptions.computeCellToolbarLocation(this.viewModel?.viewType);
         this._overlayContainer.classList.add(`cell-title-toolbar-${cellToolbarLocation}`);
         const cellToolbarInteraction = this._notebookOptions.getDisplayOptions().cellToolbarInteraction;
-        let cellToolbarInteractionState = 'hover';
-        this._overlayContainer.classList.remove('cell-toolbar-hover');
-        this._overlayContainer.classList.remove('cell-toolbar-click');
-        if (cellToolbarInteraction === 'hover' || cellToolbarInteraction === 'click') {
+        let cellToolbarInteractionState = "hover";
+        this._overlayContainer.classList.remove("cell-toolbar-hover");
+        this._overlayContainer.classList.remove("cell-toolbar-click");
+        if (cellToolbarInteraction === "hover" || cellToolbarInteraction === "click") {
             cellToolbarInteractionState = cellToolbarInteraction;
         }
         this._overlayContainer.classList.add(`cell-toolbar-${cellToolbarInteractionState}`);
     }
     _generateFontInfo() {
-        const editorOptions = this.configurationService.getValue('editor');
+        const editorOptions = this.configurationService.getValue("editor");
         const targetWindow = getWindow(this.getDomNode());
-        this._fontInfo = FontMeasurements.readFontInfo(targetWindow, createBareFontInfoFromRawSettings(editorOptions, PixelRatio.getInstance(targetWindow).value));
+        this._fontInfo = FontMeasurements.readFontInfo(
+            targetWindow,
+            createBareFontInfoFromRawSettings(editorOptions, PixelRatio.getInstance(targetWindow).value)
+        );
     }
     _createBody(parent) {
-        this._notebookTopToolbarContainer = createElement('div');
-        this._notebookTopToolbarContainer.classList.add('notebook-toolbar-container');
-        this._notebookTopToolbarContainer.style.display = 'none';
+        this._notebookTopToolbarContainer = createElement("div");
+        this._notebookTopToolbarContainer.classList.add("notebook-toolbar-container");
+        this._notebookTopToolbarContainer.style.display = "none";
         append(parent, this._notebookTopToolbarContainer);
-        this._notebookStickyScrollContainer = createElement('div');
-        this._notebookStickyScrollContainer.classList.add('notebook-sticky-scroll-container');
+        this._notebookStickyScrollContainer = createElement("div");
+        this._notebookStickyScrollContainer.classList.add("notebook-sticky-scroll-container");
         append(parent, this._notebookStickyScrollContainer);
-        this._body = createElement('div');
+        this._body = createElement("div");
         append(parent, this._body);
-        this._body.classList.add('cell-list-container');
+        this._body.classList.add("cell-list-container");
         this._createLayoutStyles();
         this._createCellList();
-        this._notebookOverviewRulerContainer = createElement('div');
-        this._notebookOverviewRulerContainer.classList.add('notebook-overview-ruler-container');
+        this._notebookOverviewRulerContainer = createElement("div");
+        this._notebookOverviewRulerContainer.classList.add("notebook-overview-ruler-container");
         this._list.scrollableElement.appendChild(this._notebookOverviewRulerContainer);
         this._registerNotebookOverviewRuler();
-        this._register(this.instantiationService.createInstance(NotebookHorizontalTracker, this, this._list.scrollableElement));
-        this._overflowContainer = createElement('div');
-        this._overflowContainer.classList.add('notebook-overflow-widget-container', 'monaco-editor');
+        this._register(
+            this.instantiationService.createInstance(NotebookHorizontalTracker, this, this._list.scrollableElement)
+        );
+        this._overflowContainer = createElement("div");
+        this._overflowContainer.classList.add("notebook-overflow-widget-container", "monaco-editor");
         append(parent, this._overflowContainer);
     }
     _generateFontFamily() {
@@ -535,234 +547,336 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
     }
     _createLayoutStyles() {
         this._styleElement = createStyleSheet(this._body);
-        const { cellRightMargin, cellTopMargin, cellRunGutter, cellBottomMargin, codeCellLeftMargin, markdownCellGutter, markdownCellLeftMargin, markdownCellBottomMargin, markdownCellTopMargin, collapsedIndicatorHeight, focusIndicator, insertToolbarPosition, outputFontSize, focusIndicatorLeftMargin, focusIndicatorGap } = this._notebookOptions.getLayoutConfiguration();
-        const { insertToolbarAlignment, compactView, fontSize } = this._notebookOptions.getDisplayOptions();
+        const {
+            cellRightMargin,
+            cellTopMargin,
+            cellRunGutter,
+            cellBottomMargin,
+            codeCellLeftMargin,
+            markdownCellGutter,
+            markdownCellLeftMargin,
+            markdownCellBottomMargin,
+            markdownCellTopMargin,
+            collapsedIndicatorHeight,
+            focusIndicator,
+            insertToolbarPosition,
+            outputFontSize,
+            focusIndicatorLeftMargin,
+            focusIndicatorGap
+        } = this._notebookOptions.getLayoutConfiguration();
+        const {
+            insertToolbarAlignment,
+            compactView,
+            fontSize
+        } = this._notebookOptions.getDisplayOptions();
         const getCellEditorContainerLeftMargin = this._notebookOptions.getCellEditorContainerLeftMargin();
-        const { bottomToolbarGap, bottomToolbarHeight } = this._notebookOptions.computeBottomToolbarDimensions(this.viewModel?.viewType);
+        const {
+            bottomToolbarGap,
+            bottomToolbarHeight
+        } = this._notebookOptions.computeBottomToolbarDimensions(this.viewModel?.viewType);
         const styleSheets = [];
         if (!this._fontInfo) {
             this._generateFontInfo();
         }
         const fontFamily = this._generateFontFamily();
         styleSheets.push(`
-		.notebook-editor {
-			--notebook-cell-output-font-size: ${outputFontSize}px;
-			--notebook-cell-input-preview-font-size: ${fontSize}px;
-			--notebook-cell-input-preview-font-family: ${fontFamily};
-		}
-		`);
-        if (compactView) {
-            styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row div.cell.code { margin-left: ${getCellEditorContainerLeftMargin}px; }`);
-        }
-        else {
-            styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row div.cell.code { margin-left: ${codeCellLeftMargin}px; }`);
+        .notebook-editor {
+            --notebook-cell-output-font-size: ${outputFontSize}px;
+            --notebook-cell-input-preview-font-size: ${fontSize}px;
+            --notebook-cell-input-preview-font-family: ${fontFamily};
         }
-        if (focusIndicator === 'border') {
+        `);
+        if (compactView) {
+            styleSheets.push(
+                `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row div.cell.code { margin-left: ${getCellEditorContainerLeftMargin}px; }`
+            );
+        } else {
+            styleSheets.push(
+                `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row div.cell.code { margin-left: ${codeCellLeftMargin}px; }`
+            );
+        }
+        if (focusIndicator === "border") {
             styleSheets.push(`
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-top:before,
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-bottom:before,
-			.monaco-workbench .notebookOverlay .monaco-list .markdown-cell-row .cell-inner-container:before,
-			.monaco-workbench .notebookOverlay .monaco-list .markdown-cell-row .cell-inner-container:after {
-				content: "";
-				position: absolute;
-				width: 100%;
-				height: 1px;
-			}
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-top:before,
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-bottom:before,
+            .monaco-workbench .notebookOverlay .monaco-list .markdown-cell-row .cell-inner-container:before,
+            .monaco-workbench .notebookOverlay .monaco-list .markdown-cell-row .cell-inner-container:after {
+                content: "";
+                position: absolute;
+                width: 100%;
+                height: 1px;
+            }
 
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-left:before,
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-right:before {
-				content: "";
-				position: absolute;
-				width: 1px;
-				height: 100%;
-				z-index: 10;
-			}
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-left:before,
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-right:before {
+                content: "";
+                position: absolute;
+                width: 1px;
+                height: 100%;
+                z-index: 10;
+            }
 
-			/* top border */
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-top:before {
-				border-top: 1px solid transparent;
-			}
+            /* top border */
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-top:before {
+                border-top: 1px solid transparent;
+            }
 
-			/* left border */
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-left:before {
-				border-left: 1px solid transparent;
-			}
+            /* left border */
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-left:before {
+                border-left: 1px solid transparent;
+            }
 
-			/* bottom border */
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-bottom:before {
-				border-bottom: 1px solid transparent;
-			}
+            /* bottom border */
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-bottom:before {
+                border-bottom: 1px solid transparent;
+            }
 
-			/* right border */
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-right:before {
-				border-right: 1px solid transparent;
-			}
-			`);
+            /* right border */
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-right:before {
+                border-right: 1px solid transparent;
+            }
+            `);
             styleSheets.push(`
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row.code-cell-row.focused .cell-focus-indicator-left:before,
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row.code-cell-row.focused .cell-focus-indicator-right:before,
-			.monaco-workbench .notebookOverlay .monaco-list.selection-multiple .monaco-list-row.code-cell-row.selected .cell-focus-indicator-left:before,
-			.monaco-workbench .notebookOverlay .monaco-list.selection-multiple .monaco-list-row.code-cell-row.selected .cell-focus-indicator-right:before {
-				top: -${cellTopMargin}px; height: calc(100% + ${cellTopMargin + cellBottomMargin}px)
-			}`);
-        }
-        else {
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row.code-cell-row.focused .cell-focus-indicator-left:before,
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row.code-cell-row.focused .cell-focus-indicator-right:before,
+            .monaco-workbench .notebookOverlay .monaco-list.selection-multiple .monaco-list-row.code-cell-row.selected .cell-focus-indicator-left:before,
+            .monaco-workbench .notebookOverlay .monaco-list.selection-multiple .monaco-list-row.code-cell-row.selected .cell-focus-indicator-right:before {
+                top: -${cellTopMargin}px; height: calc(100% + ${cellTopMargin + cellBottomMargin}px)
+            }`);
+        } else {
             styleSheets.push(`
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-left .codeOutput-focus-indicator {
-				border-left: 3px solid transparent;
-				border-radius: 4px;
-				width: 0px;
-				margin-left: ${focusIndicatorLeftMargin}px;
-				border-color: var(--vscode-notebook-inactiveFocusedCellBorder) !important;
-			}
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-left .codeOutput-focus-indicator {
+                border-left: 3px solid transparent;
+                border-radius: 4px;
+                width: 0px;
+                margin-left: ${focusIndicatorLeftMargin}px;
+                border-color: var(--vscode-notebook-inactiveFocusedCellBorder) !important;
+            }
 
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row.focused .cell-focus-indicator-left .codeOutput-focus-indicator-container,
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-output-hover .cell-focus-indicator-left .codeOutput-focus-indicator-container,
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .markdown-cell-hover .cell-focus-indicator-left .codeOutput-focus-indicator-container,
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row:hover .cell-focus-indicator-left .codeOutput-focus-indicator-container {
-				display: block;
-			}
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row.focused .cell-focus-indicator-left .codeOutput-focus-indicator-container,
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-output-hover .cell-focus-indicator-left .codeOutput-focus-indicator-container,
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .markdown-cell-hover .cell-focus-indicator-left .codeOutput-focus-indicator-container,
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row:hover .cell-focus-indicator-left .codeOutput-focus-indicator-container {
+                display: block;
+            }
 
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-left .codeOutput-focus-indicator-container:hover .codeOutput-focus-indicator {
-				border-left: 5px solid transparent;
-				margin-left: ${focusIndicatorLeftMargin - 1}px;
-			}
-			`);
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-left .codeOutput-focus-indicator-container:hover .codeOutput-focus-indicator {
+                border-left: 5px solid transparent;
+                margin-left: ${focusIndicatorLeftMargin - 1}px;
+            }
+            `);
             styleSheets.push(`
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row.focused .cell-inner-container.cell-output-focus .cell-focus-indicator-left .codeOutput-focus-indicator,
-			.monaco-workbench .notebookOverlay .monaco-list:focus-within .monaco-list-row.focused .cell-inner-container .cell-focus-indicator-left .codeOutput-focus-indicator {
-				border-color: var(--vscode-notebook-focusedCellBorder) !important;
-			}
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row.focused .cell-inner-container.cell-output-focus .cell-focus-indicator-left .codeOutput-focus-indicator,
+            .monaco-workbench .notebookOverlay .monaco-list:focus-within .monaco-list-row.focused .cell-inner-container .cell-focus-indicator-left .codeOutput-focus-indicator {
+                border-color: var(--vscode-notebook-focusedCellBorder) !important;
+            }
 
-			.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-inner-container .cell-focus-indicator-left .output-focus-indicator {
-				margin-top: ${focusIndicatorGap}px;
-			}
-			`);
-        }
-        if (insertToolbarPosition === 'betweenCells' || insertToolbarPosition === 'both') {
-            styleSheets.push(`.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container { display: flex; }`);
-            styleSheets.push(`.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .cell-list-top-cell-toolbar-container { display: flex; }`);
-        }
-        else {
-            styleSheets.push(`.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container { display: none; }`);
-            styleSheets.push(`.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .cell-list-top-cell-toolbar-container { display: none; }`);
-        }
-        if (insertToolbarAlignment === 'left') {
+            .monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-inner-container .cell-focus-indicator-left .output-focus-indicator {
+                margin-top: ${focusIndicatorGap}px;
+            }
+            `);
+        }
+        if (insertToolbarPosition === "betweenCells" || insertToolbarPosition === "both") {
+            styleSheets.push(
+                `.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container { display: flex; }`
+            );
+            styleSheets.push(
+                `.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .cell-list-top-cell-toolbar-container { display: flex; }`
+            );
+        } else {
+            styleSheets.push(
+                `.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container { display: none; }`
+            );
+            styleSheets.push(
+                `.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .cell-list-top-cell-toolbar-container { display: none; }`
+            );
+        }
+        if (insertToolbarAlignment === "left") {
             styleSheets.push(`
-			.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .action-item:first-child,
-			.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .action-item:first-child, .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .action-item:first-child {
-				margin-right: 0px !important;
-			}`);
+            .monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .action-item:first-child,
+            .monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .action-item:first-child, .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .action-item:first-child {
+                margin-right: 0px !important;
+            }`);
             styleSheets.push(`
-			.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-toolbar .action-label,
-			.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-toolbar .action-label, .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-toolbar .action-label {
-				padding: 0px !important;
-				justify-content: center;
-				border-radius: 4px;
-			}`);
+            .monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-toolbar .action-label,
+            .monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-toolbar .action-label, .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-toolbar .action-label {
+                padding: 0px !important;
+                justify-content: center;
+                border-radius: 4px;
+            }`);
             styleSheets.push(`
-			.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container,
-			.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container, .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container {
-				align-items: flex-start;
-				justify-content: left;
-				margin: 0 16px 0 ${8 + codeCellLeftMargin}px;
-			}`);
+            .monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container,
+            .monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container, .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container {
+                align-items: flex-start;
+                justify-content: left;
+                margin: 0 16px 0 ${8 + codeCellLeftMargin}px;
+            }`);
             styleSheets.push(`
-			.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container,
-			.notebookOverlay .cell-bottom-toolbar-container .action-item {
-				border: 0px;
-			}`);
-        }
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .code-cell-row div.cell.code { margin-left: ${getCellEditorContainerLeftMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .code-cell-row div.cell.code { margin-left: ${getCellEditorContainerLeftMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .code-cell-row div.cell { margin-right: ${cellRightMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row div.cell { margin-right: ${cellRightMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row > .cell-inner-container { padding-top: ${cellTopMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row > .cell-inner-container { padding-bottom: ${markdownCellBottomMargin}px; padding-top: ${markdownCellTopMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row > .cell-inner-container.webview-backed-markdown-cell { padding: 0; }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row > .webview-backed-markdown-cell.markdown-cell-edit-mode .cell.code { padding-bottom: ${markdownCellBottomMargin}px; padding-top: ${markdownCellTopMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .output { margin: 0px ${cellRightMargin}px 0px ${getCellEditorContainerLeftMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .output { width: calc(100% - ${getCellEditorContainerLeftMargin + cellRightMargin}px); }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-comment-container { left: ${getCellEditorContainerLeftMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-comment-container { width: calc(100% - ${getCellEditorContainerLeftMargin + cellRightMargin}px); }`);
-        styleSheets.push(`.monaco-workbench .notebookOverlay .output .output-collapse-container .expandButton { left: -${cellRunGutter}px; }`);
-        styleSheets.push(`.monaco-workbench .notebookOverlay .output .output-collapse-container .expandButton {
-			position: absolute;
-			width: ${cellRunGutter}px;
-			padding: 6px 0px;
-		}`);
-        styleSheets.push(`.notebookOverlay .output-show-more-container { margin: 0px ${cellRightMargin}px 0px ${getCellEditorContainerLeftMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .output-show-more-container { width: calc(100% - ${getCellEditorContainerLeftMargin + cellRightMargin}px); }`);
-        styleSheets.push(`.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row div.cell.markdown { padding-left: ${cellRunGutter}px; }`);
-        styleSheets.push(`.monaco-workbench .notebookOverlay > .cell-list-container .notebook-folding-indicator { left: ${(markdownCellGutter - 20) / 2 + markdownCellLeftMargin}px; }`);
-        styleSheets.push(`.notebookOverlay > .cell-list-container .notebook-folded-hint { left: ${markdownCellGutter + markdownCellLeftMargin + 8}px; }`);
-        styleSheets.push(`.notebookOverlay .monaco-list .monaco-list-row :not(.webview-backed-markdown-cell) .cell-focus-indicator-top { height: ${cellTopMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-side { bottom: ${bottomToolbarGap}px; }`);
-        styleSheets.push(`.notebookOverlay .monaco-list .monaco-list-row.code-cell-row .cell-focus-indicator-left { width: ${getCellEditorContainerLeftMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .monaco-list .monaco-list-row.markdown-cell-row .cell-focus-indicator-left { width: ${codeCellLeftMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator.cell-focus-indicator-right { width: ${cellRightMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-bottom { height: ${cellBottomMargin}px; }`);
-        styleSheets.push(`.notebookOverlay .monaco-list .monaco-list-row .cell-shadow-container-bottom { top: ${cellBottomMargin}px; }`);
+            .monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container,
+            .notebookOverlay .cell-bottom-toolbar-container .action-item {
+                border: 0px;
+            }`);
+        }
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .code-cell-row div.cell.code { margin-left: ${getCellEditorContainerLeftMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .code-cell-row div.cell.code { margin-left: ${getCellEditorContainerLeftMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .code-cell-row div.cell { margin-right: ${cellRightMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row div.cell { margin-right: ${cellRightMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row > .cell-inner-container { padding-top: ${cellTopMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row > .cell-inner-container { padding-bottom: ${markdownCellBottomMargin}px; padding-top: ${markdownCellTopMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row > .cell-inner-container.webview-backed-markdown-cell { padding: 0; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .markdown-cell-row > .webview-backed-markdown-cell.markdown-cell-edit-mode .cell.code { padding-bottom: ${markdownCellBottomMargin}px; padding-top: ${markdownCellTopMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .output { margin: 0px ${cellRightMargin}px 0px ${getCellEditorContainerLeftMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .output { width: calc(100% - ${getCellEditorContainerLeftMargin + cellRightMargin}px); }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-comment-container { left: ${getCellEditorContainerLeftMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-comment-container { width: calc(100% - ${getCellEditorContainerLeftMargin + cellRightMargin}px); }`
+        );
+        styleSheets.push(
+            `.monaco-workbench .notebookOverlay .output .output-collapse-container .expandButton { left: -${cellRunGutter}px; }`
+        );
+        styleSheets.push(
+            `.monaco-workbench .notebookOverlay .output .output-collapse-container .expandButton {
+            position: absolute;
+            width: ${cellRunGutter}px;
+            padding: 6px 0px;
+        }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .output-show-more-container { margin: 0px ${cellRightMargin}px 0px ${getCellEditorContainerLeftMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .output-show-more-container { width: calc(100% - ${getCellEditorContainerLeftMargin + cellRightMargin}px); }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row div.cell.markdown { padding-left: ${cellRunGutter}px; }`
+        );
+        styleSheets.push(
+            `.monaco-workbench .notebookOverlay > .cell-list-container .notebook-folding-indicator { left: ${(markdownCellGutter - 20) / 2 + markdownCellLeftMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay > .cell-list-container .notebook-folded-hint { left: ${markdownCellGutter + markdownCellLeftMargin + 8}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .monaco-list .monaco-list-row :not(.webview-backed-markdown-cell) .cell-focus-indicator-top { height: ${cellTopMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-side { bottom: ${bottomToolbarGap}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .monaco-list .monaco-list-row.code-cell-row .cell-focus-indicator-left { width: ${getCellEditorContainerLeftMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .monaco-list .monaco-list-row.markdown-cell-row .cell-focus-indicator-left { width: ${codeCellLeftMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator.cell-focus-indicator-right { width: ${cellRightMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .monaco-list .monaco-list-row .cell-focus-indicator-bottom { height: ${cellBottomMargin}px; }`
+        );
+        styleSheets.push(
+            `.notebookOverlay .monaco-list .monaco-list-row .cell-shadow-container-bottom { top: ${cellBottomMargin}px; }`
+        );
         styleSheets.push(`
-			.notebookOverlay .monaco-list.selection-multiple .monaco-list-row:has(+ .monaco-list-row.selected) .cell-focus-indicator-bottom {
-				height: ${bottomToolbarGap + cellBottomMargin}px;
-			}
-		`);
+            .notebookOverlay .monaco-list.selection-multiple .monaco-list-row:has(+ .monaco-list-row.selected) .cell-focus-indicator-bottom {
+                height: ${bottomToolbarGap + cellBottomMargin}px;
+            }
+        `);
         styleSheets.push(`
-			.notebookOverlay .monaco-list .monaco-list-row.code-cell-row.nb-multiCellHighlight:has(+ .monaco-list-row.nb-multiCellHighlight) .cell-focus-indicator-bottom {
-				height: ${bottomToolbarGap + cellBottomMargin}px;
-				background-color: var(--vscode-notebook-symbolHighlightBackground) !important;
-			}
+            .notebookOverlay .monaco-list .monaco-list-row.code-cell-row.nb-multiCellHighlight:has(+ .monaco-list-row.nb-multiCellHighlight) .cell-focus-indicator-bottom {
+                height: ${bottomToolbarGap + cellBottomMargin}px;
+                background-color: var(--vscode-notebook-symbolHighlightBackground) !important;
+            }
 
-			.notebookOverlay .monaco-list .monaco-list-row.markdown-cell-row.nb-multiCellHighlight:has(+ .monaco-list-row.nb-multiCellHighlight) .cell-focus-indicator-bottom {
-				height: ${bottomToolbarGap + cellBottomMargin - 6}px;
-				background-color: var(--vscode-notebook-symbolHighlightBackground) !important;
-			}
-		`);
+            .notebookOverlay .monaco-list .monaco-list-row.markdown-cell-row.nb-multiCellHighlight:has(+ .monaco-list-row.nb-multiCellHighlight) .cell-focus-indicator-bottom {
+                height: ${bottomToolbarGap + cellBottomMargin - 6}px;
+                background-color: var(--vscode-notebook-symbolHighlightBackground) !important;
+            }
+        `);
         styleSheets.push(`
-			.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview {
-				line-height: ${collapsedIndicatorHeight}px;
-			}
+            .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview {
+                line-height: ${collapsedIndicatorHeight}px;
+            }
 
-			.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .monaco-tokenized-source {
-				max-height: ${collapsedIndicatorHeight}px;
-			}
-		`);
-        styleSheets.push(`.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-toolbar { height: ${bottomToolbarHeight}px }`);
-        styleSheets.push(`.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .cell-list-top-cell-toolbar-container .monaco-toolbar { height: ${bottomToolbarHeight}px }`);
-        styleSheets.push(`.monaco-workbench .notebookOverlay.cell-title-toolbar-right > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-title-toolbar {
-			right: ${cellRightMargin + 26}px;
-		}
-		.monaco-workbench .notebookOverlay.cell-title-toolbar-left > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-title-toolbar {
-			left: ${getCellEditorContainerLeftMargin + 16}px;
-		}
-		.monaco-workbench .notebookOverlay.cell-title-toolbar-hidden > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-title-toolbar {
-			display: none;
-		}`);
+            .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .monaco-tokenized-source {
+                max-height: ${collapsedIndicatorHeight}px;
+            }
+        `);
+        styleSheets.push(
+            `.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-toolbar { height: ${bottomToolbarHeight}px }`
+        );
+        styleSheets.push(
+            `.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .view-zones .cell-list-top-cell-toolbar-container .monaco-toolbar { height: ${bottomToolbarHeight}px }`
+        );
+        styleSheets.push(
+            `.monaco-workbench .notebookOverlay.cell-title-toolbar-right > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-title-toolbar {
+            right: ${cellRightMargin + 26}px;
+        }
+        .monaco-workbench .notebookOverlay.cell-title-toolbar-left > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-title-toolbar {
+            left: ${getCellEditorContainerLeftMargin + 16}px;
+        }
+        .monaco-workbench .notebookOverlay.cell-title-toolbar-hidden > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-title-toolbar {
+            display: none;
+        }`
+        );
         styleSheets.push(`
-		.monaco-workbench .notebookOverlay .output > div.foreground.output-inner-container {
-			padding: ${OutputInnerContainerTopPadding}px 8px;
-		}
-		.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .output-collapse-container {
-			padding: ${OutputInnerContainerTopPadding}px 8px;
-		}
-		`);
+        .monaco-workbench .notebookOverlay .output > div.foreground.output-inner-container {
+            padding: ${OutputInnerContainerTopPadding}px 8px;
+        }
+        .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .output-collapse-container {
+            padding: ${OutputInnerContainerTopPadding}px 8px;
+        }
+        `);
         styleSheets.push(`
-		.monaco-workbench .notebookOverlay .cell-chat-part {
-			margin: 0 ${cellRightMargin}px 6px 4px;
-		}
-		`);
-        this._styleElement.textContent = styleSheets.join('\n');
+        .monaco-workbench .notebookOverlay .cell-chat-part {
+            margin: 0 ${cellRightMargin}px 6px 4px;
+        }
+        `);
+        this._styleElement.textContent = styleSheets.join("\n");
     }
     _createCellList() {
-        this._body.classList.add('cell-list-container');
+        this._body.classList.add("cell-list-container");
         this._dndController = this._register(( new CellDragAndDropController(this, this._body)));
-        const getScopedContextKeyService = (container) => this._list.contextKeyService.createScoped(container);
-        this._editorPool = this._register(this.instantiationService.createInstance(NotebookCellEditorPool, this, getScopedContextKeyService));
-        const renderers = [
-            this.instantiationService.createInstance(CodeCellRenderer, this, this._renderedEditors, this._editorPool, this._dndController, getScopedContextKeyService),
-            this.instantiationService.createInstance(MarkupCellRenderer, this, this._dndController, this._renderedEditors, getScopedContextKeyService),
-        ];
+        const getScopedContextKeyService = container => this._list.contextKeyService.createScoped(container);
+        this._editorPool = this._register(
+            this.instantiationService.createInstance(NotebookCellEditorPool, this, getScopedContextKeyService)
+        );
+        const renderers = [this.instantiationService.createInstance(
+            CodeCellRenderer,
+            this,
+            this._renderedEditors,
+            this._editorPool,
+            this._dndController,
+            getScopedContextKeyService
+        ), this.instantiationService.createInstance(
+            MarkupCellRenderer,
+            this,
+            this._dndController,
+            this._renderedEditors,
+            getScopedContextKeyService
+        )];
         renderers.forEach(renderer => {
             this._register(renderer);
         });
@@ -770,67 +884,90 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         this._register(this._listDelegate);
         const accessibilityProvider = this.instantiationService.createInstance(NotebookAccessibilityProvider, () => this.viewModel, this.isReplHistory);
         this._register(accessibilityProvider);
-        this._list = this.instantiationService.createInstance(NotebookCellList, 'NotebookCellList', this._body, this._viewContext.notebookOptions, this._listDelegate, renderers, this.scopedContextKeyService, {
-            setRowLineHeight: false,
-            setRowHeight: false,
-            supportDynamicHeights: true,
-            horizontalScrolling: false,
-            keyboardSupport: false,
-            mouseSupport: true,
-            multipleSelectionSupport: true,
-            selectionNavigation: true,
-            typeNavigationEnabled: true,
-            paddingTop: 0,
-            paddingBottom: 0,
-            transformOptimization: false,
-            initialSize: this._dimension,
-            styleController: (_suffix) => { return this._list; },
-            overrideStyles: {
-                listBackground: notebookEditorBackground,
-                listActiveSelectionBackground: notebookEditorBackground,
-                listActiveSelectionForeground: foreground,
-                listFocusAndSelectionBackground: notebookEditorBackground,
-                listFocusAndSelectionForeground: foreground,
-                listFocusBackground: notebookEditorBackground,
-                listFocusForeground: foreground,
-                listHoverForeground: foreground,
-                listHoverBackground: notebookEditorBackground,
-                listHoverOutline: focusBorder,
-                listFocusOutline: focusBorder,
-                listInactiveSelectionBackground: notebookEditorBackground,
-                listInactiveSelectionForeground: foreground,
-                listInactiveFocusBackground: notebookEditorBackground,
-                listInactiveFocusOutline: notebookEditorBackground,
-            },
-            accessibilityProvider
-        });
+        this._list = this.instantiationService.createInstance(
+            NotebookCellList,
+            "NotebookCellList",
+            this._body,
+            this._viewContext.notebookOptions,
+            this._listDelegate,
+            renderers,
+            this.scopedContextKeyService,
+            {
+                setRowLineHeight: false,
+                setRowHeight: false,
+                supportDynamicHeights: true,
+                horizontalScrolling: false,
+                keyboardSupport: false,
+                mouseSupport: true,
+                multipleSelectionSupport: true,
+                selectionNavigation: true,
+                typeNavigationEnabled: true,
+                paddingTop: 0,
+                paddingBottom: 0,
+                transformOptimization: false,
+                initialSize: this._dimension,
+                styleController: _suffix => {
+                    return this._list;
+                },
+                overrideStyles: {
+                    listBackground: notebookEditorBackground,
+                    listActiveSelectionBackground: notebookEditorBackground,
+                    listActiveSelectionForeground: foreground,
+                    listFocusAndSelectionBackground: notebookEditorBackground,
+                    listFocusAndSelectionForeground: foreground,
+                    listFocusBackground: notebookEditorBackground,
+                    listFocusForeground: foreground,
+                    listHoverForeground: foreground,
+                    listHoverBackground: notebookEditorBackground,
+                    listHoverOutline: focusBorder,
+                    listFocusOutline: focusBorder,
+                    listInactiveSelectionBackground: notebookEditorBackground,
+                    listInactiveSelectionForeground: foreground,
+                    listInactiveFocusBackground: notebookEditorBackground,
+                    listInactiveFocusOutline: notebookEditorBackground
+                },
+                accessibilityProvider
+            }
+        );
         this._cellLayoutManager = ( new NotebookCellLayoutManager(this, this._list, this.logService));
         this._dndController.setList(this._list);
         this._register(this._list);
         this._listViewInfoAccessor = ( new ListViewInfoAccessor(this._list));
         this._register(this._listViewInfoAccessor);
         this._register(combinedDisposable(...renderers));
-        this._listTopCellToolbar = this._register(this.instantiationService.createInstance(ListTopCellToolbar, this, this.notebookOptions));
-        this._webviewTransparentCover = append(this._list.rowsContainer, $('.webview-cover'));
-        this._webviewTransparentCover.style.display = 'none';
-        this._register(addStandardDisposableGenericMouseDownListener(this._overlayContainer, (e) => {
-            if (e.target.classList.contains('slider') && this._webviewTransparentCover) {
-                this._webviewTransparentCover.style.display = 'block';
-            }
-        }));
-        this._register(addStandardDisposableGenericMouseUpListener(this._overlayContainer, () => {
-            if (this._webviewTransparentCover) {
-                this._webviewTransparentCover.style.display = 'none';
-            }
-        }));
+        this._listTopCellToolbar = this._register(
+            this.instantiationService.createInstance(ListTopCellToolbar, this, this.notebookOptions)
+        );
+        this._webviewTransparentCover = append(this._list.rowsContainer, $(".webview-cover"));
+        this._webviewTransparentCover.style.display = "none";
+        this._register(
+            addStandardDisposableGenericMouseDownListener(this._overlayContainer, e => {
+                if (e.target.classList.contains("slider") && this._webviewTransparentCover) {
+                    this._webviewTransparentCover.style.display = "block";
+                }
+            })
+        );
+        this._register(
+            addStandardDisposableGenericMouseUpListener(this._overlayContainer, () => {
+                if (this._webviewTransparentCover) {
+                    this._webviewTransparentCover.style.display = "none";
+                }
+            })
+        );
         this._register(this._list.onMouseDown(e => {
             if (e.element) {
-                this._onMouseDown.fire({ event: e.browserEvent, target: e.element });
+                this._onMouseDown.fire({
+                    event: e.browserEvent,
+                    target: e.element
+                });
             }
         }));
         this._register(this._list.onMouseUp(e => {
             if (e.element) {
-                this._onMouseUp.fire({ event: e.browserEvent, target: e.element });
+                this._onMouseUp.fire({
+                    event: e.browserEvent,
+                    target: e.element
+                });
             }
         }));
         this._register(this._list.onDidChangeFocus(_e => {
@@ -845,7 +982,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         this._register(this._list.onDidChangeVisibleRanges(() => {
             this._onDidChangeVisibleRanges.fire();
         }));
-        this._register(this._list.onDidScroll((e) => {
+        this._register(this._list.onDidScroll(e => {
             if (e.scrollTop !== e.oldScrollTop) {
                 this._onDidScroll.fire();
                 this.clearActiveCellWidgets();
@@ -883,16 +1020,24 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             getAnchor: () => e.anchor,
             getActionsContext: () => {
                 return {
-                    from: 'cellContainer'
+                    from: "cellContainer"
                 };
             }
         });
     }
     _registerNotebookOverviewRuler() {
-        this._notebookOverviewRuler = this._register(this.instantiationService.createInstance(NotebookOverviewRuler, this, this._notebookOverviewRulerContainer));
+        this._notebookOverviewRuler = this._register(
+            this.instantiationService.createInstance(NotebookOverviewRuler, this, this._notebookOverviewRulerContainer)
+        );
     }
     _registerNotebookActionsToolbar() {
-        this._notebookTopToolbar = this._register(this.instantiationService.createInstance(NotebookEditorWorkbenchToolbar, this, this.scopedContextKeyService, this._notebookOptions, this._notebookTopToolbarContainer));
+        this._notebookTopToolbar = this._register(this.instantiationService.createInstance(
+            NotebookEditorWorkbenchToolbar,
+            this,
+            this.scopedContextKeyService,
+            this._notebookOptions,
+            this._notebookTopToolbarContainer
+        ));
         this._register(this._notebookTopToolbar.onDidChangeVisibility(() => {
             if (this._dimension && this._isVisible) {
                 this.layout(this._dimension);
@@ -900,22 +1045,27 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         }));
     }
     _registerNotebookStickyScroll() {
-        this._notebookStickyScroll = this._register(this.instantiationService.createInstance(NotebookStickyScroll, this._notebookStickyScrollContainer, this, this._list, (sizeDelta) => {
-            if (this.isDisposed) {
-                return;
-            }
-            if (this._dimension && this._isVisible) {
-                if (sizeDelta > 0) {
-                    this.layout(this._dimension);
-                    this.setScrollTop(this.scrollTop + sizeDelta);
+        this._notebookStickyScroll = this._register(this.instantiationService.createInstance(
+            NotebookStickyScroll,
+            this._notebookStickyScrollContainer,
+            this,
+            this._list,
+            sizeDelta => {
+                if (this.isDisposed) {
+                    return;
                 }
-                else if (sizeDelta < 0) {
-                    this.setScrollTop(this.scrollTop + sizeDelta);
-                    this.layout(this._dimension);
+                if (this._dimension && this._isVisible) {
+                    if (sizeDelta > 0) {
+                        this.layout(this._dimension);
+                        this.setScrollTop(this.scrollTop + sizeDelta);
+                    } else if (sizeDelta < 0) {
+                        this.setScrollTop(this.scrollTop + sizeDelta);
+                        this.layout(this._dimension);
+                    }
                 }
+                this._onDidScroll.fire();
             }
-            this._onDidScroll.fire();
-        }));
+        ));
     }
     _updateOutputRenderers() {
         if (!this.viewModel || !this._webview) {
@@ -951,8 +1101,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             this._detachModel();
             await this._attachModel(textModel, viewType ?? textModel.viewType, viewState, perf);
             const newBottomToolbarDimensions = this._notebookOptions.computeBottomToolbarDimensions(this.viewModel?.viewType);
-            if (oldBottomToolbarDimensions.bottomToolbarGap !== newBottomToolbarDimensions.bottomToolbarGap
-                || oldBottomToolbarDimensions.bottomToolbarHeight !== newBottomToolbarDimensions.bottomToolbarHeight) {
+            if (oldBottomToolbarDimensions.bottomToolbarGap !== newBottomToolbarDimensions.bottomToolbarGap || oldBottomToolbarDimensions.bottomToolbarHeight !== newBottomToolbarDimensions.bottomToolbarHeight) {
                 this._styleElement?.remove();
                 this._createLayoutStyles();
                 this._webview?.updateOptions({
@@ -960,14 +1109,13 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                     fontFamily: this._generateFontFamily()
                 });
             }
-            this.telemetryService.publicLog2('notebook/editorOpened', {
+            this.telemetryService.publicLog2("notebook/editorOpened", {
                 scheme: textModel.uri.scheme,
                 ext: extname(textModel.uri),
                 viewType: textModel.viewType,
                 isRepl: this.isReplHistory
             });
-        }
-        else {
+        } else {
             this.restoreListViewState(viewState);
         }
         this._restoreSelectedKernel(viewState);
@@ -984,7 +1132,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             return;
         }
         this._backgroundMarkdownRenderRunning = true;
-        runWhenWindowIdle(getWindow(this.getDomNode()), (deadline) => {
+        runWhenWindowIdle(getWindow(this.getDomNode()), deadline => {
             this._backgroundMarkdownRenderingWithDeadline(deadline);
         });
     }
@@ -999,19 +1147,19 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 if (!this.viewModel) {
                     return;
                 }
-                const firstMarkupCell = this.viewModel.viewCells.find(cell => cell.cellKind === CellKind.Markup && !this._webview?.markupPreviewMapping.has(cell.id) && !this.cellIsHidden(cell));
+                const firstMarkupCell = this.viewModel.viewCells.find(
+                    cell => cell.cellKind === CellKind.Markup && !this._webview?.markupPreviewMapping.has(cell.id) && !this.cellIsHidden(cell)
+                );
                 if (!firstMarkupCell) {
                     return;
                 }
                 this.createMarkupPreview(firstMarkupCell);
-            }
-            finally {
+            } finally {
                 this._backgroundMarkdownRenderRunning = false;
             }
             if (Date.now() < endTime) {
                 setTimeout0(execute);
-            }
-            else {
+            } else {
                 this._backgroundMarkdownRendering();
             }
         };
@@ -1024,7 +1172,9 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         const focused = this._list.getFocusedElements()[0];
         if (focused) {
             if (!this._cellContextKeyManager) {
-                this._cellContextKeyManager = this._localStore.add(this.instantiationService.createInstance(CellContextKeyManager, this, focused));
+                this._cellContextKeyManager = this._localStore.add(
+                    this.instantiationService.createInstance(CellContextKeyManager, this, focused)
+                );
             }
             this._cellContextKeyManager.updateForElement(focused);
         }
@@ -1036,7 +1186,9 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         if (!this.viewModel) {
             return;
         }
-        this.viewModel.updateOptions({ isReadOnly: this._readOnly });
+        this.viewModel.updateOptions({
+            isReadOnly: this._readOnly
+        });
         this.notebookOptions.updateOptions(this._readOnly);
         const cellOptions = options?.cellOptions ?? this._parseIndexedCellOptions(options);
         if (cellOptions) {
@@ -1045,7 +1197,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 this.focusElement(cell);
                 const selection = cellOptions.options?.selection;
                 if (selection) {
-                    cell.updateEditState(CellEditState.Editing, 'setOptions');
+                    cell.updateEditState(CellEditState.Editing, "setOptions");
                     cell.focusMode = CellFocusMode.Editor;
                     await this.revealRangeInCenterIfOutsideViewportAsync(cell, ( new Range(
                         selection.startLineNumber,
@@ -1053,14 +1205,15 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                         selection.endLineNumber || selection.startLineNumber,
                         selection.endColumn || selection.startColumn
                     )));
-                }
-                else {
+                } else {
                     this._list.revealCell(cell, options?.cellRevealType ?? CellRevealType.CenterIfOutsideViewport);
                 }
                 const editor = this._renderedEditors.get(cell);
                 if (editor) {
                     if (cellOptions.options?.selection) {
-                        const { selection } = cellOptions.options;
+                        const {
+                            selection
+                        } = cellOptions.options;
                         const editorSelection = ( new Range(
                             selection.startLineNumber,
                             selection.startColumn,
@@ -1086,7 +1239,10 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             if (focusedCell) {
                 this.viewModel.updateSelectionsState({
                     kind: SelectionStateType.Index,
-                    focus: { start: focusCellIndex, end: focusCellIndex + 1 },
+                    focus: {
+                        start: focusCellIndex,
+                        end: focusCellIndex + 1
+                    },
                     selections: options.cellSelections
                 });
                 this.revealInCenterIfOutsideViewport(focusedCell);
@@ -1126,8 +1282,8 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             return;
         }
         this._editorEditable.set(!this.viewModel.options.isReadOnly);
-        this._overflowContainer.classList.toggle('notebook-editor-editable', !this.viewModel.options.isReadOnly);
-        this.getDomNode().classList.toggle('notebook-editor-editable', !this.viewModel.options.isReadOnly);
+        this._overflowContainer.classList.toggle("notebook-editor-editable", !this.viewModel.options.isReadOnly);
+        this.getDomNode().classList.toggle("notebook-editor-editable", !this.viewModel.options.isReadOnly);
     }
     async _resolveWebview() {
         if (!this.textModel) {
@@ -1141,11 +1297,11 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         }
         this._webviewResolvePromise = (async () => {
             if (!this._webview) {
-                throw ( new Error('Notebook output webview object is not created successfully.'));
+                throw ( new Error("Notebook output webview object is not created successfully."));
             }
             await this._webview.createWebview(this.creationOptions.codeWindow ?? mainWindow);
             if (!this._webview.webview) {
-                throw ( new Error('Notebook output webview element was not created successfully.'));
+                throw ( new Error("Notebook output webview element was not created successfully."));
             }
             this._localStore.add(this._webview.webview.onDidBlur(() => {
                 this._outputFocus.set(false);
@@ -1171,9 +1327,15 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         }
         const that = this;
         this._webview = this.instantiationService.createInstance(BackLayerWebView, {
-            get creationOptions() { return that.creationOptions; },
-            setScrollTop(scrollTop) { that._list.scrollTop = scrollTop; },
-            triggerScroll(event) { that._list.triggerScrollFromMouseWheelEvent(event); },
+            get creationOptions() {
+                return that.creationOptions;
+            },
+            setScrollTop(scrollTop) {
+                that._list.scrollTop = scrollTop;
+            },
+            triggerScroll(event) {
+                that._list.triggerScrollFromMouseWheelEvent(event);
+            },
             getCellByInfo: that.getCellByInfo.bind(that),
             getCellById: that._getCellById.bind(that),
             toggleNotebookCellSelection: that._toggleNotebookCellSelection.bind(that),
@@ -1189,18 +1351,30 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             didEndDragMarkupCell: that._didEndDragMarkupCell.bind(that),
             didResizeOutput: that._didResizeOutput.bind(that),
             updatePerformanceMetadata: that._updatePerformanceMetadata.bind(that),
-            didFocusOutputInputChange: that._didFocusOutputInputChange.bind(that),
+            didFocusOutputInputChange: that._didFocusOutputInputChange.bind(that)
         }, id, viewType, resource, {
             ...this._notebookOptions.computeWebviewOptions(),
             fontFamily: this._generateFontFamily()
         }, this.notebookRendererMessaging.getScoped(this._uuid));
-        this._webview.element.style.width = '100%';
+        this._webview.element.style.width = "100%";
         this._list.attachWebview(this._webview.element);
     }
     async _attachModel(textModel, viewType, viewState, perf) {
         this._ensureWebview(this.getId(), textModel.viewType, textModel.uri);
-        this.viewModel = this.instantiationService.createInstance(NotebookViewModel, viewType, textModel, this._viewContext, this.getLayoutInfo(), { isReadOnly: this._readOnly });
-        this._viewContext.eventDispatcher.emit([( new NotebookLayoutChangedEvent({ width: true, fontInfo: true }, this.getLayoutInfo()))]);
+        this.viewModel = this.instantiationService.createInstance(
+            NotebookViewModel,
+            viewType,
+            textModel,
+            this._viewContext,
+            this.getLayoutInfo(),
+            {
+                isReadOnly: this._readOnly
+            }
+        );
+        this._viewContext.eventDispatcher.emit([( new NotebookLayoutChangedEvent({
+            width: true,
+            fontInfo: true
+        }, this.getLayoutInfo()))]);
         this.notebookOptions.updateOptions(this._readOnly);
         this._updateForOptions();
         this._updateForNotebookConfiguration();
@@ -1208,7 +1382,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             this.viewModel.restoreEditorViewState(viewState);
             const contributionsState = viewState?.contributionsState || {};
             for (const [id, contribution] of this._contributions) {
-                if (typeof contribution.restoreViewState === 'function') {
+                if (typeof contribution.restoreViewState === "function") {
                     contribution.restoreViewState(contributionsState[id]);
                 }
             }
@@ -1226,15 +1400,16 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             }
         }));
         let hasPendingChangeContentHeight = false;
+        const renderScrollHeightDisposable = this._localStore.add(( new MutableDisposable()));
         this._localStore.add(this._list.onDidChangeContentHeight(() => {
             if (hasPendingChangeContentHeight) {
                 return;
             }
             hasPendingChangeContentHeight = true;
-            this._localStore.add(scheduleAtNextAnimationFrame(getWindow(this.getDomNode()), () => {
+            renderScrollHeightDisposable.value = scheduleAtNextAnimationFrame(getWindow(this.getDomNode()), () => {
                 hasPendingChangeContentHeight = false;
                 this._updateScrollHeight();
-            }, 100));
+            }, 100);
         }));
         this._localStore.add(this._list.onDidRemoveOutputs(outputs => {
             outputs.forEach(output => this.removeInset(output));
@@ -1250,8 +1425,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                     const mdCell = cell;
                     if (this.viewModel?.viewCells.find(cell => cell.handle === mdCell.handle)) {
                         hiddenCells.push(mdCell);
-                    }
-                    else {
+                    } else {
                         deletedCells.push(mdCell);
                     }
                 }
@@ -1260,10 +1434,12 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             this.deleteMarkupPreviews(deletedCells);
         }));
         await this._warmupWithMarkdownRenderer(this.viewModel, viewState, perf);
-        perf?.mark('customMarkdownLoaded');
+        perf?.mark("customMarkdownLoaded");
         this._localCellStateListeners = ( this.viewModel.viewCells.map(cell => this._bindCellListener(cell)));
-        this._lastCellWithEditorFocus = this.viewModel.viewCells.find(viewCell => this.getActiveCell() === viewCell && viewCell.focusMode === CellFocusMode.Editor) ?? null;
-        this._localStore.add(this.viewModel.onDidChangeViewCells((e) => {
+        this._lastCellWithEditorFocus = this.viewModel.viewCells.find(
+            viewCell => this.getActiveCell() === viewCell && viewCell.focusMode === CellFocusMode.Editor
+        ) ?? null;
+        this._localStore.add(this.viewModel.onDidChangeViewCells(e => {
             if (this._isDisposed) {
                 return;
             }
@@ -1278,8 +1454,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         }));
         if (this._dimension) {
             this._list.layout(this.getBodyHeight(this._dimension.height), this._dimension.width);
-        }
-        else {
+        } else {
             this._list.layout();
         }
         this._dndController?.clearGlobalDragState();
@@ -1293,7 +1468,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             }
         }));
         if (cell.cellKind === CellKind.Code) {
-            store.add(cell.onDidRemoveOutputs((outputs) => {
+            store.add(cell.onDidRemoveOutputs(outputs => {
                 outputs.forEach(output => this.removeInset(output));
             }));
         }
@@ -1338,19 +1513,22 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         this._lastCellWithEditorFocus = cell;
     }
     async _warmupWithMarkdownRenderer(viewModel, viewState, perf) {
-        this.logService.debug('NotebookEditorWidget', 'warmup ' + this.viewModel?.uri.toString());
+        this.logService.debug("NotebookEditorWidget", "warmup " + this.viewModel?.uri.toString());
         await this._resolveWebview();
-        perf?.mark('webviewCommLoaded');
-        this.logService.debug('NotebookEditorWidget', 'warmup - webview resolved');
-        this._webview.element.style.visibility = 'hidden';
+        perf?.mark("webviewCommLoaded");
+        this.logService.debug("NotebookEditorWidget", "warmup - webview resolved");
+        this._webview.element.style.visibility = "hidden";
         await this._warmupViewportMarkdownCells(viewModel, viewState);
-        this.logService.debug('NotebookEditorWidget', 'warmup - viewport warmed up');
+        this.logService.debug("NotebookEditorWidget", "warmup - viewport warmed up");
         this._list.layout(0, 0);
         this._list.attachViewModel(viewModel);
         this._list.scrollTop = viewState?.scrollPosition?.top ?? 0;
-        this._debug('finish initial viewport warmup and view state restore.');
-        this._webview.element.style.visibility = 'visible';
-        this.logService.debug('NotebookEditorWidget', 'warmup - list view model attached, set to visible');
+        this._debug("finish initial viewport warmup and view state restore.");
+        this._webview.element.style.visibility = "visible";
+        this.logService.debug(
+            "NotebookEditorWidget",
+            "warmup - list view model attached, set to visible"
+        );
         this._onDidAttachViewModel.fire();
     }
     async _warmupViewportMarkdownCells(viewModel, viewState) {
@@ -1376,19 +1554,18 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 }
             }
             await this._webview.initializeMarkup(( requests.map(([model, offset]) => this.createMarkupCellInitialization(model, offset))));
-        }
-        else {
-            const initRequests = ( viewModel.viewCells
-                .filter(cell => cell.cellKind === CellKind.Markup)
-                .slice(0, 5)
-                .map(cell => this.createMarkupCellInitialization(cell, -1e4)));
+        } else {
+            const initRequests = ( viewModel.viewCells.filter(cell => cell.cellKind === CellKind.Markup).slice(0, 5).map(cell => this.createMarkupCellInitialization(cell, -1e4)));
             await this._webview.initializeMarkup(initRequests);
             let offset = 0;
             const offsetUpdateRequests = [];
             const scrollBottom = Math.max(this._dimension?.height ?? 0, 1080);
             for (const cell of viewModel.viewCells) {
                 if (cell.cellKind === CellKind.Markup) {
-                    offsetUpdateRequests.push({ id: cell.id, top: offset });
+                    offsetUpdateRequests.push({
+                        id: cell.id,
+                        top: offset
+                    });
                 }
                 offset += cell.getHeight(this.getLayoutInfo().fontInfo.lineHeight);
                 if (offset > scrollBottom) {
@@ -1406,7 +1583,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             content: model.getText(),
             offset: offset,
             visible: false,
-            metadata: model.metadata,
+            metadata: model.metadata
         });
     }
     restoreListViewState(viewState) {
@@ -1416,12 +1593,11 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         if (viewState?.scrollPosition !== undefined) {
             this._list.scrollTop = viewState.scrollPosition.top;
             this._list.scrollLeft = viewState.scrollPosition.left;
-        }
-        else {
+        } else {
             this._list.scrollTop = 0;
             this._list.scrollLeft = 0;
         }
-        const focusIdx = typeof viewState?.focus === 'number' ? viewState.focus : 0;
+        const focusIdx = typeof viewState?.focus === "number" ? viewState.focus : 0;
         if (focusIdx < this.viewModel.length) {
             const element = this.viewModel.cellAt(focusIdx);
             if (element) {
@@ -1431,12 +1607,17 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                     selections: [element.handle]
                 });
             }
-        }
-        else if (this._list.length > 0) {
+        } else if (this._list.length > 0) {
             this.viewModel.updateSelectionsState({
                 kind: SelectionStateType.Index,
-                focus: { start: 0, end: 1 },
-                selections: [{ start: 0, end: 1 }]
+                focus: {
+                    start: 0,
+                    end: 1
+                },
+                selections: [{
+                    start: 0,
+                    end: 1
+                }]
             });
         }
         if (viewState?.editorFocused) {
@@ -1463,11 +1644,14 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 cellLineNumberStates: {},
                 editorViewStates: {},
                 collapsedInputCells: {},
-                collapsedOutputCells: {},
+                collapsedOutputCells: {}
             };
         }
         if (this._list) {
-            state.scrollPosition = { left: this._list.scrollLeft, top: this._list.scrollTop };
+            state.scrollPosition = {
+                left: this._list.scrollLeft,
+                top: this._list.scrollTop
+            };
             const cellHeights = {};
             for (let i = 0; i < this.viewModel.length; i++) {
                 const elm = this.viewModel.cellAt(i);
@@ -1487,7 +1671,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         }
         const contributionsState = {};
         for (const [id, contribution] of this._contributions) {
-            if (typeof contribution.saveViewState === 'function') {
+            if (typeof contribution.saveViewState === "function") {
                 contributionsState[id] = contribution.saveViewState();
             }
         }
@@ -1501,7 +1685,10 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         return this._scrollBeyondLastLine && !this.isReplHistory;
     }
     getBodyHeight(dimensionHeight) {
-        return Math.max(dimensionHeight - (this._notebookTopToolbar?.useGlobalToolbar ?  26 : 0), 0);
+        return Math.max(
+            dimensionHeight - (this._notebookTopToolbar?.useGlobalToolbar ?  26 : 0),
+            0
+        );
     }
     layout(dimension, shadowElement, position) {
         if (!shadowElement && this._shadowElementViewInfo === null) {
@@ -1516,8 +1703,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         const whenContainerStylesLoaded = this.layoutService.whenContainerStylesLoaded(getWindow(this.getDomNode()));
         if (whenContainerStylesLoaded) {
             whenContainerStylesLoaded.then(() => this.layoutNotebook(dimension, shadowElement, position));
-        }
-        else {
+        } else {
             this.layoutNotebook(dimension, shadowElement, position);
         }
     }
@@ -1535,18 +1721,23 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         size(this._body, dimension.width, newBodyHeight);
         const newCellListHeight = newBodyHeight;
         if (this._list.getRenderHeight() < newCellListHeight) {
-            this._list.updateOptions({ paddingBottom: this._allowScrollBeyondLastLine() ? Math.max(0, (newCellListHeight - 50)) : 0, paddingTop: 0 });
+            this._list.updateOptions({
+                paddingBottom: this._allowScrollBeyondLastLine() ? Math.max(0, (newCellListHeight - 50)) : 0,
+                paddingTop: 0
+            });
             this._list.layout(newCellListHeight, dimension.width);
-        }
-        else {
+        } else {
             this._list.layout(newCellListHeight, dimension.width);
-            this._list.updateOptions({ paddingBottom: this._allowScrollBeyondLastLine() ? Math.max(0, (newCellListHeight - 50)) : 0, paddingTop: 0 });
+            this._list.updateOptions({
+                paddingBottom: this._allowScrollBeyondLastLine() ? Math.max(0, (newCellListHeight - 50)) : 0,
+                paddingTop: 0
+            });
         }
         this._overlayContainer.inert = false;
-        this._overlayContainer.style.visibility = 'visible';
-        this._overlayContainer.style.display = 'block';
-        this._overlayContainer.style.position = 'absolute';
-        this._overlayContainer.style.overflow = 'hidden';
+        this._overlayContainer.style.visibility = "visible";
+        this._overlayContainer.style.display = "block";
+        this._overlayContainer.style.position = "absolute";
+        this._overlayContainer.style.overflow = "hidden";
         this.layoutContainerOverShadowElement(dimension, position);
         if (this._webviewTransparentCover) {
             this._webviewTransparentCover.style.height = `${dimension.height}px`;
@@ -1554,7 +1745,10 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         }
         this._notebookTopToolbar.layout(this._dimension);
         this._notebookOverviewRuler.layout();
-        this._viewContext?.eventDispatcher.emit([( new NotebookLayoutChangedEvent({ width: true, fontInfo: true }, this.getLayoutInfo()))]);
+        this._viewContext?.eventDispatcher.emit([( new NotebookLayoutChangedEvent({
+            width: true,
+            fontInfo: true
+        }, this.getLayoutInfo()))]);
     }
     updateShadowElement(shadowElement, dimension, position) {
         this._shadowElement = shadowElement;
@@ -1563,10 +1757,9 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 height: dimension.height,
                 width: dimension.width,
                 top: position.top,
-                left: position.left,
+                left: position.left
             };
-        }
-        else {
+        } else {
             const containerRect = shadowElement.getBoundingClientRect();
             const elementContainerRect = this._overlayContainer.parentElement?.getBoundingClientRect();
             this._shadowElementViewInfo = {
@@ -1598,8 +1791,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         this._editorFocus.set(true);
         if (this._webviewFocused) {
             this._webview?.focusWebview();
-        }
-        else {
+        } else {
             if (this.viewModel) {
                 const focusRange = this.viewModel.getFocus();
                 const element = this.viewModel.cellAt(focusRange.start);
@@ -1608,7 +1800,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                     this.updateEditorFocus();
                 }
                 if (element && element.focusMode === CellFocusMode.Editor) {
-                    element.updateEditState(CellEditState.Editing, 'editorWidget.focus');
+                    element.updateEditState(CellEditState.Editing, "editorWidget.focus");
                     element.focusMode = CellFocusMode.Editor;
                     this.focusEditor(element);
                     return;
@@ -1634,8 +1826,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
     focusContainer(clearSelection = false) {
         if (this._webviewFocused) {
             this._webview?.focusWebview();
-        }
-        else {
+        } else {
             this._list.focusContainer(clearSelection);
         }
     }
@@ -1649,9 +1840,9 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         this._isVisible = false;
         this._editorFocus.set(false);
         this._overlayContainer.inert = true;
-        this._overlayContainer.style.visibility = 'hidden';
-        this._overlayContainer.style.left = '-50000px';
-        this._notebookTopToolbarContainer.style.display = 'none';
+        this._overlayContainer.style.visibility = "hidden";
+        this._overlayContainer.style.left = "-50000px";
+        this._notebookTopToolbarContainer.style.display = "none";
         this.clearActiveCellWidgets();
     }
     clearActiveCellWidgets() {
@@ -1707,10 +1898,8 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         if (!this._body.contains(container)) {
             return false;
         }
-        while (container
-            &&
-                container !== this._body) {
-            if (container.classList && container.classList.contains('output')) {
+        while (container && container !== this._body) {
+            if (container.classList && container.classList.contains("output")) {
                 return true;
             }
             container = container.parentNode;
@@ -1829,8 +2018,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
     deltaCellContainerClassNames(cellId, added, removed, cellkind) {
         if (cellkind === CellKind.Markup) {
             this._webview?.deltaMarkupPreviewClassNames(cellId, added, removed);
-        }
-        else {
+        } else {
             this._webview?.deltaCellOutputContainerClassNames(cellId, added, removed);
         }
     }
@@ -1851,7 +2039,9 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         if (!this.hasModel()) {
             return;
         }
-        const { selected } = this.notebookKernelService.getMatchingKernel(this.textModel);
+        const {
+            selected
+        } = this.notebookKernelService.getMatchingKernel(this.textModel);
         if (!this._webview?.isResolved()) {
             await this._resolveWebview();
         }
@@ -1871,7 +2061,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
     }
     async executeNotebookCells(cells) {
         if (!this.viewModel || !this.hasModel()) {
-            this.logService.info('notebookEditorWidget', 'No NotebookViewModel, cannot execute cells');
+            this.logService.info("notebookEditorWidget", "No NotebookViewModel, cannot execute cells");
             return;
         }
         if (!cells) {
@@ -1897,11 +2087,15 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         const previousIndex = this._list.getViewIndex(previousSelection);
         const cellsInSelectionRange = this.getCellsInViewRange(selectedIndex, previousIndex);
         if (isSelected) {
-            this._list.selectElements(currentSelections.filter(current => !cellsInSelectionRange.includes(current)));
-        }
-        else {
+            this._list.selectElements(
+                currentSelections.filter(current => !cellsInSelectionRange.includes(current))
+            );
+        } else {
             this.focusElement(selectedCell);
-            this._list.selectElements([...currentSelections.filter(current => !cellsInSelectionRange.includes(current)), ...cellsInSelectionRange]);
+            this._list.selectElements([
+                ...currentSelections.filter(current => !cellsInSelectionRange.includes(current)),
+                ...cellsInSelectionRange
+            ]);
         }
     }
     getCellsInViewRange(fromInclusive, toInclusive) {
@@ -1921,14 +2115,14 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             return;
         }
         cell.focusedOutputId = undefined;
-        if (focusItem === 'editor') {
+        if (focusItem === "editor") {
             cell.isInputCollapsed = false;
             this.focusElement(cell);
             this._list.focusView();
-            cell.updateEditState(CellEditState.Editing, 'focusNotebookCell');
+            cell.updateEditState(CellEditState.Editing, "focusNotebookCell");
             cell.focusMode = CellFocusMode.Editor;
             if (!options?.skipReveal) {
-                if (typeof options?.focusEditorLine === 'number') {
+                if (typeof options?.focusEditorLine === "number") {
                     this._cursorNavMode.set(true);
                     await this.revealLineInViewAsync(cell, options.focusEditorLine);
                     const editor = this._renderedEditors.get(cell);
@@ -1939,20 +2133,17 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                         endLineNumber: focusEditorLine,
                         endColumn: 1
                     });
-                }
-                else {
+                } else {
                     const selectionsStartPosition = cell.getSelectionsStartPosition();
                     if (selectionsStartPosition?.length) {
                         const firstSelectionPosition = selectionsStartPosition[0];
                         await this.revealRangeInViewAsync(cell, Range.fromPositions(firstSelectionPosition, firstSelectionPosition));
-                    }
-                    else {
+                    } else {
                         await this.revealInView(cell);
                     }
                 }
             }
-        }
-        else if (focusItem === 'output') {
+        } else if (focusItem === "output") {
             this.focusElement(cell);
             if (!this.hasEditorFocus()) {
                 this._list.focusView();
@@ -1962,36 +2153,36 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             }
             const firstOutputId = cell.outputsViewModels.find(o => o.model.alternativeOutputId)?.model.alternativeOutputId;
             const focusElementId = options?.outputId ?? firstOutputId ?? cell.id;
-            this._webview.focusOutput(focusElementId, options?.altOutputId, options?.outputWebviewFocused || this._webviewFocused);
-            cell.updateEditState(CellEditState.Preview, 'focusNotebookCell');
+            this._webview.focusOutput(
+                focusElementId,
+                options?.altOutputId,
+                options?.outputWebviewFocused || this._webviewFocused
+            );
+            cell.updateEditState(CellEditState.Preview, "focusNotebookCell");
             cell.focusMode = CellFocusMode.Output;
             cell.focusedOutputId = options?.outputId;
             this._outputFocus.set(true);
             if (!options?.skipReveal) {
                 this.revealInCenterIfOutsideViewport(cell);
             }
-        }
-        else {
+        } else {
             const itemDOM = this._list.domElementOfElement(cell);
             if (itemDOM && getActiveElement(itemDOM.ownerDocument) && itemDOM.contains(getActiveElement(itemDOM.ownerDocument))) {
                 getActiveElement(itemDOM.ownerDocument).blur();
             }
             this._webview?.blurOutput();
-            cell.updateEditState(CellEditState.Preview, 'focusNotebookCell');
+            cell.updateEditState(CellEditState.Preview, "focusNotebookCell");
             cell.focusMode = CellFocusMode.Container;
             this.focusElement(cell);
             if (!options?.skipReveal) {
-                if (typeof options?.focusEditorLine === 'number') {
+                if (typeof options?.focusEditorLine === "number") {
                     this._cursorNavMode.set(true);
                     await this.revealInView(cell);
-                }
-                else if (options?.revealBehavior === ScrollToRevealBehavior.firstLine) {
+                } else if (options?.revealBehavior === ScrollToRevealBehavior.firstLine) {
                     await this.revealFirstLineIfOutsideViewport(cell);
-                }
-                else if (options?.revealBehavior === ScrollToRevealBehavior.fullCell) {
+                } else if (options?.revealBehavior === ScrollToRevealBehavior.fullCell) {
                     await this.revealInView(cell);
-                }
-                else {
+                } else {
                     await this.revealInCenterIfOutsideViewport(cell);
                 }
             }
@@ -2001,7 +2192,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
     }
     async focusNextNotebookCell(cell, focusItem) {
         const idx = this.viewModel?.getCellIndex(cell);
-        if (typeof idx !== 'number') {
+        if (typeof idx !== "number") {
             return;
         }
         const newCell = this.viewModel?.cellAt(idx + 1);
@@ -2028,7 +2219,12 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             if (!renderer) {
                 return;
             }
-            const result = { type: RenderOutputType.Extension, renderer, source: output, mimeType: pickedMimeTypeRenderer.mimeType };
+            const result = {
+                type: RenderOutputType.Extension,
+                renderer,
+                source: output,
+                mimeType: pickedMimeTypeRenderer.mimeType
+            };
             const inset = this._webview?.insetMapping.get(result.source);
             if (!inset || !inset.initialized) {
                 const p = ( new Promise(resolve => {
@@ -2040,8 +2236,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 }));
                 this.createOutput(viewCell, result, 0, false);
                 await p;
-            }
-            else {
+            } else {
                 this.createOutput(viewCell, result, 0, false);
             }
             return;
@@ -2093,7 +2288,14 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         }
         return Promise.all(requests);
     }
-    async find(query, options, token, skipWarmup = false, shouldGetSearchPreviewInfo = false, ownerID) {
+    async find(
+        query,
+        options,
+        token,
+        skipWarmup = false,
+        shouldGetSearchPreviewInfo = false,
+        ownerID
+    ) {
         if (!this._notebookViewModel) {
             return [];
         }
@@ -2113,21 +2315,28 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             const start = Date.now();
             if (options.findScope && options.findScope.findScopeType === NotebookFindScopeType.Cells && options.findScope.selectedCellRanges) {
                 await this._warmupSelection(!!options.includeOutput, options.findScope.selectedCellRanges);
-            }
-            else {
+            } else {
                 await this._warmupAll(!!options.includeOutput);
             }
             const end = Date.now();
-            this.logService.debug('Find', `Warmup time: ${end - start}ms`);
+            this.logService.debug("Find", `Warmup time: ${end - start}ms`);
             if (token.isCancellationRequested) {
                 return [];
             }
             let findIds = [];
             if (options.findScope && options.findScope.findScopeType === NotebookFindScopeType.Cells && options.findScope.selectedCellRanges) {
                 const selectedIndexes = cellRangesToIndexes(options.findScope.selectedCellRanges);
-                findIds = ( selectedIndexes.map(index => this._notebookViewModel?.viewCells[index].id ?? ''));
-            }
-            const webviewMatches = await this._webview.find(query, { caseSensitive: options.caseSensitive, wholeWord: options.wholeWord, includeMarkup: !!options.includeMarkupPreview, includeOutput: !!options.includeOutput, shouldGetSearchPreviewInfo, ownerID, findIds: findIds });
+                findIds = ( selectedIndexes.map(index => this._notebookViewModel?.viewCells[index].id ?? ""));
+            }
+            const webviewMatches = await this._webview.find(query, {
+                caseSensitive: options.caseSensitive,
+                wholeWord: options.wholeWord,
+                includeMarkup: !!options.includeMarkupPreview,
+                includeOutput: !!options.includeOutput,
+                shouldGetSearchPreviewInfo,
+                ownerID,
+                findIds: findIds
+            });
             if (token.isCancellationRequested) {
                 return [];
             }
@@ -2136,15 +2345,14 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 if (!cell) {
                     return;
                 }
-                if (match.type === 'preview') {
+                if (match.type === "preview") {
                     if (cell.getEditState() === CellEditState.Preview && !options.includeMarkupPreview) {
                         return;
                     }
                     if (cell.getEditState() === CellEditState.Editing && options.includeMarkupInput) {
                         return;
                     }
-                }
-                else {
+                } else {
                     if (!options.includeOutput) {
                         return;
                     }
@@ -2152,8 +2360,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 const exisitingMatch = matchMap[match.cellId];
                 if (exisitingMatch) {
                     exisitingMatch.webviewMatches.push(match);
-                }
-                else {
+                } else {
                     matchMap[match.cellId] = ( new CellFindMatchModel(
                         this._notebookViewModel.viewCells.find(cell => cell.id === match.cellId),
                         this._notebookViewModel.viewCells.findIndex(cell => cell.id === match.cellId),
@@ -2193,7 +2400,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
     }
     getLayoutInfo() {
         if (!this._list) {
-            throw ( new Error('Editor is not initalized successfully'));
+            throw ( new Error("Editor is not initalized successfully"));
         }
         if (!this._fontInfo) {
             this._generateFontInfo();
@@ -2240,7 +2447,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             content: cell.getText(),
             offset: cellTop + top,
             visible: true,
-            metadata: cell.metadata,
+            metadata: cell.metadata
         });
     }
     cellIsHidden(cell) {
@@ -2306,34 +2513,46 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             const top = !!webviewTop ? (0 - webviewTop) : 0;
             const cellTop = this._list.getCellViewScrollTop(cell) + top;
             const existingOutput = this._webview.insetMapping.get(output.source);
-            if (!existingOutput
-                || (!existingOutput.renderer && output.type === RenderOutputType.Extension)) {
+            if (!existingOutput || (!existingOutput.renderer && output.type === RenderOutputType.Extension)) {
                 if (createWhenIdle) {
-                    this._webview.requestCreateOutputWhenWebviewIdle({ cellId: cell.id, cellHandle: cell.handle, cellUri: cell.uri, executionId: cell.internalMetadata.executionId }, output, cellTop, offset);
-                }
-                else {
-                    this._webview.createOutput({ cellId: cell.id, cellHandle: cell.handle, cellUri: cell.uri, executionId: cell.internalMetadata.executionId }, output, cellTop, offset);
+                    this._webview.requestCreateOutputWhenWebviewIdle({
+                        cellId: cell.id,
+                        cellHandle: cell.handle,
+                        cellUri: cell.uri,
+                        executionId: cell.internalMetadata.executionId
+                    }, output, cellTop, offset);
+                } else {
+                    this._webview.createOutput({
+                        cellId: cell.id,
+                        cellHandle: cell.handle,
+                        cellUri: cell.uri,
+                        executionId: cell.internalMetadata.executionId
+                    }, output, cellTop, offset);
                 }
-            }
-            else if (existingOutput.renderer
-                && output.type === RenderOutputType.Extension
-                && existingOutput.renderer.id !== output.renderer.id) {
+            } else if (existingOutput.renderer && output.type === RenderOutputType.Extension && existingOutput.renderer.id !== output.renderer.id) {
                 this._webview.removeInsets([output.source]);
-                this._webview.createOutput({ cellId: cell.id, cellHandle: cell.handle, cellUri: cell.uri }, output, cellTop, offset);
-            }
-            else if (existingOutput.versionId !== output.source.model.versionId) {
-                this._webview.updateOutput({ cellId: cell.id, cellHandle: cell.handle, cellUri: cell.uri, executionId: cell.internalMetadata.executionId }, output, cellTop, offset);
-            }
-            else {
+                this._webview.createOutput({
+                    cellId: cell.id,
+                    cellHandle: cell.handle,
+                    cellUri: cell.uri
+                }, output, cellTop, offset);
+            } else if (existingOutput.versionId !== output.source.model.versionId) {
+                this._webview.updateOutput({
+                    cellId: cell.id,
+                    cellHandle: cell.handle,
+                    cellUri: cell.uri,
+                    executionId: cell.internalMetadata.executionId
+                }, output, cellTop, offset);
+            } else {
                 const outputIndex = cell.outputsViewModels.indexOf(output.source);
                 const outputOffset = cell.getOutputOffset(outputIndex);
                 this._webview.updateScrollTops([{
-                        cell,
-                        output: output.source,
-                        cellTop,
-                        outputOffset,
-                        forceDisplay: !cell.isOutputCollapsed,
-                    }], []);
+                    cell,
+                    output: output.source,
+                    cellTop,
+                    outputOffset,
+                    forceDisplay: !cell.isOutputCollapsed
+                }], []);
             }
         });
     }
@@ -2357,7 +2576,11 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             const webviewTop = parseInt(this._list.webviewElement.domNode.style.top, 10);
             const top = !!webviewTop ? (0 - webviewTop) : 0;
             const cellTop = this._list.getCellViewScrollTop(cell) + top;
-            this._webview.updateOutput({ cellId: cell.id, cellHandle: cell.handle, cellUri: cell.uri }, output, cellTop, offset);
+            this._webview.updateOutput({
+                cellId: cell.id,
+                cellHandle: cell.handle,
+                cellUri: cell.uri
+            }, output, cellTop, offset);
         });
     }
     async copyOutputImage(cellOutput) {
@@ -2399,7 +2622,9 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         return this.viewModel?.cellAt(index);
     }
     getCellByInfo(cellInfo) {
-        const { cellHandle } = cellInfo;
+        const {
+            cellHandle
+        } = cellInfo;
         return this.viewModel?.viewCells.find(vc => vc.handle === cellHandle);
     }
     getCellByHandle(handle) {
@@ -2448,7 +2673,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
                 output: key,
                 cellTop: cellTop + top,
                 outputOffset,
-                forceDisplay: false,
+                forceDisplay: false
             });
         });
         this._webview.removeInsets(removedItems);
@@ -2457,11 +2682,14 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
             const cell = this.viewModel?.viewCells.find(cell => cell.id === cellId);
             if (cell) {
                 const cellTop = this._list.getCellViewScrollTop(cell);
-                markdownUpdateItems.push({ id: cellId, top: cellTop + top });
+                markdownUpdateItems.push({
+                    id: cellId,
+                    top: cellTop + top
+                });
             }
         }
         if (markdownUpdateItems.length || updateItems.length) {
-            this._debug('_list.onDidChangeContentHeight/markdown', markdownUpdateItems);
+            this._debug("_list.onDidChangeContentHeight/markdown", markdownUpdateItems);
             this._webview?.updateScrollTops(updateItems, markdownUpdateItems);
         }
     }
@@ -2470,24 +2698,27 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         if (cell && cell instanceof CodeCellViewModel) {
             const outputIndex = cell.outputsViewModels.indexOf(output);
             if (outputIndex > -1) {
-                this._debug('update cell output', cell.handle, outputHeight);
+                this._debug("update cell output", cell.handle, outputHeight);
                 cell.updateOutputHeight(outputIndex, outputHeight, source);
                 this.layoutNotebookCell(cell, cell.layoutInfo.totalHeight);
                 if (isInit) {
                     this._onDidRenderOutput.fire(output);
                 }
-            }
-            else {
-                this._debug('tried to update cell output that does not exist');
+            } else {
+                this._debug("tried to update cell output that does not exist");
             }
         }
     }
     _scheduleOutputHeightAck(cellInfo, outputId, height) {
         const wasEmpty = this._pendingOutputHeightAcks.size === 0;
-        this._pendingOutputHeightAcks.set(outputId, { cellId: cellInfo.cellId, outputId, height });
+        this._pendingOutputHeightAcks.set(outputId, {
+            cellId: cellInfo.cellId,
+            outputId,
+            height
+        });
         if (wasEmpty) {
             scheduleAtNextAnimationFrame(getWindow(this.getDomNode()), () => {
-                this._debug('ack height');
+                this._debug("ack height");
                 this._updateScrollHeight();
                 this._webview?.ackHeight([...( this._pendingOutputHeightAcks.values())]);
                 this._pendingOutputHeightAcks.clear();
@@ -2500,8 +2731,10 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
     _updateMarkupCellHeight(cellId, height, isInit) {
         const cell = this._getCellById(cellId);
         if (cell && cell instanceof MarkupCellViewModel) {
-            const { bottomToolbarGap } = this._notebookOptions.computeBottomToolbarDimensions(this.viewModel?.viewType);
-            this._debug('updateMarkdownCellHeight', cell.handle, height + bottomToolbarGap, isInit);
+            const {
+                bottomToolbarGap
+            } = this._notebookOptions.computeBottomToolbarDimensions(this.viewModel?.viewType);
+            this._debug("updateMarkdownCellHeight", cell.handle, height + bottomToolbarGap, isInit);
             cell.renderedMarkdownHeight = height;
         }
     }
@@ -2509,7 +2742,7 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         const cell = this._getCellById(cellId);
         if (cell instanceof MarkupCellViewModel) {
             this.revealInView(cell);
-            cell.updateEditState(editState, 'setMarkdownCellEditState');
+            cell.updateEditState(editState, "setMarkdownCellEditState");
         }
     }
     _didStartDragMarkupCell(cellId, event) {
@@ -2555,16 +2788,14 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
         if (cell?.internalMetadata.executionId === executionId && cellIndex !== undefined) {
             const renderDurationMap = cell.internalMetadata.renderDuration || {};
             renderDurationMap[rendererId] = (renderDurationMap[rendererId] ?? 0) + duration;
-            this.textModel.applyEdits([
-                {
-                    editType: CellEditType.PartialInternalMetadata,
-                    index: cellIndex,
-                    internalMetadata: {
-                        executionId: executionId,
-                        renderDuration: renderDurationMap
-                    }
+            this.textModel.applyEdits([{
+                editType: CellEditType.PartialInternalMetadata,
+                index: cellIndex,
+                internalMetadata: {
+                    executionId: executionId,
+                    renderDuration: renderDurationMap
                 }
-            ], true, undefined, () => undefined, undefined, false);
+            }], true, undefined, () => undefined, undefined, false);
         }
     }
     getContribution(id) {
@@ -2603,125 +2834,130 @@ let NotebookEditorWidget = class NotebookEditorWidget extends Disposable {
     }
     toJSON() {
         return {
-            notebookUri: this.viewModel?.uri,
+            notebookUri: this.viewModel?.uri
         };
     }
 };
-NotebookEditorWidget = ( __decorate([
-    ( __param(2, IInstantiationService)),
-    ( __param(3, IEditorGroupsService)),
-    ( __param(4, INotebookRendererMessagingService)),
-    ( __param(5, INotebookEditorService)),
-    ( __param(6, INotebookKernelService)),
-    ( __param(7, INotebookService)),
-    ( __param(8, IConfigurationService)),
-    ( __param(9, IContextKeyService)),
-    ( __param(10, ILayoutService)),
-    ( __param(11, IContextMenuService)),
-    ( __param(12, ITelemetryService)),
-    ( __param(13, INotebookExecutionService)),
-    ( __param(14, IEditorProgressService)),
-    ( __param(15, INotebookLoggingService))
-], NotebookEditorWidget));
-registerZIndex(ZIndex.Base, 5, 'notebook-progress-bar');
-registerZIndex(ZIndex.Base, 10, 'notebook-list-insertion-indicator');
-registerZIndex(ZIndex.Base, 20, 'notebook-cell-editor-outline');
-registerZIndex(ZIndex.Base, 25, 'notebook-scrollbar');
-registerZIndex(ZIndex.Base, 26, 'notebook-cell-status');
-registerZIndex(ZIndex.Base, 26, 'notebook-folding-indicator');
-registerZIndex(ZIndex.Base, 27, 'notebook-output');
-registerZIndex(ZIndex.Base, 28, 'notebook-cell-bottom-toolbar-container');
-registerZIndex(ZIndex.Base, 29, 'notebook-run-button-container');
-registerZIndex(ZIndex.Base, 29, 'notebook-input-collapse-condicon');
-registerZIndex(ZIndex.Base, 30, 'notebook-cell-output-toolbar');
-registerZIndex(ZIndex.Sash, 1, 'notebook-cell-expand-part-button');
-registerZIndex(ZIndex.Sash, 2, 'notebook-cell-toolbar');
-registerZIndex(ZIndex.Sash, 3, 'notebook-cell-toolbar-dropdown-active');
-const notebookCellBorder = registerColor('notebook.cellBorderColor', {
+NotebookEditorWidget = ( __decorate([( __param(2, IInstantiationService)), ( __param(3, IEditorGroupsService)), ( __param(4, INotebookRendererMessagingService)), ( __param(5, INotebookEditorService)), ( __param(6, INotebookKernelService)), ( __param(7, INotebookService)), ( __param(8, IConfigurationService)), ( __param(9, IContextKeyService)), ( __param(10, ILayoutService)), ( __param(11, IContextMenuService)), ( __param(12, ITelemetryService)), ( __param(13, INotebookExecutionService)), ( __param(14, IEditorProgressService)), ( __param(15, INotebookLoggingService))], NotebookEditorWidget));
+registerZIndex(ZIndex.Base, 5, "notebook-progress-bar");
+registerZIndex(ZIndex.Base, 10, "notebook-list-insertion-indicator");
+registerZIndex(ZIndex.Base, 20, "notebook-cell-editor-outline");
+registerZIndex(ZIndex.Base, 25, "notebook-scrollbar");
+registerZIndex(ZIndex.Base, 26, "notebook-cell-status");
+registerZIndex(ZIndex.Base, 26, "notebook-folding-indicator");
+registerZIndex(ZIndex.Base, 27, "notebook-output");
+registerZIndex(ZIndex.Base, 28, "notebook-cell-bottom-toolbar-container");
+registerZIndex(ZIndex.Base, 29, "notebook-run-button-container");
+registerZIndex(ZIndex.Base, 29, "notebook-input-collapse-condicon");
+registerZIndex(ZIndex.Base, 30, "notebook-cell-output-toolbar");
+registerZIndex(ZIndex.Sash, 1, "notebook-cell-expand-part-button");
+registerZIndex(ZIndex.Sash, 2, "notebook-cell-toolbar");
+registerZIndex(ZIndex.Sash, 3, "notebook-cell-toolbar-dropdown-active");
+const notebookCellBorder = registerColor("notebook.cellBorderColor", {
     dark: ( transparent(listInactiveSelectionBackground, 1)),
     light: ( transparent(listInactiveSelectionBackground, 1)),
     hcDark: PANEL_BORDER,
     hcLight: PANEL_BORDER
-}, ( localize(9597, "The border color for notebook cells.")));
-registerColor('notebook.focusedEditorBorder', focusBorder, ( localize(9598, "The color of the notebook cell editor border.")));
-const cellStatusIconSuccess = registerColor('notebookStatusSuccessIcon.foreground', debugIconStartForeground, ( localize(9599, "The error icon color of notebook cells in the cell status bar.")));
-const runningCellRulerDecorationColor = registerColor('notebookEditorOverviewRuler.runningCellForeground', debugIconStartForeground, ( localize(
-    9600,
+}, ( localize(9917, "The border color for notebook cells.")));
+registerColor("notebook.focusedEditorBorder", focusBorder, ( localize(9918, "The color of the notebook cell editor border.")));
+const cellStatusIconSuccess = registerColor(
+    "notebookStatusSuccessIcon.foreground",
+    debugIconStartForeground,
+    ( localize(9919, "The error icon color of notebook cells in the cell status bar."))
+);
+const runningCellRulerDecorationColor = registerColor(
+    "notebookEditorOverviewRuler.runningCellForeground",
+    debugIconStartForeground,
+    ( localize(
+    9920,
     "The color of the running cell decoration in the notebook editor overview ruler."
-)));
-const cellStatusIconError = registerColor('notebookStatusErrorIcon.foreground', errorForeground, ( localize(9601, "The error icon color of notebook cells in the cell status bar.")));
-registerColor('notebookStatusRunningIcon.foreground', foreground, ( localize(9602, "The running icon color of notebook cells in the cell status bar.")));
-registerColor('notebook.outputContainerBorderColor', null, ( localize(9603, "The border color of the notebook output container.")));
-registerColor('notebook.outputContainerBackgroundColor', null, ( localize(9604, "The color of the notebook output container background.")));
-registerColor('notebook.cellToolbarSeparator', {
-    dark: ( ( Color.fromHex('#808080')).transparent(0.35)),
-    light: ( ( Color.fromHex('#808080')).transparent(0.35)),
+))
+);
+const cellStatusIconError = registerColor("notebookStatusErrorIcon.foreground", errorForeground, ( localize(9921, "The error icon color of notebook cells in the cell status bar.")));
+registerColor("notebookStatusRunningIcon.foreground", foreground, ( localize(9922, "The running icon color of notebook cells in the cell status bar.")));
+registerColor("notebook.outputContainerBorderColor", null, ( localize(9923, "The border color of the notebook output container.")));
+registerColor("notebook.outputContainerBackgroundColor", null, ( localize(9924, "The color of the notebook output container background.")));
+registerColor("notebook.cellToolbarSeparator", {
+    dark: ( ( Color.fromHex("#808080")).transparent(0.35)),
+    light: ( ( Color.fromHex("#808080")).transparent(0.35)),
     hcDark: contrastBorder,
     hcLight: contrastBorder
-}, ( localize(9605, "The color of the separator in the cell bottom toolbar")));
-const focusedCellBackground = registerColor('notebook.focusedCellBackground', null, ( localize(9606, "The background color of a cell when the cell is focused.")));
-registerColor('notebook.selectedCellBackground', {
+}, ( localize(9925, "The color of the separator in the cell bottom toolbar")));
+const focusedCellBackground = registerColor("notebook.focusedCellBackground", null, ( localize(9926, "The background color of a cell when the cell is focused.")));
+registerColor("notebook.selectedCellBackground", {
     dark: listInactiveSelectionBackground,
     light: listInactiveSelectionBackground,
     hcDark: null,
     hcLight: null
-}, ( localize(9607, "The background color of a cell when the cell is selected.")));
-registerColor('notebook.cellHoverBackground', {
+}, ( localize(9927, "The background color of a cell when the cell is selected.")));
+registerColor("notebook.cellHoverBackground", {
     dark: ( transparent(focusedCellBackground, .5)),
     light: ( transparent(focusedCellBackground, .7)),
     hcDark: null,
     hcLight: null
-}, ( localize(9608, "The background color of a cell when the cell is hovered.")));
-registerColor('notebook.selectedCellBorder', {
+}, ( localize(9928, "The background color of a cell when the cell is hovered.")));
+registerColor("notebook.selectedCellBorder", {
     dark: notebookCellBorder,
     light: notebookCellBorder,
     hcDark: contrastBorder,
     hcLight: contrastBorder
 }, ( localize(
-    9609,
+    9929,
     "The color of the cell's top and bottom border when the cell is selected but not focused."
 )));
-registerColor('notebook.inactiveSelectedCellBorder', {
+registerColor("notebook.inactiveSelectedCellBorder", {
     dark: null,
     light: null,
     hcDark: focusBorder,
     hcLight: focusBorder
-}, ( localize(9610, "The color of the cell's borders when multiple cells are selected.")));
-registerColor('notebook.focusedCellBorder', focusBorder, ( localize(
-    9611,
+}, ( localize(9930, "The color of the cell's borders when multiple cells are selected.")));
+registerColor("notebook.focusedCellBorder", focusBorder, ( localize(
+    9931,
     "The color of the cell's focus indicator borders when the cell is focused."
 )));
-registerColor('notebook.inactiveFocusedCellBorder', notebookCellBorder, ( localize(
-    9612,
+registerColor("notebook.inactiveFocusedCellBorder", notebookCellBorder, ( localize(
+    9932,
     "The color of the cell's top and bottom border when a cell is focused while the primary focus is outside of the editor."
 )));
-registerColor('notebook.cellStatusBarItemHoverBackground', {
+registerColor("notebook.cellStatusBarItemHoverBackground", {
     light: ( new Color(( new RGBA(0, 0, 0, 0.08)))),
     dark: ( new Color(( new RGBA(255, 255, 255, 0.15)))),
     hcDark: ( new Color(( new RGBA(255, 255, 255, 0.15)))),
-    hcLight: ( new Color(( new RGBA(0, 0, 0, 0.08)))),
-}, ( localize(9613, "The background color of notebook cell status bar items.")));
-registerColor('notebook.cellInsertionIndicator', focusBorder, ( localize(9614, "The color of the notebook cell insertion indicator.")));
-registerColor('notebookScrollbarSlider.background', scrollbarSliderBackground, ( localize(9615, "Notebook scrollbar slider background color.")));
-registerColor('notebookScrollbarSlider.hoverBackground', scrollbarSliderHoverBackground, ( localize(9616, "Notebook scrollbar slider background color when hovering.")));
-registerColor('notebookScrollbarSlider.activeBackground', scrollbarSliderActiveBackground, ( localize(9617, "Notebook scrollbar slider background color when clicked on.")));
-registerColor('notebook.symbolHighlightBackground', {
-    dark: ( Color.fromHex('#ffffff0b')),
-    light: ( Color.fromHex('#fdff0033')),
+    hcLight: ( new Color(( new RGBA(0, 0, 0, 0.08))))
+}, ( localize(9933, "The background color of notebook cell status bar items.")));
+registerColor("notebook.cellInsertionIndicator", focusBorder, ( localize(9934, "The color of the notebook cell insertion indicator.")));
+registerColor(
+    "notebookScrollbarSlider.background",
+    scrollbarSliderBackground,
+    ( localize(9935, "Notebook scrollbar slider background color."))
+);
+registerColor(
+    "notebookScrollbarSlider.hoverBackground",
+    scrollbarSliderHoverBackground,
+    ( localize(9936, "Notebook scrollbar slider background color when hovering."))
+);
+registerColor(
+    "notebookScrollbarSlider.activeBackground",
+    scrollbarSliderActiveBackground,
+    ( localize(9937, "Notebook scrollbar slider background color when clicked on."))
+);
+registerColor("notebook.symbolHighlightBackground", {
+    dark: ( Color.fromHex("#ffffff0b")),
+    light: ( Color.fromHex("#fdff0033")),
     hcDark: null,
     hcLight: null
-}, ( localize(9618, "Background color of highlighted cell")));
-registerColor('notebook.cellEditorBackground', {
+}, ( localize(9938, "Background color of highlighted cell")));
+registerColor("notebook.cellEditorBackground", {
     light: SIDE_BAR_BACKGROUND,
     dark: SIDE_BAR_BACKGROUND,
     hcDark: null,
     hcLight: null
-}, ( localize(9619, "Cell editor background color.")));
-const notebookEditorBackground = registerColor('notebook.editorBackground', {
+}, ( localize(9939, "Cell editor background color.")));
+const notebookEditorBackground = registerColor("notebook.editorBackground", {
     light: EDITOR_PANE_BACKGROUND,
     dark: EDITOR_PANE_BACKGROUND,
     hcDark: null,
     hcLight: null
-}, ( localize(9620, "Notebook background color.")));
+}, ( localize(9940, "Notebook background color.")));
 
 export { NotebookEditorWidget, cellStatusIconError, cellStatusIconSuccess, focusedCellBackground, getDefaultNotebookCreationOptions, notebookCellBorder, runningCellRulerDecorationColor };