@theia/notebook 1.41.0

package/lib/browser/view/notebook-cell-toolbar-factory.js

@@ -0,0 +1,93 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2023 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotebookCellToolbarFactory = void 0;
+const React = require("@theia/core/shared/react");
+const core_1 = require("@theia/core");
+const inversify_1 = require("@theia/core/shared/inversify");
+const context_key_service_1 = require("@theia/core/lib/browser/context-key-service");
+const notebook_cell_toolbar_1 = require("./notebook-cell-toolbar");
+const browser_1 = require("@theia/core/lib/browser");
+let NotebookCellToolbarFactory = class NotebookCellToolbarFactory {
+    renderCellToolbar(menuPath, notebookModel, cell) {
+        return React.createElement(notebook_cell_toolbar_1.NotebookCellToolbar, { getMenuItems: () => this.getMenuItems(menuPath, notebookModel, cell), onContextKeysChanged: cell.notebookCellContextManager.onDidChangeContext });
+    }
+    renderSidebar(menuPath, notebookModel, cell, output) {
+        return React.createElement(notebook_cell_toolbar_1.NotebookCellSidebar, { getMenuItems: () => this.getMenuItems(menuPath, notebookModel, cell, output), onContextKeysChanged: cell.notebookCellContextManager.onDidChangeContext });
+    }
+    getMenuItems(menuItemPath, notebookModel, cell, output) {
+        var _a, _b, _c;
+        const inlineItems = [];
+        for (const menuNode of this.menuRegistry.getMenu(menuItemPath).children) {
+            if (!menuNode.when || this.contextKeyService.match(menuNode.when, (_a = cell.context) !== null && _a !== void 0 ? _a : undefined)) {
+                if (menuNode.role === 2 /* Flat */) {
+                    inlineItems.push(...(_c = (_b = menuNode.children) === null || _b === void 0 ? void 0 : _b.map(child => this.createToolbarItem(child, notebookModel, cell, output))) !== null && _c !== void 0 ? _c : []);
+                }
+                else {
+                    inlineItems.push(this.createToolbarItem(menuNode, notebookModel, cell, output));
+                }
+            }
+        }
+        return inlineItems;
+    }
+    createToolbarItem(menuNode, notebookModel, cell, output) {
+        const menuPath = menuNode.role === 0 /* Submenu */ ? this.menuRegistry.getPath(menuNode) : undefined;
+        return {
+            id: menuNode.id,
+            icon: menuNode.icon,
+            label: menuNode.label,
+            onClick: menuPath ?
+                e => this.contextMenuRenderer.render({
+                    anchor: e.nativeEvent,
+                    menuPath,
+                    includeAnchorArg: false,
+                    args: [notebookModel, cell, output]
+                }) :
+                () => this.commandRegistry.executeCommand(menuNode.command, notebookModel, cell, output)
+        };
+    }
+};
+__decorate([
+    (0, inversify_1.inject)(core_1.MenuModelRegistry),
+    __metadata("design:type", core_1.MenuModelRegistry)
+], NotebookCellToolbarFactory.prototype, "menuRegistry", void 0);
+__decorate([
+    (0, inversify_1.inject)(context_key_service_1.ContextKeyService),
+    __metadata("design:type", Object)
+], NotebookCellToolbarFactory.prototype, "contextKeyService", void 0);
+__decorate([
+    (0, inversify_1.inject)(browser_1.ContextMenuRenderer),
+    __metadata("design:type", browser_1.ContextMenuRenderer)
+], NotebookCellToolbarFactory.prototype, "contextMenuRenderer", void 0);
+__decorate([
+    (0, inversify_1.inject)(core_1.CommandRegistry),
+    __metadata("design:type", core_1.CommandRegistry)
+], NotebookCellToolbarFactory.prototype, "commandRegistry", void 0);
+NotebookCellToolbarFactory = __decorate([
+    (0, inversify_1.injectable)()
+], NotebookCellToolbarFactory);
+exports.NotebookCellToolbarFactory = NotebookCellToolbarFactory;
+//# sourceMappingURL=notebook-cell-toolbar-factory.js.map

package/lib/browser/view/notebook-cell-toolbar-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-cell-toolbar-factory.js","sourceRoot":"","sources":["../../../src/browser/view/notebook-cell-toolbar-factory.tsx"],"names":[],"mappings":"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"}

