@tutti-os/workbench-surface 0.0.43 → 0.0.44

package/dist/styles/workbench.css

@@ -533,6 +533,7 @@
 }
 
 .workbench-mission-control {
+  z-index: var(--z-tooltip, 100700);
   opacity: 1;
 }
 
@@ -607,6 +608,7 @@
       100%
   );
   box-shadow: none;
+  pointer-events: auto;
   transition:
     width 180ms cubic-bezier(0.22, 1, 0.36, 1),
     background-color 160ms ease,
@@ -733,7 +735,7 @@
   background: transparent;
   box-shadow: none;
   overflow: visible;
-  pointer-events: auto;
+  pointer-events: none;
   transition: width 220ms cubic-bezier(0.22, 1, 0.36, 1);
   -webkit-app-region: no-drag;
 }
@@ -772,7 +774,7 @@
   background: transparent;
   box-shadow: none;
   line-height: 0;
-  pointer-events: auto;
+  pointer-events: none;
   transition: width 600ms cubic-bezier(0.16, 1, 0.3, 1);
   -webkit-app-region: no-drag;
 }
@@ -827,6 +829,7 @@
   overflow: visible;
   padding: 0 var(--desktop-dock-items-padding)
     var(--desktop-dock-items-padding-block-end);
+  pointer-events: none;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
@@ -1114,6 +1117,7 @@
   justify-content: center;
   overflow: visible;
   line-height: 0;
+  pointer-events: auto;
 }
 
 .desktop-dock[data-dock-placement="left"] .desktop-dock__slot {

package/dist/styles/workbenchStyle.test.ts

@@ -50,6 +50,31 @@ test("mission control hidden presentation windows are invisible and inert", () =
   );
 });
 
+test("mission control overlay lets layout controls sit above dialog overlays", () => {
+  const css = readFileSync(resolve("src/styles/workbench.css"), "utf8");
+  const source = readFileSync(
+    resolve("src/mission-control/WorkbenchMissionControlOverlay.tsx"),
+    "utf8"
+  );
+
+  assert.match(
+    css,
+    /\.workbench-mission-control\s*{[^}]*z-index:\s*var\(--z-tooltip,\s*100700\);/s
+  );
+  assert.match(
+    source,
+    /className="workbench-mission-control pointer-events-none absolute inset-0 overflow-hidden"/
+  );
+  assert.match(
+    source,
+    /className="workbench-mission-control__layout-dock desktop-dock-plate pointer-events-auto"/
+  );
+  assert.match(
+    css,
+    /\.desktop-dock-plate\.workbench-mission-control__layout-dock\s*{[^}]*pointer-events:\s*auto;/s
+  );
+});
+
 test("dialog popover node layer sits above dialog overlays and remains clickable", () => {
   const css = readFileSync(resolve("src/styles/workbench.css"), "utf8");
 
@@ -92,6 +117,25 @@ test("dock retained entry removal animates width and icon exit", () => {
   assert.match(css, /@keyframes desktop-dock-separator-collapse-left/);
 });
 
+test("dock transparent hover padding lets clicks reach windows behind it", () => {
+  const css = readFileSync(resolve("src/styles/workbench.css"), "utf8");
+
+  assert.match(
+    css,
+    /\.desktop-dock-plate\s*{[^}]*pointer-events:\s*none;[^}]*transition:\s*width 220ms/s
+  );
+  assert.match(
+    css,
+    /\.desktop-dock\s*{[^}]*pointer-events:\s*none;[^}]*transition:\s*width 600ms/s
+  );
+  assert.match(css, /\.desktop-dock__items\s*{[^}]*pointer-events:\s*none;/s);
+  assert.match(css, /\.desktop-dock__slot\s*{[^}]*pointer-events:\s*auto;/s);
+  assert.match(
+    css,
+    /\.desktop-dock__hover-panel\s*{[^}]*pointer-events:\s*auto;/s
+  );
+});
+
 test("dock badge chrome uses inverted outlines and 11px count text", () => {
   const css = readFileSync(resolve("src/styles/workbench.css"), "utf8");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tutti-os/workbench-surface",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "private": false,
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -34,10 +34,10 @@
     "@tutti-os/config-tsconfig": "0.0.0"
   },
   "dependencies": {
-    "@tutti-os/ui-i18n-runtime": "0.0.43",
-    "@tutti-os/ui-react-hooks": "0.0.43",
-    "@tutti-os/workbench-snapshot": "0.0.43",
-    "@tutti-os/ui-system": "0.0.43"
+    "@tutti-os/ui-i18n-runtime": "0.0.44",
+    "@tutti-os/ui-react-hooks": "0.0.44",
+    "@tutti-os/workbench-snapshot": "0.0.44",
+    "@tutti-os/ui-system": "0.0.44"
   },
   "peerDependencies": {
     "react": "^19.1.0",