@a83/orbiter-admin 0.3.23 → 0.3.25

package/package.json

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

package/public/style.css

@@ -2019,9 +2019,22 @@ 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: 16px !important; font-family: inherit !important;
-  color: var(--accent); font-weight: 300;
+  font-size: 20px !important; font-family: inherit !important;
+  color: var(--accent) !important; font-weight: 400; opacity: 1 !important;
+}
+
+/* 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;
 }
 
 /* ── Command Palette ─────────────────────────────────────── */
@@ -2035,7 +2048,9 @@ a.xfce-sb-logo:hover     { opacity: .8; }
 
 .xfce-palette-inner {
   width: min(560px, 92vw);
-  background: var(--glass-bg, color-mix(in srgb, var(--bg1) 90%, transparent));
+  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);
   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);
@@ -2055,10 +2070,10 @@ a.xfce-sb-logo:hover     { opacity: .8; }
 .xfce-palette-hint { font-size: 8px; color: var(--muted); font-family: var(--mono); white-space: nowrap; }
 
 .xfce-palette-results {
-  max-height: 360px; overflow-y: auto; padding: 6px 0;
+  max-height: 450px; overflow-y: auto; padding: 6px 0;
 }
 .xfce-pal-group {
-  font-size: 8px; font-family: var(--mono); color: var(--muted);
+  font-size: 8px; font-family: var(--mono); color: var(--mid);
   letter-spacing: .08em; text-transform: uppercase;
   padding: 8px 14px 4px;
 }

package/public/xfce.js

@@ -136,6 +136,8 @@
 
   // ── Tools popup ───────────────────────────────────────────────────────
   var toolsPopup;
+  var createPopup;
+  var _createCols = [];
 
   function buildToolsPopup() {
     toolsPopup = el('div', 'xfce-tools-popup');
@@ -165,6 +167,42 @@
     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);
+    });
+
+    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 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');
+  }
+
   // ── Command Palette ───────────────────────────────────────────────────
   var palette, paletteInp, paletteResults, palActive = -1;
 
@@ -745,7 +783,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:11px;font-family:var(--mono);letter-spacing:-.02em;line-height:1;opacity:1;';
             item.dataset.dockIdx = idx + 1;
 
             // Draft badge
@@ -762,13 +800,18 @@
             _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);
-          }
+          // 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