@jupyterlab/debugger 3.3.0-alpha.6 → 4.0.0-alpha.1

package/lib/sidebar.js

@@ -1,8 +1,8 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
 import { nullTranslator } from '@jupyterlab/translation';
-import { bugIcon } from '@jupyterlab/ui-components';
-import { Panel, SplitPanel, Widget } from '@lumino/widgets';
+import { bugIcon, SidePanel } from '@jupyterlab/ui-components';
+import { Widget } from '@lumino/widgets';
 import { Breakpoints as BreakpointsPanel } from './panels/breakpoints';
 import { Callstack as CallstackPanel } from './panels/callstack';
 import { Sources as SourcesPanel } from './panels/sources';
@@ -10,19 +10,19 @@ import { Variables as VariablesPanel } from './panels/variables';
 /**
  * A debugger sidebar.
  */
-export class DebuggerSidebar extends Panel {
+export class DebuggerSidebar extends SidePanel {
     /**
      * Instantiate a new Debugger.Sidebar
      *
      * @param options The instantiation options for a Debugger.Sidebar
      */
     constructor(options) {
-        super();
+        const translator = options.translator || nullTranslator;
+        super({ translator });
         this.id = 'jp-debugger-sidebar';
         this.title.icon = bugIcon;
         this.addClass('jp-DebuggerSidebar');
         const { callstackCommands, editorServices, service, themeManager } = options;
-        const translator = options.translator || nullTranslator;
         const model = service.model;
         this.variables = new VariablesPanel({
             model: model.variables,
@@ -48,59 +48,15 @@ export class DebuggerSidebar extends Panel {
             translator
         });
         const header = new DebuggerSidebar.Header();
-        this.addWidget(header);
+        this.header.addWidget(header);
         model.titleChanged.connect((_, title) => {
             header.title.label = title;
         });
-        this._body = new SplitPanel();
-        this._body.orientation = 'vertical';
-        this._body.addClass('jp-DebuggerSidebar-body');
-        this.addWidget(this._body);
-        this.addItem(this.variables);
-        this.addItem(this.callstack);
-        this.addItem(this.breakpoints);
-        this.addItem(this.sources);
-    }
-    /**
-     * Add an item at the end of the sidebar.
-     *
-     * @param widget - The widget to add to the sidebar.
-     *
-     * #### Notes
-     * If the widget is already contained in the sidebar, it will be moved.
-     * The item can be removed from the sidebar by setting its parent to `null`.
-     */
-    addItem(widget) {
-        this._body.addWidget(widget);
-    }
-    /**
-     * Insert an item at the specified index.
-     *
-     * @param index - The index at which to insert the widget.
-     *
-     * @param widget - The widget to insert into to the sidebar.
-     *
-     * #### Notes
-     * If the widget is already contained in the sidebar, it will be moved.
-     * The item can be removed from the sidebar by setting its parent to `null`.
-     */
-    insertItem(index, widget) {
-        this._body.insertWidget(index, widget);
-    }
-    /**
-     * A read-only array of the sidebar items.
-     */
-    get items() {
-        return this._body.widgets;
-    }
-    /**
-     * Dispose the sidebar.
-     */
-    dispose() {
-        if (this.isDisposed) {
-            return;
-        }
-        super.dispose();
+        this.content.addClass('jp-DebuggerSidebar-body');
+        this.addWidget(this.variables);
+        this.addWidget(this.callstack);
+        this.addWidget(this.breakpoints);
+        this.addWidget(this.sources);
     }
 }
 /**
@@ -117,7 +73,7 @@ export class DebuggerSidebar extends Panel {
         constructor() {
             super({ node: Private.createHeader() });
             this.title.changed.connect(_ => {
-                this.node.querySelector('h2').textContent = this.title.label;
+                this.node.textContent = this.title.label;
             });
         }
     }
@@ -132,13 +88,10 @@ var Private;
      * Create a sidebar header node.
      */
     function createHeader() {
-        const header = document.createElement('div');
-        header.classList.add('jp-stack-panel-header');
         const title = document.createElement('h2');
         title.textContent = '-';
         title.classList.add('jp-left-truncated');
-        header.appendChild(title);
-        return header;
+        return title;
     }
     Private.createHeader = createHeader;
 })(Private || (Private = {}));