package/lib/browser/view/notebook-cell-toolbar.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { NotebookCellToolbarItem } from './notebook-cell-toolbar-factory';
+import { DisposableCollection, Event } from '@theia/core';
+export interface NotebookCellToolbarProps {
+    getMenuItems: () => NotebookCellToolbarItem[];
+    onContextKeysChanged: Event<void>;
+}
+interface NotebookCellToolbarState {
+    inlineItems: NotebookCellToolbarItem[];
+}
+declare abstract class NotebookCellActionItems extends React.Component<NotebookCellToolbarProps, NotebookCellToolbarState> {
+    protected toDispose: DisposableCollection;
+    constructor(props: NotebookCellToolbarProps);
+    componentWillUnmount(): void;
+    protected renderItem(item: NotebookCellToolbarItem): React.ReactNode;
+}
+export declare class NotebookCellToolbar extends NotebookCellActionItems {
+    render(): React.ReactNode;
+}
+export declare class NotebookCellSidebar extends NotebookCellActionItems {
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=notebook-cell-toolbar.d.ts.map

package/lib/browser/view/notebook-cell-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-cell-toolbar.d.ts","sourceRoot":"","sources":["../../../src/browser/view/notebook-cell-toolbar.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,WAAW,wBAAwB;IACrC,YAAY,EAAE,MAAM,uBAAuB,EAAE,CAAC;IAC9C,oBAAoB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;CACrC;AAED,UAAU,wBAAwB;IAC9B,WAAW,EAAE,uBAAuB,EAAE,CAAC;CAC1C;AAED,uBAAe,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IAE9G,SAAS,CAAC,SAAS,uBAA8B;gBAErC,KAAK,EAAE,wBAAwB;IAQlC,oBAAoB,IAAI,IAAI;IAIrC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,uBAAuB,GAAG,KAAK,CAAC,SAAS;CAIvE;AAED,qBAAa,mBAAoB,SAAQ,uBAAuB;IAEnD,MAAM,IAAI,KAAK,CAAC,SAAS;CAMrC;AAED,qBAAa,mBAAoB,SAAQ,uBAAuB;IAEnD,MAAM,IAAI,KAAK,CAAC,SAAS;CAKrC"}

package/lib/browser/view/notebook-cell-toolbar.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotebookCellSidebar = exports.NotebookCellToolbar = void 0;
+// *****************************************************************************
+// Copyright (C) 2023 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+const React = require("@theia/core/shared/react");
+const browser_1 = require("@theia/core/lib/browser");
+const core_1 = require("@theia/core");
+class NotebookCellActionItems extends React.Component {
+    constructor(props) {
+        super(props);
+        this.toDispose = new core_1.DisposableCollection();
+        this.toDispose.push(props.onContextKeysChanged(e => {
+            this.setState({ inlineItems: this.props.getMenuItems() });
+        }));
+        this.state = { inlineItems: this.props.getMenuItems() };
+    }
+    componentWillUnmount() {
+        this.toDispose.dispose();
+    }
+    renderItem(item) {
+        return React.createElement("div", { key: item.id, title: item.label, onClick: item.onClick, className: `${item.icon} ${browser_1.ACTION_ITEM} theia-notebook-cell-toolbar-item` });
+    }
+}
+class NotebookCellToolbar extends NotebookCellActionItems {
+    render() {
+        return React.createElement("div", { className: 'theia-notebook-cell-toolbar' }, this.state.inlineItems.map(item => this.renderItem(item)));
+    }
+}
+exports.NotebookCellToolbar = NotebookCellToolbar;
+class NotebookCellSidebar extends NotebookCellActionItems {
+    render() {
+        return React.createElement("div", { className: 'theia-notebook-cell-sidebar' }, this.state.inlineItems.map(item => this.renderItem(item)));
+    }
+}
+exports.NotebookCellSidebar = NotebookCellSidebar;
+//# sourceMappingURL=notebook-cell-toolbar.js.map

package/lib/browser/view/notebook-cell-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-cell-toolbar.js","sourceRoot":"","sources":["../../../src/browser/view/notebook-cell-toolbar.tsx"],"names":[],"mappings":";;;AAAA,gFAAgF;AAChF,yCAAyC;AACzC,EAAE;AACF,2EAA2E;AAC3E,mEAAmE;AACnE,wCAAwC;AACxC,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,gFAAgF;AAChF,gFAAgF;AAChF,kDAAkD;AAClD,qDAAsD;AAEtD,sCAA0D;AAW1D,MAAe,uBAAwB,SAAQ,KAAK,CAAC,SAA6D;IAI9G,YAAY,KAA+B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,cAAS,GAAG,IAAI,2BAAoB,EAAE,CAAC;QAI7C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC;IAC5D,CAAC;IAEQ,oBAAoB;QACzB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC;IAES,UAAU,CAAC,IAA6B;QAC9C,OAAO,6BAAK,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,qBAAW,mCAAmC,GAAI,CAAC;IACtJ,CAAC;CAEJ;AAED,MAAa,mBAAoB,SAAQ,uBAAuB;IAEnD,MAAM;QACX,OAAO,6BAAK,SAAS,EAAC,6BAA6B,IAC9C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CACxD,CAAC;IACX,CAAC;CAEJ;AARD,kDAQC;AAED,MAAa,mBAAoB,SAAQ,uBAAuB;IAEnD,MAAM;QACX,OAAO,6BAAK,SAAS,EAAC,6BAA6B,IAC9C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CACxD,CAAC;IACX,CAAC;CACJ;AAPD,kDAOC"}

package/lib/browser/view/notebook-code-cell-view.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { MonacoEditorServices } from '@theia/monaco/lib/browser/monaco-editor';
+import { CellOutputWebviewFactory, CellOutputWebview } from '../renderers/cell-output-webview';
+import { NotebookRendererRegistry } from '../notebook-renderer-registry';
+import { NotebookCellModel } from '../view-model/notebook-cell-model';
+import { NotebookModel } from '../view-model/notebook-model';
+import { CellRenderer } from './notebook-cell-list-view';
+import { NotebookCellToolbarFactory } from './notebook-cell-toolbar-factory';
+import { CellExecution, NotebookExecutionStateService } from '../service/notebook-execution-state-service';
+import { DisposableCollection } from '@theia/core';
+export declare class NotebookCodeCellRenderer implements CellRenderer {
+    protected readonly monacoServices: MonacoEditorServices;
+    protected readonly notebookRendererRegistry: NotebookRendererRegistry;
+    protected readonly cellOutputWebviewFactory: CellOutputWebviewFactory;
+    protected readonly notebookCellToolbarFactory: NotebookCellToolbarFactory;
+    protected readonly executionStateService: NotebookExecutionStateService;
+    render(notebookModel: NotebookModel, cell: NotebookCellModel, handle: number): React.ReactNode;
+}
+export interface NotebookCodeCellStatusProps {
+    cell: NotebookCellModel;
+    executionStateService: NotebookExecutionStateService;
+}
+export declare class NotebookCodeCellStatus extends React.Component<NotebookCodeCellStatusProps, {
+    currentExecution?: CellExecution;
+}> {
+    protected toDispose: DisposableCollection;
+    constructor(props: NotebookCodeCellStatusProps);
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+    private renderExecutionState;
+    private getExecutionTime;
+}
+interface NotebookCellOutputProps {
+    cell: NotebookCellModel;
+    outputWebviewFactory: CellOutputWebviewFactory;
+    renderSidebar: () => React.ReactNode;
+}
+export declare class NotebookCodeCellOutputs extends React.Component<NotebookCellOutputProps> {
+    protected outputsWebview: CellOutputWebview | undefined;
+    constructor(props: NotebookCellOutputProps);
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=notebook-code-cell-view.d.ts.map

package/lib/browser/view/notebook-code-cell-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-code-cell-view.d.ts","sourceRoot":"","sources":["../../../src/browser/view/notebook-code-cell-view.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC/F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAG3G,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,qBACa,wBAAyB,YAAW,YAAY;IAEzD,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAC;IAGxD,SAAS,CAAC,QAAQ,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IAGtE,SAAS,CAAC,QAAQ,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IAGtE,SAAS,CAAC,QAAQ,CAAC,0BAA0B,EAAE,0BAA0B,CAAC;IAG1E,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAE,6BAA6B,CAAC;IAExE,MAAM,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;CAoBjG;AAED,MAAM,WAAW,2BAA2B;IACxC,IAAI,EAAE,iBAAiB,CAAC;IACxB,qBAAqB,EAAE,6BAA6B,CAAA;CACvD;AAED,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,EAAE;IAAE,gBAAgB,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;IAE1H,SAAS,CAAC,SAAS,uBAA8B;gBAErC,KAAK,EAAE,2BAA2B;IAYrC,oBAAoB,IAAI,IAAI;IAI5B,MAAM,IAAI,KAAK,CAAC,SAAS;IAWlC,OAAO,CAAC,oBAAoB;IA0B5B,OAAO,CAAC,gBAAgB;CAO3B;AAED,UAAU,uBAAuB;IAC7B,IAAI,EAAE,iBAAiB,CAAC;IACxB,oBAAoB,EAAE,wBAAwB,CAAC;IAC/C,aAAa,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACxC;AAED,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC;IAEjF,SAAS,CAAC,cAAc,EAAE,iBAAiB,GAAG,SAAS,CAAC;gBAE5C,KAAK,EAAE,uBAAuB;IAI3B,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAiBxC,kBAAkB,IAAI,IAAI;IAM1B,MAAM,IAAI,KAAK,CAAC,SAAS;CAUrC"}

package/lib/browser/view/notebook-code-cell-view.js

@@ -0,0 +1,166 @@
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2023 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotebookCodeCellOutputs = exports.NotebookCodeCellStatus = exports.NotebookCodeCellRenderer = void 0;
+const inversify_1 = require("@theia/core/shared/inversify");
+const React = require("@theia/core/shared/react");
+const monaco_editor_1 = require("@theia/monaco/lib/browser/monaco-editor");
+const cell_output_webview_1 = require("../renderers/cell-output-webview");
+const notebook_renderer_registry_1 = require("../notebook-renderer-registry");
+const notebook_cell_editor_1 = require("./notebook-cell-editor");
+const notebook_cell_toolbar_factory_1 = require("./notebook-cell-toolbar-factory");
+const notebook_cell_actions_contribution_1 = require("../contributions/notebook-cell-actions-contribution");
+const notebook_execution_state_service_1 = require("../service/notebook-execution-state-service");
+const browser_1 = require("@theia/core/lib/browser");
+const common_1 = require("../../common");
+const core_1 = require("@theia/core");
+let NotebookCodeCellRenderer = class NotebookCodeCellRenderer {
+    render(notebookModel, cell, handle) {
+        return React.createElement("div", null,
+            React.createElement("div", { className: 'theia-notebook-cell-with-sidebar' },
+                React.createElement("div", null, this.notebookCellToolbarFactory.renderSidebar(notebook_cell_actions_contribution_1.NotebookCellActionContribution.CODE_CELL_SIDEBAR_MENU, notebookModel, cell)),
+                React.createElement("div", { className: 'theia-notebook-cell-editor-container' },
+                    React.createElement(notebook_cell_editor_1.CellEditor, { notebookModel: notebookModel, cell: cell, monacoServices: this.monacoServices }),
+                    React.createElement(NotebookCodeCellStatus, { cell: cell, executionStateService: this.executionStateService }))),
+            React.createElement("div", { className: 'theia-notebook-cell-with-sidebar' },
+                React.createElement(NotebookCodeCellOutputs, { cell: cell, outputWebviewFactory: this.cellOutputWebviewFactory, renderSidebar: () => this.notebookCellToolbarFactory.renderSidebar(notebook_cell_actions_contribution_1.NotebookCellActionContribution.OUTPUT_SIDEBAR_MENU, notebookModel, cell, cell.outputs[0]) })));
+    }
+};
+__decorate([
+    (0, inversify_1.inject)(monaco_editor_1.MonacoEditorServices),
+    __metadata("design:type", monaco_editor_1.MonacoEditorServices)
+], NotebookCodeCellRenderer.prototype, "monacoServices", void 0);
+__decorate([
+    (0, inversify_1.inject)(notebook_renderer_registry_1.NotebookRendererRegistry),
+    __metadata("design:type", notebook_renderer_registry_1.NotebookRendererRegistry)
+], NotebookCodeCellRenderer.prototype, "notebookRendererRegistry", void 0);
+__decorate([
+    (0, inversify_1.inject)(cell_output_webview_1.CellOutputWebviewFactory),
+    __metadata("design:type", Function)
+], NotebookCodeCellRenderer.prototype, "cellOutputWebviewFactory", void 0);
+__decorate([
+    (0, inversify_1.inject)(notebook_cell_toolbar_factory_1.NotebookCellToolbarFactory),
+    __metadata("design:type", notebook_cell_toolbar_factory_1.NotebookCellToolbarFactory)
+], NotebookCodeCellRenderer.prototype, "notebookCellToolbarFactory", void 0);
+__decorate([
+    (0, inversify_1.inject)(notebook_execution_state_service_1.NotebookExecutionStateService),
+    __metadata("design:type", notebook_execution_state_service_1.NotebookExecutionStateService)
+], NotebookCodeCellRenderer.prototype, "executionStateService", void 0);
+NotebookCodeCellRenderer = __decorate([
+    (0, inversify_1.injectable)()
+], NotebookCodeCellRenderer);
+exports.NotebookCodeCellRenderer = NotebookCodeCellRenderer;
+class NotebookCodeCellStatus extends React.Component {
+    constructor(props) {
+        super(props);
+        this.toDispose = new core_1.DisposableCollection();
+        this.state = {};
+        this.toDispose.push(props.executionStateService.onDidChangeExecution(event => {
+            if (event.affectsCell(this.props.cell.uri)) {
+                this.setState({ currentExecution: event.changed });
+            }
+        }));
+    }
+    componentWillUnmount() {
+        this.toDispose.dispose();
+    }
+    render() {
+        return React.createElement("div", { className: 'notebook-cell-status' },
+            React.createElement("div", { className: 'notebook-cell-status-left' }, this.renderExecutionState()),
+            React.createElement("div", { className: 'notebook-cell-status-right' },
+                React.createElement("span", null, this.props.cell.language)));
+    }
+    renderExecutionState() {
+        var _a;
+        const state = (_a = this.state.currentExecution) === null || _a === void 0 ? void 0 : _a.state;
+        const { lastRunSuccess } = this.props.cell.internalMetadata;
+        let iconClasses = undefined;
+        let color = undefined;
+        if (!state && lastRunSuccess) {
+            iconClasses = (0, browser_1.codicon)('check');
+            color = 'green';
+        }
+        else if (!state && lastRunSuccess === false) {
+            iconClasses = (0, browser_1.codicon)('error');
+            color = 'red';
+        }
+        else if (state === common_1.NotebookCellExecutionState.Pending || state === common_1.NotebookCellExecutionState.Unconfirmed) {
+            iconClasses = (0, browser_1.codicon)('clock');
+        }
+        else if (state === common_1.NotebookCellExecutionState.Executing) {
+            iconClasses = `${(0, browser_1.codicon)('sync')} theia-animation-spin`;
+        }
+        return React.createElement(React.Fragment, null, iconClasses &&
+            React.createElement(React.Fragment, null,
+                React.createElement("span", { className: `${iconClasses} notebook-cell-status-item`, style: { color } }),
+                React.createElement("div", { className: 'notebook-cell-status-item' }, this.getExecutionTime())));
+    }
+    getExecutionTime() {
+        const { runStartTime, runEndTime } = this.props.cell.internalMetadata;
+        if (runStartTime && runEndTime) {
+            return `${((runEndTime - runStartTime) / 1000).toLocaleString(undefined, { maximumFractionDigits: 1, minimumFractionDigits: 1 })}s`;
+        }
+        return '0.0s';
+    }
+}
+exports.NotebookCodeCellStatus = NotebookCodeCellStatus;
+class NotebookCodeCellOutputs extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    async componentDidMount() {
+        const { cell, outputWebviewFactory } = this.props;
+        cell.onDidChangeOutputs(async () => {
+            if (!this.outputsWebview && cell.outputs.length > 0) {
+                this.outputsWebview = await outputWebviewFactory(cell);
+            }
+            else if (this.outputsWebview && cell.outputs.length === 0) {
+                this.outputsWebview.dispose();
+                this.outputsWebview = undefined;
+            }
+            this.forceUpdate();
+        });
+        if (cell.outputs.length > 0) {
+            this.outputsWebview = await outputWebviewFactory(cell);
+            this.forceUpdate();
+        }
+    }
+    componentDidUpdate() {
+        var _a, _b;
+        if (!((_a = this.outputsWebview) === null || _a === void 0 ? void 0 : _a.isAttached())) {
+            (_b = this.outputsWebview) === null || _b === void 0 ? void 0 : _b.attachWebview();
+        }
+    }
+    render() {
+        return this.outputsWebview ?
+            React.createElement(React.Fragment, null,
+                this.props.renderSidebar(),
+                this.outputsWebview.render()) :
+            React.createElement(React.Fragment, null);
+    }
+}
+exports.NotebookCodeCellOutputs = NotebookCodeCellOutputs;
+//# sourceMappingURL=notebook-code-cell-view.js.map

package/lib/browser/view/notebook-code-cell-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-code-cell-view.js","sourceRoot":"","sources":["../../../src/browser/view/notebook-code-cell-view.tsx"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,yCAAyC;AACzC,EAAE;AACF,2EAA2E;AAC3E,mEAAmE;AACnE,wCAAwC;AACxC,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,gFAAgF;AAChF,gFAAgF;;;;;;;;;;;;AAEhF,4DAAkE;AAClE,kDAAkD;AAClD,2EAA+E;AAC/E,0EAA+F;AAC/F,8EAAyE;AAGzE,iEAAoD;AAEpD,mFAA6E;AAC7E,4GAAqG;AACrG,kGAA2G;AAC3G,qDAAkD;AAClD,yCAA0D;AAC1D,sCAAmD;AAGnD,IAAa,wBAAwB,GAArC,MAAa,wBAAwB;IAgBjC,MAAM,CAAC,aAA4B,EAAE,IAAuB,EAAE,MAAc;QACxE,OAAO;YACH,6BAAK,SAAS,EAAC,kCAAkC;gBAC7C,iCACK,IAAI,CAAC,0BAA0B,CAAC,aAAa,CAAC,mEAA8B,CAAC,sBAAsB,EAAE,aAAa,EAAE,IAAI,CAAC,CAGxH;gBACN,6BAAK,SAAS,EAAC,sCAAsC;oBACjD,oBAAC,iCAAU,IAAC,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,GAAI;oBAC7F,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,GAA2B,CAC9G,CACJ;YACN,6BAAK,SAAS,EAAC,kCAAkC;gBAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,CAAC,wBAAwB,EACpF,aAAa,EAAE,GAAG,EAAE,CAChB,IAAI,CAAC,0BAA0B,CAAC,aAAa,CAAC,mEAA8B,CAAC,mBAAmB,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAI,CACjJ,CACH,CAAC;IACZ,CAAC;CACJ,CAAA;AAlCG;IADC,IAAA,kBAAM,EAAC,oCAAoB,CAAC;8BACM,oCAAoB;gEAAC;AAGxD;IADC,IAAA,kBAAM,EAAC,qDAAwB,CAAC;8BACY,qDAAwB;0EAAC;AAGtE;IADC,IAAA,kBAAM,EAAC,8CAAwB,CAAC;;0EACqC;AAGtE;IADC,IAAA,kBAAM,EAAC,0DAA0B,CAAC;8BACY,0DAA0B;4EAAC;AAG1E;IADC,IAAA,kBAAM,EAAC,gEAA6B,CAAC;8BACI,gEAA6B;uEAAC;AAd/D,wBAAwB;IADpC,IAAA,sBAAU,GAAE;GACA,wBAAwB,CAoCpC;AApCY,4DAAwB;AA2CrC,MAAa,sBAAuB,SAAQ,KAAK,CAAC,SAA4E;IAI1H,YAAY,KAAkC;QAC1C,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,cAAS,GAAG,IAAI,2BAAoB,EAAE,CAAC;QAK7C,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAEhB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE;YACzE,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;gBACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;aACtD;QACL,CAAC,CAAC,CAAC,CAAC;IACR,CAAC;IAEQ,oBAAoB;QACzB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC;IAEQ,MAAM;QACX,OAAO,6BAAK,SAAS,EAAC,sBAAsB;YACxC,6BAAK,SAAS,EAAC,2BAA2B,IACrC,IAAI,CAAC,oBAAoB,EAAE,CAC1B;YACN,6BAAK,SAAS,EAAC,4BAA4B;gBACvC,kCAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAQ,CACrC,CACJ,CAAC;IACX,CAAC;IAEO,oBAAoB;;QACxB,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,0CAAE,KAAK,CAAC;QACjD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC;QAE5D,IAAI,WAAW,GAAuB,SAAS,CAAC;QAChD,IAAI,KAAK,GAAuB,SAAS,CAAC;QAC1C,IAAI,CAAC,KAAK,IAAI,cAAc,EAAE;YAC1B,WAAW,GAAG,IAAA,iBAAO,EAAC,OAAO,CAAC,CAAC;YAC/B,KAAK,GAAG,OAAO,CAAC;SACnB;aAAM,IAAI,CAAC,KAAK,IAAI,cAAc,KAAK,KAAK,EAAE;YAC3C,WAAW,GAAG,IAAA,iBAAO,EAAC,OAAO,CAAC,CAAC;YAC/B,KAAK,GAAG,KAAK,CAAC;SACjB;aAAM,IAAI,KAAK,KAAK,mCAA0B,CAAC,OAAO,IAAI,KAAK,KAAK,mCAA0B,CAAC,WAAW,EAAE;YACzG,WAAW,GAAG,IAAA,iBAAO,EAAC,OAAO,CAAC,CAAC;SAClC;aAAM,IAAI,KAAK,KAAK,mCAA0B,CAAC,SAAS,EAAE;YACvD,WAAW,GAAG,GAAG,IAAA,iBAAO,EAAC,MAAM,CAAC,uBAAuB,CAAC;SAC3D;QACD,OAAO,0CACF,WAAW;YACR;gBACI,8BAAM,SAAS,EAAE,GAAG,WAAW,4BAA4B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAS;gBACtF,6BAAK,SAAS,EAAC,2BAA2B,IAAE,IAAI,CAAC,gBAAgB,EAAE,CAAO,CAC3E,CACR,CAAC;IACR,CAAC;IAEO,gBAAgB;QACpB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC;QACtE,IAAI,YAAY,IAAI,UAAU,EAAE;YAC5B,OAAO,GAAG,CAAC,CAAC,UAAU,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC;SACvI;QACD,OAAO,MAAM,CAAC;IAClB,CAAC;CACJ;AAhED,wDAgEC;AAQD,MAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAkC;IAIjF,YAAY,KAA8B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEQ,KAAK,CAAC,iBAAiB;QAC5B,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAClD,IAAI,CAAC,kBAAkB,CAAC,KAAK,IAAI,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBACjD,IAAI,CAAC,cAAc,GAAG,MAAM,oBAAoB,CAAC,IAAI,CAAC,CAAC;aAC1D;iBAAM,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBACzD,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC9B,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;aACnC;YACD,IAAI,CAAC,WAAW,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACzB,IAAI,CAAC,cAAc,GAAG,MAAM,oBAAoB,CAAC,IAAI,CAAC,CAAC;YACvD,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;IACL,CAAC;IAEQ,kBAAkB;;QACvB,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,UAAU,EAAE,CAAA,EAAE;YACpC,MAAA,IAAI,CAAC,cAAc,0CAAE,aAAa,EAAE,CAAC;SACxC;IACL,CAAC;IAEQ,MAAM;QACX,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC;YACxB;gBACK,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;gBAC1B,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAC9B,CAAC,CAAC;YACL,yCAAK,CAAC;IAEd,CAAC;CAEJ;AAzCD,0DAyCC"}

