@jupyterlab/debugger 3.3.0-alpha.1 → 3.3.0-alpha.13

package/lib/panels/breakpoints/index.js

@@ -1,42 +1,38 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
 import { Dialog, showDialog } from '@jupyterlab/apputils';
-import { nullTranslator } from '@jupyterlab/translation';
 import { ToolbarButton } from '@jupyterlab/ui-components';
 import { Signal } from '@lumino/signaling';
-import { Panel } from '@lumino/widgets';
 import { closeAllIcon } from '../../icons';
 import { BreakpointsBody } from './body';
-import { BreakpointsHeader } from './header';
+import { PanelWithToolbar } from '../panelwithtoolbar';
 /**
  * A Panel to show a list of breakpoints.
  */
-export class Breakpoints extends Panel {
+export class Breakpoints extends PanelWithToolbar {
     /**
      * Instantiate a new Breakpoints Panel.
      *
      * @param options The instantiation options for a Breakpoints Panel.
      */
     constructor(options) {
-        super();
+        super(options);
         this.clicked = new Signal(this);
         const { model, service } = options;
-        const translator = options.translator || nullTranslator;
-        const trans = translator.load('jupyterlab');
-        const header = new BreakpointsHeader(translator);
+        this.title.label = this.trans.__('Breakpoints');
         const body = new BreakpointsBody(model);
-        header.toolbar.addItem('closeAll', new ToolbarButton({
+        this.toolbar.addItem('closeAll', new ToolbarButton({
             icon: closeAllIcon,
             onClick: async () => {
                 if (model.breakpoints.size === 0) {
                     return;
                 }
                 const result = await showDialog({
-                    title: trans.__('Remove All Breakpoints'),
-                    body: trans.__('Are you sure you want to remove all breakpoints?'),
+                    title: this.trans.__('Remove All Breakpoints'),
+                    body: this.trans.__('Are you sure you want to remove all breakpoints?'),
                     buttons: [
-                        Dialog.okButton({ label: trans.__('Remove breakpoints') }),
-                        Dialog.cancelButton({ label: trans.__('Cancel') })
+                        Dialog.okButton({ label: this.trans.__('Remove breakpoints') }),
+                        Dialog.cancelButton({ label: this.trans.__('Cancel') })
                     ],
                     hasClose: true
                 });
@@ -44,9 +40,8 @@ export class Breakpoints extends Panel {
                     return service.clearBreakpoints();
                 }
             },
-            tooltip: trans.__('Remove All Breakpoints')
+            tooltip: this.trans.__('Remove All Breakpoints')
         }));
-        this.addWidget(header);
         this.addWidget(body);
         this.addClass('jp-DebuggerBreakpoints');
     }

package/lib/panels/breakpoints/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/panels/breakpoints/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAe,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,KAAK;IACpC;;;;OAIG;IACH,YAAY,OAA6B;QACvC,KAAK,EAAE,CAAC;QAuCD,YAAO,GAAG,IAAI,MAAM,CAA8B,IAAI,CAAC,CAAC;QAtC/D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACnC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,cAAc,CAAC;QACxD,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5C,MAAM,MAAM,GAAG,IAAI,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACjD,MAAM,IAAI,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAExC,MAAM,CAAC,OAAO,CAAC,OAAO,CACpB,UAAU,EACV,IAAI,aAAa,CAAC;YAChB,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,KAAK,IAAmB,EAAE;gBACjC,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,EAAE;oBAChC,OAAO;iBACR;gBACD,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC;oBAC9B,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC;oBACzC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,kDAAkD,CAAC;oBAClE,OAAO,EAAE;wBACP,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,EAAE,CAAC;wBAC1D,MAAM,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;qBACnD;oBACD,QAAQ,EAAE,IAAI;iBACf,CAAC,CAAC;gBACH,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;oBACxB,OAAO,OAAO,CAAC,gBAAgB,EAAE,CAAC;iBACnC;YACH,CAAC;YACD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC;SAC5C,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;IAC1C,CAAC;CAGF"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/panels/breakpoints/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,gBAAgB;IAC/C;;;;OAIG;IACH,YAAY,OAA6B;QACvC,KAAK,CAAC,OAAO,CAAC,CAAC;QAqCR,YAAO,GAAG,IAAI,MAAM,CAA8B,IAAI,CAAC,CAAC;QApC/D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACnC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;QAEhD,MAAM,IAAI,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,CAAC,OAAO,CAAC,OAAO,CAClB,UAAU,EACV,IAAI,aAAa,CAAC;YAChB,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,KAAK,IAAmB,EAAE;gBACjC,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,EAAE;oBAChC,OAAO;iBACR;gBACD,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC;oBAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC;oBAC9C,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CACjB,kDAAkD,CACnD;oBACD,OAAO,EAAE;wBACP,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,EAAE,CAAC;wBAC/D,MAAM,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;qBACxD;oBACD,QAAQ,EAAE,IAAI;iBACf,CAAC,CAAC;gBACH,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;oBACxB,OAAO,OAAO,CAAC,gBAAgB,EAAE,CAAC;iBACnC;YACH,CAAC;YACD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC;SACjD,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;IAC1C,CAAC;CAGF"}

package/lib/panels/callstack/index.d.ts

@@ -2,10 +2,11 @@ import { ITranslator } from '@jupyterlab/translation';
 import { CommandRegistry } from '@lumino/commands';
 import { Panel } from '@lumino/widgets';
 import { IDebugger } from '../../tokens';
+import { PanelWithToolbar } from '../panelwithtoolbar';
 /**
  * A Panel to show a callstack.
  */
-export declare class Callstack extends Panel {
+export declare class Callstack extends PanelWithToolbar {
     /**
      * Instantiate a new Callstack Panel.
      *

package/lib/panels/callstack/index.js

@@ -1,50 +1,52 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
-import { nullTranslator } from '@jupyterlab/translation';
 import { CommandToolbarButton } from '@jupyterlab/ui-components';
-import { Panel } from '@lumino/widgets';
+import { PanelWithToolbar } from '../panelwithtoolbar';
 import { CallstackBody } from './body';
-import { CallstackHeader } from './header';
 /**
  * A Panel to show a callstack.
  */
-export class Callstack extends Panel {
+export class Callstack extends PanelWithToolbar {
     /**
      * Instantiate a new Callstack Panel.
      *
      * @param options The instantiation options for a Callstack Panel.
      */
     constructor(options) {
-        super();
+        super(options);
         const { commands, model } = options;
-        const translator = options.translator || nullTranslator;
-        const header = new CallstackHeader(translator);
+        this.title.label = this.trans.__('Callstack');
         const body = new CallstackBody(model);
-        header.toolbar.addItem('continue', new CommandToolbarButton({
+        this.toolbar.addItem('continue', new CommandToolbarButton({
             commands: commands.registry,
-            id: commands.continue
+            id: commands.continue,
+            label: ''
         }));
-        header.toolbar.addItem('terminate', new CommandToolbarButton({
+        this.toolbar.addItem('terminate', new CommandToolbarButton({
             commands: commands.registry,
-            id: commands.terminate
+            id: commands.terminate,
+            label: ''
         }));
-        header.toolbar.addItem('step-over', new CommandToolbarButton({
+        this.toolbar.addItem('step-over', new CommandToolbarButton({
             commands: commands.registry,
-            id: commands.next
+            id: commands.next,
+            label: ''
         }));
-        header.toolbar.addItem('step-in', new CommandToolbarButton({
+        this.toolbar.addItem('step-in', new CommandToolbarButton({
             commands: commands.registry,
-            id: commands.stepIn
+            id: commands.stepIn,
+            label: ''
         }));
-        header.toolbar.addItem('step-out', new CommandToolbarButton({
+        this.toolbar.addItem('step-out', new CommandToolbarButton({
             commands: commands.registry,
-            id: commands.stepOut
+            id: commands.stepOut,
+            label: ''
         }));
-        header.toolbar.addItem('evaluate', new CommandToolbarButton({
+        this.toolbar.addItem('evaluate', new CommandToolbarButton({
             commands: commands.registry,
-            id: commands.evaluate
+            id: commands.evaluate,
+            label: ''
         }));
-        this.addWidget(header);
         this.addWidget(body);
         this.addClass('jp-DebuggerCallstack');
     }

package/lib/panels/callstack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/panels/callstack/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAe,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK;IAClC;;;;OAIG;IACH,YAAY,OAA2B;QACrC,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;QACpC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,cAAc,CAAC;QACxD,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,IAAI,GAAG,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QAEtC,MAAM,CAAC,OAAO,CAAC,OAAO,CACpB,UAAU,EACV,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,QAAQ;SACtB,CAAC,CACH,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,OAAO,CACpB,WAAW,EACX,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,SAAS;SACvB,CAAC,CACH,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,OAAO,CACpB,WAAW,EACX,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,IAAI;SAClB,CAAC,CACH,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,OAAO,CACpB,SAAS,EACT,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,MAAM;SACpB,CAAC,CACH,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,OAAO,CACpB,UAAU,EACV,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,OAAO;SACrB,CAAC,CACH,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,OAAO,CACpB,UAAU,EACV,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,QAAQ;SACtB,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IACxC,CAAC;CACF"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/panels/callstack/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAG3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAIjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,gBAAgB;IAC7C;;;;OAIG;IACH,YAAY,OAA2B;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;QACpC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;QAC9C,MAAM,IAAI,GAAG,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,CAAC,OAAO,CAAC,OAAO,CAClB,UAAU,EACV,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,QAAQ;YACrB,KAAK,EAAE,EAAE;SACV,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,OAAO,CAAC,OAAO,CAClB,WAAW,EACX,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,SAAS;YACtB,KAAK,EAAE,EAAE;SACV,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,OAAO,CAAC,OAAO,CAClB,WAAW,EACX,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,IAAI;YACjB,KAAK,EAAE,EAAE;SACV,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,OAAO,CAAC,OAAO,CAClB,SAAS,EACT,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,MAAM;YACnB,KAAK,EAAE,EAAE;SACV,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,OAAO,CAAC,OAAO,CAClB,UAAU,EACV,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,OAAO;YACpB,KAAK,EAAE,EAAE;SACV,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,OAAO,CAAC,OAAO,CAClB,UAAU,EACV,IAAI,oBAAoB,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAC3B,EAAE,EAAE,QAAQ,CAAC,QAAQ;YACrB,KAAK,EAAE,EAAE;SACV,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IACxC,CAAC;CACF"}

package/lib/panels/callstack/model.d.ts

@@ -15,11 +15,11 @@ export declare class CallstackModel implements IDebugger.Model.ICallstack {
     /**
      * Get the current frame.
      */
-    get frame(): IDebugger.IStackFrame;
+    get frame(): IDebugger.IStackFrame | null;
     /**
      * Set the current frame.
      */
-    set frame(frame: IDebugger.IStackFrame);
+    set frame(frame: IDebugger.IStackFrame | null);
     /**
      * Signal emitted when the frames have changed.
      */
@@ -27,7 +27,7 @@ export declare class CallstackModel implements IDebugger.Model.ICallstack {
     /**
      * Signal emitted when the current frame has changed.
      */
-    get currentFrameChanged(): ISignal<this, IDebugger.IStackFrame>;
+    get currentFrameChanged(): ISignal<this, IDebugger.IStackFrame | null>;
     private _state;
     private _currentFrame;
     private _framesChanged;

package/lib/panels/callstack/model.js

@@ -7,6 +7,7 @@ import { Signal } from '@lumino/signaling';
 export class CallstackModel {
     constructor() {
         this._state = [];
+        this._currentFrame = null;
         this._framesChanged = new Signal(this);
         this._currentFrameChanged = new Signal(this);
     }
@@ -21,7 +22,8 @@ export class CallstackModel {
      */
     set frames(newFrames) {
         this._state = newFrames;
-        const frame = newFrames.find(frame => Private.getFrameId(frame) === Private.getFrameId(this.frame));
+        const currentFrameId = this.frame !== null ? Private.getFrameId(this.frame) : '';
+        const frame = newFrames.find(frame => Private.getFrameId(frame) === currentFrameId);
         // Default to the first frame if the previous one can't be found.
         // Otherwise keep the current frame selected.
         if (!frame) {

package/lib/panels/callstack/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/panels/callstack/model.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAW,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIpD;;GAEG;AACH,MAAM,OAAO,cAAc;IAA3B;QAqDU,WAAM,GAA4B,EAAE,CAAC;QAErC,mBAAc,GAAG,IAAI,MAAM,CAAgC,IAAI,CAAC,CAAC;QACjE,yBAAoB,GAAG,IAAI,MAAM,CAA8B,IAAI,CAAC,CAAC;IAC/E,CAAC;IAxDC;;OAEG;IACH,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED;;OAEG;IACH,IAAI,MAAM,CAAC,SAAkC;QAC3C,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAC1B,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CACtE,CAAC;QACF,iEAAiE;QACjE,6CAA6C;QAC7C,IAAI,CAAC,KAAK,EAAE;YACV,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;SAC3B;QACD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC;IAED;;OAEG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,IAAI,KAAK,CAAC,KAA4B;QACpC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED;;OAEG;IACH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED;;OAEG;IACH,IAAI,mBAAmB;QACrB,OAAO,IAAI,CAAC,oBAAoB,CAAC;IACnC,CAAC;CAMF;AAED;;GAEG;AACH,IAAU,OAAO,CAShB;AATD,WAAU,OAAO;IACf;;;;OAIG;IACH,SAAgB,UAAU,CAAC,KAA4B;;QACrD,OAAO,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,IAAI,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAE,CAAC;IAC/C,CAAC;IAFe,kBAAU,aAEzB,CAAA;AACH,CAAC,EATS,OAAO,KAAP,OAAO,QAShB"}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/panels/callstack/model.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAW,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIpD;;GAEG;AACH,MAAM,OAAO,cAAc;IAA3B;QAuDU,WAAM,GAA4B,EAAE,CAAC;QACrC,kBAAa,GAAiC,IAAI,CAAC;QACnD,mBAAc,GAAG,IAAI,MAAM,CAAgC,IAAI,CAAC,CAAC;QACjE,yBAAoB,GAAG,IAAI,MAAM,CACvC,IAAI,CACL,CAAC;IACJ,CAAC;IA5DC;;OAEG;IACH,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED;;OAEG;IACH,IAAI,MAAM,CAAC,SAAkC;QAC3C,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,MAAM,cAAc,GAClB,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5D,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAC1B,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,cAAc,CACtD,CAAC;QACF,iEAAiE;QACjE,6CAA6C;QAC7C,IAAI,CAAC,KAAK,EAAE;YACV,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;SAC3B;QACD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC;IAED;;OAEG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,IAAI,KAAK,CAAC,KAAmC;QAC3C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED;;OAEG;IACH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED;;OAEG;IACH,IAAI,mBAAmB;QACrB,OAAO,IAAI,CAAC,oBAAoB,CAAC;IACnC,CAAC;CAQF;AAED;;GAEG;AACH,IAAU,OAAO,CAShB;AATD,WAAU,OAAO;IACf;;;;OAIG;IACH,SAAgB,UAAU,CAAC,KAA4B;;QACrD,OAAO,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,IAAI,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAE,CAAC;IAC/C,CAAC;IAFe,kBAAU,aAEzB,CAAA;AACH,CAAC,EATS,OAAO,KAAP,OAAO,QAShB"}

package/lib/panels/panelbody.d.ts

@@ -0,0 +1,27 @@
+import { AccordionPanel, Title, Widget } from '@lumino/widgets';
+/**
+ * Debugger accordion panel customization
+ */
+export declare namespace DebuggerAccordionPanel {
+    /**
+     * Custom renderer for the debugger sidebar
+     */
+    class Renderer extends AccordionPanel.Renderer {
+        /**
+         * Render the collapse indicator for a section title.
+         *
+         * @param data - The data to use for rendering the section title.
+         *
+         * @returns A element representing the collapse indicator.
+         */
+        createCollapseIcon(data: Title<Widget>): HTMLElement;
+        /**
+         * Render the element for a section title.
+         *
+         * @param data - The data to use for rendering the section title.
+         *
+         * @returns A element representing the section title.
+         */
+        createSectionTitle(data: Title<Widget>): HTMLElement;
+    }
+}

package/lib/panels/panelbody.js

@@ -0,0 +1,47 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+import { AccordionPanel } from '@lumino/widgets';
+import { caretDownIcon } from '@jupyterlab/ui-components';
+/**
+ * Debugger accordion panel customization
+ */
+export var DebuggerAccordionPanel;
+(function (DebuggerAccordionPanel) {
+    /**
+     * Custom renderer for the debugger sidebar
+     */
+    class Renderer extends AccordionPanel.Renderer {
+        /**
+         * Render the collapse indicator for a section title.
+         *
+         * @param data - The data to use for rendering the section title.
+         *
+         * @returns A element representing the collapse indicator.
+         */
+        createCollapseIcon(data) {
+            const iconDiv = document.createElement('div');
+            caretDownIcon.element({
+                container: iconDiv
+            });
+            return iconDiv;
+        }
+        /**
+         * Render the element for a section title.
+         *
+         * @param data - The data to use for rendering the section title.
+         *
+         * @returns A element representing the section title.
+         */
+        createSectionTitle(data) {
+            const toolbar = data.owner.toolbar;
+            const handle = super.createSectionTitle(data);
+            handle.classList.add('jp-AccordionPanel-title');
+            if (toolbar) {
+                handle.appendChild(toolbar.node);
+            }
+            return handle;
+        }
+    }
+    DebuggerAccordionPanel.Renderer = Renderer;
+})(DebuggerAccordionPanel || (DebuggerAccordionPanel = {}));
+//# sourceMappingURL=panelbody.js.map

package/lib/panels/panelbody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelbody.js","sourceRoot":"","sources":["../../src/panels/panelbody.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG1D;;GAEG;AACH,MAAM,KAAW,sBAAsB,CAqCtC;AArCD,WAAiB,sBAAsB;IACrC;;OAEG;IACH,MAAa,QAAS,SAAQ,cAAc,CAAC,QAAQ;QACnD;;;;;;WAMG;QACH,kBAAkB,CAAC,IAAmB;YACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,aAAa,CAAC,OAAO,CAAC;gBACpB,SAAS,EAAE,OAAO;aACnB,CAAC,CAAC;YACH,OAAO,OAAO,CAAC;QACjB,CAAC;QAED;;;;;;WAMG;QACH,kBAAkB,CAAC,IAAmB;YACpC,MAAM,OAAO,GAAI,IAAI,CAAC,KAA0B,CAAC,OAAO,CAAC;YACzD,MAAM,MAAM,GAAG,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;YAChD,IAAI,OAAO,EAAE;gBACX,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;aAClC;YACD,OAAO,MAAM,CAAC;QAChB,CAAC;KACF;IAhCY,+BAAQ,WAgCpB,CAAA;AACH,CAAC,EArCgB,sBAAsB,KAAtB,sBAAsB,QAqCtC"}

package/lib/panels/panelwithtoolbar.d.ts

@@ -0,0 +1,57 @@
+import { ITranslator, TranslationBundle } from '@jupyterlab/translation';
+import { Toolbar } from '@jupyterlab/ui-components';
+import { Message } from '@lumino/messaging';
+import { Panel } from '@lumino/widgets';
+/**
+ * A base class for debugger panel element.
+ */
+export declare class PanelWithToolbar extends Panel {
+    /**
+     * Instantiate a new Panel.
+     *
+     * @param options The instantiation options for a Debugger Panel.
+     */
+    constructor(options: PanelWithToolbar.IOptions);
+    /**
+     * Handler to notify `AccordionPanel` title that its child widget is expanded.
+     * We can not rely on `lm-mod-expanded` class of Lumino to detect this event
+     * since this class is added to the target of `onClick` event, which is not
+     * always the title of `AccordionPanel`.
+     *
+     * @param {Message} msg
+     *
+     * TODO remove when @lumino/widgets 1.26.3 is released
+     */
+    protected onAfterShow(msg: Message): void;
+    /**
+     * Handler to notify `AccordionPanel`'s title that its child widget is closed.
+     * @param {Message} msg
+     *
+     * TODO remove when @lumino/widgets 1.26.3 is released
+     */
+    protected onAfterHide(msg: Message): void;
+    /**
+     * Widget toolbar
+     */
+    get toolbar(): Toolbar;
+    /**
+     * The toolbar widget, it is not attached to current widget
+     * but is rendered by the sidebar panel.
+     */
+    private _toolbar;
+    protected trans: TranslationBundle;
+}
+/**
+ * A namespace for PanelWidget `statics`.
+ */
+export declare namespace PanelWithToolbar {
+    /**
+     * Instantiation options for `PanelWidget`.
+     */
+    interface IOptions extends Panel.IOptions {
+        /**
+         * The application language translator.
+         */
+        translator?: ITranslator;
+    }
+}

package/lib/panels/panelwithtoolbar.js

@@ -0,0 +1,55 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+import { nullTranslator } from '@jupyterlab/translation';
+import { Toolbar } from '@jupyterlab/ui-components';
+import { Panel } from '@lumino/widgets';
+/**
+ * A base class for debugger panel element.
+ */
+export class PanelWithToolbar extends Panel {
+    /**
+     * Instantiate a new Panel.
+     *
+     * @param options The instantiation options for a Debugger Panel.
+     */
+    constructor(options) {
+        super(options);
+        const translator = options.translator || nullTranslator;
+        this.trans = translator.load('jupyterlab');
+        this._toolbar = new Toolbar();
+        this._toolbar.addClass('jp-stack-panel-header');
+        // Add toolbar as widget to get notified by the lumino widget
+        this.addWidget(this._toolbar);
+    }
+    /**
+     * Handler to notify `AccordionPanel` title that its child widget is expanded.
+     * We can not rely on `lm-mod-expanded` class of Lumino to detect this event
+     * since this class is added to the target of `onClick` event, which is not
+     * always the title of `AccordionPanel`.
+     *
+     * @param {Message} msg
+     *
+     * TODO remove when @lumino/widgets 1.26.3 is released
+     */
+    onAfterShow(msg) {
+        var _a;
+        (_a = this.toolbar.node.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add('jp-DebuggerPanel-expanded');
+    }
+    /**
+     * Handler to notify `AccordionPanel`'s title that its child widget is closed.
+     * @param {Message} msg
+     *
+     * TODO remove when @lumino/widgets 1.26.3 is released
+     */
+    onAfterHide(msg) {
+        var _a;
+        (_a = this.toolbar.node.parentElement) === null || _a === void 0 ? void 0 : _a.classList.remove('jp-DebuggerPanel-expanded');
+    }
+    /**
+     * Widget toolbar
+     */
+    get toolbar() {
+        return this._toolbar;
+    }
+}
+//# sourceMappingURL=panelwithtoolbar.js.map

package/lib/panels/panelwithtoolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelwithtoolbar.js","sourceRoot":"","sources":["../../src/panels/panelwithtoolbar.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAEL,cAAc,EAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK;IACzC;;;;OAIG;IACH,YAAY,OAAkC;QAC5C,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,cAAc,CAAC;QACxD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE3C,IAAI,CAAC,QAAQ,GAAG,IAAI,OAAO,EAAE,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC;QAChD,6DAA6D;QAC7D,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC;IAED;;;;;;;;;OASG;IACO,WAAW,CAAC,GAAY;;QAChC,MAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,0CAAE,SAAS,CAAC,GAAG,CAAC,2BAA2B,EAAE;IAC9E,CAAC;IAED;;;;;OAKG;IACO,WAAW,CAAC,GAAY;;QAChC,MAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,0CAAE,SAAS,CAAC,MAAM,CAC/C,2BAA2B,EAC3B;IACJ,CAAC;IAED;;OAEG;IACH,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;CASF"}

package/lib/panels/sources/index.d.ts

@@ -1,11 +1,11 @@
 import { IEditorServices } from '@jupyterlab/codeeditor';
 import { ITranslator } from '@jupyterlab/translation';
-import { Panel } from '@lumino/widgets';
 import { IDebugger } from '../../tokens';
+import { PanelWithToolbar } from '../panelwithtoolbar';
 /**
  * A Panel that shows a preview of the source code while debugging.
  */
-export declare class Sources extends Panel {
+export declare class Sources extends PanelWithToolbar {
     /**
      * Instantiate a new Sources preview Panel.
      *

package/lib/panels/sources/index.js

@@ -2,39 +2,42 @@
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
-import { nullTranslator } from '@jupyterlab/translation';
 import { ToolbarButton } from '@jupyterlab/ui-components';
-import { Panel } from '@lumino/widgets';
 import { viewBreakpointIcon } from '../../icons';
+import { SourcePathComponent } from './sourcepath';
 import { SourcesBody } from './body';
-import { SourcesHeader } from './header';
+import { ReactWidget } from '@jupyterlab/ui-components';
+import React from 'react';
+import { PanelWithToolbar } from '../panelwithtoolbar';
 /**
  * A Panel that shows a preview of the source code while debugging.
  */
-export class Sources extends Panel {
+export class Sources extends PanelWithToolbar {
     /**
      * Instantiate a new Sources preview Panel.
      *
      * @param options The Sources instantiation options.
      */
     constructor(options) {
-        super();
+        super(options);
         const { model, service, editorServices } = options;
-        const translator = options.translator || nullTranslator;
-        const trans = translator.load('jupyterlab');
-        const header = new SourcesHeader(model, translator);
+        this.title.label = this.trans.__('Source');
+        this.toolbar.addClass('jp-DebuggerSources-header');
         const body = new SourcesBody({
             service,
             model,
             editorServices
         });
-        header.toolbar.addItem('open', new ToolbarButton({
+        this.toolbar.addItem('open', new ToolbarButton({
             icon: viewBreakpointIcon,
             onClick: () => model.open(),
-            tooltip: trans.__('Open in the Main Area')
+            tooltip: this.trans.__('Open in the Main Area')
         }));
-        this.addWidget(header);
+        const sourcePath = ReactWidget.create(React.createElement(SourcePathComponent, { model: model }));
+        this.toolbar.addItem('sourcePath', sourcePath);
+        this.addClass('jp-DebuggerSources-header');
         this.addWidget(body);
+        this.addClass('jp-DebuggerSources');
     }
 }
 //# sourceMappingURL=index.js.map

package/lib/panels/sources/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/panels/sources/index.ts"],"names":[],"mappings":"AAAA;;;+EAG+E;AAG/E,OAAO,EAAe,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,KAAK;IAChC;;;;OAIG;IACH,YAAY,OAAyB;QACnC,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC;QACnD,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,cAAc,CAAC;QACxD,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5C,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QACpD,MAAM,IAAI,GAAG,IAAI,WAAW,CAAC;YAC3B,OAAO;YACP,KAAK;YACL,cAAc;SACf,CAAC,CAAC;QACH,MAAM,CAAC,OAAO,CAAC,OAAO,CACpB,MAAM,EACN,IAAI,aAAa,CAAC;YAChB,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,GAAS,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE;YACjC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC;SAC3C,CAAC,CACH,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;CACF"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/panels/sources/index.tsx"],"names":[],"mappings":"AAAA;;;+EAG+E;AAI/E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,gBAAgB;IAC3C;;;;OAIG;IACH,YAAY,OAAyB;QACnC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;QAE3C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC;QACnD,MAAM,IAAI,GAAG,IAAI,WAAW,CAAC;YAC3B,OAAO;YACP,KAAK;YACL,cAAc;SACf,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,CAAC,OAAO,CAClB,MAAM,EACN,IAAI,aAAa,CAAC;YAChB,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,GAAS,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE;YACjC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC;SAChD,CAAC,CACH,CAAC;QACF,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CACnC,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,GAAI,CACtC,CAAC;QAEF,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC;QAE3C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IACtC,CAAC;CACF"}

package/lib/panels/sources/model.d.ts

@@ -13,7 +13,7 @@ export declare class SourcesModel implements IDebugger.Model.ISources {
     /**
      * Signal emitted when the current frame changes.
      */
-    readonly currentFrameChanged: ISignal<IDebugger.Model.ICallstack, IDebugger.IStackFrame>;
+    readonly currentFrameChanged: ISignal<IDebugger.Model.ICallstack, IDebugger.IStackFrame | null>;
     /**
      * Signal emitted when a source should be open in the main area.
      */
@@ -51,6 +51,6 @@ export declare namespace SourcesModel {
         /**
          * Signal emitted when the current frame changes.
          */
-        currentFrameChanged: ISignal<IDebugger.Model.ICallstack, IDebugger.IStackFrame>;
+        currentFrameChanged: ISignal<IDebugger.Model.ICallstack, IDebugger.IStackFrame | null>;
     }
 }

package/lib/panels/sources/sourcepath.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IDebugger } from '../../tokens';
+/**
+ * A React component to display the path to a source.
+ *
+ * @param {object} props The component props.
+ * @param props.model The model for the sources.
+ */
+export declare const SourcePathComponent: ({ model }: {
+    model: IDebugger.Model.ISources;
+}) => JSX.Element;

package/lib/panels/sources/sourcepath.js

@@ -0,0 +1,17 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+import { UseSignal } from '@jupyterlab/ui-components';
+import React from 'react';
+/**
+ * A React component to display the path to a source.
+ *
+ * @param {object} props The component props.
+ * @param props.model The model for the sources.
+ */
+export const SourcePathComponent = ({ model }) => {
+    return (React.createElement(UseSignal, { signal: model.currentSourceChanged, initialSender: model }, (model) => {
+        var _a, _b;
+        return (React.createElement("span", { onClick: () => model === null || model === void 0 ? void 0 : model.open() }, (_b = (_a = model === null || model === void 0 ? void 0 : model.currentSource) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : ''));
+    }));
+};
+//# sourceMappingURL=sourcepath.js.map

package/lib/panels/sources/sourcepath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sourcepath.js","sourceRoot":"","sources":["../../../src/panels/sources/sourcepath.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EAGN,EAAe,EAAE;IAChB,OAAO,CACL,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAChE,CAAC,KAAK,EAAe,EAAE;;QAAC,OAAA,CACvB,8BAAM,OAAO,EAAE,GAAS,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,gBACrC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,IAAI,mCAAI,EAAE,CAC5B,CACR,CAAA;KAAA,CACS,CACb,CAAC;AACJ,CAAC,CAAC"}

package/lib/panels/variables/grid.d.ts

@@ -2,6 +2,7 @@ import { IThemeManager } from '@jupyterlab/apputils';
 import { CommandRegistry } from '@lumino/commands';
 import { Panel } from '@lumino/widgets';
 import { IDebugger } from '../../tokens';
+import { ITranslator } from '@jupyterlab/translation';
 /**
  * A data grid that displays variables in a debugger session.
  */
@@ -12,6 +13,10 @@ export declare class VariablesBodyGrid extends Panel {
      * @param options The instantiation options for a VariablesBodyGrid.
      */
     constructor(options: VariablesBodyGrid.IOptions);
+    /**
+     * Get the latest hit variable
+     */
+    get latestSelection(): IDebugger.IVariableSelection | null;
     /**
      * Set the variable filter list.
      *
@@ -55,5 +60,9 @@ export declare namespace VariablesBodyGrid {
          * An optional application theme manager to detect theme changes.
          */
         themeManager?: IThemeManager | null;
+        /**
+         * The application language translator.
+         */
+        translator?: ITranslator;
     }
 }