@a83/orbiter-admin 0.3.25 → 0.3.27

package/package.json

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

package/public/style.css

@@ -2018,33 +2018,42 @@ a.xfce-sb-logo:hover     { opacity: .8; }
 }
 .xfce-dock-item { position: relative; }
 
-/* Quick-create button */
-.xfce-dock-create {
-  background: color-mix(in srgb, var(--accent) 12%, transparent);
-  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent) !important;
-}
-.xfce-dock-create .xfce-dock-icon {
-  font-size: 20px !important; font-family: inherit !important;
-  color: var(--accent) !important; font-weight: 400; opacity: 1 !important;
+/* Hover + badge above collection dock items */
+.xfce-col-create {
+  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;
+  text-align: center; text-decoration: none;
+  transform: translateX(-50%) translateY(6px);
+  opacity: 0; pointer-events: none;
+  transition: opacity .13s, transform .13s cubic-bezier(.34,1.5,.64,1);
+  box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 55%, transparent);
+  user-select: none;
 }
-
-/* Create popup header row */
-.xfce-create-hdr {
-  display: flex; align-items: center; gap: 10px;
-  padding: 6px 12px 4px;
-  font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase;
-  color: var(--muted); cursor: default; pointer-events: none;
-  border-bottom: 1px solid var(--line); margin-bottom: 2px;
+.xfce-col-create.visible {
+  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,.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);
@@ -2053,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

@@ -136,8 +136,6 @@
 
   // ── Tools popup ───────────────────────────────────────────────────────
   var toolsPopup;
-  var createPopup;
-  var _createCols = [];
 
   function buildToolsPopup() {
     toolsPopup = el('div', 'xfce-tools-popup');
@@ -167,40 +165,36 @@
     toolsPopup.classList.toggle('open');
   }
 
-  // ── Create popup (+ button) ───────────────────────────────────────────
-  function buildCreatePopup() {
-    createPopup = el('div', 'xfce-tools-popup');
-    createPopup.id = 'xfce-create-popup';
-
-    var hdr = el('div', 'xfce-create-hdr');
-    hdr.innerHTML = '<span class="xfce-tools-icon" style="font-family:var(--mono);font-size:13px">+</span><span>New entry in…</span>';
-    createPopup.appendChild(hdr);
-
-    _createCols.forEach(function (col) {
-      var abbr = col.label.substring(0, 2);
-      var isCurrent = (page === 'entries' && activeCol === col.id) || (page === 'editor' && activeCol === col.id);
-      var href = col.singleton
-        ? '/editor.html?collection=' + encodeURIComponent(col.id) + '&singleton=1'
-        : '/editor.html?collection=' + encodeURIComponent(col.id);
-      var a = el('a', 'xfce-tools-item' + (isCurrent ? ' active' : ''));
-      a.href = href;
-      a.innerHTML = '<span class="xfce-tools-icon" style="font-family:var(--mono);font-size:11px">' + abbr + '</span><span>' + col.label + '</span>';
-      createPopup.appendChild(a);
+  // ── Hover + badge above collection items ─────────────────────────────
+  var colCreateEl, colCreateTimer;
+
+  function buildColCreate() {
+    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);
     });
+    document.body.appendChild(colCreateEl);
+  }
 
-    document.body.appendChild(createPopup);
-    document.addEventListener('click', function () { createPopup.classList.remove('open'); });
-    document.addEventListener('keydown', function (e) { if (e.key === 'Escape') createPopup.classList.remove('open'); });
+  function showColCreate(href, itemEl) {
+    if (!colCreateEl) buildColCreate();
+    clearTimeout(colCreateTimer);
+    var dock = document.getElementById('xfce-dock');
+    var dockTop = dock ? dock.getBoundingClientRect().top : 0;
+    var itemRect = itemEl.getBoundingClientRect();
+    colCreateEl.href = href;
+    colCreateEl.style.left = Math.round(itemRect.left + itemRect.width / 2) + 'px';
+    colCreateEl.style.top  = Math.round(dockTop - 34) + 'px';
+    colCreateEl.classList.add('visible');
   }
 
-  function toggleCreatePopup() {
-    if (!createPopup) buildCreatePopup();
-    var btn = document.getElementById('xfce-create-btn');
-    if (btn) {
-      var rect = btn.getBoundingClientRect();
-      createPopup.style.left = Math.round(rect.left + rect.width / 2) + 'px';
-    }
-    createPopup.classList.toggle('open');
+  function hideColCreate() {
+    if (colCreateEl) colCreateEl.classList.remove('visible');
   }
 
   // ── Command Palette ───────────────────────────────────────────────────
@@ -308,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 ──────────────────────────────────────────────────────
@@ -794,24 +798,20 @@
               item.appendChild(badge);
             }
 
+            // Hover shows + badge above this item
+            var createHref = col.singleton
+              ? '/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);
+            });
+
             colGroup.appendChild(item);
 
             // Add to palette
             _palItems.push({ icon: abbr, label: col.label, href: href, group: 'Collections' });
           });
-
-          // Store for create popup
-          _createCols = topLevel;
-
-          // Always-visible + button opens the create popup
-          var createBtn = makeDockItem('+', 'New', null, false, true);
-          createBtn.id = 'xfce-create-btn';
-          createBtn.classList.add('xfce-dock-create');
-          createBtn.addEventListener('click', function (e) {
-            e.stopPropagation();
-            toggleCreatePopup();
-          });
-          colGroup.appendChild(createBtn);
         }
 
         // HUD pod section