@a83/orbiter-admin 0.3.44 → 0.3.45

package/package.json

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

package/public/style.css

@@ -1158,8 +1158,8 @@ html[data-style="xfce"] .editor-shell {
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
-  width: var(--dock-item-base, 50px);
-  padding: 8px 7px 7px;
+  min-width: var(--dock-item-base, 50px);
+  padding: 10px 12px 9px;
   background: transparent;
   border: none;
   border-radius: 12px;
@@ -1196,21 +1196,25 @@ html[data-style="xfce"] .editor-shell {
 }
 .xfce-dock-item.active {
   color: var(--accent);
-  background: color-mix(in srgb, var(--accent) 9%, transparent);
+  background: color-mix(in srgb, var(--accent) 14%, transparent);
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent),
+    0 0 14px color-mix(in srgb, var(--accent) 22%, transparent),
+    inset 0 1px 0 color-mix(in srgb, white 18%, transparent);
 }
-.xfce-dock-item.active::before { opacity: .5; }
-/* active indicator: glowing scan-line instead of dot */
+.xfce-dock-item.active::before { opacity: .65; }
+/* active indicator: glowing dot at bottom */
 .xfce-dock-item.active::after {
   content: '';
   position: absolute;
-  bottom: 0;
+  bottom: 4px;
   left: 50%;
   transform: translateX(-50%);
-  width: 60%;
-  height: 2px;
-  border-radius: 1px;
-  background: linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent) 70%, transparent);
-  box-shadow: 0 0 8px 1px color-mix(in srgb, var(--accent) 70%, transparent);
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: var(--accent);
+  box-shadow: 0 0 6px 2px color-mix(in srgb, var(--accent) 80%, transparent);
 }
 
 .xfce-dock-icon {
@@ -1227,9 +1231,10 @@ html[data-style="xfce"] .editor-shell {
   transform: scale(1.14);
 }
 .xfce-dock-item.active .xfce-dock-icon {
-  opacity: .95;
+  opacity: 1;
   color: var(--accent);
-  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--accent) 65%, transparent));
+  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 80%, transparent));
+  transform: scale(1.08);
 }
 .xfce-dock-lbl {
   font-family: var(--mono);
@@ -1246,8 +1251,10 @@ html[data-style="xfce"] .editor-shell {
   color: color-mix(in srgb, var(--accent) 80%, var(--heading));
 }
 .xfce-dock-item.active .xfce-dock-lbl {
-  opacity: .85;
+  opacity: 1;
   color: var(--accent);
+  font-weight: 700;
+  letter-spacing: .08em;
 }
 
 /* ── HUD Panel ────────────────────────────────────────────── */
@@ -2150,6 +2157,20 @@ html[data-dock-pos="left"] .xfce-col-preview.visible {
 .xfce-pal-item-body  { flex: 1; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
 .xfce-pal-snippet    { font-size: 10px; color: var(--muted); font-family: var(--mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 
+/* palette — recent entries */
+.xfce-pal-icon-sm  { width: 20px; text-align: center; font-size: 10px; color: var(--muted); flex-shrink: 0; }
+.xfce-pal-group-sub {
+  font-size: 8px; font-family: var(--mono); color: var(--line);
+  letter-spacing: .08em; text-transform: uppercase;
+  padding: 8px 14px 4px; border-top: 1px solid var(--line);
+}
+.xfce-pal-status {
+  font-size: 9px; font-family: var(--mono); border-radius: 4px;
+  padding: 1px 6px; border: 1px solid currentColor; white-space: nowrap;
+}
+.xfce-pal-status-published { color: var(--jade, #5dc97e); }
+.xfce-pal-status-draft     { color: var(--muted); }
+
 /* ── Status bar build indicator ──────────────────────────── */
 .xfce-sb-build { font-size: 9px; font-family: var(--mono); color: var(--muted); white-space: nowrap; }
 .xfce-sb-g-ind {
@@ -2196,6 +2217,71 @@ html[data-style="xfce"][data-dock-pos="left"] .xfce-ws-overlay {
   bottom: auto; left: 110px; top: 50%; transform: translateY(-50%);
 }
 
+/* ── Zen / Focus mode ────────────────────────────────────── */
+html[data-zen="1"] .xfce-sb {
+  opacity: 0; pointer-events: none;
+  transform: translateY(-100%);
+  transition: opacity .3s, transform .3s;
+}
+html[data-zen="1"] .xfce-dock {
+  opacity: 0; pointer-events: none;
+  transform: translateY(30px);
+  transition: opacity .3s, transform .3s;
+}
+html[data-zen="1"][data-dock-pos="left"] .xfce-dock {
+  transform: translateX(-30px);
+}
+html[data-zen="1"] .main {
+  padding-top: 8px !important;
+  padding-bottom: 20px !important;
+}
+
+/* ── Shortcut Cheatsheet ─────────────────────────────────── */
+.xfce-cheat-overlay {
+  display: none; position: fixed; inset: 0;
+  background: rgba(0,0,0,.55); backdrop-filter: blur(4px);
+  z-index: 100001; align-items: center; justify-content: center;
+}
+.xfce-cheat-overlay.open { display: flex; }
+.xfce-cheat-panel {
+  background: var(--bg1); border: 1px solid var(--line);
+  border-radius: 14px; box-shadow: 0 16px 48px rgba(0,0,0,.55);
+  width: 560px; max-width: calc(100vw - 40px); font-family: var(--mono);
+  overflow: hidden;
+}
+.xfce-cheat-bar {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: 12px 16px; border-bottom: 1px solid var(--line);
+  background: var(--bg2);
+}
+.xfce-cheat-title { color: var(--accent); font-size: 11px; font-weight: 700; letter-spacing: .07em; }
+.xfce-cheat-close {
+  background: none; border: none; color: var(--muted); cursor: pointer;
+  font-size: 13px; line-height: 1; padding: 2px 4px;
+}
+.xfce-cheat-close:hover { color: var(--text); }
+.xfce-cheat-body {
+  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
+  padding: 16px; gap: 0 24px; max-height: 70vh; overflow-y: auto;
+}
+.xfce-cheat-section {
+  font-size: 9px; letter-spacing: .1em; color: var(--accent);
+  text-transform: uppercase; font-weight: 700;
+  margin-bottom: 8px; margin-top: 4px;
+}
+.xfce-cheat-row {
+  display: flex; align-items: baseline; gap: 10px;
+  padding: 3px 0; border-bottom: 1px solid rgba(255,255,255,.04);
+}
+.xfce-cheat-row:last-child { border-bottom: none; }
+.xfce-cheat-key {
+  background: var(--bg2); border: 1px solid var(--line);
+  border-radius: 4px; padding: 1px 6px; font-size: 10px;
+  color: var(--accent); font-family: var(--mono); white-space: nowrap;
+  flex-shrink: 0; min-width: 80px; text-align: center;
+}
+.xfce-cheat-desc { font-size: 10px; color: var(--text); }
+
 /* ── Bell / Notification Center ─────────────────────────── */
 .xfce-sb-bell {
   background: none; border: none; cursor: pointer; padding: 0 2px;

package/public/xfce.js

@@ -13,14 +13,14 @@
   var NAV = [
     { icon: '⬡', label: 'Dashboard', href: '/dashboard.html', key: 'dashboard' },
     { icon: '◫', label: 'Media',     href: '/media.html',     key: 'media' },
-    { icon: '⚙', label: 'Settings',  href: '/settings.html',  key: 'settings' },
     { icon: '⊛', label: 'Users',     href: '/users.html',     key: 'users' },
   ];
 
   var TOOLS = [
-    { icon: '▦', label: 'Schema', href: '/schema.html', key: 'schema' },
-    { icon: '◉', label: 'Build',  href: '/build.html',  key: 'build'  },
-    { icon: '↓', label: 'Import', href: '/import.html', key: 'import' },
+    { icon: '▦', label: 'Schema',   href: '/schema.html',   key: 'schema'   },
+    { icon: '◉', label: 'Build',    href: '/build.html',    key: 'build'    },
+    { icon: '↓', label: 'Import',   href: '/import.html',   key: 'import'   },
+    { icon: '⚙', label: 'Settings', href: '/settings.html', key: 'settings' },
   ];
 
   var WORKSPACE = [
@@ -30,9 +30,10 @@
 
   // palette items — nav + tools pre-seeded; collections appended after /api/info
   var _palItems = NAV.concat(TOOLS).map(function (n) {
-    return { icon: n.icon, label: n.label, href: n.href, group: n.key in { schema:1, build:1, import:1 } ? 'Tools' : 'Nav' };
+    return { icon: n.icon, label: n.label, href: n.href, group: n.key in { schema:1, build:1, import:1, settings:1 } ? 'Tools' : 'Nav' };
   });
-  var _termCols = []; // collection metadata for palette commands
+  var _termCols   = []; // collection metadata for palette commands
+  var _palRecents = []; // prefetched recent entries for empty palette
 
   // ── Helpers ───────────────────────────────────────────────────────────
   function el(tag, cls, html) {
@@ -162,19 +163,12 @@
   function buildToolsPopup() {
     toolsPopup = el('div', 'xfce-tools-popup');
     toolsPopup.id = 'xfce-tools-popup';
-    TOOLS.forEach(function (t) {
+    TOOLS.filter(function (t) { return t.key !== 'settings'; }).forEach(function (t) {
       var a = el('a', 'xfce-tools-item' + (page === t.key ? ' active' : ''));
       a.href = t.href;
       a.innerHTML = '<span class="xfce-tools-icon">' + t.icon + '</span><span>' + t.label + '</span>';
       toolsPopup.appendChild(a);
     });
-    var settingsSep = document.createElement('div');
-    settingsSep.className = 'xfce-tools-sep';
-    toolsPopup.appendChild(settingsSep);
-    var settingsLink = el('a', 'xfce-tools-item' + (page === 'settings' ? ' active' : ''));
-    settingsLink.href = '/settings.html';
-    settingsLink.innerHTML = '<span class="xfce-tools-icon">⚙</span><span>Settings</span>';
-    toolsPopup.appendChild(settingsLink);
     var sep = document.createElement('div');
     sep.className = 'xfce-tools-sep';
     toolsPopup.appendChild(sep);
@@ -446,9 +440,55 @@
     }
 
     q = q.toLowerCase();
-    var filtered = q
-      ? _palItems.filter(function (it) { return it.label.toLowerCase().includes(q); })
-      : _palItems;
+
+    // Empty input → show recents + nav
+    if (!q) {
+      var html = '';
+      if (_palRecents.length) {
+        html += '<div class="xfce-pal-group">Recent</div>';
+        _palRecents.forEach(function (r) {
+          var href = '/collections/' + encodeURIComponent(r.collection) + '/entries/' + encodeURIComponent(r.slug);
+          html += '<div class="xfce-pal-item" data-href="' + href + '">'
+            + '<span class="xfce-pal-icon xfce-pal-icon-sm">◈</span>'
+            + '<div class="xfce-pal-item-body">'
+            + '<span class="xfce-pal-label">' + escHtml(r.title || r.slug) + '</span>'
+            + '<span class="xfce-pal-snippet">' + escHtml(r.label) + '</span>'
+            + '</div>'
+            + '<span class="xfce-pal-hint-r xfce-pal-status xfce-pal-status-' + r.status + '">' + r.status + '</span>'
+            + '</div>';
+        });
+        html += '<div class="xfce-pal-group">Navigation</div>';
+      }
+      var navGroups = {};
+      _palItems.forEach(function (it) {
+        var g = it.group || 'Nav';
+        if (!navGroups[g]) navGroups[g] = [];
+        navGroups[g].push(it);
+      });
+      Object.keys(navGroups).forEach(function (g) {
+        if (_palRecents.length) html += '<div class="xfce-pal-group-sub">' + g + '</div>';
+        else html += '<div class="xfce-pal-group">' + g + '</div>';
+        navGroups[g].forEach(function (it) {
+          html += '<div class="xfce-pal-item" data-href="' + it.href + '">'
+            + '<span class="xfce-pal-icon">' + it.icon + '</span>'
+            + '<span class="xfce-pal-label">' + escHtml(it.label) + '</span>'
+            + (it.meta ? '<span class="xfce-pal-hint-r">' + escHtml(it.meta) + '</span>' : '')
+            + '</div>';
+        });
+      });
+      paletteResults.innerHTML = html;
+      paletteResults.querySelectorAll('.xfce-pal-item[data-href]').forEach(function (item) {
+        item.addEventListener('click', function () { location.href = item.dataset.href; closePalette(); });
+        item.addEventListener('mouseenter', function () {
+          var items = paletteResults.querySelectorAll('.xfce-pal-item[data-href]');
+          palActive = Array.from(items).indexOf(item);
+          updatePalActive(items);
+        });
+      });
+      return;
+    }
+
+    var filtered = _palItems.filter(function (it) { return it.label.toLowerCase().includes(q); });
 
     if (!filtered.length) {
       paletteResults.innerHTML = '<div class="xfce-pal-empty">No results</div>';
@@ -1173,6 +1213,9 @@
     });
     dockInner.appendChild(toolsBtn);
 
+    var settingsDockBtn = makeDockItem('⚙', 'Settings', '/settings.html', page === 'settings', false);
+    dockInner.appendChild(settingsDockBtn);
+
     dockInner.appendChild(el('div', 'xfce-dock-sep'));
 
     // HUD toggle
@@ -1336,12 +1379,98 @@
         if (sbUser) sbUser.textContent = d.user.username;
       })
       .catch(function () {});
+
+    // Prefetch recent entries for palette empty state
+    fetch('/api/search/recent?limit=7', { credentials: 'include' })
+      .then(function (r) { return r.ok ? r.json() : []; })
+      .then(function (rows) { _palRecents = rows; })
+      .catch(function () {});
   }
 
   function hudRow(label, value) {
     return '<div class="xfce-hud-row"><span>' + label + '</span><span>' + value + '</span></div>';
   }
 
+  // ── Zen / Focus mode ─────────────────────────────────────────────────
+  function toggleZen() {
+    var html = document.documentElement;
+    var on = html.dataset.zen !== '1';
+    html.dataset.zen = on ? '1' : '';
+    localStorage.setItem('orb_zen', on ? '1' : '');
+    if (on) window.xfceToast('Focus mode on  —  ⌘⇧F to exit', 'info');
+  }
+
+  // ── Shortcut cheatsheet ───────────────────────────────────────────────
+  var _cheatEl = null;
+
+  function buildCheatsheet() {
+    _cheatEl = el('div', 'xfce-cheat-overlay');
+    _cheatEl.id = 'xfce-cheat';
+    _cheatEl.innerHTML = [
+      '<div class="xfce-cheat-panel">',
+        '<div class="xfce-cheat-bar">',
+          '<span class="xfce-cheat-title">⌨ Shortcuts</span>',
+          '<button class="xfce-cheat-close" id="xfce-cheat-close">✕</button>',
+        '</div>',
+        '<div class="xfce-cheat-body">',
+          '<div class="xfce-cheat-col">',
+            '<div class="xfce-cheat-section">Navigation</div>',
+            cheatRow('⌘K &nbsp;/&nbsp; /', 'Open command palette'),
+            cheatRow('↑ ↓', 'Move selection in palette'),
+            cheatRow('↵', 'Go to selected item'),
+            cheatRow('Esc', 'Close overlay / panel'),
+            cheatRow('g &nbsp;+&nbsp; d', 'Dashboard'),
+            cheatRow('g &nbsp;+&nbsp; m', 'Media'),
+            cheatRow('g &nbsp;+&nbsp; u', 'Users'),
+            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; 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'),
+            '<div class="xfce-cheat-section" style="margin-top:14px">Palette commands</div>',
+            cheatRow('&gt; ls', 'List collections'),
+            cheatRow('&gt; go &lt;page&gt;', 'Navigate to page'),
+            cheatRow('&gt; new &lt;col&gt;', 'New entry in collection'),
+            cheatRow('&gt; search &lt;q&gt;', 'Search entries'),
+            cheatRow('&gt; build', 'Trigger site build'),
+            cheatRow('&gt; export &lt;col&gt;', 'Export collection'),
+            cheatRow('&gt; info', 'Show pod info'),
+            cheatRow('&gt; help', 'Show command help'),
+          '</div>',
+        '</div>',
+      '</div>',
+    ].join('');
+    document.body.appendChild(_cheatEl);
+    document.getElementById('xfce-cheat-close').addEventListener('click', closeCheatsheet);
+    _cheatEl.addEventListener('click', function (e) {
+      if (e.target === _cheatEl) closeCheatsheet();
+    });
+    document.addEventListener('keydown', function (e) {
+      if (e.key === 'Escape' && _cheatEl && _cheatEl.classList.contains('open')) closeCheatsheet();
+    });
+  }
+
+  function cheatRow(key, desc) {
+    return '<div class="xfce-cheat-row"><kbd class="xfce-cheat-key">' + key + '</kbd><span class="xfce-cheat-desc">' + desc + '</span></div>';
+  }
+
+  function toggleCheatsheet() {
+    if (!_cheatEl) buildCheatsheet();
+    _cheatEl.classList.toggle('open');
+  }
+
+  function closeCheatsheet() {
+    if (_cheatEl) _cheatEl.classList.remove('open');
+  }
+
   // ── Keyboard shortcuts ────────────────────────────────────────────────
   var _gPending = false, _gTimer = null;
   var G_MAP = { d: '/dashboard.html', m: '/media.html', s: '/settings.html',
@@ -1403,6 +1532,13 @@
         return;
       }
 
+      // ⌘⇧F — zen / focus mode
+      if (mod && e.shiftKey && (e.key === 'f' || e.key === 'F')) {
+        e.preventDefault();
+        toggleZen();
+        return;
+      }
+
       // ⌘⇧L — switch back to glass mode
       if (mod && e.shiftKey && (e.key === 'l' || e.key === 'L')) {
         e.preventDefault();
@@ -1411,6 +1547,13 @@
         return;
       }
 
+      // ? — shortcut cheatsheet
+      if (!mod && !e.altKey && e.key === '?' && !isEditing(e.target)) {
+        e.preventDefault();
+        toggleCheatsheet();
+        return;
+      }
+
       // 1–9 — jump to nth dock link (no modifier, not in input)
       if (!mod && !e.shiftKey && !e.altKey && !isEditing(e.target)) {
         var n = parseInt(e.key);
@@ -1463,6 +1606,9 @@
     bindKeys();
     initFocusMode();
     observeSavedFlash();
+    if (localStorage.getItem('orb_zen') === '1') {
+      document.documentElement.dataset.zen = '1';
+    }
   }
 
   if (document.readyState === 'loading') {