jupyterlab_claude_code_extension 1.2.4 → 1.2.5

package/lib/widget.d.ts

@@ -92,6 +92,11 @@ export declare class ClaudeCodeSessionsWidget extends Widget {
      * case the file browser has no way to address it. */
     private _pathUnderRoot;
     private _formatRelativeTime;
+    /** Branch entry display: conversation name plus short session id in
+     * brackets; branches share the project path so only the name and id
+     * distinguish them. Skips the suffix when the label already is the
+     * short id (the backend's last-resort fallback). */
+    private _branchDisplayName;
     private _setRefreshSpinning;
     private _setActiveRow;
     private _setupContextMenu;

package/lib/widget.js

@@ -914,6 +914,14 @@ export class ClaudeCodeSessionsWidget extends Widget {
         }
         return `${Math.floor(diff / 86400000)}d ago`;
     }
+    /** Branch entry display: conversation name plus short session id in
+     * brackets; branches share the project path so only the name and id
+     * distinguish them. Skips the suffix when the label already is the
+     * short id (the backend's last-resort fallback). */
+    _branchDisplayName(b) {
+        const shortId = b.session_id.slice(0, 8);
+        return b.label === shortId ? b.label : `${b.label} (${shortId})`;
+    }
     _setRefreshSpinning(on) {
         if (!this._refreshBtn) {
             return;
@@ -1133,7 +1141,7 @@ export class ClaudeCodeSessionsWidget extends Widget {
                         command: 'claude-code-sessions:switch-branch',
                         args: {
                             session_id: b.session_id,
-                            label: `${b.label} - ${this._formatRelativeTime(b.file_mtime)}`
+                            label: `${this._branchDisplayName(b)} - ${this._formatRelativeTime(b.file_mtime)}`
                         }
                     });
                 }
@@ -1190,7 +1198,7 @@ export class ClaudeCodeSessionsWidget extends Widget {
                 row.title = `Session id: ${b.session_id}`;
                 const label = document.createElement('span');
                 label.className = 'jp-ClaudeSessionsPanel-branchLabel';
-                label.textContent = b.label;
+                label.textContent = this._branchDisplayName(b);
                 row.appendChild(label);
                 const time = document.createElement('span');
                 time.className = 'jp-ClaudeSessionsPanel-branchTime';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jupyterlab_claude_code_extension",
-    "version": "1.2.4",
+    "version": "1.2.5",
     "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",

package/src/__tests__/jupyterlab_claude_code_extension.spec.ts

@@ -157,6 +157,20 @@ describe('launch spinner dismiss contract', () => {
       );
     });
 
+    it('branch entries render name plus short id via _branchDisplayName', () => {
+      const display = (widgetSrc.match(
+        /private _branchDisplayName[\s\S]*?\n  \}/
+      ) ?? [''])[0];
+      expect(display).toMatch(/session_id\.slice\(0, 8\)/);
+      expect(display).toMatch(/`\$\{b\.label\} \(\$\{shortId\}\)`/);
+      expect(widgetSrc).toMatch(
+        /label: `\$\{this\._branchDisplayName\(b\)\} - \$\{this\._formatRelativeTime\(b\.file_mtime\)\}`/
+      );
+      expect(widgetSrc).toMatch(
+        /label\.textContent = this\._branchDisplayName\(b\)/
+      );
+    });
+
     it('More... popup filters by label or session id and switches on click', () => {
       const popup = (widgetSrc.match(
         /private _showBranchPopup[\s\S]*?\n  \}/

package/src/widget.ts

@@ -1068,6 +1068,15 @@ export class ClaudeCodeSessionsWidget extends Widget {
     return `${Math.floor(diff / 86_400_000)}d ago`;
   }
 
+  /** Branch entry display: conversation name plus short session id in
+   * brackets; branches share the project path so only the name and id
+   * distinguish them. Skips the suffix when the label already is the
+   * short id (the backend's last-resort fallback). */
+  private _branchDisplayName(b: IBranch): string {
+    const shortId = b.session_id.slice(0, 8);
+    return b.label === shortId ? b.label : `${b.label} (${shortId})`;
+  }
+
   private _setRefreshSpinning(on: boolean): void {
     if (!this._refreshBtn) {
       return;
@@ -1320,7 +1329,7 @@ export class ClaudeCodeSessionsWidget extends Widget {
             command: 'claude-code-sessions:switch-branch',
             args: {
               session_id: b.session_id,
-              label: `${b.label} - ${this._formatRelativeTime(b.file_mtime)}`
+              label: `${this._branchDisplayName(b)} - ${this._formatRelativeTime(b.file_mtime)}`
             }
           });
         }
@@ -1385,7 +1394,7 @@ export class ClaudeCodeSessionsWidget extends Widget {
 
         const label = document.createElement('span');
         label.className = 'jp-ClaudeSessionsPanel-branchLabel';
-        label.textContent = b.label;
+        label.textContent = this._branchDisplayName(b);
         row.appendChild(label);
 
         const time = document.createElement('span');