package/lib/browser/view/notebook-main-toolbar.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { CommandRegistry, DisposableCollection, MenuModelRegistry, MenuNode } from '@theia/core';
+import * as React from '@theia/core/shared/react';
+import { NotebookModel } from '../view-model/notebook-model';
+import { NotebookKernelService } from '../service/notebook-kernel-service';
+import { ContextKeyService } from '@theia/core/lib/browser/context-key-service';
+export interface NotebookMainToolbarProps {
+    notebookModel: NotebookModel;
+    menuRegistry: MenuModelRegistry;
+    notebookKernelService: NotebookKernelService;
+    commandRegistry: CommandRegistry;
+    contextKeyService: ContextKeyService;
+}
+export declare class NotebookMainToolbarRenderer {
+    protected readonly notebookKernelService: NotebookKernelService;
+    protected readonly commandRegistry: CommandRegistry;
+    protected readonly menuRegistry: MenuModelRegistry;
+    protected readonly contextKeyService: ContextKeyService;
+    render(notebookModel: NotebookModel): React.ReactNode;
+}
+export declare class NotebookMainToolbar extends React.Component<NotebookMainToolbarProps, {
+    selectedKernelLabel?: string;
+}> {
+    protected toDispose: DisposableCollection;
+    constructor(props: NotebookMainToolbarProps);
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+    protected renderMenuItem(item: MenuNode): React.ReactNode;
+    private getMenuItems;
+}
+//# sourceMappingURL=notebook-main-toolbar.d.ts.map

