jupyterlab_claude_code_extension 1.1.25 → 1.1.27

package/lib/icons.d.ts

@@ -4,4 +4,6 @@ export declare const starFilledIcon: LabIcon;
 export declare const refreshIcon: LabIcon;
 export declare const removeIcon: LabIcon;
 export declare const shieldIcon: LabIcon;
+export declare const addIcon: LabIcon;
+export declare const addShieldIcon: LabIcon;
 export declare const filterIcon: LabIcon;

package/lib/icons.js

@@ -49,6 +49,28 @@ export const shieldIcon = new LabIcon({
     name: 'jupyterlab_claude_code_extension:shield',
     svgstr: shieldSvgStr
 });
+// Material "add" plus, same 16px/jp-icon3 treatment as the other header
+// icons.
+const addSvgStr = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16">
+  <path class="jp-icon3" fill="#616161" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
+</svg>`;
+export const addIcon = new LabIcon({
+    name: 'jupyterlab_claude_code_extension:add',
+    svgstr: addSvgStr
+});
+// Plus with a small solid shield in the lower-right corner - the
+// skip-permissions variant of the "new session" button, echoing the
+// shield used on the context menu's "Resume (Skip Permissions)".
+const addShieldSvgStr = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16">
+  <g class="jp-icon3" fill="#616161">
+    <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" transform="translate(-2,-2) scale(0.83)"/>
+    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z" transform="translate(13,12) scale(0.46)"/>
+  </g>
+</svg>`;
+export const addShieldIcon = new LabIcon({
+    name: 'jupyterlab_claude_code_extension:add-shield',
+    svgstr: addShieldSvgStr
+});
 // Funnel copied verbatim from @jupyterlab/ui-components'
 // `search/filter.svg` - the same image the file browser's filter
 // toggle uses. The `class="jp-icon3"` lets JupyterLab's theme drive

package/lib/index.js

@@ -1,4 +1,5 @@
 import { ILabShell, ILayoutRestorer } from '@jupyterlab/application';
+import { IDefaultFileBrowser } from '@jupyterlab/filebrowser';
 import { ISettingRegistry } from '@jupyterlab/settingregistry';
 import { ITerminalTracker } from '@jupyterlab/terminal';
 import { requestAPI } from './request';
