@hachej/boring-workspace 0.1.59 → 0.1.60

package/dist/workspace.css

@@ -1275,7 +1275,6 @@
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --blur-md: 12px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--boring-font-sans);
@@ -1493,14 +1492,17 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
-  .top-3 {
-    top: calc(var(--spacing) * 3);
+  .top-2\.5 {
+    top: calc(var(--spacing) * 2.5);
   }
   .-right-1\.5 {
     right: calc(var(--spacing) * -1.5);
@@ -1508,6 +1510,9 @@
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
+  .right-1 {
+    right: calc(var(--spacing) * 1);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -1529,21 +1534,39 @@
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
-  .left-1 {
-    left: calc(var(--spacing) * 1);
+  .left-1\.5 {
+    left: calc(var(--spacing) * 1.5);
+  }
+  .left-1\/2 {
+    left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
+  .z-10 {
+    z-index: 10;
+  }
   .z-20 {
     z-index: 20;
   }
   .z-30 {
     z-index: 30;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
+  .z-\[60\] {
+    z-index: 60;
+  }
+  .z-\[65\] {
+    z-index: 65;
+  }
+  .z-\[70\] {
+    z-index: 70;
+  }
   .z-\[1000\] {
     z-index: 1000;
   }
@@ -1613,6 +1636,12 @@
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+  .-ml-px {
+    margin-left: -1px;
+  }
   .ml-0\.5 {
     margin-left: calc(var(--spacing) * 0.5);
   }
@@ -1622,15 +1651,18 @@
   .ml-1\.5 {
     margin-left: calc(var(--spacing) * 1.5);
   }
-  .ml-2 {
-    margin-left: calc(var(--spacing) * 2);
-  }
   .ml-3 {
     margin-left: calc(var(--spacing) * 3);
   }
   .ml-auto {
     margin-left: auto;
   }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .block {
     display: block;
   }
@@ -1674,6 +1706,14 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
   .size-7 {
     width: calc(var(--spacing) * 7);
     height: calc(var(--spacing) * 7);
@@ -1700,6 +1740,9 @@
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -1739,6 +1782,12 @@
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
+  }
+  .min-h-\[180px\] {
+    min-height: 180px;
+  }
   .min-h-\[200px\] {
     min-height: 200px;
   }
@@ -1751,6 +1800,9 @@
   .min-h-screen {
     min-height: 100vh;
   }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
   .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
   }
@@ -1784,6 +1836,12 @@
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+  .w-\[3\.25rem\] {
+    width: 3.25rem;
+  }
   .w-\[15px\] {
     width: 15px;
   }
@@ -1817,12 +1875,18 @@
   .max-w-sm {
     max-width: var(--container-sm);
   }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
+  .min-w-5 {
+    min-width: calc(var(--spacing) * 5);
+  }
   .min-w-32 {
     min-width: calc(var(--spacing) * 32);
   }
@@ -1841,6 +1905,10 @@
   .flex-grow {
     flex-grow: 1;
   }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-1\/2 {
     --tw-translate-x: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1873,6 +1941,9 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .touch-none {
+    touch-action: none;
+  }
   .resize {
     resize: both;
   }
@@ -1963,9 +2034,26 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .self-center {
     align-self: center;
   }
+  .self-start {
+    align-self: flex-start;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -2007,10 +2095,6 @@
   .rounded-xl {
     border-radius: var(--boring-radius-xl);
   }
-  .rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -2047,6 +2131,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
   .border-\[color\:oklch\(from_var\(--border\)_l_c_h\/0\.4\)\] {
     border-color: oklch(from var(--border) l c h/0.4);
   }
@@ -2065,6 +2153,12 @@
   .border-border {
     border-color: var(--boring-border);
   }
+  .border-border\/40 {
+    border-color: var(--boring-border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--boring-border) 40%, transparent);
+    }
+  }
   .border-border\/50 {
     border-color: var(--boring-border);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2077,24 +2171,51 @@
       border-color: color-mix(in oklab, var(--boring-border) 60%, transparent);
     }
   }
+  .border-border\/70 {
+    border-color: var(--boring-border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--boring-border) 70%, transparent);
+    }
+  }
   .border-current {
     border-color: currentcolor;
   }
+  .border-destructive\/30 {
+    border-color: var(--boring-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--boring-destructive) 30%, transparent);
+    }
+  }
   .border-muted-foreground\/20 {
     border-color: var(--boring-muted-foreground);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--boring-muted-foreground) 20%, transparent);
     }
   }
