@a83/orbiter-admin 0.3.24 → 0.3.25

package/package.json

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

package/public/style.css

@@ -2028,6 +2028,15 @@ a.xfce-sb-logo:hover     { opacity: .8; }
   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 ─────────────────────────────────────── */
 .xfce-palette {
   display: none; position: fixed; inset: 0; z-index: 10000;

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;
 
@@ -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