@tutti-os/workbench-surface 0.0.26 → 0.0.28

package/dist/styles/workbench.css

@@ -2606,480 +2606,6 @@ body[data-desktop-dock-minimized-stack-open="true"] .desktop-dock {
   }
 }
 
-.workspace-launchpad-dock-icon {
-  --workspace-launchpad-dock-icon-bg: var(--transparency-block);
-  --workspace-launchpad-dock-icon-border: var(--line-1);
-  box-sizing: border-box;
-  display: grid;
-  width: 44px;
-  height: 44px;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 2px;
-  padding: 3px;
-  border: 1px solid var(--workspace-launchpad-dock-icon-border);
-  border-radius: 8px;
-  background: var(--workspace-launchpad-dock-icon-bg);
-}
-
-.desktop-dock__slot[data-wallpaper-tone="dark"] .workspace-launchpad-dock-icon {
-  --workspace-launchpad-dock-icon-bg: rgb(255 255 255 / 18%);
-  --workspace-launchpad-dock-icon-border: rgb(255 255 255 / 15%);
-}
-
-.desktop-dock__slot[data-wallpaper-tone="light"]
-  .workspace-launchpad-dock-icon {
-  --workspace-launchpad-dock-icon-bg: rgb(0 0 0 / 10%);
-  --workspace-launchpad-dock-icon-border: rgb(0 0 0 / 10%);
-}
-
-.workspace-launchpad-dock-icon__tile {
-  display: block;
-  overflow: visible;
-  min-width: 0;
-  min-height: 0;
-  border-radius: 4px;
-  background: transparent;
-}
-
-.workspace-launchpad-dock-icon__tile > img {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-  object-position: center;
-}
-
-.workspace-launchpad-overlay {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 10;
-  overflow: hidden;
-  color: var(--text-primary);
-  pointer-events: auto;
-  -webkit-app-region: no-drag;
-}
-
-.workspace-launchpad-overlay--closing {
-  pointer-events: none;
-}
-
-.workspace-launchpad-overlay__dismiss {
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  border: 0;
-  background: var(--backdrop);
-  backdrop-filter: blur(24px) saturate(1.18);
-  animation: workspace-launchpad-backdrop-enter 160ms ease-out both;
-  opacity: 1;
-  transition: opacity 180ms ease;
-  -webkit-backdrop-filter: blur(24px) saturate(1.18);
-}
-
-.workspace-launchpad-overlay--closing .workspace-launchpad-overlay__dismiss {
-  opacity: 0;
-}
-
-.workspace-launchpad-overlay__content {
-  position: relative;
-  z-index: 1;
-  --workspace-launchpad-content-offset-x: 0px;
-  display: grid;
-  height: 100%;
-  min-height: 0;
-  grid-template-rows: 64px minmax(0, 1fr) 26px;
-  row-gap: 24px;
-  padding: 24px clamp(24px, 5vw, 76px) 106px;
-  opacity: 1;
-  transform: translateX(var(--workspace-launchpad-content-offset-x))
-    translateY(0) scale(1);
-  transition:
-    opacity 180ms ease,
-    transform 180ms cubic-bezier(0.4, 0, 1, 1);
-  -webkit-app-region: drag;
-}
-
-.workspace-launchpad-overlay__content[data-dock-placement="left"] {
-  --workspace-launchpad-content-offset-x: 24px;
-}
-
-@media (max-height: 900px) {
-  .workspace-launchpad-overlay__content {
-    padding-bottom: clamp(52px, 8vh, 84px);
-  }
-}
-
-.workspace-launchpad-overlay--closing .workspace-launchpad-overlay__content {
-  opacity: 0;
-  transform: translateX(var(--workspace-launchpad-content-offset-x))
-    translateY(10px) scale(0.985);
-}
-
-.workspace-workbench-shell--launchpad-open .workbench-dock-frame {
-  z-index: 20;
-}
-
-.workspace-launchpad-overlay__topbar {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  min-width: 0;
-  align-items: flex-start;
-  justify-content: center;
-  -webkit-app-region: drag;
-}
-
-.workspace-launchpad-search {
-  position: relative;
-  display: block;
-  justify-self: center;
-  width: min(330px, calc(100vw - 80px));
-  -webkit-app-region: no-drag;
-}
-
-.workspace-launchpad-search__icon {
-  position: absolute;
-  inset-block: 0;
-  left: 11px;
-  width: 16px;
-  height: 16px;
-  margin-block: auto;
-  color: var(--text-secondary);
-  pointer-events: none;
-}
-
-.workspace-launchpad-search__input {
-  padding-left: 34px;
-  padding-right: 40px;
-  box-shadow: none;
-  text-shadow: none;
-}
-
-.workspace-launchpad-search__input::-webkit-search-cancel-button {
-  display: none;
-  -webkit-appearance: none;
-}
-
-.workspace-launchpad-search__input:focus,
-.workspace-launchpad-search__input:focus-visible {
-  box-shadow: none;
-}
-
-.workspace-launchpad-search__clear {
-  position: absolute;
-  inset-block: 0;
-  right: 8px;
-  display: grid;
-  width: 24px;
-  height: 24px;
-  margin-block: auto;
-  place-items: center;
-  border: 0;
-  border-radius: 999px;
-  background: transparent;
-  color: var(--text-tertiary);
-  cursor: pointer;
-  transition: color 120ms ease;
-}
-
-.workspace-launchpad-search__clear > svg {
-  width: 16px;
-  height: 16px;
-}
-
-.workspace-launchpad-search__clear:hover {
-  background: transparent;
-  color: var(--text-primary);
-}
-
-.workspace-launchpad-search__clear:active {
-  background: transparent;
-  color: var(--text-primary);
-}
-
-.workspace-launchpad-search__clear:focus-visible {
-  outline: 2px solid var(--border-focus);
-  outline-offset: 1px;
-}
-
-.workspace-launchpad-grid-viewport {
-  display: grid;
-  min-height: 0;
-  align-content: center;
-  justify-items: center;
-  overflow: visible;
-  -webkit-app-region: no-drag;
-}
-
-.workspace-launchpad-grid {
-  display: grid;
-  width: min(100%, 1040px);
-  align-content: center;
-  justify-content: center;
-  column-gap: clamp(20px, 4vw, 56px);
-  row-gap: clamp(22px, 3.5vh, 44px);
-  animation: workspace-launchpad-grid-enter 160ms ease-out;
-}
-
-.workspace-launchpad-item {
-  display: flex;
-  width: 136px;
-  min-width: 0;
-  min-height: 124px;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  border: 0;
-  background: transparent;
-  color: var(--text-primary);
-  cursor: pointer;
-  text-align: center;
-  text-shadow: none;
-  transition:
-    opacity 140ms ease,
-    transform 150ms cubic-bezier(0.22, 1, 0.36, 1),
-    filter 140ms ease;
-}
-
-.workspace-launchpad-item-wrap {
-  position: relative;
-  width: 136px;
-  min-width: 0;
-  animation: workspace-launchpad-item-enter 420ms cubic-bezier(0.16, 1, 0.3, 1)
-    both;
-  animation-delay: var(--workspace-launchpad-item-delay, 0ms);
-  transform-origin: center bottom;
-  will-change: opacity, transform, filter;
-}
-
-.workspace-launchpad-item:hover {
-  transform: translateY(-2px);
-}
-
-.workspace-launchpad-item:active {
-  transform: translateY(0) scale(0.98);
-}
-
-.workspace-launchpad-item:focus-visible {
-  outline: 2px solid var(--border-focus);
-  outline-offset: 6px;
-  border-radius: 8px;
-}
-
-.workspace-launchpad-item--disabled {
-  cursor: default;
-  filter: grayscale(0.45);
-  opacity: 0.42;
-}
-
-.workspace-launchpad-item--disabled:hover,
-.workspace-launchpad-item--disabled:active {
-  transform: none;
-}
-
-.workspace-launchpad-item__icon {
-  display: grid;
-  width: 54px;
-  height: 54px;
-  place-items: center;
-  overflow: visible;
-  border-radius: 0;
-  background: transparent;
-  box-shadow: none;
-  color: var(--text-primary);
-}
-
-.workspace-launchpad-item__icon > img {
-  display: block;
-  width: 100%;
-  height: 100%;
-  filter: none;
-  object-fit: contain;
-  object-position: center;
-}
-
-.workspace-launchpad-item__icon > svg {
-  width: 28px;
-  height: 28px;
-}
-
-.workspace-launchpad-item__label {
-  display: -webkit-box;
-  width: 100%;
-  min-height: 34px;
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  color: inherit;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 17px;
-  overflow-wrap: anywhere;
-}
-
-.workspace-launchpad-dock-hover-panel {
-  --desktop-dock-tooltip-gap: 12px;
-  --workspace-launchpad-hover-panel-shift: 0px;
-
-  animation: workspace-launchpad-hover-panel-enter 160ms
-    cubic-bezier(0.16, 1, 0.3, 1) both;
-  bottom: calc(100% + var(--desktop-dock-tooltip-gap, 12px));
-  left: 50%;
-  right: auto;
-  top: auto;
-  z-index: 45;
-  max-width: min(240px, calc(100vw - 32px));
-  opacity: 1;
-  pointer-events: auto;
-  transform: translateX(
-      calc(-50% + var(--workspace-launchpad-hover-panel-shift))
-    )
-    translateY(0);
-}
-
-.workspace-launchpad-empty {
-  align-self: center;
-  justify-self: center;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: rgb(255 255 255 / 0.82);
-  font-size: 14px;
-  line-height: 20px;
-  box-shadow: none;
-}
-
-.workspace-launchpad-pages {
-  display: flex;
-  min-height: 18px;
-  align-items: center;
-  justify-content: center;
-  gap: 9px;
-  -webkit-app-region: no-drag;
-}
-
-.workspace-launchpad-page-dot {
-  width: 8px;
-  height: 8px;
-  padding: 0;
-  border: 0;
-  border-radius: 999px;
-  background: rgb(255 255 255 / 0.28);
-  cursor: pointer;
-  transition:
-    background-color 120ms ease,
-    transform 120ms ease;
-}
-
-.workspace-launchpad-page-dot[data-active="true"] {
-  background: rgb(255 255 255 / 0.92);
-  transform: scale(1.12);
-}
-
-.workspace-launchpad-page-dot:focus-visible {
-  outline: 2px solid rgb(255 255 255 / 0.74);
-  outline-offset: 4px;
-}
-
-@keyframes workspace-launchpad-grid-enter {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes workspace-launchpad-backdrop-enter {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes workspace-launchpad-hover-panel-enter {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) translateY(10px);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateX(-50%) translateY(0);
-  }
-}
-
-@keyframes workspace-launchpad-item-enter {
-  from {
-    opacity: 0;
-    filter: blur(2px);
-    transform: translateY(var(--workspace-launchpad-item-rise, 18px))
-      scale(0.96);
-  }
-
-  58% {
-    opacity: 1;
-    filter: blur(0);
-  }
-
-  to {
-    opacity: 1;
-    filter: blur(0);
-    transform: translateY(0) scale(1);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .workspace-launchpad-grid,
-  .workspace-launchpad-item-wrap {
-    animation: none;
-  }
-
-  .workspace-launchpad-overlay__content,
-  .workspace-launchpad-overlay__dismiss {
-    animation: none;
-    transition: none;
-  }
-
-  .workspace-launchpad-item-wrap {
-    opacity: 1;
-    transform: none;
-  }
-}
-
-@media (max-width: 720px) {
-  .workspace-launchpad-overlay__content {
-    row-gap: 18px;
-    padding-inline: 20px;
-    padding-bottom: 100px;
-  }
-
-  .workspace-launchpad-grid {
-    column-gap: 18px;
-  }
-
-  .workspace-launchpad-item {
-    width: 112px;
-  }
-
-  .workspace-launchpad-item-wrap {
-    width: 112px;
-  }
-
-  .workspace-launchpad-item__icon {
-    width: 54px;
-    height: 54px;
-    border-radius: 16px;
-  }
-}
-
 [data-workspace-app-icon="true"] {
   display: inline-grid;
   min-width: 0;

package/dist/styles/workbenchStyle.test.ts

@@ -265,18 +265,6 @@ test("dock overflow keeps scroll controls viewport-bound", () => {
     css,
     /\.desktop-dock\[data-dock-placement="left"\]\s+\.desktop-dock__separator\s*{[^}]*align-self:\s*flex-start;[^}]*margin:\s*4px 0 4px var\(--desktop-dock-separator-center-offset\);/s
   );
-  assert.match(
-    css,
-    /\.workspace-launchpad-dock-icon\s*{[^}]*--workspace-launchpad-dock-icon-bg:\s*var\(--transparency-block\);[^}]*--workspace-launchpad-dock-icon-border:\s*var\(--line-1\);[^}]*background:\s*var\(--workspace-launchpad-dock-icon-bg\);/s
-  );
-  assert.match(
-    css,
-    /\.desktop-dock__slot\[data-wallpaper-tone="dark"\]\s+\.workspace-launchpad-dock-icon\s*{[^}]*--workspace-launchpad-dock-icon-bg:\s*rgb\(255 255 255 \/ 18%\);[^}]*--workspace-launchpad-dock-icon-border:\s*rgb\(255 255 255 \/ 15%\);/s
-  );
-  assert.match(
-    css,
-    /\.desktop-dock__slot\[data-wallpaper-tone="light"\]\s+\.workspace-launchpad-dock-icon\s*{[^}]*--workspace-launchpad-dock-icon-bg:\s*rgb\(0 0 0 \/ 10%\);[^}]*--workspace-launchpad-dock-icon-border:\s*rgb\(0 0 0 \/ 10%\);/s
-  );
   assert.match(
     css,
     /\.desktop-dock\[data-scroll-overflow="true"\]:hover\s+\.desktop-dock__scroll-button:not\(:disabled\)/s
@@ -407,40 +395,3 @@ test("dock overflow keeps scroll controls viewport-bound", () => {
     /\.desktop-dock\[data-dock-placement="left"\]\[data-scroll-forward="true"\]\s+\.desktop-dock__items\s*{[^}]*mask-image:\s*linear-gradient\(\s*to bottom,/s
   );
 });
-
-test("launchpad top bar remains draggable without stealing controls", () => {
-  const css = readFileSync(resolve("src/styles/workbench.css"), "utf8");
-
-  assert.match(
-    css,
-    /\.workspace-launchpad-overlay__content\s*{[^}]*-webkit-app-region:\s*drag;/s
-  );
-  assert.match(
-    css,
-    /\.workspace-launchpad-overlay__topbar\s*{[^}]*-webkit-app-region:\s*drag;/s
-  );
-  assert.match(
-    css,
-    /\.workspace-launchpad-search\s*{[^}]*-webkit-app-region:\s*no-drag;/s
-  );
-  assert.match(
-    css,
-    /\.workspace-launchpad-grid-viewport\s*{[^}]*-webkit-app-region:\s*no-drag;/s
-  );
-  assert.match(
-    css,
-    /\.workspace-launchpad-grid-viewport\s*{[^}]*overflow:\s*visible;/s
-  );
-  assert.match(
-    css,
-    /\.workspace-launchpad-dock-hover-panel\s*{[^}]*--workspace-launchpad-hover-panel-shift:\s*0px;[^}]*left:\s*50%;[^}]*right:\s*auto;[^}]*max-width:\s*min\(240px, calc\(100vw - 32px\)\);[^}]*transform:\s*translateX\(\s*calc\(-50% \+ var\(--workspace-launchpad-hover-panel-shift\)\)\s*\)/s
-  );
-  assert.doesNotMatch(
-    css,
-    /workspace-launchpad-dock-hover-panel\[data-hover-panel-align=/
-  );
-  assert.match(
-    css,
-    /\.workspace-launchpad-pages\s*{[^}]*-webkit-app-region:\s*no-drag;/s
-  );
-});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tutti-os/workbench-surface",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "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.26",
-    "@tutti-os/ui-react-hooks": "0.0.26",
-    "@tutti-os/workbench-snapshot": "0.0.26",
-    "@tutti-os/ui-system": "0.0.26"
+    "@tutti-os/ui-i18n-runtime": "0.0.28",
+    "@tutti-os/ui-react-hooks": "0.0.28",
+    "@tutti-os/workbench-snapshot": "0.0.28",
+    "@tutti-os/ui-system": "0.0.28"
   },
   "peerDependencies": {
     "react": "^19.1.0",