+  .border-transparent {
+    border-color: transparent;
+  }
   .border-t-foreground {
     border-top-color: var(--boring-foreground);
   }
   .border-t-transparent {
     border-top-color: transparent;
   }
+  .bg-\[color\:oklch\(from_var\(--accent\)_l_c_h\/0\.12\)\] {
+    background-color: oklch(from var(--accent) l c h/0.12);
+  }
+  .bg-\[color\:oklch\(from_var\(--accent\)_l_c_h\/0\.14\)\] {
+    background-color: oklch(from var(--accent) l c h/0.14);
+  }
+  .bg-\[color\:oklch\(from_var\(--accent\)_l_c_h\/0\.18\)\] {
+    background-color: oklch(from var(--accent) l c h/0.18);
+  }
   .bg-\[color\:oklch\(from_var\(--background\)_calc\(l-0\.01\)_c_h\)\] {
     background-color: oklch(from var(--background) calc(l - 0.01) c h);
   }
+  .bg-\[color\:oklch\(from_var\(--background\)_calc\(l-0\.012\)_c_h\)\] {
+    background-color: oklch(from var(--background) calc(l - 0.012) c h);
+  }
   .bg-\[color\:oklch\(from_var\(--foreground\)_l_c_h\/0\.035\)\] {
     background-color: oklch(from var(--foreground) l c h/0.035);
   }
@@ -2128,12 +2249,6 @@
   .bg-background {
     background-color: var(--boring-background);
   }
-  .bg-background\/80 {
-    background-color: var(--boring-background);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--boring-background) 80%, transparent);
-    }
-  }
   .bg-background\/95 {
     background-color: var(--boring-background);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2149,9 +2264,21 @@
       background-color: color-mix(in oklab, var(--boring-card) 60%, transparent);
     }
   }
+  .bg-card\/70 {
+    background-color: var(--boring-card);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--boring-card) 70%, transparent);
+    }
+  }
   .bg-destructive {
     background-color: var(--boring-destructive);
   }
+  .bg-destructive\/8 {
+    background-color: var(--boring-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--boring-destructive) 8%, transparent);
+    }
+  }
   .bg-destructive\/12 {
     background-color: var(--boring-destructive);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2191,6 +2318,12 @@
       background-color: color-mix(in oklab, var(--boring-foreground) 70%, transparent);
     }
   }
+  .bg-foreground\/\[0\.05\] {
+    background-color: var(--boring-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--boring-foreground) 5%, transparent);
+    }
+  }
   .bg-foreground\/\[0\.06\] {
     background-color: var(--boring-foreground);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2203,6 +2336,18 @@
       background-color: color-mix(in oklab, var(--boring-foreground) 7.000000000000001%, transparent);
     }
   }
+  .bg-foreground\/\[0\.08\] {
+    background-color: var(--boring-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--boring-foreground) 8%, transparent);
+    }
+  }
+  .bg-foreground\/\[0\.09\] {
+    background-color: var(--boring-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--boring-foreground) 9%, transparent);
+    }
+  }
   .bg-muted {
     background-color: var(--boring-muted);
   }
@@ -2341,6 +2486,9 @@
   .py-10 {
     padding-block: calc(var(--spacing) * 10);
   }
+  .py-px {
+    padding-block: 1px;
+  }
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
@@ -2350,23 +2498,50 @@
   .pt-12 {
     padding-top: calc(var(--spacing) * 12);
   }
+  .pr-1 {
+    padding-right: calc(var(--spacing) * 1);
+  }
+  .pr-2 {
+    padding-right: calc(var(--spacing) * 2);
+  }
+  .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
+  }
+  .pr-16 {
+    padding-right: calc(var(--spacing) * 16);
+  }
+  .pb-0\.5 {
+    padding-bottom: calc(var(--spacing) * 0.5);
+  }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
   .pb-10 {
     padding-bottom: calc(var(--spacing) * 10);
   }
