@a83/orbiter-admin 0.3.32 → 0.3.33

package/package.json

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

package/public/style.css

@@ -1994,6 +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; }
 
 /* Status bar links & logout */
 a.xfce-sb-logo           { text-decoration: none; color: var(--accent); }
@@ -2006,6 +2009,8 @@ 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:hover { color: var(--accent); }
 
 /* Draft badge on dock items */
 .xfce-dock-badge {
@@ -2018,10 +2023,22 @@ a.xfce-sb-logo:hover     { opacity: .8; }
 }
 .xfce-dock-item { position: relative; }
 
-/* Quick-create button */
-.xfce-dock-create .xfce-dock-icon {
-  font-size: 16px !important; font-family: inherit !important;
-  color: var(--accent); font-weight: 300;
+/* 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;
+}
+.xfce-col-create.visible {
+  opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto;
 }
 
 /* ── Command Palette ─────────────────────────────────────── */

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,17 @@
       a.innerHTML = '<span class="xfce-tools-icon">' + t.icon + '</span><span>' + t.label + '</span>';
       toolsPopup.appendChild(a);
     });
+    var sep = document.createElement('div');
+    sep.className = 'xfce-tools-sep';
+    toolsPopup.appendChild(sep);
+    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');
@@ -165,6 +184,34 @@
     toolsPopup.classList.toggle('open');
   }
 
+  // ── 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);
+  }
+
+  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 hideColCreate() {
+    if (colCreateEl) colCreateEl.classList.remove('visible');
+  }
+
   // ── Command Palette ───────────────────────────────────────────────────
   var palette, paletteInp, paletteResults, palActive = -1;
 
@@ -745,7 +792,7 @@
               : page === 'entries' && activeCol === col.id;
             var abbr = col.label.substring(0, 2);
             var item = makeDockItem(abbr, col.label, href, isActive, false);
-            item.querySelector('.xfce-dock-icon').style.cssText = 'font-size:9px;font-family:var(--mono);letter-spacing:-.02em;line-height:1;';
+            item.querySelector('.xfce-dock-icon').style.cssText = 'font-size:14px;font-weight:700;font-family:var(--mono);letter-spacing:-.03em;line-height:1;opacity:1;';
             item.dataset.dockIdx = idx + 1;
 
             // Draft badge
@@ -756,19 +803,18 @@
               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' });
           });
-
-          // Quick-create: + button when viewing a collection's entries
-          if (page === 'entries' && activeCol) {
-            var createHref = '/editor.html?collection=' + encodeURIComponent(activeCol);
-            var createBtn  = makeDockItem('+', 'New entry', createHref, false, false);
-            createBtn.classList.add('xfce-dock-create');
-            colGroup.appendChild(createBtn);
-          }
         }
 
         // HUD pod section