@a83/orbiter-admin 0.3.45 → 0.3.47

package/package.json

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

package/public/style.css

@@ -2023,6 +2023,12 @@ a.xfce-sb-logo:hover     { opacity: .8; }
   font-family: var(--mono); transition: background .15s;
 }
 .xfce-sb-palette-btn:hover { background: color-mix(in srgb, var(--accent) 14%, transparent); }
+.xfce-sb-cheat {
+  background: none; border: none; cursor: pointer; padding: 0 3px;
+  font-size: 13px; color: var(--muted); font-family: var(--mono); line-height: 1;
+  transition: color .15s;
+}
+.xfce-sb-cheat:hover { color: var(--accent); }
 
 /* Draft badge on dock items */
 .xfce-dock-badge {
@@ -2335,6 +2341,32 @@ html[data-zen="1"] .main {
 .xfce-notif-err  .xfce-notif-msg { color: var(--red); }
 .xfce-notif-empty { padding: 20px 12px; color: var(--muted); font-size: 10px; text-align: center; }
 
+/* ── Build indicator — running state ────────────────────── */
+.xfce-sb-build--running {
+  color: var(--accent) !important;
+  animation: xfce-blink .9s step-end infinite;
+}
+
+/* ── Status bar breadcrumb ───────────────────────────────── */
+.xfce-sb-crumb-link {
+  color: var(--accent); text-decoration: none; font-family: var(--mono); font-size: 11px;
+}
+.xfce-sb-crumb-link:hover { text-decoration: underline; }
+.xfce-sb-crumb-sep { color: var(--muted); font-size: 10px; margin: 0 2px; }
+.xfce-sb-crumb-page { color: var(--text); font-family: var(--mono); font-size: 11px; }
+
+/* ── HUD Activity feed ───────────────────────────────────── */
+.xfce-hud-act-row {
+  display: flex; align-items: baseline; justify-content: space-between;
+  gap: 8px; padding: 3px 0; border-bottom: 1px solid rgba(255,255,255,.04);
+  font-size: 10px; font-family: var(--mono);
+}
+.xfce-hud-act-row:last-child { border-bottom: none; }
+.xfce-hud-act-msg { flex: 1; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.xfce-hud-act-time { color: var(--line); font-size: 9px; flex-shrink: 0; }
+.xfce-hud-act-ok  .xfce-hud-act-msg { color: var(--jade, #5dc97e); }
+.xfce-hud-act-err .xfce-hud-act-msg { color: var(--red, #e06c6c); }
+
 /* ── HUD Drafts section ──────────────────────────────────── */
 .xfce-hud-draft-row {
   display: flex; align-items: baseline; justify-content: space-between;

package/public/xfce.js

@@ -64,9 +64,11 @@
       '</div>',
       '<div class="xfce-sb-center" id="xfce-sb-title"></div>',
       '<div class="xfce-sb-right">',
-        '<span id="xfce-sb-g-ind" class="xfce-sb-g-ind" style="display:none" title="g mode: d=dashboard m=media s=settings u=users b=build i=import h=schema a=account">g ›</span>',
+        '<span id="xfce-sb-g-ind" class="xfce-sb-g-ind" style="display:none" title="g mode: d=dashboard m=media s=settings u=users b=build i=import c=schema h=HUD a=account">g ›</span>',
         '<button id="xfce-sb-bell" class="xfce-sb-bell" title="Notifications"><span id="xfce-sb-bell-icon">○</span><span id="xfce-sb-bell-badge" class="xfce-sb-bell-badge" style="display:none"></span></button>',
         '<span class="xfce-sb-div">·</span>',
+        '<button id="xfce-sb-cheat" class="xfce-sb-cheat" title="Shortcuts (?)">?</button>',
+        '<span class="xfce-sb-div">·</span>',
         '<button id="xfce-sb-palette-btn" class="xfce-sb-palette-btn" title="Command palette (⌘K)">⌘</button>',
         '<span class="xfce-sb-div">·</span>',
         '<span id="xfce-sb-build" class="xfce-sb-build" title="Last build"></span>',
@@ -80,10 +82,18 @@
     ].join('');
     document.body.insertBefore(sb, document.body.firstChild);
 
-    // Page title from document.title
-    var title  = document.title.replace(/\s*—\s*Orbiter.*$/, '').trim();
+    // Breadcrumb / page title
     var titleEl = document.getElementById('xfce-sb-title');
-    if (titleEl && title) titleEl.textContent = title;
+    if (titleEl) {
+      if (activeCol && (page === 'entries' || page === 'editor')) {
+        // will be filled in by loadInfo once we know the collection label
+        titleEl.dataset.col = activeCol;
+        titleEl.dataset.page = page;
+      } else {
+        var title = document.title.replace(/\s*—\s*Orbiter.*$/, '').trim();
+        if (title) titleEl.textContent = title;
+      }
+    }
 
     // Clock
     function tick() {
@@ -111,6 +121,12 @@
       e.stopPropagation();
       toggleNotifPanel();
     });
+
+    // Cheatsheet
+    document.getElementById('xfce-sb-cheat').addEventListener('click', function (e) {
+      e.stopPropagation();
+      toggleCheatsheet();
+    });
   }
 
   // ── HUD Meta Panel ────────────────────────────────────────────────────
@@ -131,6 +147,8 @@
         '<div id="xfce-hud-cols" class="xfce-hud-rows"></div>',
         '<div class="xfce-hud-section-label" style="margin-top:16px">Drafts</div>',
         '<div id="xfce-hud-drafts" class="xfce-hud-rows xfce-hud-drafts"></div>',
+        '<div class="xfce-hud-section-label" style="margin-top:16px">Activity</div>',
+        '<div id="xfce-hud-activity" class="xfce-hud-rows xfce-hud-activity"></div>',
         '<div class="xfce-hud-section-label" style="margin-top:16px">Navigation</div>',
         '<div class="xfce-hud-nav-links" id="xfce-hud-nav"></div>',
       '</div>',
@@ -155,6 +173,7 @@
   function toggleHUD() {
     if (!metaPanel) return;
     metaPanel.classList.toggle('open');
+    if (metaPanel.classList.contains('open')) refreshHUDActivity();
   }
 
   // ── Tools popup ───────────────────────────────────────────────────────
@@ -561,6 +580,8 @@
       case 'search': palSearch(args.join(' ')); break;
       case 'build':  palBuild();                break;
       case 'export': palExport(args);           break;
+      case 'random': palRandom();               break;
+      case '=':      palMath(args.join(' '));   break;
       default: palPrint('unknown: <b>' + escHtml(cmd) + '</b> &mdash; try <b>&gt; help</b>', 'err');
     }
   }
@@ -574,6 +595,8 @@
       '<code>info</code> &mdash; pod &amp; version info',
       '<code>build</code> &mdash; trigger deploy',
       '<code>export &lt;col&gt; [--md] [--drafts]</code> &mdash; download',
+      '<code>random</code> &mdash; jump to a random entry',
+      '<code>= &lt;expr&gt;</code> &mdash; evaluate math expression',
     ].join('<br>'), 'dim');
   }
 