+  .pl-1\.5 {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
+  .pl-6 {
+    padding-left: calc(var(--spacing) * 6);
+  }
   .pl-10 {
     padding-left: calc(var(--spacing) * 10);
   }
-  .pl-14 {
-    padding-left: calc(var(--spacing) * 14);
+  .pl-12 {
+    padding-left: calc(var(--spacing) * 12);
   }
   .text-center {
     text-align: center;
@@ -2466,6 +2641,10 @@
     --tw-tracking: -0.02em;
     letter-spacing: -0.02em;
   }
+  .tracking-\[0\.14em\] {
+    --tw-tracking: 0.14em;
+    letter-spacing: 0.14em;
+  }
   .tracking-tight {
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
@@ -2514,16 +2693,22 @@
   .text-foreground {
     color: var(--boring-foreground);
   }
-  .text-foreground\/65 {
+  .text-foreground\/70 {
     color: var(--boring-foreground);
     @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--boring-foreground) 65%, transparent);
+      color: color-mix(in oklab, var(--boring-foreground) 70%, transparent);
     }
   }
-  .text-foreground\/70 {
+  .text-foreground\/72 {
     color: var(--boring-foreground);
     @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--boring-foreground) 70%, transparent);
+      color: color-mix(in oklab, var(--boring-foreground) 72%, transparent);
+    }
+  }
+  .text-foreground\/78 {
+    color: var(--boring-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--boring-foreground) 78%, transparent);
     }
   }
   .text-foreground\/80 {
@@ -2532,6 +2717,12 @@
       color: color-mix(in oklab, var(--boring-foreground) 80%, transparent);
     }
   }
+  .text-foreground\/82 {
+    color: var(--boring-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--boring-foreground) 82%, transparent);
+    }
+  }
   .text-foreground\/90 {
     color: var(--boring-foreground);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2553,12 +2744,24 @@
       color: color-mix(in oklab, var(--boring-muted-foreground) 45%, transparent);
     }
   }
+  .text-muted-foreground\/55 {
+    color: var(--boring-muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--boring-muted-foreground) 55%, transparent);
+    }
+  }
   .text-muted-foreground\/60 {
     color: var(--boring-muted-foreground);
     @supports (color: color-mix(in lab, red, red)) {
       color: color-mix(in oklab, var(--boring-muted-foreground) 60%, transparent);
     }
   }
+  .text-muted-foreground\/65 {
+    color: var(--boring-muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--boring-muted-foreground) 65%, transparent);
+    }
+  }
   .text-muted-foreground\/70 {
     color: var(--boring-muted-foreground);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2633,6 +2836,10 @@
     --tw-shadow: 0 1px 2px -1px var(--tw-shadow-color, oklch(0 0 0/0.08)), 0 12px 32px -22px var(--tw-shadow-color, oklch(0 0 0/0.28));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_12px_28px_-6px_rgba\(0\,0\,0\,0\.55\)\] {
+    --tw-shadow: 0 12px 28px -6px var(--tw-shadow-color, rgba(0,0,0,0.55));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[inset_0_0_0_2px_oklch\(from_var\(--foreground\)_l_c_h\/0\.55\)\] {
     --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, oklch(from var(--foreground) l c h/0.55));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2657,6 +2864,10 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-2 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2664,6 +2875,15 @@
   .ring-\[color\:var\(--accent\)\] {
     --tw-ring-color: var(--accent);
   }
+  .ring-background {
+    --tw-ring-color: var(--boring-background);
+  }
+  .ring-ring\/50 {
+    --tw-ring-color: var(--boring-ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--boring-ring) 50%, transparent);
+    }
+  }
   .ring-offset-1 {
     --tw-ring-offset-width: 1px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -2682,18 +2902,12 @@
   .outline-border {
     outline-color: var(--boring-border);
   }
-  .filter {
+  .blur {
+    --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
-  .backdrop-blur {
-    --tw-backdrop-blur: blur(8px);
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  }
-  .backdrop-blur-md {
-    --tw-backdrop-blur: blur(var(--blur-md));
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
@@ -2767,6 +2981,16 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .group-focus-within\:opacity-0 {
+    &:is(:where(.group):focus-within *) {
+      opacity: 0%;
+    }
+  }
+  .group-focus-within\:opacity-100 {
+    &:is(:where(.group):focus-within *) {
+      opacity: 100%;
+    }
+  }
   .group-hover\:inline-flex {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2774,6 +2998,16 @@
       }
     }
   }
+  .group-hover\:bg-foreground\/30 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--boring-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--boring-foreground) 30%, transparent);
+        }
+      }
+    }
+  }
   .group-hover\:text-muted-foreground {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2781,6 +3015,13 @@
       }
     }
   }
