@a83/orbiter-admin 0.3.26 → 0.3.28

package/package.json

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

package/public/style.css

@@ -1994,6 +1994,19 @@ html[data-style="xfce"] .xfce-in-focus .xfce-focus-trigger::after {
   text-align: center;
   flex-shrink: 0;
 }
+.xfce-tools-sep {
+  height: 1px; background: var(--line); margin: 4px 6px;
+}
+.xfce-tools-palette {
+  width: 100%; background: none; border: none; cursor: pointer;
+  text-align: left; font-family: inherit;
+}
+.xfce-tools-kbd {
+  margin-left: auto; font-family: var(--mono);
+  font-size: 8px; color: var(--muted);
+  background: color-mix(in srgb, var(--mid) 14%, transparent);
+  padding: 2px 5px; border-radius: 3px; border: none; font-style: normal;
+}
 
 /* Status bar links & logout */
 a.xfce-sb-logo           { text-decoration: none; color: var(--accent); }
@@ -2006,6 +2019,12 @@ a.xfce-sb-logo:hover     { opacity: .8; }
   font-family: var(--mono); transition: color .15s;
 }
 .xfce-sb-logout:hover { color: var(--red); }
+.xfce-sb-palette-btn {
+  background: none; border: none; cursor: pointer; padding: 0 1px;
+  font-size: 11px; color: var(--mid); line-height: 1;
+  font-family: var(--mono); transition: color .15s;
+}
+.xfce-sb-palette-btn:hover { color: var(--accent); }
 
 /* Draft badge on dock items */
 .xfce-dock-badge {
@@ -2043,21 +2062,38 @@ 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,.76);
+  backdrop-filter: blur(5px);
+  -webkit-backdrop-filter: blur(5px);
 }
-.xfce-palette.open { display: flex; }
 
 .xfce-palette-inner {
-  width: min(560px, 92vw);
+  width: min(580px, 92vw);
   background: color-mix(in srgb, var(--bg1) 97%, transparent);
-  backdrop-filter: blur(8px) saturate(160%);
-  -webkit-backdrop-filter: blur(8px) saturate(160%);
-  border: 1px solid var(--line);
+  backdrop-filter: blur(12px) saturate(180%);
+  -webkit-backdrop-filter: blur(12px) saturate(180%);
+  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
+  border-top: 2px solid var(--accent);
   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 -2px 0 0 color-mix(in srgb, var(--accent) 40%, transparent),
+    0 8px 48px rgba(0,0,0,.5),
+    0 0 60px color-mix(in srgb, var(--accent) 12%, 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

@@ -62,6 +62,8 @@
       '</div>',
       '<div class="xfce-sb-center" id="xfce-sb-title"></div>',
       '<div class="xfce-sb-right">',
+        '<button id="xfce-sb-palette-btn" class="xfce-sb-palette-btn" title="Command palette (⌘K)">⌘</button>',
+        '<span class="xfce-sb-div">·</span>',
         '<a id="xfce-sb-user" href="/account.html" class="xfce-sb-user-link"></a>',
         '<span class="xfce-sb-div">·</span>',
         '<button id="xfce-sb-logout" class="xfce-sb-logout" title="Log out">⏻</button>',
@@ -90,6 +92,12 @@
       fetch('/api/auth/logout', { method: 'POST', credentials: 'include' })
         .finally(function () { location.href = '/login.html'; });
     });
+
+    // Palette trigger in status bar
+    document.getElementById('xfce-sb-palette-btn').addEventListener('click', function (e) {
+      e.stopPropagation();
+      openPalette();
+    });
   }
 
   // ── HUD Meta Panel ────────────────────────────────────────────────────
@@ -146,6 +154,19 @@
       a.innerHTML = '<span class="xfce-tools-icon">' + t.icon + '</span><span>' + t.label + '</span>';
       toolsPopup.appendChild(a);
     });
+    // Separator
+    var sep = document.createElement('div');
+    sep.className = 'xfce-tools-sep';
+    toolsPopup.appendChild(sep);
+    // Command palette shortcut
+    var palBtn = el('button', 'xfce-tools-item xfce-tools-palette');
+    palBtn.innerHTML = '<span class="xfce-tools-icon">⌘</span><span>Palette</span><kbd class="xfce-tools-kbd">⌘K</kbd>';
+    palBtn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      toolsPopup.classList.remove('open');
+      openPalette();
+    });
+    toolsPopup.appendChild(palBtn);
     document.body.appendChild(toolsPopup);
     document.addEventListener('click', function () {
       toolsPopup.classList.remove('open');
@@ -302,15 +323,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 ──────────────────────────────────────────────────────