jupyterlab_claude_code_extension 1.1.23 → 1.1.25

package/lib/widget.js

@@ -335,17 +335,52 @@ export class ClaudeCodeSessionsWidget extends Widget {
         }
     }
     async _cleanupParallel(session) {
+        const body = new Widget();
+        body.node.className = 'jp-ClaudeSessionsPanel-cleanupBody';
+        const message = document.createElement('div');
+        message.className = 'jp-ClaudeSessionsPanel-cleanupMessage';
+        const count = session.extra_sessions;
+        message.textContent = `Removing ${count} parallel session${count === 1 ? '' : 's'}...`;
+        body.node.appendChild(message);
+        // No `value` attribute -> indeterminate (animated) while the request is
+        // in flight; set to max on completion so the bar reads as finished.
+        const bar = document.createElement('progress');
+        bar.className = 'jp-ClaudeSessionsPanel-cleanupProgress';
+        bar.max = 1;
+        body.node.appendChild(bar);
+        const dialog = new Dialog({
+            title: 'Clean Up Parallel Sessions',
+            body,
+            buttons: [Dialog.okButton({ label: 'Close' })]
+        });
+        // Hide the Close button while work is in progress; restore it once the
+        // outcome (success or error) is shown so the user dismisses the popup.
+        const footer = dialog.node.querySelector('.jp-Dialog-footer');
+        if (footer) {
+            footer.style.display = 'none';
+        }
+        void dialog.launch();
         try {
-            await requestAPI('sessions/cleanup', this._serverSettings, {
+            const data = await requestAPI('sessions/cleanup', this._serverSettings, {
                 method: 'POST',
                 body: JSON.stringify({ encoded_path: session.encoded_path })
             });
+            bar.value = 1;
+            message.textContent = `Removed ${data.removed_count} parallel session${data.removed_count === 1 ? '' : 's'}.`;
             // Refresh so the row's extra_sessions count (and menu label) update
             await this._fetch();
         }
         catch (err) {
+            bar.remove();
+            message.classList.add('jp-ClaudeSessionsPanel-cleanupError');
+            message.textContent = `Cleanup failed: ${err instanceof Error ? err.message : String(err)}`;
             this._showError(err);
         }
+        finally {
+            if (footer) {
+                footer.style.display = '';
+            }
+        }
     }
     // -------------------------------------------------------------- terminal
     async _resumeInTerminal(session, forceDangerous = false) {

package/package.json

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

@@ -84,6 +84,44 @@ describe('launch spinner dismiss contract', () => {
     'utf-8'
   );
 
+  /**
+   * Contract for the cleanup-parallel popup: the dialog opens with the
+   * Close button hidden while the POST is in flight (footer display
+   * 'none'), shows an indeterminate <progress> bar, then on completion
+   * fills the bar and reports success - or drops the bar and shows the
+   * error - and restores the footer so the user can dismiss.
+   */
+  describe('cleanup popup contract', () => {
+    const cleanup = (widgetSrc.match(
+      /private async _cleanupParallel[\s\S]*?\n  \}/
+    ) ?? [''])[0];
+
+    it('creates a progress element in the dialog body', () => {
+      expect(cleanup).toMatch(/createElement\('progress'\)/);
+    });
+
+    it('hides the footer during the request and restores it in finally', () => {
+      expect(cleanup).toMatch(/footer\.style\.display = 'none'/);
+      expect(cleanup).toMatch(/finally[\s\S]*?footer\.style\.display = ''/);
+    });
+
+    it('fills the bar and reports the removed count on success', () => {
+      expect(cleanup).toMatch(/bar\.value = 1/);
+      expect(cleanup).toMatch(/Removed \$\{data\.removed_count\}/);
+    });
+
+    it('shows an error message styled with the error class on failure', () => {
+      expect(cleanup).toMatch(/catch[\s\S]*?bar\.remove\(\)/);
+      expect(cleanup).toMatch(/jp-ClaudeSessionsPanel-cleanupError/);
+      expect(cleanup).toMatch(/Cleanup failed: /);
+    });
+
+    it('refreshes the session list after a successful cleanup', () => {
+      const successBlock = (cleanup.match(/try[\s\S]*?catch/) ?? [''])[0];
+      expect(successBlock).toMatch(/await this\._fetch\(\)/);
+    });
+  });
+
   it('_doResumeInTerminal dismisses spinner via dispose(), not resolve()', () => {
     expect(widgetSrc).toMatch(/spinner\.dispose\(\)/);
     expect(widgetSrc).not.toMatch(/spinner\.resolve\(\)/);

package/src/widget.ts

@@ -408,8 +408,41 @@ export class ClaudeCodeSessionsWidget extends Widget {
   }
 
   private async _cleanupParallel(session: ISession): Promise<void> {
+    const body = new Widget();
+    body.node.className = 'jp-ClaudeSessionsPanel-cleanupBody';
+
+    const message = document.createElement('div');
+    message.className = 'jp-ClaudeSessionsPanel-cleanupMessage';
+    const count = session.extra_sessions;
+    message.textContent = `Removing ${count} parallel session${
+      count === 1 ? '' : 's'
+    }...`;
+    body.node.appendChild(message);
+
+    // No `value` attribute -> indeterminate (animated) while the request is
+    // in flight; set to max on completion so the bar reads as finished.
+    const bar = document.createElement('progress');
+    bar.className = 'jp-ClaudeSessionsPanel-cleanupProgress';
+    bar.max = 1;
+    body.node.appendChild(bar);
+
+    const dialog = new Dialog<unknown>({
+      title: 'Clean Up Parallel Sessions',
+      body,
+      buttons: [Dialog.okButton({ label: 'Close' })]
+    });
+    // Hide the Close button while work is in progress; restore it once the
+    // outcome (success or error) is shown so the user dismisses the popup.
+    const footer = dialog.node.querySelector(
+      '.jp-Dialog-footer'
+    ) as HTMLElement | null;
+    if (footer) {
+      footer.style.display = 'none';
+    }
+    void dialog.launch();
+
     try {
-      await requestAPI<ICleanupResponse>(
+      const data = await requestAPI<ICleanupResponse>(
         'sessions/cleanup',
         this._serverSettings,
         {
@@ -417,10 +450,23 @@ export class ClaudeCodeSessionsWidget extends Widget {
           body: JSON.stringify({ encoded_path: session.encoded_path })
         }
       );
+      bar.value = 1;
+      message.textContent = `Removed ${data.removed_count} parallel session${
+        data.removed_count === 1 ? '' : 's'
+      }.`;
       // Refresh so the row's extra_sessions count (and menu label) update
       await this._fetch();
     } catch (err) {
+      bar.remove();
+      message.classList.add('jp-ClaudeSessionsPanel-cleanupError');
+      message.textContent = `Cleanup failed: ${
+        err instanceof Error ? err.message : String(err)
+      }`;
       this._showError(err);
+    } finally {
+      if (footer) {
+        footer.style.display = '';
+      }
     }
   }
 

package/style/base.css

@@ -261,6 +261,24 @@
   border-width: 3px;
 }
 
+.jp-ClaudeSessionsPanel-cleanupBody {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 12px 8px;
+  min-width: 280px;
+}
+
+.jp-ClaudeSessionsPanel-cleanupProgress {
+  width: 100%;
+}
+
+.jp-ClaudeSessionsPanel-cleanupError {
+  color: var(--jp-error-color1);
+}
+
 .jp-ClaudeSessionsPanel-row.jp-mod-busy {
   opacity: 0.55;
   pointer-events: none;