@a83/orbiter-admin 0.3.43 → 0.3.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a83/orbiter-admin",
-  "version": "0.3.43",
+  "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,139 @@ 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;
+  color: var(--muted); font-size: 12px; line-height: 1;
+  position: relative; display: flex; align-items: center; gap: 2px;
+  transition: color .15s;
+}
+.xfce-sb-bell:hover { color: var(--accent); }
+.xfce-sb-bell-badge {
+  position: absolute; top: -3px; right: -4px;
+  background: var(--accent); color: var(--bg1);
+  font-size: 8px; font-family: var(--mono); font-weight: 700;
+  border-radius: 6px; padding: 0 3px; min-width: 12px; text-align: center;
+  line-height: 13px; pointer-events: none;
+}
+.xfce-notif-panel {
+  position: fixed; top: calc(var(--sb-h) + 6px); right: 12px;
+  width: 300px; max-height: 340px;
+  background: var(--bg1); border: 1px solid var(--line);
+  border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,.45);
+  z-index: 100000; display: none; flex-direction: column; overflow: hidden;
+  font-family: var(--mono); font-size: 11px;
+}
+.xfce-notif-panel.open { display: flex; }
+.xfce-notif-bar {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: 8px 12px; border-bottom: 1px solid var(--line);
+  background: var(--bg2); flex-shrink: 0;
+}
+.xfce-notif-title { color: var(--accent); font-weight: 700; font-size: 10px; letter-spacing: .06em; }
+.xfce-notif-clear {
+  background: none; border: 1px solid var(--line); border-radius: 4px;
+  color: var(--muted); font-size: 9px; font-family: var(--mono);
+  padding: 1px 7px; cursor: pointer; transition: color .15s, border-color .15s;
+}
+.xfce-notif-clear:hover { color: var(--accent); border-color: var(--accent); }
+.xfce-notif-list {
+  overflow-y: auto; flex: 1; padding: 4px 0;
+}
+.xfce-notif-list::-webkit-scrollbar { width: 4px; }
+.xfce-notif-list::-webkit-scrollbar-thumb { background: var(--line); border-radius: 2px; }
+.xfce-notif-item {
+  display: flex; align-items: flex-start; justify-content: space-between;
+  gap: 8px; padding: 6px 12px;
+  border-bottom: 1px solid rgba(255,255,255,.04);
+}
+.xfce-notif-item:last-child { border-bottom: none; }
+.xfce-notif-msg { flex: 1; color: var(--text); font-size: 10px; line-height: 1.4; }
+.xfce-notif-time { color: var(--muted); font-size: 9px; white-space: nowrap; flex-shrink: 0; margin-top: 1px; }
+.xfce-notif-ok   .xfce-notif-msg { color: var(--jade); }
+.xfce-notif-err  .xfce-notif-msg { color: var(--red); }
+.xfce-notif-empty { padding: 20px 12px; color: var(--muted); font-size: 10px; text-align: center; }
+
+/* ── HUD Drafts section ──────────────────────────────────── */
+.xfce-hud-draft-row {
+  display: flex; align-items: baseline; justify-content: space-between;
+  gap: 8px; padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,.04);
+}
+.xfce-hud-draft-row:last-child { border-bottom: none; }
+.xfce-hud-draft-link {
+  color: var(--accent); text-decoration: none; font-size: 10px;
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1;
+  max-width: 160px;
+}
+.xfce-hud-draft-link:hover { text-decoration: underline; }
+.xfce-hud-draft-meta { color: var(--muted); font-size: 9px; white-space: nowrap; flex-shrink: 0; }
+.xfce-hud-empty { color: var(--muted); font-size: 10px; padding: 4px 0; }
+
 /* ── Toast host (above dock) ─────────────────────────────── */
 .xfce-toast-host {
   position: fixed; bottom: 90px; left: 50%; transform: translateX(-50%);

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) {
@@ -64,6 +65,8 @@
       '<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>',
+        '<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-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>',
@@ -102,6 +105,12 @@
       e.stopPropagation();
       openPalette();
     });