@@ -690,12 +713,50 @@
       .then(function (r) { return r.json(); })
       .then(function (d) {
         paletteResults.innerHTML = '';
-        if (d.ok || d.message) { palPrint('✓ ' + (d.message || 'build triggered'), 'ok'); setTimeout(closePalette, 900); }
-        else palPrint('build error: ' + escHtml(d.error || JSON.stringify(d)), 'err');
+        if (d.ok || d.message) {
+          palPrint('✓ ' + (d.message || 'build triggered'), 'ok');
+          startBuildPoll();
+          setTimeout(closePalette, 900);
+        } else palPrint('build error: ' + escHtml(d.error || JSON.stringify(d)), 'err');
       })
       .catch(function () { paletteResults.innerHTML = ''; palPrint('build request failed', 'err'); });
   }
 
+  function palMath(expr) {
+    if (!expr) { palPrint('usage: <code>= 2 * 450 + 12</code>', 'dim'); return; }
+    try {
+      // only allow safe math chars
+      if (!/^[\d\s\+\-\*\/\.\(\)%,^]+$/.test(expr)) throw new Error('unsafe');
+      // replace ^ with ** for exponentiation
+      var safe = expr.replace(/\^/g, '**');
+      // eslint-disable-next-line no-new-func
+      var result = Function('"use strict"; return (' + safe + ')')();
+      if (typeof result !== 'number' || !isFinite(result)) throw new Error('not a number');
+      palPrint('<span style="font-size:15px;color:var(--accent)">' + result + '</span>'
+        + ' <span style="color:var(--muted);font-size:10px">= ' + escHtml(expr) + '</span>', '');
+    } catch (e) {
+      palPrint('invalid expression', 'err');
+    }
+  }
+
+  function palRandom() {
+    palPrint('picking a random entry…', 'muted');
+    fetch('/api/search/recent?limit=50', { credentials: 'include' })
+      .then(function (r) { return r.ok ? r.json() : []; })
+      .then(function (rows) {
+        var published = rows.filter(function (r) { return r.status === 'published'; });
+        if (!published.length) { paletteResults.innerHTML = ''; palPrint('no published entries found', 'muted'); return; }
+        var pick = published[Math.floor(Math.random() * published.length)];
+        var href = '/collections/' + encodeURIComponent(pick.collection) + '/entries/' + encodeURIComponent(pick.slug);
+        paletteResults.innerHTML = '';
+        palPrint('✦ <a href="' + href + '" style="color:var(--accent)">' + escHtml(pick.title || pick.slug) + '</a>'
+          + ' <span style="color:var(--muted)">in ' + escHtml(pick.label) + '</span>', '');
+        setTimeout(function () { location.href = href; closePalette(); }, 1200);
+      })
+      .catch(function () { paletteResults.innerHTML = ''; palPrint('error fetching entries', 'err'); });
+  }
+
+
   function palExport(args) {
     if (!args.length) { palPrint('usage: export &lt;collection&gt; [--md] [--drafts]', 'err'); return; }
     var colId  = args[0];
@@ -789,6 +850,7 @@
     if (badge) { badge.textContent = _notifUnread > 9 ? '9+' : _notifUnread; badge.style.display = ''; }
     if (icon)  { icon.textContent = '●'; }
     if (_notifPanel && _notifPanel.classList.contains('open')) renderNotifList();
+    refreshHUDActivity();
   }
 
   function buildNotifPanel() {
@@ -833,6 +895,24 @@
     }).join('');
   }
 
