@a83/orbiter-admin 0.3.43 → 0.3.44

package/package.json

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

package/public/style.css

@@ -2196,6 +2196,74 @@ html[data-style="xfce"][data-dock-pos="left"] .xfce-ws-overlay {
   bottom: auto; left: 110px; top: 50%; transform: translateY(-50%);
 }
 
+/* ── 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

@@ -64,6 +64,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 +104,12 @@
       e.stopPropagation();
       openPalette();
     });
+
+    // Bell / notification center
+    document.getElementById('xfce-sb-bell').addEventListener('click', function (e) {
+      e.stopPropagation();
+      toggleNotifPanel();
+    });
   }
 
   // ── HUD Meta Panel ────────────────────────────────────────────────────
@@ -120,6 +128,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>',
@@ -714,6 +724,7 @@
       t.classList.remove('show');
       setTimeout(function () { t.remove(); }, 300);
     }, 2500);
+    pushNotif(msg, type);
   };
 
   function observeSavedFlash() {
@@ -726,6 +737,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 = [];
 
@@ -1213,6 +1295,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; })

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,