+  .group-hover\:opacity-0 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 0%;
+      }
+    }
+  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2788,11 +3029,24 @@
       }
     }
   }
+  .group-active\:bg-foreground\/45 {
+    &:is(:where(.group):active *) {
+      background-color: var(--boring-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--boring-foreground) 45%, transparent);
+      }
+    }
+  }
   .group-aria-selected\:text-\[color\:var\(--accent\)\] {
     &:is(:where(.group)[aria-selected="true"] *) {
       color: var(--accent);
     }
   }
+  .group-aria-selected\:opacity-100 {
+    &:is(:where(.group)[aria-selected="true"] *) {
+      opacity: 100%;
+    }
+  }
   .group-data-\[focused\=true\]\:inline-flex {
     &:is(:where(.group)[data-focused="true"] *) {
       display: inline-flex;
@@ -2806,45 +3060,6 @@
       }
     }
   }
-  .before\:absolute {
-    &::before {
-      content: var(--tw-content);
-      position: absolute;
-    }
-  }
-  .before\:top-0 {
-    &::before {
-      content: var(--tw-content);
-      top: calc(var(--spacing) * 0);
-    }
-  }
-  .before\:-right-1\.5 {
-    &::before {
-      content: var(--tw-content);
-      right: calc(var(--spacing) * -1.5);
-    }
-  }
-  .before\:h-full {
-    &::before {
-      content: var(--tw-content);
-      height: 100%;
-    }
-  }
-  .before\:w-1\.5 {
-    &::before {
-      content: var(--tw-content);
-      width: calc(var(--spacing) * 1.5);
-    }
-  }
-  .before\:bg-muted\/35 {
-    &::before {
-      content: var(--tw-content);
-      background-color: var(--boring-muted);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--boring-muted) 35%, transparent);
-      }
-    }
-  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -2922,13 +3137,10 @@
       }
     }
   }
-  .hover\:border-\[color\:var\(--accent\)\]\/40 {
+  .hover\:border-border {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--accent);
-        @supports (color: color-mix(in lab, red, red)) {
-          border-color: color-mix(in oklab, var(--accent) 40%, transparent);
-        }
+        border-color: var(--boring-border);
       }
     }
   }
@@ -2956,6 +3168,13 @@
       }
     }
   }
+  .hover\:bg-background {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--boring-background);
+      }
+    }
+  }
   .hover\:bg-background\/70 {
     &:hover {
       @media (hover: hover) {
@@ -2976,6 +3195,16 @@
       }
     }
   }
+  .hover\:bg-foreground\/\[0\.1\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--boring-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--boring-foreground) 10%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-foreground\/\[0\.04\] {
     &:hover {
       @media (hover: hover) {
@@ -2986,23 +3215,63 @@
       }
     }
   }
-  .hover\:bg-muted {
+  .hover\:bg-foreground\/\[0\.05\] {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--boring-muted);
+        background-color: var(--boring-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--boring-foreground) 5%, transparent);
+        }
       }
     }
   }
-  .hover\:bg-muted\/35 {
+  .hover\:bg-foreground\/\[0\.06\] {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--boring-muted);
+        background-color: var(--boring-foreground);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--boring-muted) 35%, transparent);
+          background-color: color-mix(in oklab, var(--boring-foreground) 6%, transparent);
         }
       }
     }
   }