+  function refreshHUDActivity() {
+    var el2 = document.getElementById('xfce-hud-activity');
+    if (!el2) return;
+    if (!_notifications.length) {
+      el2.innerHTML = '<div class="xfce-hud-empty">No activity yet</div>';
+      return;
+    }
+    el2.innerHTML = _notifications.slice(0, 8).map(function (n) {
+      var ago = Math.floor((Date.now() - n.time) / 1000);
+      var t = ago < 60 ? ago + 's' : ago < 3600 ? Math.floor(ago / 60) + 'm' : Math.floor(ago / 3600) + 'h';
+      var cls = n.type === 'success' ? 'xfce-hud-act-ok' : n.type === 'error' ? 'xfce-hud-act-err' : '';
+      return '<div class="xfce-hud-act-row' + (cls ? ' ' + cls : '') + '">'
+        + '<span class="xfce-hud-act-msg">' + escHtml(n.msg) + '</span>'
+        + '<span class="xfce-hud-act-time">' + t + '</span>'
+        + '</div>';
+    }).join('');
+  }
+
   function toggleNotifPanel() {
     if (!_notifPanel) buildNotifPanel();
     var isOpen = _notifPanel.classList.toggle('open');
@@ -1335,6 +1415,17 @@
             return hudRow(col.label, col.total + ' published' + draftTxt);
           }).join('');
         }
+
+        // Breadcrumb in status bar center
+        var titleEl = document.getElementById('xfce-sb-title');
+        if (titleEl && titleEl.dataset.col) {
+          var colMeta = (info.collections || []).find(function (c) { return c.id === titleEl.dataset.col; });
+          var colLabel = colMeta ? colMeta.label : titleEl.dataset.col;
+          var crumbPage = titleEl.dataset.page === 'editor' ? 'Editor' : 'Entries';
+          titleEl.innerHTML = '<a href="/entries.html?col=' + encodeURIComponent(titleEl.dataset.col) + '" class="xfce-sb-crumb-link">' + escHtml(colLabel) + '</a>'
+            + '<span class="xfce-sb-crumb-sep"> › </span>'
+            + '<span class="xfce-sb-crumb-page">' + crumbPage + '</span>';
+        }
       })
       .catch(function () {});
 
@@ -1425,13 +1516,13 @@
             cheatRow('g &nbsp;+&nbsp; s', 'Settings'),
             cheatRow('g &nbsp;+&nbsp; b', 'Build'),
             cheatRow('g &nbsp;+&nbsp; i', 'Import'),
-            cheatRow('g &nbsp;+&nbsp; h', 'Schema'),
+            cheatRow('g &nbsp;+&nbsp; c', 'Schema'),
+            cheatRow('g &nbsp;+&nbsp; h', 'Toggle HUD'),
             cheatRow('g &nbsp;+&nbsp; a', 'Account'),
             cheatRow('1 – 9', 'Jump to nth dock item'),
           '</div>',
           '<div class="xfce-cheat-col">',
             '<div class="xfce-cheat-section">Panels</div>',