@@ -10,8 +11,13 @@ const plugin = {
     description: 'Side panel listing Claude Code sessions per project folder, with remote-control indicator, favorites, and one-click resume in a terminal.',
     autoStart: true,
     requires: [ILabShell],
-    optional: [ILayoutRestorer, ISettingRegistry, ITerminalTracker],
-    activate: async (app, labShell, restorer, settingRegistry, terminalTracker) => {
+    optional: [
+        ILayoutRestorer,
+        ISettingRegistry,
+        ITerminalTracker,
+        IDefaultFileBrowser
+    ],
+    activate: async (app, labShell, restorer, settingRegistry, terminalTracker, fileBrowser) => {
         const settings = app.serviceManager.serverSettings;
         let status;
         try {
@@ -25,7 +31,7 @@ const plugin = {
             console.info('[jupyterlab_claude_code_extension] `claude` binary not found on PATH; panel disabled.');
             return;
         }
-        const widget = new ClaudeCodeSessionsWidget(app, status.root_dir || '', terminalTracker);
+        const widget = new ClaudeCodeSessionsWidget(app, status.root_dir || '', terminalTracker, fileBrowser);
         // Read the sidebar setting before docking so we add the widget to the
         // user's preferred side on first paint. Default to left.
         let currentSidebar = 'left';

package/lib/types.d.ts

@@ -44,7 +44,8 @@ export interface ICleanupResponse {
 }
 export interface ILaunchTerminalRequest {
     project_path: string;
-    session_id: string;
+    /** Omit to start a brand-new claude session instead of resuming one. */
+    session_id?: string;
     dangerously_skip_permissions?: boolean;
 }
 export interface ILaunchTerminalResponse {

package/lib/widget.d.ts

@@ -1,10 +1,11 @@
 import { JupyterFrontEnd } from '@jupyterlab/application';
+import { IDefaultFileBrowser } from '@jupyterlab/filebrowser';
 import { ITerminalTracker } from '@jupyterlab/terminal';
 import { Widget } from '@lumino/widgets';
 import { Message } from '@lumino/messaging';
 export type PresentationMode = 'folder' | 'path';
 export declare class ClaudeCodeSessionsWidget extends Widget {
-    constructor(app: JupyterFrontEnd, rootDir: string, terminalTracker?: ITerminalTracker | null);
+    constructor(app: JupyterFrontEnd, rootDir: string, terminalTracker?: ITerminalTracker | null, fileBrowser?: IDefaultFileBrowser | null);
     refresh(): void;
     /** Choose how rows are labelled: by session name, folder name, or path. */
     setPresentationMode(mode: PresentationMode): void;
@@ -44,6 +45,15 @@ export declare class ClaudeCodeSessionsWidget extends Widget {
     private _cleanupParallel;
     private _resumeInTerminal;
     private _doResumeInTerminal;
+    /** Absolute path of the file browser's current folder; falls back to the
+     * server root when no file browser is available. */
+    private _currentFolder;
+    /** Start a brand-new claude session in the file browser's current folder.
+     * Same launch path as resuming (claude is the pty's only process via the
+     * launch-terminal endpoint) - just without --resume, and always a fresh
+     * terminal since there is no existing session to reuse.
+     */
+    private _newSession;
     /**
      * Bring a terminal tab to the front AND hand it keyboard focus, so the
      * user can start typing without an extra click. `activateById` only
@@ -102,6 +112,7 @@ export declare class ClaudeCodeSessionsWidget extends Widget {
     private _pollHandle;
     private readonly _removingPaths;
     private readonly _terminalTracker;
+    private readonly _fileBrowser;
     private readonly _terminalsByPath;
     private readonly _pendingByPath;
     private readonly _rootDir;

package/lib/widget.js

@@ -3,7 +3,7 @@ import { folderIcon, terminalIcon } from '@jupyterlab/ui-components';
 import { CommandRegistry } from '@lumino/commands';
 import { Menu, Widget } from '@lumino/widgets';
 import { requestAPI } from './request';
-import { claudeIcon, filterIcon, refreshIcon, removeIcon, shieldIcon, starFilledIcon } from './icons';
+import { addIcon, addShieldIcon, claudeIcon, filterIcon, refreshIcon, removeIcon, shieldIcon, starFilledIcon } from './icons';
 const POLL_INTERVAL_MS = 30000;
 const DEFAULT_RECENT_LIMIT = 10;
 const EXPANDED_STORAGE_KEY = 'jupyterlab_claude_code_extension:expanded';
@@ -56,7 +56,7 @@ catch (_err) {
     // ignore
 }
 export class ClaudeCodeSessionsWidget extends Widget {
-    constructor(app, rootDir, terminalTracker = null) {
+    constructor(app, rootDir, terminalTracker = null, fileBrowser = null) {
         super();
         this._refreshBtn = null;
         this._filterBtn = null;
@@ -78,6 +78,7 @@ export class ClaudeCodeSessionsWidget extends Widget {
         this._serverSettings = app.serviceManager.serverSettings;
         this._rootDir = rootDir.replace(/\/+$/, '');
         this._terminalTracker = terminalTracker;
+        this._fileBrowser = fileBrowser;
         this.id = 'jupyterlab-claude-code-extension';
         this.title.icon = claudeIcon;
         this.title.caption = 'Claude Code Sessions';
@@ -139,6 +140,19 @@ export class ClaudeCodeSessionsWidget extends Widget {
         title.className = 'jp-ClaudeSessionsPanel-title';
         title.textContent = 'Claude Code Sessions';
         header.appendChild(title);
+        const newBtn = document.createElement('button');
+        newBtn.className = 'jp-ClaudeSessionsPanel-iconButton';
+        newBtn.title = 'New Claude session in the current folder';
+        addIcon.element({ container: newBtn });
+        newBtn.addEventListener('click', () => void this._newSession(false));
+        header.appendChild(newBtn);
+        const newSkipBtn = document.createElement('button');
+        newSkipBtn.className = 'jp-ClaudeSessionsPanel-iconButton';
+        newSkipBtn.title =
+            'New Claude session in the current folder (Skip Permissions)';
+        addShieldIcon.element({ container: newSkipBtn });
+        newSkipBtn.addEventListener('click', () => void this._newSession(true));
+        header.appendChild(newSkipBtn);
         const filterBtn = document.createElement('button');
         filterBtn.className = 'jp-ClaudeSessionsPanel-iconButton';
         filterBtn.title = 'Filter sessions';
@@ -464,6 +478,53 @@ export class ClaudeCodeSessionsWidget extends Widget {
             });
         }
     }
+    /** Absolute path of the file browser's current folder; falls back to the
+     * server root when no file browser is available. */
+    _currentFolder() {
+        var _a, _b, _c;
+        const rel = ((_c = (_b = (_a = this._fileBrowser) === null || _a === void 0 ? void 0 : _a.model) === null || _b === void 0 ? void 0 : _b.path) !== null && _c !== void 0 ? _c : '').replace(/^\/+/, '');
+        return rel ? `${this._rootDir}/${rel}` : this._rootDir;
+    }
+    /** Start a brand-new claude session in the file browser's current folder.
+     * Same launch path as resuming (claude is the pty's only process via the
+     * launch-terminal endpoint) - just without --resume, and always a fresh
+     * terminal since there is no existing session to reuse.
+     */
+    async _newSession(forceDangerous) {
+        const projectPath = this._currentFolder();
+        if (!projectPath) {
+            return;
+        }
+        const spinner = this._showLaunchSpinner();
+        try {
+            const launched = await requestAPI('launch-terminal', this._serverSettings, {
+                method: 'POST',
+                body: JSON.stringify({
+                    project_path: projectPath,
+                    dangerously_skip_permissions: forceDangerous || this._dangerouslySkip
+                })
+            });
+            const widget = await this._app.commands.execute('terminal:open', {
+                name: launched.terminal_name
+            });
+            if (widget === null || widget === void 0 ? void 0 : widget.id) {
+                this._terminalsByPath.set(projectPath, widget);
+                this._wireTerminalDisposal(projectPath, widget);
+                this._focusTerminal(widget);
+            }
+        }
+        catch (err) {
+            this._showError(err);
+        }
+        finally {
+            spinner.dispose();
+            // The new session creates a project dir under ~/.claude - refresh so
+            // its row (and remote-control state) appears without waiting a poll.
+            void this._fetch().catch(() => {
+                /* a poll tick will retry; nothing actionable here */
+            });
+        }
+    }
     /**
      * Bring a terminal tab to the front AND hand it keyboard focus, so the
      * user can start typing without an extra click. `activateById` only

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jupyterlab_claude_code_extension",
-    "version": "1.1.25",
+    "version": "1.1.27",
     "description": "Browse, resume, and manage your Claude Code CLI sessions from a JupyterLab side panel. One click reactivates the right terminal - no duplicate tabs, live remote-control indicator, and favourites for the projects you keep coming back to.",
     "keywords": [
         "jupyter",
@@ -58,6 +58,7 @@
     "dependencies": {
         "@jupyterlab/apputils": "^4.0.0",
         "@jupyterlab/coreutils": "^6.0.0",
+        "@jupyterlab/filebrowser": "^4.0.0",
         "@jupyterlab/services": "^7.0.0",
         "@jupyterlab/settingregistry": "^4.0.0",
         "@jupyterlab/terminal": "^4.0.0",

package/src/icons.ts

@@ -60,6 +60,32 @@ export const shieldIcon = new LabIcon({
   svgstr: shieldSvgStr
 });
 
+// Material "add" plus, same 16px/jp-icon3 treatment as the other header
+// icons.
+const addSvgStr = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16">
+  <path class="jp-icon3" fill="#616161" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
+</svg>`;
+
+export const addIcon = new LabIcon({
+  name: 'jupyterlab_claude_code_extension:add',
+  svgstr: addSvgStr
+});
+
+// Plus with a small solid shield in the lower-right corner - the
+// skip-permissions variant of the "new session" button, echoing the
+// shield used on the context menu's "Resume (Skip Permissions)".
+const addShieldSvgStr = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16">
+  <g class="jp-icon3" fill="#616161">
+    <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" transform="translate(-2,-2) scale(0.83)"/>
+    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z" transform="translate(13,12) scale(0.46)"/>
+  </g>
+</svg>`;
+
+export const addShieldIcon = new LabIcon({
+  name: 'jupyterlab_claude_code_extension:add-shield',
+  svgstr: addShieldSvgStr
+});
+
 // Funnel copied verbatim from @jupyterlab/ui-components'
 // `search/filter.svg` - the same image the file browser's filter
 // toggle uses. The `class="jp-icon3"` lets JupyterLab's theme drive

package/src/index.ts

@@ -4,6 +4,7 @@ import {
   JupyterFrontEnd,
   JupyterFrontEndPlugin
 } from '@jupyterlab/application';
+import { IDefaultFileBrowser } from '@jupyterlab/filebrowser';
 import { ISettingRegistry } from '@jupyterlab/settingregistry';
 import { ITerminalTracker } from '@jupyterlab/terminal';
 
@@ -20,13 +21,19 @@ const plugin: JupyterFrontEndPlugin<void> = {
     'Side panel listing Claude Code sessions per project folder, with remote-control indicator, favorites, and one-click resume in a terminal.',
   autoStart: true,
   requires: [ILabShell],
-  optional: [ILayoutRestorer, ISettingRegistry, ITerminalTracker],
+  optional: [
+    ILayoutRestorer,
+    ISettingRegistry,
+    ITerminalTracker,
+    IDefaultFileBrowser
+  ],
   activate: async (
     app: JupyterFrontEnd,
     labShell: ILabShell,
     restorer: ILayoutRestorer | null,
     settingRegistry: ISettingRegistry | null,
-    terminalTracker: ITerminalTracker | null
+    terminalTracker: ITerminalTracker | null,
+    fileBrowser: IDefaultFileBrowser | null
   ) => {
     const settings = app.serviceManager.serverSettings;
 
@@ -51,7 +58,8 @@ const plugin: JupyterFrontEndPlugin<void> = {
     const widget = new ClaudeCodeSessionsWidget(
       app,
       status.root_dir || '',
-      terminalTracker
+      terminalTracker,
+      fileBrowser
     );
 
     // Read the sidebar setting before docking so we add the widget to the

package/src/types.ts

@@ -53,7 +53,8 @@ export interface ICleanupResponse {
 
 export interface ILaunchTerminalRequest {
   project_path: string;
-  session_id: string;
+  /** Omit to start a brand-new claude session instead of resuming one. */
+  session_id?: string;
   dangerously_skip_permissions?: boolean;
 }
 

package/src/widget.ts

@@ -6,6 +6,7 @@ import {
   showDialog
 } from '@jupyterlab/apputils';
 import { ServerConnection } from '@jupyterlab/services';
+import { IDefaultFileBrowser } from '@jupyterlab/filebrowser';
 import { ITerminalTracker } from '@jupyterlab/terminal';
 import { folderIcon, terminalIcon } from '@jupyterlab/ui-components';
 import { CommandRegistry } from '@lumino/commands';
@@ -14,6 +15,8 @@ import { Message } from '@lumino/messaging';
 
 import { requestAPI } from './request';
 import {
+  addIcon,
+  addShieldIcon,
   claudeIcon,
   filterIcon,
   refreshIcon,
@@ -101,13 +104,15 @@ export class ClaudeCodeSessionsWidget extends Widget {
   constructor(
     app: JupyterFrontEnd,
     rootDir: string,
-    terminalTracker: ITerminalTracker | null = null
+    terminalTracker: ITerminalTracker | null = null,
+    fileBrowser: IDefaultFileBrowser | null = null
   ) {
     super();
     this._app = app;
     this._serverSettings = app.serviceManager.serverSettings;
     this._rootDir = rootDir.replace(/\/+$/, '');
     this._terminalTracker = terminalTracker;
+    this._fileBrowser = fileBrowser;
 
     this.id = 'jupyterlab-claude-code-extension';
     this.title.icon = claudeIcon;
@@ -185,6 +190,21 @@ export class ClaudeCodeSessionsWidget extends Widget {
     title.textContent = 'Claude Code Sessions';
     header.appendChild(title);
 
+    const newBtn = document.createElement('button');
+    newBtn.className = 'jp-ClaudeSessionsPanel-iconButton';
+    newBtn.title = 'New Claude session in the current folder';
+    addIcon.element({ container: newBtn });
+    newBtn.addEventListener('click', () => void this._newSession(false));
+    header.appendChild(newBtn);
+
+    const newSkipBtn = document.createElement('button');
+    newSkipBtn.className = 'jp-ClaudeSessionsPanel-iconButton';
+    newSkipBtn.title =
+      'New Claude session in the current folder (Skip Permissions)';
+    addShieldIcon.element({ container: newSkipBtn });
+    newSkipBtn.addEventListener('click', () => void this._newSession(true));
+    header.appendChild(newSkipBtn);
+
     const filterBtn = document.createElement('button');
     filterBtn.className = 'jp-ClaudeSessionsPanel-iconButton';
     filterBtn.title = 'Filter sessions';
@@ -568,6 +588,57 @@ export class ClaudeCodeSessionsWidget extends Widget {
     }
   }
 
+  /** Absolute path of the file browser's current folder; falls back to the
+   * server root when no file browser is available. */
+  private _currentFolder(): string {
+    const rel = (this._fileBrowser?.model?.path ?? '').replace(/^\/+/, '');
+    return rel ? `${this._rootDir}/${rel}` : this._rootDir;
+  }
+
+  /** Start a brand-new claude session in the file browser's current folder.
+   * Same launch path as resuming (claude is the pty's only process via the
+   * launch-terminal endpoint) - just without --resume, and always a fresh
+   * terminal since there is no existing session to reuse.
+   */
+  private async _newSession(forceDangerous: boolean): Promise<void> {
+    const projectPath = this._currentFolder();
+    if (!projectPath) {
+      return;
+    }
+    const spinner = this._showLaunchSpinner();
+    try {
+      const launched = await requestAPI<ILaunchTerminalResponse>(
+        'launch-terminal',
+        this._serverSettings,
+        {
+          method: 'POST',
+          body: JSON.stringify({
+            project_path: projectPath,
+            dangerously_skip_permissions:
+              forceDangerous || this._dangerouslySkip
+          })
+        }
+      );
+      const widget: any = await this._app.commands.execute('terminal:open', {
+        name: launched.terminal_name
+      });
+      if (widget?.id) {
+        this._terminalsByPath.set(projectPath, widget);
+        this._wireTerminalDisposal(projectPath, widget);
+        this._focusTerminal(widget);
+      }
+    } catch (err) {
+      this._showError(err);
+    } finally {
+      spinner.dispose();
+      // The new session creates a project dir under ~/.claude - refresh so
+      // its row (and remote-control state) appears without waiting a poll.
+      void this._fetch().catch(() => {
+        /* a poll tick will retry; nothing actionable here */
+      });
+    }
+  }
+
   /**
    * Bring a terminal tab to the front AND hand it keyboard focus, so the
    * user can start typing without an extra click. `activateById` only
@@ -1192,6 +1263,7 @@ export class ClaudeCodeSessionsWidget extends Widget {
   private _pollHandle: number | null = null;
   private readonly _removingPaths: Set<string> = new Set();
   private readonly _terminalTracker: ITerminalTracker | null;
+  private readonly _fileBrowser: IDefaultFileBrowser | null;
   private readonly _terminalsByPath: Map<string, any> = new Map();
   private readonly _pendingByPath: Map<string, Promise<void>> = new Map();
   private readonly _rootDir: string;