+
+    // Bell / notification center
+    document.getElementById('xfce-sb-bell').addEventListener('click', function (e) {
+      e.stopPropagation();
+      toggleNotifPanel();
+    });
   }
 
   // ── HUD Meta Panel ────────────────────────────────────────────────────
@@ -120,6 +129,8 @@
         '<div id="xfce-hud-pod" class="xfce-hud-rows"></div>',
         '<div class="xfce-hud-section-label" style="margin-top:16px">Collections</div>',
         '<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">Navigation</div>',
         '<div class="xfce-hud-nav-links" id="xfce-hud-nav"></div>',
       '</div>',
@@ -152,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);
@@ -436,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>';
@@ -714,6 +764,7 @@
       t.classList.remove('show');
       setTimeout(function () { t.remove(); }, 300);
     }, 2500);
+    pushNotif(msg, type);
   };
 
   function observeSavedFlash() {
@@ -726,6 +777,77 @@
     }).observe(flash, { attributes: true, attributeFilter: ['style'] });
   }
 
+  // ── Notification Center ───────────────────────────────────────────────
+  var _notifications = [], _notifUnread = 0, _notifPanel = null;
+
+  function pushNotif(msg, type) {
+    _notifications.unshift({ msg: msg, type: type || 'info', time: Date.now() });
+    if (_notifications.length > 40) _notifications.pop();
+    _notifUnread++;
+    var badge = document.getElementById('xfce-sb-bell-badge');
+    var icon  = document.getElementById('xfce-sb-bell-icon');
+    if (badge) { badge.textContent = _notifUnread > 9 ? '9+' : _notifUnread; badge.style.display = ''; }
+    if (icon)  { icon.textContent = '●'; }
+    if (_notifPanel && _notifPanel.classList.contains('open')) renderNotifList();
+  }
+
+  function buildNotifPanel() {
+    _notifPanel = el('div', 'xfce-notif-panel');
+    _notifPanel.id = 'xfce-notif-panel';
+    _notifPanel.innerHTML = '<div class="xfce-notif-bar">'
+      + '<span class="xfce-notif-title">Notifications</span>'
+      + '<button id="xfce-notif-clear" class="xfce-notif-clear">Clear all</button>'
+      + '</div>'
+      + '<div id="xfce-notif-list" class="xfce-notif-list"></div>';
+    document.body.appendChild(_notifPanel);
+    document.getElementById('xfce-notif-clear').addEventListener('click', function () {
+      _notifications = []; _notifUnread = 0;
+      renderNotifList();
+      var badge = document.getElementById('xfce-sb-bell-badge');
+      var icon  = document.getElementById('xfce-sb-bell-icon');
+      if (badge) badge.style.display = 'none';
+      if (icon)  icon.textContent = '○';
+    });
+    document.addEventListener('click', function (e) {
+      if (_notifPanel && _notifPanel.classList.contains('open')
+          && !_notifPanel.contains(e.target)
+          && e.target.id !== 'xfce-sb-bell') closeNotifPanel();
+    });
+  }
+
+  function renderNotifList() {
+    var list = document.getElementById('xfce-notif-list');
+    if (!list) return;
+    if (!_notifications.length) {
+      list.innerHTML = '<div class="xfce-notif-empty">No notifications yet</div>';
+      return;
+    }
+    list.innerHTML = _notifications.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' ? 'ok' : n.type === 'error' ? 'err' : 'info';
+      return '<div class="xfce-notif-item xfce-notif-' + cls + '">'
+        + '<span class="xfce-notif-msg">' + escHtml(n.msg) + '</span>'
+        + '<span class="xfce-notif-time">' + t + '</span>'
+        + '</div>';
+    }).join('');
+  }
+
+  function toggleNotifPanel() {
+    if (!_notifPanel) buildNotifPanel();
+    var isOpen = _notifPanel.classList.toggle('open');
+    if (isOpen) {
+      _notifUnread = 0;
+      var badge = document.getElementById('xfce-sb-bell-badge');
+      if (badge) badge.style.display = 'none';
+      renderNotifList();
+    }
+  }
+
+  function closeNotifPanel() {
+    if (_notifPanel) _notifPanel.classList.remove('open');
+  }
+
   // ── Workspace overlay (Notes + To-do) ────────────────────────────────
   var wsOverlay, wsActivePane = 'notes', wsNotesTimer, wsTodosData = [];
 