package/lib/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../src/sidebar.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../src/sidebar.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAM3D,OAAO,EAAe,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEvE,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIjE;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,SAAS;IAC5C;;;;OAIG;IACH,YAAY,OAAiC;QAC3C,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,cAAc,CAAC;QACxD,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;QACtB,IAAI,CAAC,EAAE,GAAG,qBAAqB,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QAEpC,MAAM,EACJ,iBAAiB,EACjB,cAAc,EACd,OAAO,EACP,YAAY,EACb,GAAG,OAAO,CAAC;QACZ,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAE5B,IAAI,CAAC,SAAS,GAAG,IAAI,cAAc,CAAC;YAClC,KAAK,EAAE,KAAK,CAAC,SAAS;YACtB,QAAQ,EAAE,iBAAiB,CAAC,QAAQ;YACpC,OAAO;YACP,YAAY;YACZ,UAAU;SACX,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,GAAG,IAAI,cAAc,CAAC;YAClC,QAAQ,EAAE,iBAAiB;YAC3B,KAAK,EAAE,KAAK,CAAC,SAAS;YACtB,UAAU;SACX,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,GAAG,IAAI,gBAAgB,CAAC;YACtC,OAAO;YACP,KAAK,EAAE,KAAK,CAAC,WAAW;YACxB,UAAU;SACX,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,GAAG,IAAI,YAAY,CAAC;YAC9B,KAAK,EAAE,KAAK,CAAC,OAAO;YACpB,OAAO;YACP,cAAc;YACd,UAAU;SACX,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,EAAE,CAAC;QAE5C,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC9B,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACtC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC;QAEjD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC;CAqBF;AAED;;GAEG;AACH,WAAiB,eAAe;IA8B9B;;OAEG;IACH,MAAa,MAAO,SAAQ,MAAM;QAChC;;WAEG;QACH;YACE,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YACxC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC7B,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC;KACF;IAVY,sBAAM,SAUlB,CAAA;AACH,CAAC,EA5CgB,eAAe,KAAf,eAAe,QA4C/B;AAED;;GAEG;AACH,IAAU,OAAO,CAYhB;AAZD,WAAU,OAAO;IACf;;OAEG;IACH,SAAgB,YAAY;QAC1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAE3C,KAAK,CAAC,WAAW,GAAG,GAAG,CAAC;QACxB,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAEzC,OAAO,KAAK,CAAC;IACf,CAAC;IAPe,oBAAY,eAO3B,CAAA;AACH,CAAC,EAZS,OAAO,KAAP,OAAO,QAYhB"}

package/lib/tokens.d.ts

@@ -1,10 +1,11 @@
 import { CodeEditor, CodeEditorWrapper } from '@jupyterlab/codeeditor';
 import { KernelMessage, Session } from '@jupyterlab/services';
-import { Token } from '@lumino/coreutils';
+import { ReadonlyJSONObject, Token } from '@lumino/coreutils';
 import { IObservableDisposable } from '@lumino/disposable';
 import { ISignal, Signal } from '@lumino/signaling';
-import { Widget } from '@lumino/widgets';
+import { Panel } from '@lumino/widgets';
 import { DebugProtocol } from 'vscode-debugprotocol';
+import { DebuggerHandler } from './handler';
 /**
  * An interface describing an application's visual debugger.
  */
@@ -61,6 +62,14 @@ export interface IDebugger {
      * @param variablesReference The variable reference to request.
      */
     inspectVariable(variablesReference: number): Promise<DebugProtocol.Variable[]>;
+    /**
+     * Request rich representation of a variable.
+     *
+     * @param variableName The variable name to request
+     * @param variablesReference The variable reference to request
+     * @returns The mime renderer data model
+     */
+    inspectRichVariable(variableName: string, variablesReference?: number): Promise<IDebugger.IRichVariable>;
     /**
      * Requests all the defined variables and display them in the
      * table view.
@@ -194,6 +203,11 @@ export declare namespace IDebugger {
          */
         getTmpFileParams(kernel: string): IConfig.FileParams;
     }
+    /**
+     * An interface for debugger handler.
+     */
+    interface IHandler extends DebuggerHandler.IHandler {
+    }
     /**
      * An interface for a scope.
      */