+  .hover\:bg-foreground\/\[0\.07\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--boring-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--boring-foreground) 7.000000000000001%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-foreground\/\[0\.08\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--boring-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--boring-foreground) 8%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-foreground\/\[0\.055\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--boring-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--boring-foreground) 5.5%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-muted {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--boring-muted);
+      }
+    }
+  }
   .hover\:bg-muted\/60 {
     &:hover {
       @media (hover: hover) {
@@ -3138,6 +3407,12 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-visible\:ring-\[3px\] {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus-visible\:ring-\[color\:var\(--accent\)\] {
     &:focus-visible {
       --tw-ring-color: var(--accent);
@@ -3202,6 +3477,11 @@
       pointer-events: none;
     }
   }
+  .disabled\:cursor-default {
+    &:disabled {
+      cursor: default;
+    }
+  }
   .disabled\:opacity-50 {
     &:disabled {
       opacity: 50%;
@@ -6625,42 +6905,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-backdrop-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-sepia {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -6733,15 +6977,6 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
-      --tw-backdrop-blur: initial;
-      --tw-backdrop-brightness: initial;
-      --tw-backdrop-contrast: initial;
-      --tw-backdrop-grayscale: initial;
-      --tw-backdrop-hue-rotate: initial;
-      --tw-backdrop-invert: initial;
-      --tw-backdrop-opacity: initial;
-      --tw-backdrop-saturate: initial;
-      --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
@@ -6811,23 +7046,34 @@
   height: 44px !important;
 }
 
-/* When the left sources pane is collapsed, reserve room at the left of the tab strip
-   for the overlaid "Show sources" button (44px wide). */
-.workbench-dockview[data-collapsed-sources="true"] .dv-tabs-and-actions-container,
-.workbench-dockview[data-collapsed-sources="true"] .tabs-and-actions-container {
+/* When the full left block is collapsed, the icon rail disappears. Reserve
+   header-only space for the overlaid "Show workspace menu" button so it does
+   not sit on top of the first dockview tab. This is not a full-height column. */
+.workbench-dockview[data-left-block-collapsed="true"] .dv-tabs-and-actions-container,
+.workbench-dockview[data-left-block-collapsed="true"] .tabs-and-actions-container {
   padding-left: 44px !important;
 }
 
-/* The workbench renders a "close workspace" control as an absolute overlay on
-   the right edge of the tab strip (see SurfaceShell's WorkbenchCloseAction:
-   a 24px icon button + 4px margins each side = ~32px wide, vertically centred
-   in the 44px bar). Reserve room at the right of the tab strip so dockview's
-   built-in "open tabs" overflow dropdown trigger (the ⌄ chevron at the end of
-   the tab row) sits clearly LEFT of that control with a visible gap, instead of
-   tucking right under it. 32px control + ~8px gap + the chevron's own width. */
+/* Plugin-tabs shell: when the app-navigation left pane is collapsed, the
+   fixed top-left "Open app navigation" corner control (24px at left-3,
+   right edge x=36) overlays the chat stage. Reserve header-only space on the
+   chat stage's flat pane header so the session title clears that control
+   instead of sitting underneath it. Only applies in the collapsed state; when
+   the left pane is open the control sits over the app-nav header, not the
+   chat. 48px = control right edge (36) + 12px gap. */
+[data-boring-workspace-part="plugin-tabs-shell"][data-boring-state="collapsed"] .dv-chat-stage .dv-tabs-and-actions-container,
+[data-boring-workspace-part="plugin-tabs-shell"][data-boring-state="collapsed"] .dv-chat-stage .tabs-and-actions-container {
+  padding-left: 48px !important;
+}
+
+/* The app shell renders fixed top-right workbench/full-workspace controls
+   over this 44px tab strip. Reserve enough room so dockview's built-in open-tabs
+   overflow trigger sits left of that chrome instead of underneath it.
+   Two 24px controls + 4px gap anchored at right-3 (12px) reach ~64px from the
+   right edge; 72px keeps them clear with breathing room. */
 .workbench-dockview .dv-tabs-and-actions-container,
 .workbench-dockview .tabs-and-actions-container {
-  padding-right: 44px !important;
+  padding-right: 72px !important;
 }
 
 /* Tab base — pill-style, rounded top */