@@ -1091,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
@@ -1213,6 +1338,28 @@
       })
       .catch(function () {});
 
+    // HUD Drafts
+    fetch('/api/search/recent?status=draft&limit=10', { credentials: 'include' })
+      .then(function (r) { return r.ok ? r.json() : []; })
+      .then(function (drafts) {
+        var hudDrafts = document.getElementById('xfce-hud-drafts');
+        if (!hudDrafts) return;
+        if (!drafts.length) {
+          hudDrafts.innerHTML = '<div class="xfce-hud-empty">No drafts</div>';
+          return;
+        }
+        hudDrafts.innerHTML = drafts.map(function (d) {
+          var href = '/collections/' + encodeURIComponent(d.collection) + '/entries/' + encodeURIComponent(d.slug);
+          var ago = Math.floor((Date.now() - new Date(d.updated_at).getTime()) / 60000);
+          var t = ago < 60 ? ago + 'm' : Math.floor(ago / 60) + 'h';
+          return '<div class="xfce-hud-draft-row">'
+            + '<a class="xfce-hud-draft-link" href="' + href + '">' + escHtml(d.title || d.slug) + '</a>'
+            + '<span class="xfce-hud-draft-meta">' + escHtml(d.label) + ' · ' + t + '</span>'
+            + '</div>';
+        }).join('');
+      })
+      .catch(function () {});
+
     // Site meta
     fetch('/api/meta/site~name', { credentials: 'include' })
       .then(function (r) { return r.ok ? r.json() : null; })
@@ -1232,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',
@@ -1299,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();
@@ -1307,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);
@@ -1359,6 +1606,9 @@
     bindKeys();
     initFocusMode();
     observeSavedFlash();
+    if (localStorage.getItem('orb_zen') === '1') {
+      document.documentElement.dataset.zen = '1';
+    }
   }
 
   if (document.readyState === 'loading') {

package/src/routes/search.js

@@ -5,17 +5,19 @@ export const searchRoutes = new Hono();
 
 // GET /api/search/recent — last N entries across all collections
 searchRoutes.get('/recent', (c) => {
-  const limit = Math.min(parseInt(c.req.query('limit') ?? '10', 10), 50);
-  const db    = openPod(c.get('podPath'));
-  const cols  = db.getCollections();
+  const limit  = Math.min(parseInt(c.req.query('limit') ?? '10', 10), 50);
+  const status = c.req.query('status') ?? null;
+  const db     = openPod(c.get('podPath'));
+  const cols   = db.getCollections();
   const colMap = Object.fromEntries(cols.map(c => [c.id, c.label]));
 
-  const rows = db.db
-    .prepare(`SELECT e.*, e.collection_id as collection FROM _entries e ORDER BY e.updated_at DESC LIMIT ?`)
-    .all(limit);
+  const rows = status
+    ? db.db.prepare(`SELECT * FROM _entries WHERE status = ? ORDER BY updated_at DESC LIMIT ?`).all(status, limit)
+    : db.db.prepare(`SELECT * FROM _entries ORDER BY updated_at DESC LIMIT ?`).all(limit);
 
   const results = rows.map(r => {
-    const data = JSON.parse(r.data);
+    let data = {};
+    try { data = JSON.parse(r.data); } catch {}
     return {
       collection: r.collection_id,
       label:      colMap[r.collection_id] ?? r.collection_id,