package/lib/browser/view/notebook-main-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-main-toolbar.d.ts","sourceRoot":"","sources":["../../../src/browser/view/notebook-main-toolbar.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,eAAe,EAAwB,oBAAoB,EAAE,iBAAiB,EAAE,QAAQ,EAAO,MAAM,aAAa,CAAC;AAC5H,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAEhF,MAAM,WAAW,wBAAwB;IACrC,aAAa,EAAE,aAAa,CAAA;IAC5B,YAAY,EAAE,iBAAiB,CAAC;IAChC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;CACxC;AAED,qBACa,2BAA2B;IACL,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACtE,SAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAC;IAClD,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,iBAAiB,CAAC;IACnD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAEnF,MAAM,CAAC,aAAa,EAAE,aAAa,GAAG,KAAK,CAAC,SAAS;CAQxD;AAED,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,EAAE;IAAE,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;IAEhH,SAAS,CAAC,SAAS,uBAA8B;gBAErC,KAAK,EAAE,wBAAwB;IAiBlC,oBAAoB,IAAI,IAAI;IAI5B,MAAM,IAAI,KAAK,CAAC,SAAS;IAclC,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS;IAqBzD,OAAO,CAAC,YAAY;CAKvB"}

package/lib/browser/view/notebook-main-toolbar.js

