@a83/orbiter-admin 0.3.31 → 0.3.33

package/package.json

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

package/public/style.css

@@ -1994,19 +1994,9 @@ 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;
-}
+.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); }
@@ -2019,11 +2009,7 @@ 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 3px;
-  font-size: 14px; color: var(--mid); line-height: 1;
-  font-family: var(--mono); transition: color .15s;
-}
+.xfce-sb-palette-btn { background: none; border: none; cursor: pointer; padding: 0 3px; font-size: 14px; 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 */
@@ -2039,10 +2025,8 @@ a.xfce-sb-logo:hover     { opacity: .8; }
 
 /* Hover + badge above collection dock items */
 .xfce-col-create {
-  position: fixed;
-  z-index: 99990;
-  width: 22px; height: 22px;
-  border-radius: 50%;
+  position: fixed; z-index: 99990;
+  width: 22px; height: 22px; border-radius: 50%;
   background: var(--accent);
   color: color-mix(in srgb, var(--bg1) 15%, #000);
   font-size: 17px; line-height: 22px; font-weight: 300;
@@ -2054,65 +2038,45 @@ a.xfce-sb-logo:hover     { opacity: .8; }
   user-select: none;
 }
 .xfce-col-create.visible {
-  opacity: 1;
-  transform: translateX(-50%) translateY(0);
-  pointer-events: auto;
+  opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto;
 }
 
 /* ── Command Palette ─────────────────────────────────────── */
 .xfce-palette {
   display: none; position: fixed; inset: 0; z-index: 10000;
-  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,.72);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
+  background: rgba(0,0,0,.55); backdrop-filter: blur(4px);
+  align-items: flex-start; justify-content: center;
+  padding-top: 12vh;
 }
+.xfce-palette.open { display: flex; }
 
-/* Palette inner — always dark, space aesthetic regardless of page theme */
 .xfce-palette-inner {
   width: min(560px, 92vw);
-  background: #0c0c1c;
-  border: 1px solid rgba(120,90,210,.22);
-  border-top: 2px solid var(--accent, #7c6fcd);
+  background: var(--glass-bg, color-mix(in srgb, var(--bg1) 90%, transparent));
+  border: 1px solid var(--line);
   border-radius: 12px;
-  box-shadow:
-    0 0 0 1px rgba(100,70,190,.1),
-    0 16px 56px rgba(0,0,0,.8),
-    0 0 80px rgba(90,60,180,.18);
+  box-shadow: 0 24px 60px rgba(0,0,0,.5), 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 {
   display: flex; align-items: center; gap: 8px;
-  padding: 11px 14px; border-bottom: 1px solid rgba(255,255,255,.06);
+  padding: 10px 14px; border-bottom: 1px solid var(--line);
 }
-.xfce-palette-cmd  { color: var(--accent, #7c6fcd); font-size: 14px; flex-shrink: 0; opacity: .8; }
+.xfce-palette-cmd  { color: var(--accent); font-size: 13px; flex-shrink: 0; }
 .xfce-palette-inp  {
   flex: 1; background: none; border: none; outline: none;
-  font-family: var(--mono); font-size: 13px; color: #dde0ff;
+  font-family: var(--mono); font-size: 13px; color: var(--heading);
 }
-.xfce-palette-inp::placeholder { color: rgba(160,160,200,.35); }
-.xfce-palette-hint { font-size: 8px; color: rgba(150,150,195,.35); font-family: var(--mono); white-space: nowrap; }
+.xfce-palette-inp::placeholder { color: var(--muted); }
+.xfce-palette-hint { font-size: 8px; color: var(--muted); font-family: var(--mono); white-space: nowrap; }
 
 .xfce-palette-results {
-  max-height: 380px; overflow-y: auto; padding: 6px 0;
+  max-height: 360px; overflow-y: auto; padding: 6px 0;
 }
 .xfce-pal-group {
-  font-size: 8px; font-family: var(--mono); color: rgba(140,140,190,.5);
-  letter-spacing: .1em; text-transform: uppercase;
+  font-size: 8px; font-family: var(--mono); color: var(--muted);
+  letter-spacing: .08em; text-transform: uppercase;
   padding: 8px 14px 4px;
 }
 .xfce-pal-item {
@@ -2120,11 +2084,11 @@ a.xfce-sb-logo:hover     { opacity: .8; }
   padding: 7px 14px; cursor: pointer; transition: background .1s;
 }
 .xfce-pal-item:hover, .xfce-pal-item.pal-active {
-  background: rgba(110,80,210,.16);
+  background: color-mix(in srgb, var(--accent) 12%, transparent);
 }
-.xfce-pal-icon  { width: 20px; text-align: center; font-size: 13px; color: var(--accent, #7c6fcd); flex-shrink: 0; opacity: .85; }
-.xfce-pal-label { font-size: 12px; color: rgba(215,215,255,.88); font-family: var(--mono); }
-.xfce-pal-empty { padding: 20px 14px; color: rgba(140,140,190,.5); font-size: 11px; font-family: var(--mono); }
+.xfce-pal-icon  { width: 20px; text-align: center; font-size: 13px; color: var(--accent); flex-shrink: 0; }
+.xfce-pal-label { font-size: 12px; color: var(--heading); font-family: var(--mono); }
+.xfce-pal-empty { padding: 20px 14px; color: var(--muted); font-size: 11px; font-family: var(--mono); }
 
 /* ── Toast host (above dock) ─────────────────────────────── */
 .xfce-toast-host {

package/public/xfce.js

@@ -154,11 +154,9 @@
       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) {
@@ -193,12 +191,8 @@
     colCreateEl = el('a', 'xfce-col-create');
     colCreateEl.id = 'xfce-col-create';
     colCreateEl.textContent = '+';
-    colCreateEl.addEventListener('mouseenter', function () {
-      clearTimeout(colCreateTimer);
-    });
-    colCreateEl.addEventListener('mouseleave', function () {
-      colCreateTimer = setTimeout(hideColCreate, 120);
-    });
+    colCreateEl.addEventListener('mouseenter', function () { clearTimeout(colCreateTimer); });
+    colCreateEl.addEventListener('mouseleave', function () { colCreateTimer = setTimeout(hideColCreate, 120); });
     document.body.appendChild(colCreateEl);
   }
 
@@ -323,25 +317,15 @@
 
   function openPalette() {
     if (!palette) buildPalette();
-    palette.style.display = 'flex';
+    palette.classList.add('open');
     paletteInp.value = '';
     palActive = -1;
     renderPalette('');
-    // double rAF so display:flex has rendered before the transition fires
-    requestAnimationFrame(function () {
-      requestAnimationFrame(function () {
-        palette.classList.add('open');
-        setTimeout(function () { paletteInp.focus(); }, 40);
-      });
-    });
+    setTimeout(function () { paletteInp.focus(); }, 30);
   }
 
   function closePalette() {
-    if (!palette) return;
-    palette.classList.remove('open');
-    setTimeout(function () {
-      if (!palette.classList.contains('open')) palette.style.display = 'none';
-    }, 220);
+    if (palette) palette.classList.remove('open');
   }
 
   // ── Toast system ──────────────────────────────────────────────────────
@@ -824,9 +808,7 @@
               ? '/editor.html?collection=' + encodeURIComponent(col.id) + '&singleton=1'
               : '/editor.html?collection=' + encodeURIComponent(col.id);
             item.addEventListener('mouseenter', function () { showColCreate(createHref, item); });
-            item.addEventListener('mouseleave', function () {
-              colCreateTimer = setTimeout(hideColCreate, 120);
-            });
+            item.addEventListener('mouseleave', function () { colCreateTimer = setTimeout(hideColCreate, 120); });
 
             colGroup.appendChild(item);