@@ -264,6 +278,19 @@ export declare namespace IDebugger {
      */
     interface IStackFrame extends DebugProtocol.StackFrame {
     }
+    /**
+     * A reply to an rich inspection request.
+     */
+    interface IRichVariable {
+        /**
+         * The MIME bundle data returned from an rich inspection request.
+         */
+        data: ReadonlyJSONObject;
+        /**
+         * Any metadata that accompanies the MIME bundle returning from a rich inspection request.
+         */
+        metadata: ReadonlyJSONObject;
+    }
     /**
      * An interface for a variable.
      */
@@ -342,6 +369,7 @@ export declare namespace IDebugger {
             restart: DebugProtocol.RestartArguments;
             restartFrame: DebugProtocol.RestartFrameArguments;
             reverseContinue: DebugProtocol.ReverseContinueArguments;
+            richInspectVariables: IRichVariablesArguments;
             scopes: DebugProtocol.ScopesArguments;
             setBreakpoints: DebugProtocol.SetBreakpointsArguments;
             setExceptionBreakpoints: DebugProtocol.SetExceptionBreakpointsArguments;
@@ -384,6 +412,7 @@ export declare namespace IDebugger {
             restart: DebugProtocol.RestartResponse;
             restartFrame: DebugProtocol.RestartFrameResponse;
             reverseContinue: DebugProtocol.ReverseContinueResponse;
+            richInspectVariables: IRichVariablesResponse;
             scopes: DebugProtocol.ScopesResponse;
             setBreakpoints: DebugProtocol.SetBreakpointsResponse;
             setExceptionBreakpoints: DebugProtocol.SetExceptionBreakpointsResponse;
@@ -415,13 +444,17 @@ export declare namespace IDebugger {
          */
         interface IDebugInfoResponse extends DebugProtocol.Response {
             body: {
-                isStarted: boolean;
+                breakpoints: IDebugInfoBreakpoints[];
                 hashMethod: string;
                 hashSeed: number;
-                breakpoints: IDebugInfoBreakpoints[];
+                isStarted: boolean;
+                /**
+                 * Whether the kernel supports variable rich rendering or not.
+                 */
+                richRendering?: boolean;
+                stoppedThreads: number[];
                 tmpFilePrefix: string;
                 tmpFileSuffix: string;
-                stoppedThreads: number[];
             };
         }
         /**
@@ -447,6 +480,34 @@ export declare namespace IDebugger {
                 variables: DebugProtocol.Variable[];
             };
         }
+        /**
+         * Arguments for 'richVariables' request
+         *
+         * This is an addition to the Debug Adapter Protocol to support
+         * render rich variable representation.
+         */
+        interface IRichVariablesArguments {
+            /**
+             * Variable name
+             */
+            variableName: string;
+            /**
+             * Frame Id
+             */
+            frameId?: number;
+        }
+        /**
+         * Arguments for 'richVariables' request
+         *
+         * This is an addition to the Debug Adapter Protocol to support
+         * rich rendering of variables.
+         */
+        interface IRichVariablesResponse extends DebugProtocol.Response {
+            /**
+             * Variable mime type data
+             */
+            body: IRichVariable;
+        }
         /**
          * Response to the 'kernel_info_request' request.
          * This interface extends the IInfoReply by adding the `debugger` key
@@ -458,21 +519,31 @@ export declare namespace IDebugger {
         }
     }
     /**
-     * Debugger sidebar interface.
+     * Select variable in the variables explorer.
      */
-    interface ISidebar extends Widget {
+    interface IVariableSelection extends Pick<DebugProtocol.Variable, 'name' | 'type' | 'variablesReference' | 'value'> {
+    }
+    /**
+     * Debugger variables explorer interface.
+     */
+    interface IVariablesPanel {
         /**
-         * Add item at the end of the sidebar.
+         * Select variable in the variables explorer.
          */
-        addItem(widget: Widget): void;
+        latestSelection: IVariableSelection | null;
         /**
-         * Insert item at a specified index.
+         * Variable view mode.
          */
-        insertItem(index: number, widget: Widget): void;
+        viewMode: 'tree' | 'table';
+    }
+    /**
+     * Debugger sidebar interface.
+     */
+    interface ISidebar extends Panel {
         /**
-         * Return all items that were added to sidebar.
+         * Debugger variables explorer.
          */
-        readonly items: readonly Widget[];
+        variables: IVariablesPanel;
     }
     /**
      * A utility to find text editors used by the debugger.
@@ -568,11 +639,11 @@ export declare namespace IDebugger {
             /**
              * Signal emitted when the current frame has changed.
              */
-            readonly currentFrameChanged: ISignal<this, IDebugger.IStackFrame>;
+            readonly currentFrameChanged: ISignal<this, IDebugger.IStackFrame | null>;
             /**
              * The current frame.
              */
-            frame: IDebugger.IStackFrame;
+            frame: IDebugger.IStackFrame | null;
             /**
              * The frames for the callstack.
              */
@@ -594,6 +665,10 @@ export declare namespace IDebugger {
              * The callstack UI model.
              */
             readonly callstack: ICallstack;
+            /**
+             * Whether the kernel support rich variable rendering based on mime type.
+             */
+            hasRichVariableRendering: boolean;
             /**
              * The variables UI model.
              */
@@ -626,7 +701,7 @@ export declare namespace IDebugger {
             /**
              * Signal emitted when the current frame changes.
              */
-            readonly currentFrameChanged: ISignal<IDebugger.Model.ICallstack, IDebugger.IStackFrame>;
+            readonly currentFrameChanged: ISignal<IDebugger.Model.ICallstack, IDebugger.IStackFrame | null>;
             /**
              * Return the current source.
              */
@@ -685,3 +760,7 @@ export declare const IDebuggerSources: Token<IDebugger.ISources>;
  * The debugger configuration token.
  */
 export declare const IDebuggerSidebar: Token<IDebugger.ISidebar>;
+/**
+ * The debugger handler token.
+ */
+export declare const IDebuggerHandler: Token<IDebugger.IHandler>;

package/lib/tokens.js

@@ -17,4 +17,8 @@ export const IDebuggerSources = new Token('@jupyterlab/debugger:IDebuggerSources
  * The debugger configuration token.
  */
 export const IDebuggerSidebar = new Token('@jupyterlab/debugger:IDebuggerSidebar');
+/**
+ * The debugger handler token.
+ */
+export const IDebuggerHandler = new Token('@jupyterlab/debugger:IDebuggerHandler');
 //# sourceMappingURL=tokens.js.map

package/lib/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAM3D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AA8xB1C;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,KAAK,CAAY,gCAAgC,CAAC,CAAC;AAEhF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,KAAK,CACtC,sCAAsC,CACvC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,KAAK,CACvC,uCAAuC,CACxC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,KAAK,CACvC,uCAAuC,CACxC,CAAC"}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAM3D,OAAO,EAAsB,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAs3B9D;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,KAAK,CAAY,gCAAgC,CAAC,CAAC;AAEhF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,KAAK,CACtC,sCAAsC,CACvC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,KAAK,CACvC,uCAAuC,CACxC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,KAAK,CACvC,uCAAuC,CACxC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,KAAK,CACvC,uCAAuC,CACxC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/debugger",
-  "version": "3.3.0-alpha.6",
+  "version": "4.0.0-alpha.1",
   "description": "JupyterLab - Debugger Extension",
   "keywords": [
     "jupyter",
@@ -48,29 +48,29 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyterlab/application": "^3.3.0-alpha.6",
-    "@jupyterlab/apputils": "^3.3.0-alpha.6",
-    "@jupyterlab/cells": "^3.3.0-alpha.6",
-    "@jupyterlab/codeeditor": "^3.3.0-alpha.6",
-    "@jupyterlab/codemirror": "^3.3.0-alpha.6",
-    "@jupyterlab/console": "^3.3.0-alpha.6",
-    "@jupyterlab/coreutils": "^5.3.0-alpha.6",
-    "@jupyterlab/docregistry": "^3.3.0-alpha.6",
-    "@jupyterlab/fileeditor": "^3.3.0-alpha.6",
-    "@jupyterlab/notebook": "^3.3.0-alpha.6",
-    "@jupyterlab/observables": "^4.3.0-alpha.6",
-    "@jupyterlab/rendermime": "^3.3.0-alpha.6",
-    "@jupyterlab/services": "^6.3.0-alpha.6",
-    "@jupyterlab/translation": "^3.3.0-alpha.6",
-    "@jupyterlab/ui-components": "^3.3.0-alpha.6",
-    "@lumino/algorithm": "^1.3.3",
-    "@lumino/commands": "^1.12.0",
-    "@lumino/coreutils": "^1.5.3",
-    "@lumino/datagrid": "^0.28.0",
-    "@lumino/disposable": "^1.4.3",
-    "@lumino/messaging": "^1.4.3",
-    "@lumino/signaling": "^1.4.3",
-    "@lumino/widgets": "^1.26.0",
+    "@jupyterlab/application": "^4.0.0-alpha.1",
+    "@jupyterlab/apputils": "^4.0.0-alpha.1",
+    "@jupyterlab/cells": "^4.0.0-alpha.1",
+    "@jupyterlab/codeeditor": "^4.0.0-alpha.1",
+    "@jupyterlab/codemirror": "^4.0.0-alpha.1",
+    "@jupyterlab/console": "^4.0.0-alpha.1",
+    "@jupyterlab/coreutils": "^6.0.0-alpha.1",
+    "@jupyterlab/docregistry": "^4.0.0-alpha.1",
+    "@jupyterlab/fileeditor": "^4.0.0-alpha.1",
+    "@jupyterlab/notebook": "^4.0.0-alpha.1",
+    "@jupyterlab/observables": "^5.0.0-alpha.1",
+    "@jupyterlab/rendermime": "^4.0.0-alpha.1",
+    "@jupyterlab/services": "^7.0.0-alpha.1",
+    "@jupyterlab/translation": "^4.0.0-alpha.1",
+    "@jupyterlab/ui-components": "^4.0.0-alpha.16",
+    "@lumino/algorithm": "^1.9.1",
+    "@lumino/commands": "^1.19.0",
+    "@lumino/coreutils": "^1.11.1",
+    "@lumino/datagrid": "^0.34.0",
+    "@lumino/disposable": "^1.10.1",
+    "@lumino/messaging": "^1.10.1",
+    "@lumino/signaling": "^1.10.1",
+    "@lumino/widgets": "^1.30.0",
     "codemirror": "~5.61.0",
     "react": "^17.0.1",
     "vscode-debugprotocol": "^1.37.0"
@@ -78,7 +78,7 @@
   "devDependencies": {
     "@babel/core": "^7.10.2",
     "@babel/preset-env": "^7.10.2",
-    "@jupyterlab/testutils": "^3.3.0-alpha.6",
+    "@jupyterlab/testutils": "^4.0.0-alpha.1",
     "@types/codemirror": "^0.0.109",
     "@types/jest": "^26.0.10",
     "@types/react-dom": "^17.0.0",

package/style/base.css

@@ -19,3 +19,7 @@
 #jp-debugger .jp-switch-label {
   margin-right: 0px;
 }
+
+.jp-DebuggerBugButton[aria-pressed='true'] path {
+  fill: var(--jp-warn-color0);
+}

package/style/breakpoints.css

@@ -6,6 +6,8 @@
 .jp-DebuggerBreakpoints {
   display: flex;
   flex-direction: column;
+  min-height: 50px;
+  padding-top: 3px;
 }
 
 .jp-DebuggerBreakpoints-body {

package/style/callstack.css

@@ -6,6 +6,8 @@
 .jp-DebuggerCallstack {
   display: flex;
   flex-direction: column;
+  min-height: 50px;
+  padding-top: 3px;
 }
 
 .jp-DebuggerCallstack-body {

package/style/icons.css

@@ -3,8 +3,8 @@
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
-button.jp-Button.bp3-button.bp3-minimal.jp-TreeView.jp-TreeView,
-button.jp-Button.bp3-button.bp3-minimal.jp-TreeView.jp-TableView {
+button.jp-Button.jp-mod-minimal.jp-TreeView.jp-TreeView,
+button.jp-Button.jp-mod-minimal.jp-TreeView.jp-TableView {
   display: flex;
   align-items: center;
   -webkit-transition: 0.4s;
@@ -12,12 +12,12 @@ button.jp-Button.bp3-button.bp3-minimal.jp-TreeView.jp-TableView {
   width: 35px;
 }
 
-button.jp-Button.bp3-button.bp3-minimal.jp-TreeView:hover {
+button.jp-Button.jp-mod-minimal.jp-TreeView:hover {
   cursor: pointer;
   background-color: var(--jp-layout-color1);
 }
 
-button.jp-Button.bp3-button.bp3-minimal.jp-TableView:hover {
+button.jp-Button.jp-mod-minimal.jp-TableView:hover {
   cursor: pointer;
   background-color: var(--jp-layout-color1);
 }

package/style/sidebar.css

@@ -3,57 +3,10 @@
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
-.jp-DebuggerSidebar {
-  --jp-debugger-header-height: 24px;
-}
-
-.jp-DebuggerSidebar {
-  color: var(--jp-ui-font-color1);
-  background: var(--jp-layout-color1);
-  font-size: var(--jp-ui-font-size1);
-}
-
-.jp-DebuggerSidebar .p-SplitPanel-child {
-  z-index: auto;
-}
-
-.jp-DebuggerSidebar .jp-DebuggerSidebar-body {
-  height: calc(100% - var(--jp-debugger-header-height));
-}
-
-.jp-DebuggerSidebar .jp-stack-panel-header {
-  border-bottom: solid var(--jp-border-width) var(--jp-border-color1);
-  box-shadow: var(--jp-toolbar-box-shadow);
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  min-height: 24px;
-  height: var(--jp-debugger-header-height);
-}
-
-.jp-DebuggerSidebar > .jp-stack-panel-header {
-  background-color: var(--jp-layout-color1);
-}
-
-.jp-DebuggerSidebar .jp-stack-panel-header h2 {
-  text-transform: uppercase;
+.jp-SidePanel-header > h2 {
+  /* Set font-size to override default h2 sizing but keeping default --jp-ui-font-size0 */
+  font-size: 100%;
   font-weight: 600;
-  font-size: var(--jp-ui-font-size0);
-  color: var(--jp-ui-font-color1);
-  padding-left: 8px;
-  padding-right: 4px;
-}
-
-.jp-DebuggerSidebar-body .jp-stack-panel-header {
-  border-top: solid var(--jp-border-width) var(--jp-border-color1);
-  background-color: var(--jp-layout-color2);
-}
-
-.jp-DebuggerSidebar-body .jp-DebuggerVariables .jp-stack-panel-header {
-  border-top: none;
-}
-
-.jp-DebuggerSidebar-body .jp-Toolbar {
-  background: var(--jp-layout-color2);
-  box-shadow: none;
+  margin: 0px auto 0px 0px;
+  padding: 4px 10px;
 }

package/style/sources.css

@@ -3,6 +3,11 @@
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
+.jp-DebuggerSources {
+  min-height: 50px;
+  margin-top: 3px;
+}
+
 [data-jp-debugger='true'].jp-Editor .jp-mod-readOnly {
   background: var(--jp-layout-color2);
   height: 100%;
@@ -13,7 +18,7 @@
 }
 
 .jp-DebuggerSources-body {
-  height: calc(100% - var(--jp-statusbar-height));
+  height: 100%;
 }
 
 .jp-DebuggerSources-header > div > span {

package/style/variables.css

@@ -6,6 +6,8 @@
 .jp-DebuggerVariables {
   display: flex;
   flex-direction: column;
+  min-height: 50px;
+  padding-top: 3px;
 }
 
 .jp-DebuggerVariables-body {
@@ -30,14 +32,42 @@
   padding: 5px 0 0 0;
   cursor: pointer;
   color: var(--jp-content-font-color1);
+  display: flex;
+  align-items: center;
 }
 
-.jp-DebuggerVariables-body ul li > ul {
-  margin-left: 12px;
+.jp-DebuggerVariables-body ul li:hover .jp-DebuggerVariables-renderVariable {
+  display: block;
+}
+
+.jp-DebuggerVariables-body .jp-DebuggerVariables-hspacer {
+  flex: 1 1 auto;
+}
+
+.jp-DebuggerVariables-body .jp-DebuggerVariables-renderVariable {
+  flex: 0 0 auto;
+  border: none;
+  background: none;
+  cursor: pointer;
+  display: none;
+  padding: 0px 8px;
+}
+
+.jp-DebuggerVariables-body .jp-DebuggerVariables-renderVariable:active {
+  transform: scale(1.272) translateX(-4px);
+  overflow: hidden;
+}
+
+.jp-DebuggerVariables-body .jp-DebuggerVariables-renderVariable:hover {
+  background-color: var(--jp-layout-color2);
 }
 
-.jp-DebuggerVariables .jp-stack-panel-header .jp-Toolbar {
-  margin-left: auto;
+.jp-DebuggerVariables-body .jp-DebuggerVariables-renderVariable:disabled {
+  cursor: default;
+}
+
+.jp-DebuggerVariables-body ul li > ul {
+  margin-left: 12px;
 }
 
 .jp-DebuggerVariables-grid {

package/lib/panels/breakpoints/header.d.ts

@@ -1,16 +0,0 @@
-import { ITranslator } from '@jupyterlab/translation';
-import { Toolbar } from '@jupyterlab/ui-components';
-import { Widget } from '@lumino/widgets';
-/**
- * The header for a Breakpoints Panel.
- */
-export declare class BreakpointsHeader extends Widget {
-    /**
-     * Instantiate a new BreakpointsHeader.
-     */
-    constructor(translator?: ITranslator);
-    /**
-     * The toolbar for the breakpoints header.
-     */
-    readonly toolbar: Toolbar<Widget>;
-}