@@ -0,0 +1,118 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotebookMainToolbar = exports.NotebookMainToolbarRenderer = void 0;
+// *****************************************************************************
+// Copyright (C) 2023 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+const core_1 = require("@theia/core");
+const React = require("@theia/core/shared/react");
+const browser_1 = require("@theia/core/lib/browser");
+const notebook_actions_contribution_1 = require("../contributions/notebook-actions-contribution");
+const notebook_kernel_service_1 = require("../service/notebook-kernel-service");
+const inversify_1 = require("@theia/core/shared/inversify");
+const context_key_service_1 = require("@theia/core/lib/browser/context-key-service");
+let NotebookMainToolbarRenderer = class NotebookMainToolbarRenderer {
+    render(notebookModel) {
+        return React.createElement(NotebookMainToolbar, { notebookModel: notebookModel, menuRegistry: this.menuRegistry, notebookKernelService: this.notebookKernelService, commandRegistry: this.commandRegistry, contextKeyService: this.contextKeyService });
+    }
+};
+__decorate([
+    (0, inversify_1.inject)(notebook_kernel_service_1.NotebookKernelService),
+    __metadata("design:type", notebook_kernel_service_1.NotebookKernelService)
+], NotebookMainToolbarRenderer.prototype, "notebookKernelService", void 0);
+__decorate([
+    (0, inversify_1.inject)(core_1.CommandRegistry),
+    __metadata("design:type", core_1.CommandRegistry)
+], NotebookMainToolbarRenderer.prototype, "commandRegistry", void 0);
+__decorate([
+    (0, inversify_1.inject)(core_1.MenuModelRegistry),
+    __metadata("design:type", core_1.MenuModelRegistry)
+], NotebookMainToolbarRenderer.prototype, "menuRegistry", void 0);
+__decorate([
+    (0, inversify_1.inject)(context_key_service_1.ContextKeyService),
+    __metadata("design:type", Object)
+], NotebookMainToolbarRenderer.prototype, "contextKeyService", void 0);
+NotebookMainToolbarRenderer = __decorate([
+    (0, inversify_1.injectable)()
+], NotebookMainToolbarRenderer);
+exports.NotebookMainToolbarRenderer = NotebookMainToolbarRenderer;
+class NotebookMainToolbar extends React.Component {
+    constructor(props) {
+        var _a;
+        super(props);
+        this.toDispose = new core_1.DisposableCollection();
+        this.state = { selectedKernelLabel: (_a = props.notebookKernelService.getSelectedOrSuggestedKernel(props.notebookModel)) === null || _a === void 0 ? void 0 : _a.label };
+        this.toDispose.push(props.notebookKernelService.onDidChangeSelectedKernel(event => {
+            var _a, _b;
+            if (props.notebookModel.uri.isEqual(event.notebook)) {
+                this.setState({ selectedKernelLabel: (_b = props.notebookKernelService.getKernel((_a = event.newKernel) !== null && _a !== void 0 ? _a : '')) === null || _b === void 0 ? void 0 : _b.label });
+            }
+        }));
+        // in case the selected kernel is added after the notebook is loaded
+        this.toDispose.push(props.notebookKernelService.onDidAddKernel(() => {
+            var _a;
+            if (!this.state.selectedKernelLabel) {
+                this.setState({ selectedKernelLabel: (_a = props.notebookKernelService.getSelectedOrSuggestedKernel(props.notebookModel)) === null || _a === void 0 ? void 0 : _a.label });
+            }
+        }));
+    }
+    componentWillUnmount() {
+        this.toDispose.dispose();
+    }
+    render() {
+        var _a;
+        return React.createElement("div", { className: 'theia-notebook-main-toolbar' },
+            this.getMenuItems().map(item => this.renderMenuItem(item)),
+            React.createElement("div", { style: { flexGrow: 1 } }),
+            React.createElement("div", { className: 'theia-notebook-main-toolbar-item', onClick: () => this.props.commandRegistry.executeCommand(notebook_actions_contribution_1.NotebookCommands.SELECT_KERNEL_COMMAND.id, this.props.notebookModel) },
+                React.createElement("span", { className: (0, browser_1.codicon)('server-environment') }),
+                React.createElement("span", { className: ' theia-notebook-main-toolbar-item-text' }, (_a = this.state.selectedKernelLabel) !== null && _a !== void 0 ? _a : core_1.nls.localizeByDefault('Select Kernel'))));
+    }
+    renderMenuItem(item) {
+        var _a;
+        if (item.role === 1 /* Group */) {
+            const itemNodes = (_a = item.children) === null || _a === void 0 ? void 0 : _a.map(child => this.renderMenuItem(child)).filter(child => !!child);
+            return React.createElement(React.Fragment, { key: item.id },
+                itemNodes,
+                itemNodes && itemNodes.length > 0 && React.createElement("span", { key: `${item.id}-separator`, className: 'theia-notebook-toolbar-separator' }));
+        }
+        else if (!item.when || this.props.contextKeyService.match(item.when)) {
+            return React.createElement("div", { key: item.id, title: item.id, className: 'theia-notebook-main-toolbar-item', onClick: () => {
+                    if (item.command) {
+                        this.props.commandRegistry.executeCommand(item.command, this.props.notebookModel);
+                    }
+                } },
+                React.createElement("span", { className: item.icon }),
+                React.createElement("span", { className: 'theia-notebook-main-toolbar-item-text' }, item.label));
+        }
+        return undefined;
+    }
+    getMenuItems() {
+        const menuPath = notebook_actions_contribution_1.NotebookMenus.NOTEBOOK_MAIN_TOOLBAR;
+        const pluginCommands = this.props.menuRegistry.getMenuNode(menuPath).children;
+        return this.props.menuRegistry.getMenu([menuPath]).children.concat(pluginCommands);
+    }
+}
+exports.NotebookMainToolbar = NotebookMainToolbar;
+//# sourceMappingURL=notebook-main-toolbar.js.map

package/lib/browser/view/notebook-main-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-main-toolbar.js","sourceRoot":"","sources":["../../../src/browser/view/notebook-main-toolbar.tsx"],"names":[],"mappings":"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"}

package/lib/browser/view/notebook-markdown-cell-view.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { NotebookModel } from '../view-model/notebook-model';
+import { CellRenderer } from './notebook-cell-list-view';
+import { NotebookCellModel } from '../view-model/notebook-cell-model';
+import { MonacoEditorServices } from '@theia/monaco/lib/browser/monaco-editor';
+export declare class NotebookMarkdownCellRenderer implements CellRenderer {
+    private readonly markdownRenderer;
+    protected readonly monacoServices: MonacoEditorServices;
+    render(notebookModel: NotebookModel, cell: NotebookCellModel): React.ReactNode;
+}
+//# sourceMappingURL=notebook-markdown-cell-view.d.ts.map

package/lib/browser/view/notebook-markdown-cell-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebook-markdown-cell-view.d.ts","sourceRoot":"","sources":["../../../src/browser/view/notebook-markdown-cell-view.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAG/E,qBACa,4BAA6B,YAAW,YAAY;IAG7D,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAmB;IAEpD,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAC;IAExD,MAAM,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS;CAKjF"}