@a83/orbiter-admin 0.3.26 → 0.3.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a83/orbiter-admin",
-  "version": "0.3.26",
+  "version": "0.3.27",
   "description": "Standalone admin server for Orbiter CMS",
   "type": "module",
   "main": "./src/server.js",

package/public/style.css

@@ -2043,11 +2043,17 @@ a.xfce-sb-logo:hover     { opacity: .8; }
 /* ── Command Palette ─────────────────────────────────────── */
 .xfce-palette {
   display: none; position: fixed; inset: 0; z-index: 10000;
-  background: rgba(0,0,0,.55); backdrop-filter: blur(4px);
-  align-items: flex-start; justify-content: center;
-  padding-top: 12vh;
+  background: rgba(0,0,0,0);
+  align-items: flex-end; justify-content: center;
+  padding-bottom: calc(var(--dock-h, 76px) + 28px);
+  transition: background .2s;
+}
+.xfce-palette.open {
+  display: flex;
+  background: rgba(0,0,0,.55);
+  backdrop-filter: blur(3px);
+  -webkit-backdrop-filter: blur(3px);
 }
-.xfce-palette.open { display: flex; }
 
 .xfce-palette-inner {
   width: min(560px, 92vw);
@@ -2056,8 +2062,15 @@ a.xfce-sb-logo:hover     { opacity: .8; }
   -webkit-backdrop-filter: blur(8px) saturate(160%);
   border: 1px solid var(--line);
   border-radius: 12px;
-  box-shadow: 0 24px 60px rgba(0,0,0,.5), 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);
+  box-shadow: 0 -4px 40px rgba(0,0,0,.35), 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);
   overflow: hidden;
+  transform: translateY(16px);
+  opacity: 0;
+  transition: transform .22s cubic-bezier(.34,1.15,.64,1), opacity .16s;
+}
+.xfce-palette.open .xfce-palette-inner {
+  transform: translateY(0);
+  opacity: 1;
 }
 
 .xfce-palette-bar {

package/public/xfce.js

@@ -302,15 +302,25 @@
 
   function openPalette() {
     if (!palette) buildPalette();
-    palette.classList.add('open');
+    palette.style.display = 'flex';
     paletteInp.value = '';
     palActive = -1;
     renderPalette('');
-    setTimeout(function () { paletteInp.focus(); }, 30);
+    // double rAF so display:flex has rendered before the transition fires
+    requestAnimationFrame(function () {
+      requestAnimationFrame(function () {
+        palette.classList.add('open');
+        setTimeout(function () { paletteInp.focus(); }, 40);
+      });
+    });
   }
 
   function closePalette() {
-    if (palette) palette.classList.remove('open');
+    if (!palette) return;
+    palette.classList.remove('open');
+    setTimeout(function () {
+      if (!palette.classList.contains('open')) palette.style.display = 'none';
+    }, 220);
   }
 
   // ── Toast system ──────────────────────────────────────────────────────