jupyterlab_claude_code_extension 1.2.24 → 1.2.26

package/style/base.css

@@ -377,9 +377,50 @@
   border-color: var(--jp-brand-color1);
 }
 
+/* Table header strip above the scrollable list - select-all and count. */
+.jp-ClaudeSessionsPanel-branchHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 2px;
+}
+
+.jp-ClaudeSessionsPanel-branchHeaderCount {
+  color: var(--jp-ui-font-color2);
+  font-size: var(--jp-ui-font-size0);
+}
+
+/* Fixed-width first column so the checkbox (branch rows) and the empty cell
+   (current row) keep the name column aligned, giving a table feel. */
+.jp-ClaudeSessionsPanel-branchSelectCell {
+  flex: none;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
 .jp-ClaudeSessionsPanel-branchList {
   max-height: 280px;
   overflow-y: auto;
+  position: relative;
+  border: 1px solid var(--jp-border-color2);
+  border-radius: 2px;
+}
+
+/* Visually-hidden polite live region (delete announcements). */
+.jp-ClaudeSessionsPanel-srOnly {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
 }
 
 .jp-ClaudeSessionsPanel-branchRow {
@@ -422,6 +463,25 @@
   color: var(--jp-ui-font-color1);
 }
 
+/* Per-row "Open" launches the conversation in its own terminal. Compact
+   brand-outlined button matching the popup design language (2px radius). */
+.jp-ClaudeSessionsPanel-branchOpen {
+  flex: none;
+  padding: 0 8px;
+  border: 1px solid var(--jp-brand-color1);
+  border-radius: 2px;
+  background: transparent;
+  color: var(--jp-brand-color1);
+  font-size: var(--jp-ui-font-size0);
+  cursor: pointer;
+  transition: background 120ms ease;
+}
+
+.jp-ClaudeSessionsPanel-branchOpen:hover {
+  background: var(--jp-brand-color1);
+  color: var(--jp-ui-inverse-font-color1);
+}
+
 .jp-ClaudeSessionsPanel-branchTime {
   flex: none;
   width: 4em;
@@ -437,23 +497,39 @@
   cursor: pointer;
 }
 
-/* The current conversation leads the popup list - badged, untouchable. */
+/* The current conversation is pinned at the top of the scroll area and
+   accented (brand left-bar + tint) so it reads as the active one - not
+   dimmed; it is not selectable or deletable. */
 .jp-ClaudeSessionsPanel-branchRow.jp-mod-current {
+  position: sticky;
+  top: 0;
+  z-index: 1;
   cursor: default;
-  color: var(--jp-ui-font-color2);
+  background: var(--jp-layout-color2);
+  border-left: 3px solid var(--jp-brand-color1);
+  padding-left: 5px;
 }
 
 .jp-ClaudeSessionsPanel-branchRow.jp-mod-current:hover {
-  background: transparent;
+  background: var(--jp-layout-color2);
+}
+
+/* The current row's select cell is an empty alignment spacer - no pointer. */
+.jp-ClaudeSessionsPanel-branchRow.jp-mod-current
+  .jp-ClaudeSessionsPanel-branchSelectCell {
+  cursor: default;
 }
 
 .jp-ClaudeSessionsPanel-branchCurrentBadge {
   flex: none;
   padding: 0 6px;
-  border: 1px solid var(--jp-border-color2);
+  border: 1px solid var(--jp-brand-color1);
   border-radius: 8px;
-  color: var(--jp-ui-font-color2);
+  color: var(--jp-brand-color1);
   font-size: var(--jp-ui-font-size0);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
 }
 
 .jp-ClaudeSessionsPanel-branchSelectAll {
@@ -474,27 +550,53 @@
 
 .jp-ClaudeSessionsPanel-branchFooter {
   display: flex;
-  justify-content: flex-end;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.jp-ClaudeSessionsPanel-branchSelCount {
+  color: var(--jp-ui-font-color2);
+  font-size: var(--jp-ui-font-size0);
+}
+
+/* The post-delete "N moved to trash" feedback reads at full strength - it is
+   the recoverability cue that stands in for a confirmation prompt. */
+.jp-ClaudeSessionsPanel-branchSelCount.jp-mod-deleted {
+  color: var(--jp-ui-font-color1);
+}
+
+/* While a delete is in flight the whole body is scrimmed so a mid-flight tick,
+   a select-all, a search or a second delete cannot race the async refetch. The
+   Dialog's Cancel button is outside the body and stays usable. */
+.jp-ClaudeSessionsPanel-branchPopup.jp-mod-busy {
+  pointer-events: none;
+  opacity: 0.6;
 }
 
+/* Destructive: deletes immediately (no confirmation), so it reads in the
+   error colour and fills on hover. */
 .jp-ClaudeSessionsPanel-branchDelete {
   padding: 2px 8px;
-  border: 1px solid var(--jp-border-color1);
+  border: 1px solid var(--jp-error-color1);
   border-radius: 2px;
   background: var(--jp-layout-color1);
-  color: var(--jp-ui-font-color1);
+  color: var(--jp-error-color1);
   cursor: pointer;
+  transition:
+    background 120ms ease,
+    color 120ms ease;
 }
 
 .jp-ClaudeSessionsPanel-branchDelete:disabled {
   opacity: 0.5;
   cursor: default;
+  border-color: var(--jp-border-color1);
+  color: var(--jp-ui-font-color2);
 }
 
-/* Armed state of the two-step delete - second click executes. */
-.jp-ClaudeSessionsPanel-branchDelete.jp-mod-confirm {
-  border-color: var(--jp-error-color1);
-  color: var(--jp-error-color1);
+.jp-ClaudeSessionsPanel-branchDelete:hover:not(:disabled) {
+  background: var(--jp-error-color1);
+  color: var(--jp-ui-inverse-font-color1, #fff);
 }
 
 /* Last-activity time on session rows - dim, fixed-width right-aligned