@a83/orbiter-admin 0.3.39 → 0.3.41

package/package.json

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

package/public/style.css

@@ -2028,23 +2028,47 @@ a.xfce-sb-logo:hover     { opacity: .8; }
 }
 .xfce-dock-item { position: relative; }
 
-/* Hover + badge above collection dock items */
-.xfce-col-create {
+/* Hover preview card above collection dock items */
+.xfce-col-preview {
   position: fixed; z-index: 99990;
-  width: 22px; height: 22px; border-radius: 50%;
-  background: var(--accent);
-  color: color-mix(in srgb, var(--bg1) 15%, #000);
-  font-size: 17px; line-height: 22px; font-weight: 300;
-  text-align: center; text-decoration: none;
   transform: translateX(-50%) translateY(6px);
   opacity: 0; pointer-events: none;
-  transition: opacity .13s, transform .13s cubic-bezier(.34,1.5,.64,1);
-  box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 55%, transparent);
-  user-select: none;
+  transition: opacity .15s, transform .15s cubic-bezier(.34,1.4,.64,1);
+  background: var(--bg1); border: 1px solid var(--line);
+  border-top: 2px solid var(--accent);
+  border-radius: 10px; min-width: 180px; max-width: 240px;
+  box-shadow: 0 4px 24px rgba(0,0,0,.25);
+  overflow: hidden; font-family: var(--mono);
 }
-.xfce-col-create.visible {
+.xfce-col-preview.visible {
   opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto;
 }
+html[data-dock-pos="left"] .xfce-col-preview {
+  transform: translateX(0) translateY(-50%);
+}
+html[data-dock-pos="left"] .xfce-col-preview.visible {
+  transform: translateX(6px) translateY(-50%);
+}
+.xfce-preview-head { padding: 7px 12px; border-bottom: 1px solid var(--line); }
+.xfce-preview-head a { font-size: 10px; font-weight: 600; color: var(--accent); text-decoration: none; text-transform: uppercase; letter-spacing: .06em; }
+.xfce-preview-head a:hover { text-decoration: underline; }
+.xfce-preview-entries { padding: 4px 0; }
+.xfce-preview-row {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: 4px 12px; gap: 8px; text-decoration: none;
+  transition: background .1s;
+}
+.xfce-preview-row:hover { background: color-mix(in srgb, var(--accent) 10%, transparent); }
+.xfce-preview-slug { font-size: 10px; color: var(--body); flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.xfce-preview-date { font-size: 9px; color: var(--muted); flex-shrink: 0; }
+.xfce-preview-empty { padding: 6px 12px; font-size: 10px; color: var(--muted); }
+.xfce-preview-loading { padding: 10px 12px; font-size: 10px; color: var(--muted); }
+.xfce-preview-new {
+  display: block; padding: 6px 12px; font-size: 10px;
+  color: var(--accent); text-decoration: none; border-top: 1px solid var(--line);
+  transition: background .1s;
+}
+.xfce-preview-new:hover { background: color-mix(in srgb, var(--accent) 10%, transparent); }
 
 /* ── Command Palette ─────────────────────────────────────── */
 .xfce-palette {
@@ -2115,6 +2139,68 @@ a.xfce-sb-logo:hover     { opacity: .8; }
 .xfce-pal-muted   { color: var(--muted); opacity: .7; }
 .xfce-pal-cmd-hint { color: var(--accent); }
 
+/* search result with snippet */
+.xfce-pal-item--rich { align-items: flex-start; }
+.xfce-pal-item--rich .xfce-pal-icon { margin-top: 2px; }
+.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; }
+
+/* ── Status bar build indicator ──────────────────────────── */
+.xfce-sb-build { font-size: 9px; font-family: var(--mono); color: var(--muted); white-space: nowrap; }
+.xfce-sb-g-ind { font-size: 10px; font-family: var(--mono); color: var(--accent); font-weight: 600; letter-spacing: .05em; animation: xfce-blink .7s step-end infinite; }
+@keyframes xfce-blink { 0%,100% { opacity:1; } 50% { opacity:.3; } }
+
+/* ── Left dock mode ───────────────────────────────────────── */
+html[data-style="xfce"][data-dock-pos="left"] .main {
+  padding-bottom: 20px !important;
+  padding-left: 100px !important;
+}
+html[data-style="xfce"][data-dock-pos="left"] .xfce-dock {
+  bottom: auto; left: 16px; top: 50%;
+  transform: translateY(-50%);
+  padding: 10px 6px;
+  align-items: center;
+}
+html[data-style="xfce"][data-dock-pos="left"] .xfce-dock-inner {
+  flex-direction: column; align-items: center; gap: 4px;
+}
+html[data-style="xfce"][data-dock-pos="left"] .xfce-dock-group {
+  flex-direction: column; align-items: center; gap: 4px;
+}
+html[data-style="xfce"][data-dock-pos="left"] .xfce-dock-sep {
+  width: 28px; height: 1px; margin: 2px 0;
+}
+html[data-style="xfce"][data-dock-pos="left"] .xfce-dock-item {
+  transform-origin: left center;
+}
+html[data-style="xfce"][data-dock-pos="left"] .xfce-toast-host {
+  bottom: 20px; left: 110px; transform: none;
+}
+html[data-style="xfce"][data-dock-pos="left"] .xfce-palette {
+  padding-bottom: 20px; padding-left: 100px; align-items: center;
+}
+
+/* ── Dock context menu ───────────────────────────────────── */
+.xfce-ctx-menu {
+  display: none; position: fixed; z-index: 100000;
+  background: var(--bg1); border: 1px solid var(--line);
+  border-top: 2px solid var(--accent);
+  border-radius: 8px; padding: 4px 0;
+  box-shadow: 0 4px 24px rgba(0,0,0,.25);
+  min-width: 160px;
+  opacity: 0; transform: scale(.96); transform-origin: top left;
+  transition: opacity .1s, transform .1s;
+}
+.xfce-ctx-menu.open { opacity: 1; transform: scale(1); }
+.xfce-ctx-item {
+  display: flex; align-items: center; gap: 10px;
+  width: 100%; background: none; border: none; cursor: pointer;
+  padding: 7px 14px; font-size: 12px; font-family: var(--mono);
+  color: var(--body); text-align: left; transition: background .1s;
+}
+.xfce-ctx-item:hover { background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--heading); }
+.xfce-ctx-icon { width: 16px; text-align: center; color: var(--accent); flex-shrink: 0; }
+
 /* ── Toast host (above dock) ─────────────────────────────── */
 .xfce-toast-host {
   position: fixed; bottom: 90px; left: 50%; transform: translateX(-50%);

package/public/xfce.js

@@ -63,8 +63,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 — type destination key">g_</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>',
+        '<span id="xfce-sb-build-sep" class="xfce-sb-div" style="display:none">·</span>',
         '<a id="xfce-sb-user" href="/account.html" class="xfce-sb-user-link"></a>',
         '<span class="xfce-sb-div">·</span>',
         '<button id="xfce-sb-logout" class="xfce-sb-logout" title="Log out">⏻</button>',
@@ -166,6 +169,30 @@
       openPalette();
     });
     toolsPopup.appendChild(palBtn);
+
+    var dockSep2 = document.createElement('div');
+    dockSep2.className = 'xfce-tools-sep';
+    toolsPopup.appendChild(dockSep2);
+
+    var dockPosBtn = el('button', 'xfce-tools-item');
+    dockPosBtn.id = 'xfce-dock-pos-btn';
+    function updateDockPosLabel() {
+      var pos = document.documentElement.dataset.dockPos || 'bottom';
+      dockPosBtn.innerHTML = '<span class="xfce-tools-icon">' + (pos === 'left' ? '⬌' : '⬍') + '</span>'
+        + '<span>Dock: ' + (pos === 'left' ? 'left' : 'bottom') + '</span>';
+    }
+    updateDockPosLabel();
+    dockPosBtn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var cur = document.documentElement.dataset.dockPos || 'bottom';
+      var next = cur === 'bottom' ? 'left' : 'bottom';
+      localStorage.setItem('orb_dock_pos', next);
+      document.documentElement.dataset.dockPos = next;
+      updateDockPosLabel();
+      toolsPopup.classList.remove('open');
+      _previewCache = {};
+    });
+    toolsPopup.appendChild(dockPosBtn);
     document.body.appendChild(toolsPopup);
     document.addEventListener('click', function () {
       toolsPopup.classList.remove('open');
@@ -185,36 +212,91 @@
     toolsPopup.classList.toggle('open');
   }
 
-  // ── Hover + badge above collection items ─────────────────────────────
-  var colCreateEl, colCreateTimer;
+  // ── Hover preview card above collection items ────────────────────────
+  var _previewEl = null, _previewTimer = null, _previewCache = {};
+
+  function buildPreview() {
+    _previewEl = el('div', 'xfce-col-preview');
+    _previewEl.id = 'xfce-col-preview';
+    _previewEl.addEventListener('mouseenter', function () { clearTimeout(_previewTimer); });
+    _previewEl.addEventListener('mouseleave', function () { _previewTimer = setTimeout(hideColPreview, 150); });
+    document.body.appendChild(_previewEl);
+  }
 
-  function buildColCreate() {
-    colCreateEl = el('a', 'xfce-col-create');
-    colCreateEl.id = 'xfce-col-create';
-    colCreateEl.textContent = '+';
-    colCreateEl.addEventListener('mouseenter', function () { clearTimeout(colCreateTimer); });
-    colCreateEl.addEventListener('mouseleave', function () { colCreateTimer = setTimeout(hideColCreate, 120); });
-    document.body.appendChild(colCreateEl);
+  function showColPreview(col, itemEl) {
+    if (!_previewEl) buildPreview();
+    clearTimeout(_previewTimer);
+    _previewTimer = setTimeout(function () { _renderPreview(col, itemEl); }, 280);
   }
 
-  function showColCreate(href, itemEl) {
-    if (!colCreateEl) buildColCreate();
-    clearTimeout(colCreateTimer);
-    var dock = document.getElementById('xfce-dock');
-    var dockTop = dock ? dock.getBoundingClientRect().top : 0;
-    var itemRect = itemEl.getBoundingClientRect();
-    colCreateEl.href = href;
-    colCreateEl.style.left = Math.round(itemRect.left + itemRect.width / 2) + 'px';
-    colCreateEl.style.top  = Math.round(dockTop - 34) + 'px';
-    colCreateEl.classList.add('visible');
+  function _renderPreview(col, itemEl) {
+    var dock    = document.getElementById('xfce-dock');
+    var isLeft  = document.documentElement.dataset.dockPos === 'left';
+    var dockR   = dock ? dock.getBoundingClientRect() : { top: 0, right: 0 };
+    var itemR   = itemEl.getBoundingClientRect();
+
+    function place() {
+      if (isLeft) {
+        _previewEl.style.left = Math.round(dockR.right + 10) + 'px';
+        _previewEl.style.top  = Math.round(itemR.top + itemR.height / 2 - _previewEl.offsetHeight / 2) + 'px';
+        _previewEl.style.bottom = 'auto';
+      } else {
+        var cx = Math.round(itemR.left + itemR.width / 2);
+        _previewEl.style.left   = cx + 'px';
+        _previewEl.style.bottom = Math.round(window.innerHeight - dockR.top + 10) + 'px';
+        _previewEl.style.top    = 'auto';
+      }
+    }
+
+    var newHref     = '/editor.html?collection=' + encodeURIComponent(col.id);
+    var entriesHref = col.singleton
+      ? newHref + '&singleton=1'
+      : '/entries.html?col=' + encodeURIComponent(col.id) + '&label=' + encodeURIComponent(col.label);
+
+    function render(entries) {
+      var rows = entries.length
+        ? entries.slice(0, 3).map(function (e) {
+            var slug = e.slug || e.id || '';
+            var date = (e.updated_at || e.created_at || '').substring(5, 10);
+            var href = '/editor.html?collection=' + encodeURIComponent(col.id) + '&slug=' + encodeURIComponent(slug);
+            return '<a class="xfce-preview-row" href="' + href + '">'
+              + '<span class="xfce-preview-slug">' + escHtml(slug) + '</span>'
+              + '<span class="xfce-preview-date">' + date + '</span>'
+              + '</a>';
+          }).join('')
+        : '<div class="xfce-preview-empty">no entries yet</div>';
+      _previewEl.innerHTML =
+        '<div class="xfce-preview-head"><a href="' + entriesHref + '">' + escHtml(col.label) + '</a></div>'
+        + '<div class="xfce-preview-entries">' + rows + '</div>'
+        + '<a class="xfce-preview-new" href="' + newHref + '">+ new entry</a>';
+      _previewEl.classList.add('visible');
+      place();
+    }
+
+    if (_previewCache[col.id]) {
+      render(_previewCache[col.id]);
+      return;
+    }
+    _previewEl.innerHTML = '<div class="xfce-preview-loading">…</div>';
+    _previewEl.classList.add('visible');
+    place();
+    fetch('/api/collections/' + encodeURIComponent(col.id) + '/entries?limit=3', { credentials: 'include' })
+      .then(function (r) { return r.ok ? r.json() : null; })
+      .then(function (d) {
+        var entries = d ? (d.entries || (Array.isArray(d) ? d : [])) : [];
+        _previewCache[col.id] = entries;
+        if (_previewEl.classList.contains('visible')) render(entries);
+      });
   }
 
-  function hideColCreate() {
-    if (colCreateEl) colCreateEl.classList.remove('visible');
+  function hideColPreview() {
+    clearTimeout(_previewTimer);
+    if (_previewEl) _previewEl.classList.remove('visible');
   }
 
   // ── Command Palette ───────────────────────────────────────────────────
   var palette, paletteInp, paletteResults, palActive = -1;
+  var _cmdHistory = [], _cmdHistIdx = -1;
 
   var NAV_DEST = {
     dashboard: '/dashboard.html', media: '/media.html', settings: '/settings.html',
@@ -247,10 +329,18 @@
 
     paletteInp.addEventListener('keydown', function (e) {
       var val = paletteInp.value.trim();
+      var inCmdMode = val.startsWith('>');
+
       if (e.key === 'Enter') {
-        if (val.startsWith('>')) {
+        if (inCmdMode) {
           e.preventDefault();
-          execPaletteCmd(val.slice(1).trim());
+          var cmd = val.slice(1).trim();
+          if (cmd) {
+            if (!_cmdHistory.length || _cmdHistory[0] !== cmd) _cmdHistory.unshift(cmd);
+            if (_cmdHistory.length > 30) _cmdHistory.pop();
+          }
+          _cmdHistIdx = -1;
+          execPaletteCmd(cmd);
         } else {
           var active = paletteResults.querySelector('.xfce-pal-item.pal-active');
           if (active && active.dataset.href) { location.href = active.dataset.href; closePalette(); }
@@ -259,16 +349,28 @@
             if (first) { location.href = first.dataset.href; closePalette(); }
           }
         }
-      } else if (e.key === 'ArrowDown') {
-        e.preventDefault();
-        var items = paletteResults.querySelectorAll('.xfce-pal-item[data-href]');
-        palActive = Math.min(palActive + 1, items.length - 1);
-        updatePalActive(items);
       } else if (e.key === 'ArrowUp') {
         e.preventDefault();
-        var items = paletteResults.querySelectorAll('.xfce-pal-item[data-href]');
-        palActive = Math.max(palActive - 1, 0);
-        updatePalActive(items);
+        if (inCmdMode && _cmdHistory.length) {
+          _cmdHistIdx = Math.min(_cmdHistIdx + 1, _cmdHistory.length - 1);
+          paletteInp.value = '> ' + _cmdHistory[_cmdHistIdx];
+          renderPalette(paletteInp.value);
+        } else if (!inCmdMode) {
+          var items = paletteResults.querySelectorAll('.xfce-pal-item[data-href]');
+          palActive = Math.max(palActive - 1, 0);
+          updatePalActive(items);
+        }
+      } else if (e.key === 'ArrowDown') {
+        e.preventDefault();
+        if (inCmdMode && _cmdHistory.length) {
+          _cmdHistIdx = Math.max(_cmdHistIdx - 1, -1);
+          paletteInp.value = _cmdHistIdx < 0 ? '> ' : '> ' + _cmdHistory[_cmdHistIdx];
+          renderPalette(paletteInp.value);
+        } else if (!inCmdMode) {
+          var items = paletteResults.querySelectorAll('.xfce-pal-item[data-href]');
+          palActive = Math.min(palActive + 1, items.length - 1);
+          updatePalActive(items);
+        }
       } else if (e.key === 'Escape') {
         closePalette();
       }
@@ -480,11 +582,15 @@
         var results = d.results || (Array.isArray(d) ? d : []);
         if (!results.length) { palPrint('no results for “' + escHtml(term) + '”', 'muted'); return; }
         var html = results.slice(0, 15).map(function (r) {
-          var href = '/editor.html?collection=' + encodeURIComponent(r.collection || '') + '&id=' + encodeURIComponent(r.id || '');
-          return '<div class="xfce-pal-item" data-href="' + href + '">'
-            + '<span class="xfce-pal-icon">⌕</span>'
-            + '<span class="xfce-pal-label">' + escHtml(r.title || r.slug || r.id || '') + '</span>'
-            + '<span class="xfce-pal-hint-r">' + escHtml(r.collection || '') + '</span>'
+          var href = '/editor.html?collection=' + encodeURIComponent(r.collection || '') + '&slug=' + encodeURIComponent(r.slug || '');
+          var snippet = r.snippet ? '<div class=”xfce-pal-snippet”>' + escHtml(r.snippet) + '</div>' : '';
+          return '<div class=”xfce-pal-item xfce-pal-item--rich” data-href=”' + href + '”>'
+            + '<span class=”xfce-pal-icon”>⌕</span>'
+            + '<span class=”xfce-pal-item-body”>'
+            + '<span class=”xfce-pal-label”>' + escHtml(r.title || r.slug || '') + '</span>'
+            + snippet
+            + '</span>'
+            + '<span class=”xfce-pal-hint-r”>' + escHtml(r.label || r.collection || '') + '</span>'
             + '</div>';
         }).join('');
         palSetItems(html);
@@ -494,7 +600,7 @@
 
   function palBuild() {
     palPrint('triggering build…', 'muted');
-    fetch('/api/build', { method: 'POST', credentials: 'include' })
+    fetch('/api/build/trigger', { method: 'POST', credentials: 'include' })
       .then(function (r) { return r.json(); })
       .then(function (d) {
         paletteResults.innerHTML = '';
@@ -973,19 +1079,25 @@
       if (focusedEl) exitFocusMode();
     }, true);
 
+    // Apply saved dock position
+    var _savedDockPos = localStorage.getItem('orb_dock_pos') || 'bottom';
+    document.documentElement.dataset.dockPos = _savedDockPos;
+
     // ── Magnification ─────────────────────────────────────────────────
-    function applyMag(cx) {
-      var items = dockInner.querySelectorAll('.xfce-dock-item');
+    function applyMag(cx, cy) {
+      var isLeft = document.documentElement.dataset.dockPos === 'left';
+      var items  = dockInner.querySelectorAll('.xfce-dock-item');
       items.forEach(function (item) {
         var r   = item.getBoundingClientRect();
-        var mid = r.left + r.width / 2;
-        var d   = Math.abs(cx - mid);
+        var mid = isLeft ? (r.top + r.height / 2) : (r.left + r.width / 2);
+        var pos = isLeft ? cy : cx;
+        var d   = Math.abs(pos - mid);
         var s   = d < 80 ? 1 + (1 - d / 80) * 0.50 : 1;
         item.style.setProperty('--ds', s.toFixed(3));
       });
     }
 
-    dock.addEventListener('mousemove', function (e) { applyMag(e.clientX); });
+    dock.addEventListener('mousemove', function (e) { applyMag(e.clientX, e.clientY); });
     dock.addEventListener('mouseleave', function () {
       dockInner.querySelectorAll('.xfce-dock-item').forEach(function (item) {
         item.style.setProperty('--ds', '1');
@@ -1029,12 +1141,12 @@
               item.appendChild(badge);
             }
 
-            // Hover shows + badge above this item
-            var createHref = col.singleton
-              ? '/editor.html?collection=' + encodeURIComponent(col.id) + '&singleton=1'
-              : '/editor.html?collection=' + encodeURIComponent(col.id);
-            item.addEventListener('mouseenter', function () { showColCreate(createHref, item); });
-            item.addEventListener('mouseleave', function () { colCreateTimer = setTimeout(hideColCreate, 120); });
+            // Hover shows preview card with recent entries
+            item.addEventListener('mouseenter', function () { showColPreview(col, item); });
+            item.addEventListener('mouseleave', function () { _previewTimer = setTimeout(hideColPreview, 150); });
+
+            // Right-click context menu
+            addDockCtxMenu(item, col);
 
             colGroup.appendChild(item);
 
@@ -1094,6 +1206,17 @@
   }
 
   // ── Keyboard shortcuts ────────────────────────────────────────────────
+  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' };
+
+  function setGMode(on) {
+    _gPending = on;
+    var ind = document.getElementById('xfce-sb-g-ind');
+    if (ind) ind.style.display = on ? '' : 'none';
+  }
+
   function bindKeys() {
     // Capture-phase ⌘K: fires before admin-utils.js bubble-phase listener, stops it
     document.addEventListener('keydown', function (e) {
@@ -1116,11 +1239,26 @@
       // / — open palette (when not typing in an input; Shift+7 on DE keyboard also produces '/')
       if (!mod && !e.altKey && e.key === '/' && !isEditing(e.target)) {
         e.preventDefault();
+        setGMode(false); clearTimeout(_gTimer);
         if (palette && palette.classList.contains('open')) closePalette();
         else openPalette();
         return;
       }
 
+      // g — vim-style navigation prefix (g d = dashboard, g m = media, …)
+      if (!mod && !e.shiftKey && !e.altKey && e.key === 'g' && !isEditing(e.target)) {
+        e.preventDefault();
+        setGMode(true);
+        clearTimeout(_gTimer);
+        _gTimer = setTimeout(function () { setGMode(false); }, 1500);
+        return;
+      }
+      if (_gPending && !isEditing(e.target)) {
+        clearTimeout(_gTimer); setGMode(false);
+        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();
@@ -1154,6 +1292,104 @@
     });
   }
 
+  // ── Build status in status bar ────────────────────────────────────────
+  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;
+        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 label = diffM < 1 ? 'built now'
+          : 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;
+        el2.title = 'Last build: ' + d.lastTriggered;
+        if (sep) sep.style.display = '';
+      });
+  }
+
+  // ── Dock right-click context menu ─────────────────────────────────────
+  var _ctxMenu = null;
+
+  function buildCtxMenu() {
+    _ctxMenu = document.createElement('div');
+    _ctxMenu.className = 'xfce-ctx-menu';
+    _ctxMenu.id = 'xfce-ctx-menu';
+    document.body.appendChild(_ctxMenu);
+    document.addEventListener('click', function (e) {
+      if (_ctxMenu && !_ctxMenu.contains(e.target)) closeCtxMenu();
+    }, true);
+    document.addEventListener('keydown', function (e) {
+      if (e.key === 'Escape') closeCtxMenu();
+    });
+  }
+
+  function openCtxMenu(x, y, items) {
+    if (!_ctxMenu) buildCtxMenu();
+    _ctxMenu.innerHTML = items.map(function (it) {
+      return '<button class="xfce-ctx-item" data-href="' + (it.href || '') + '">'
+        + '<span class="xfce-ctx-icon">' + it.icon + '</span>'
+        + '<span>' + it.label + '</span>'
+        + '</button>';
+    }).join('');
+    _ctxMenu.querySelectorAll('.xfce-ctx-item').forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        var href = btn.dataset.href;
+        closeCtxMenu();
+        if (href) location.href = href;
+      });
+    });
+    var vw = window.innerWidth, vh = window.innerHeight;
+    _ctxMenu.style.display = 'block';
+    var w = _ctxMenu.offsetWidth, h = _ctxMenu.offsetHeight;
+    _ctxMenu.style.left = Math.min(x, vw - w - 8) + 'px';
+    _ctxMenu.style.top  = Math.min(y, vh - h - 8) + 'px';
+    _ctxMenu.classList.add('open');
+  }
+
+  function closeCtxMenu() {
+    if (!_ctxMenu) return;
+    _ctxMenu.classList.remove('open');
+    setTimeout(function () { if (_ctxMenu) _ctxMenu.style.display = 'none'; }, 120);
+  }
+
+  function addDockCtxMenu(item, col) {
+    item.addEventListener('contextmenu', function (e) {
+      e.preventDefault();
+      var entriesHref = col.singleton
+        ? '/editor.html?collection=' + encodeURIComponent(col.id) + '&singleton=1'
+        : '/entries.html?col=' + encodeURIComponent(col.id) + '&label=' + encodeURIComponent(col.label);
+      var newHref = '/editor.html?collection=' + encodeURIComponent(col.id);
+      openCtxMenu(e.clientX, e.clientY, [
+        { icon: '◫', label: 'View entries', href: entriesHref },
+        { icon: '+', label: 'New entry',    href: newHref },
+        { icon: '↓', label: 'Export JSON',  href: '' },
+      ]);
+      // Wire export separately (needs fetch, not href)
+      var exportBtn = _ctxMenu.querySelectorAll('.xfce-ctx-item')[2];
+      if (exportBtn) {
+        exportBtn.addEventListener('click', function (ev) {
+          ev.stopImmediatePropagation();
+          closeCtxMenu();
+          fetch('/api/terminal/export?col=' + encodeURIComponent(col.id) + '&format=json&drafts=0', { credentials: 'include' })
+            .then(function (r) { return r.blob(); })
+            .then(function (blob) {
+              var a = document.createElement('a');
+              a.href = URL.createObjectURL(blob);
+              a.download = col.id + '.json';
+              document.body.appendChild(a); a.click(); a.remove();
+            });
+        }, { once: true });
+      }
+    });
+  }
+
   // ── Init ──────────────────────────────────────────────────────────────
   function init() {
     buildStatusBar();
@@ -1161,6 +1397,7 @@
     buildDock();
     buildToastHost();
     loadInfo();
+    loadBuildStatus();
     bindKeys();
     initFocusMode();
     observeSavedFlash();

package/src/routes/search.js

@@ -29,6 +29,16 @@ searchRoutes.get('/recent', (c) => {
   return c.json(results);
 });
 
+function makeSnippet(body, q, maxLen) {
+  if (!body) return '';
+  const lower = body.toLowerCase();
+  const idx   = lower.indexOf(q);
+  if (idx < 0) return body.slice(0, maxLen) + (body.length > maxLen ? '…' : '');
+  const start = Math.max(0, idx - 30);
+  const end   = Math.min(body.length, idx + q.length + 60);
+  return (start > 0 ? '…' : '') + body.slice(start, end).trim() + (end < body.length ? '…' : '');
+}
+
 // GET /api/search?q=
 searchRoutes.get('/', (c) => {
   const q = (c.req.query('q') ?? '').trim().toLowerCase();
@@ -42,8 +52,8 @@ searchRoutes.get('/', (c) => {
     const entries = db.getEntries(col.id);
     for (const entry of entries) {
       const title = (entry.data?.title ?? entry.slug ?? '').toLowerCase();
-      const body  = (entry.data?.body  ?? '').toLowerCase();
-      if (title.includes(q) || body.includes(q) || entry.slug.includes(q)) {
+      const body  = entry.data?.body ?? '';
+      if (title.includes(q) || body.toLowerCase().includes(q) || entry.slug.includes(q)) {
         results.push({
           type:       'entry',
           collection: col.id,
@@ -51,6 +61,7 @@ searchRoutes.get('/', (c) => {
           slug:       entry.slug,
           title:      entry.data?.title ?? entry.slug,
           status:     entry.status,
+          snippet:    makeSnippet(body, q, 100),
         });
         if (results.length >= 20) break;
       }