-            cheatRow('⌘⇧D', 'Toggle HUD'),
             cheatRow('⌘⇧F', 'Focus / Zen mode'),
             cheatRow('⌘⇧L', 'Switch to Glass mode'),
             cheatRow('?', 'This cheatsheet'),
@@ -1442,6 +1533,8 @@
             cheatRow('&gt; search &lt;q&gt;', 'Search entries'),
             cheatRow('&gt; build', 'Trigger site build'),
             cheatRow('&gt; export &lt;col&gt;', 'Export collection'),
+            cheatRow('&gt; random', 'Jump to random entry'),
+            cheatRow('&gt; = &lt;expr&gt;', 'Evaluate math'),
             cheatRow('&gt; info', 'Show pod info'),
             cheatRow('&gt; help', 'Show command help'),
           '</div>',
@@ -1475,7 +1568,7 @@
   var _gPending = false, _gTimer = null;
   var G_MAP = { d: '/dashboard.html', m: '/media.html', s: '/settings.html',
                 u: '/users.html',     b: '/build.html',  i: '/import.html',
-                h: '/schema.html',   a: '/account.html' };
+                c: '/schema.html',   a: '/account.html' };
 
   function setGMode(on) {
     _gPending = on;
@@ -1521,16 +1614,11 @@
       }
       if (_gPending && !isEditing(e.target)) {
         clearTimeout(_gTimer); setGMode(false);
-        if (G_MAP[e.key]) { e.preventDefault(); location.href = G_MAP[e.key]; }
+        if (e.key === 'h') { e.preventDefault(); toggleHUD(); }
+        else if (G_MAP[e.key]) { e.preventDefault(); location.href = G_MAP[e.key]; }
         return;
       }
 
-      // ⌘⇧D — toggle HUD
-      if (mod && e.shiftKey && (e.key === 'd' || e.key === 'D')) {
-        e.preventDefault();
-        toggleHUD();
-        return;
-      }
 
       // ⌘⇧F — zen / focus mode
       if (mod && e.shiftKey && (e.key === 'f' || e.key === 'F')) {
@@ -1573,19 +1661,40 @@
   }
 
   // ── Build status in status bar ────────────────────────────────────────
+  var _buildPolling = false;
+
   function loadBuildStatus() {
     fetch('/api/build/status', { credentials: 'include' })
       .then(function (r) { return r.ok ? r.json() : null; })
       .then(function (d) {
-        if (!d || !d.lastTriggered) return;
+        if (!d) return;
         var el2 = document.getElementById('xfce-sb-build');
         var sep = document.getElementById('xfce-sb-build-sep');
         if (!el2) return;
-        var dt = new Date(d.lastTriggered.replace(' ', 'T'));
-        var now = new Date();
-        var diffM = Math.floor((now - dt) / 60000);
+
+        var running = d.running === true;
+        el2.classList.toggle('xfce-sb-build--running', running);
+
+        if (running) {
+          el2.textContent = '◉ building…';
+          el2.title = 'Build in progress';
+          if (sep) sep.style.display = '';
+          if (!_buildPolling) {
+            _buildPolling = true;
+            setTimeout(function poll() {
+              loadBuildStatus();
+              if (_buildPolling) setTimeout(poll, 4000);
+            }, 4000);
+          }
+          return;
+        }
+
+        _buildPolling = false;
+        if (!d.lastTriggered) return;
+        var dt    = new Date(d.lastTriggered.replace(' ', 'T'));
+        var diffM = Math.floor((Date.now() - dt) / 60000);
         var label = diffM < 1 ? 'built now'
-          : diffM < 60 ? 'built ' + diffM + 'm ago'
+          : diffM < 60   ? 'built ' + diffM + 'm ago'
           : diffM < 1440 ? 'built ' + Math.floor(diffM / 60) + 'h ago'
           : 'built ' + dt.toLocaleDateString([], { month: 'short', day: 'numeric' });
         el2.textContent = '◉ ' + label;
@@ -1594,6 +1703,18 @@
       });
   }
 
+  function startBuildPoll() {
+    _buildPolling = true;
+    var el2 = document.getElementById('xfce-sb-build');
+    var sep = document.getElementById('xfce-sb-build-sep');
+    if (el2) { el2.textContent = '◉ building…'; el2.classList.add('xfce-sb-build--running'); }
+    if (sep) sep.style.display = '';
+    setTimeout(function poll() {
+      loadBuildStatus();
+      if (_buildPolling) setTimeout(poll, 4000);
+    }, 3000);
+  }
+
 
   // ── Init ──────────────────────────────────────────────────────────────
   function init() {