clementine-agent 1.4.1 → 1.4.3

package/dist/cli/dashboard.js

@@ -2240,6 +2240,140 @@ export async function cmdDashboard(opts) {
         writeFileSync(queueFile, JSON.stringify(queue, null, 2));
         res.json({ ok: true, id });
     });
+    app.get('/api/vault-files', async (req, res) => {
+        try {
+            const limit = Math.min(parseInt(String(req.query.limit ?? '120'), 10) || 120, 500);
+            const sinceDays = Math.max(parseInt(String(req.query.sinceDays ?? '30'), 10) || 30, 1);
+            const agentFilter = typeof req.query.agent === 'string' ? req.query.agent : '';
+            const folderFilter = typeof req.query.folder === 'string' ? req.query.folder : '';
+            const search = typeof req.query.q === 'string' ? req.query.q.toLowerCase() : '';
+            const includeAuto = req.query.includeAuto === '1';
+            const cutoffMs = Date.now() - sinceDays * 24 * 60 * 60 * 1000;
+            const vaultRoot = path.join(BASE_DIR, 'vault');
+            const matter = (await import('gray-matter')).default;
+            const files = [];
+            function walk(dir) {
+                let entries = [];
+                try {
+                    entries = readdirSync(dir);
+                }
+                catch {
+                    return;
+                }
+                for (const e of entries) {
+                    if (e.startsWith('.'))
+                        continue;
+                    const full = path.join(dir, e);
+                    let stat;
+                    try {
+                        stat = statSync(full);
+                    }
+                    catch {
+                        continue;
+                    }
+                    if (stat.isDirectory()) {
+                        walk(full);
+                        continue;
+                    }
+                    if (!e.endsWith('.md'))
+                        continue;
+                    if (e.endsWith('.md.bak'))
+                        continue;
+                    if (stat.mtimeMs < cutoffMs)
+                        continue;
+                    const rel = path.relative(vaultRoot, full);
+                    // Skip auto-generated MCP/skill wrappers unless explicitly requested.
+                    // Path patterns: 00-System/skills/auto/* (generated tool wrappers).
+                    if (!includeAuto && rel.startsWith('00-System/skills/auto/'))
+                        continue;
+                    if (!includeAuto && rel.startsWith('00-System/agents/') && /\/(MEMORY|HEARTBEAT|TASKS|CRON)\.md$/.test(rel))
+                        continue;
+                    const folder = path.dirname(rel).split(path.sep)[0] || '';
+                    let agentSlug = null;
+                    if (rel.startsWith('00-System/agents/')) {
+                        const m = rel.match(/^00-System\/agents\/([^/]+)\//);
+                        if (m)
+                            agentSlug = m[1];
+                    }
+                    // Skip system housekeeping files (their author will surface via mtime in agent's own dir)
+                    let title = path.basename(rel, '.md');
+                    let typeTag = null;
+                    try {
+                        const head = readFileSync(full, 'utf-8').slice(0, 4000);
+                        const parsed = matter(head);
+                        const data = parsed.data;
+                        if (typeof data.title === 'string')
+                            title = data.title;
+                        else if (typeof data.name === 'string')
+                            title = data.name;
+                        else {
+                            const h1 = (parsed.content || '').match(/^#\s+(.+)$/m);
+                            if (h1)
+                                title = h1[1].trim();
+                        }
+                        if (typeof data.type === 'string')
+                            typeTag = data.type;
+                    }
+                    catch { /* */ }
+                    files.push({
+                        path: full,
+                        relPath: rel,
+                        title,
+                        folder,
+                        agentSlug,
+                        mtime: new Date(stat.mtimeMs).toISOString(),
+                        sizeBytes: stat.size,
+                        type: typeTag,
+                    });
+                }
+            }
+            walk(vaultRoot);
+            let filtered = files
+                .sort((a, b) => b.mtime.localeCompare(a.mtime))
+                .filter(f => {
+                if (agentFilter === '__shared__' && f.agentSlug != null)
+                    return false;
+                if (agentFilter && agentFilter !== '__shared__' && f.agentSlug !== agentFilter)
+                    return false;
+                if (folderFilter && f.folder !== folderFilter)
+                    return false;
+                if (search) {
+                    const hay = (f.title + ' ' + f.relPath).toLowerCase();
+                    if (!hay.includes(search))
+                        return false;
+                }
+                return true;
+            })
+                .slice(0, limit);
+            // Compute folder counts for filter chips
+            const folderCounts = {};
+            for (const f of files)
+                folderCounts[f.folder] = (folderCounts[f.folder] || 0) + 1;
+            res.json({ files: filtered, total: files.length, folderCounts });
+        }
+        catch (err) {
+            res.status(500).json({ error: String(err) });
+        }
+    });
+    app.get('/api/vault-file', async (req, res) => {
+        try {
+            const relPath = typeof req.query.path === 'string' ? req.query.path : '';
+            if (!relPath || relPath.includes('..')) {
+                res.status(400).json({ error: 'Bad path' });
+                return;
+            }
+            const full = path.join(BASE_DIR, 'vault', relPath);
+            if (!existsSync(full)) {
+                res.status(404).json({ error: 'Not found' });
+                return;
+            }
+            const content = readFileSync(full, 'utf-8');
+            res.json({ path: relPath, content });
+        }
+        catch (err) {
+            res.status(500).json({ error: String(err) });
+        }
+    });
     app.get('/api/memory', async (_req, res) => {
         res.json(await getMemory());
     });
@@ -8718,13 +8852,15 @@ if('serviceWorker' in navigator){navigator.serviceWorker.getRegistrations().then
   .home-rail {
     display: flex;
     flex-direction: column;
-    gap: 12px;
+    gap: 8px;
     overflow-y: auto;
     position: relative;
   }
   .home-rail.collapsed {
     display: none;
   }
+  /* Auto-hide cards that have no actionable content (set via JS toggling .rail-card.empty) */
+  .rail-card.empty { display: none; }
   .rail-collapse-btn {
     position: absolute;
     top: -4px;
@@ -8745,23 +8881,24 @@ if('serviceWorker' in navigator){navigator.serviceWorker.getRegistrations().then
   .rail-card {
     background: var(--bg-card);
     border: 1px solid var(--border);
-    border-radius: 10px;
+    border-radius: var(--radius-md);
     overflow: hidden;
-    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
+    box-shadow: var(--shadow-xs);
   }
   .rail-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 10px 14px;
-    font-size: 12px;
+    padding: 8px 12px;
+    font-size: var(--text-xs);
     font-weight: 600;
-    color: var(--text-secondary);
-    border-bottom: 1px solid var(--border);
-    background: var(--bg-secondary);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: var(--text-muted);
+    background: transparent;
   }
-  .rail-body { padding: 12px 14px; font-size: 12.5px; line-height: 1.5; }
-  .rail-body .empty-state, .rail-body .skel-row { font-size: 11px; }
+  .rail-body { padding: 8px 12px 10px; font-size: var(--text-sm); line-height: 1.45; }
+  .rail-body .empty-state, .rail-body .skel-row { font-size: var(--text-xs); }
   .rail-badge {
     display: inline-flex;
     align-items: center;
@@ -10540,35 +10677,39 @@ if('serviceWorker' in navigator){navigator.serviceWorker.getRegistrations().then
     margin-top: 4px;
   }
 
-  /* ── Timeline ───────────────────────────── */
+  /* ── Timeline (compact) ───────────────────── */
   .timeline {
     position: relative;
-    padding-left: 24px;
+    padding-left: 18px;
   }
   .timeline::before {
     content: '';
     position: absolute;
-    left: 7px;
+    left: 5px;
     top: 4px;
     bottom: 4px;
-    width: 2px;
+    width: 1px;
     background: var(--border);
   }
   .timeline-item {
     position: relative;
-    padding: 8px 0;
-    font-size: 12px;
+    padding: 4px 0;
+    font-size: var(--text-sm);
     display: flex;
-    align-items: flex-start;
-    gap: 10px;
+    align-items: center;
+    gap: 8px;
+    border-radius: var(--radius-xs);
+    transition: background var(--motion);
   }
+  .timeline-item:hover { background: var(--bg-hover); }
   .timeline-item::before {
     content: '';
     position: absolute;
-    left: -20px;
-    top: 14px;
-    width: 8px;
-    height: 8px;
+    left: -16px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 7px;
+    height: 7px;
     border-radius: 50%;
     background: var(--text-muted);
     border: 2px solid var(--bg-primary);
@@ -10576,8 +10717,52 @@ if('serviceWorker' in navigator){navigator.serviceWorker.getRegistrations().then
   }
   .timeline-item.ok::before { background: var(--green); }
   .timeline-item.error::before { background: var(--red); }
-  .timeline-msg { flex: 1; color: var(--text-primary); line-height: 1.4; }
-  .timeline-time { flex-shrink: 0; color: var(--text-muted); font-size: 11px; }
+  .timeline-msg {
+    flex: 1;
+    color: var(--text-primary);
+    line-height: 1.35;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-width: 0;
+  }
+  .timeline-title { font-weight: 500; }
+  .timeline-agent {
+    color: var(--clementine);
+    font-size: var(--text-xs);
+    margin-left: 6px;
+    font-weight: 500;
+  }
+  .timeline-body {
+    color: var(--text-muted);
+    font-size: var(--text-xs);
+    margin-left: 4px;
+  }
+  .timeline-time { flex-shrink: 0; color: var(--text-muted); font-size: var(--text-xs); }
+  /* Cap activity card height so chat dominates the page */
+  .home-activity .card-body { max-height: 320px; overflow-y: auto; padding: 10px 16px; }
+  /* Hide chat profile selector when default — the row gets cleaner */
+  .home-chat-input-row .chat-profile-spacer { display: none; }
+
+  /* Vault file folder chips */
+  .vault-folder-chip {
+    padding: 4px 12px;
+    border: 1px solid var(--border);
+    border-radius: 16px;
+    font-size: var(--text-sm);
+    color: var(--text-secondary);
+    cursor: pointer;
+    transition: all var(--motion);
+    background: var(--bg-secondary);
+    user-select: none;
+  }
+  .vault-folder-chip:hover { background: var(--bg-hover); color: var(--text-primary); }
+  .vault-folder-chip.active {
+    background: var(--clementine-bg);
+    color: var(--clementine);
+    border-color: var(--clementine);
+    font-weight: 500;
+  }
 
   /* ── Task Cards ─────────────────────────── */
   .task-grid {
@@ -11734,6 +11919,7 @@ if('serviceWorker' in navigator){navigator.serviceWorker.getRegistrations().then
       <div class="tab-bar" id="intelligence-tabs" style="margin:0 0 0 18px">
         <button class="active" data-icon="database" onclick="switchTab('intelligence','search')"><span class="icon-slot"></span> Memory</button>
         <button data-icon="sparkles" onclick="switchTab('intelligence','graph')"><span class="icon-slot"></span> Knowledge</button>
+        <button data-icon="fileText" onclick="switchTab('intelligence','files')"><span class="icon-slot"></span> Files</button>
         <button data-icon="folder" onclick="switchTab('intelligence','sources')"><span class="icon-slot"></span> Ingestion</button>
         <button data-icon="zap" onclick="switchTab('intelligence','health')"><span class="icon-slot"></span> Health <span class="tab-badge" id="brain-health-badge" style="display:none;background:#ef4444;color:#fff">0</span></button>
         <button data-icon="users" onclick="switchTab('intelligence','user-model')"><span class="icon-slot"></span> User Model</button>
@@ -11942,6 +12128,26 @@ if('serviceWorker' in navigator){navigator.serviceWorker.getRegistrations().then
         <div class="tab-pane" id="tab-intelligence-runs">
           <div id="brain-runs-list"></div>
         </div>
+        <div class="tab-pane" id="tab-intelligence-files">
+          <div style="display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap">
+            <input type="text" id="vault-files-search" placeholder="Search title or path..." style="flex:1;min-width:200px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:13px" oninput="refreshVaultFiles()">
+            <select id="vault-files-agent-filter" onchange="refreshVaultFiles()" style="padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:12px">
+              <option value="">All authors</option>
+              <option value="__shared__">Shared (vault root)</option>
+            </select>
+            <select id="vault-files-since" onchange="refreshVaultFiles()" style="padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:12px">
+              <option value="7">Past 7 days</option>
+              <option value="30" selected>Past 30 days</option>
+              <option value="90">Past 90 days</option>
+              <option value="365">Past year</option>
+            </select>
+            <button class="btn-sm" onclick="refreshVaultFiles()">Refresh</button>
+          </div>
+          <div id="vault-files-folder-chips" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px"></div>
+          <div id="vault-files-list">
+            <div class="skel-block"><div class="skel-row med"></div><div class="skel-row"></div><div class="skel-row short"></div></div>
+          </div>
+        </div>
         <div class="tab-pane" id="tab-intelligence-health">
           <div style="display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap">
             <button class="btn-sm" onclick="memoryHealthAction('janitor')" title="Run the janitor cleanup pass now">Run cleanup</button>
@@ -14534,6 +14740,7 @@ function switchTab(group, tab) {
   if (group === 'intelligence') {
     if (tab === 'graph') refreshGraph();
     if (tab === 'memory') refreshMemory();
+    if (tab === 'files' && typeof refreshVaultFiles === 'function') refreshVaultFiles();
     if (tab === 'health') {
       if (typeof refreshMemoryHealth === 'function') refreshMemoryHealth();
       if (typeof refreshClaims === 'function') refreshClaims();
@@ -17260,15 +17467,15 @@ var sourceIcons = {
 };
 
 function activityEventHtml(e) {
-  var icon = sourceIcons[e.source] || '&#9679;';
   var statusCls = e.status === 'ok' || e.status === 'approved' ? 'ok'
     : (e.status === 'error' || e.eventType === 'cron_error') ? 'error'
-    : e.status === 'pending' ? '' : '';
-  var agentLabel = e.agentSlug ? '<span style="color:var(--accent);font-size:11px;margin-left:4px">[' + esc(e.agentSlug) + ']</span>' : '';
-  return '<div class="timeline-item ' + statusCls + '">'
-    + '<span style="margin-right:6px">' + icon + '</span>'
-    + '<span class="timeline-msg">' + esc(e.title) + agentLabel
-    + (e.body ? '<span onclick="this.style.whiteSpace=this.style.whiteSpace===\\x27normal\\x27?\\x27nowrap\\x27:\\x27normal\\x27;this.style.overflow=this.style.whiteSpace===\\x27normal\\x27?\\x27visible\\x27:\\x27hidden\\x27;this.style.maxWidth=this.style.whiteSpace===\\x27normal\\x27?\\x27none\\x27:\\x27400px\\x27" style="display:block;font-size:11px;color:var(--text-muted);margin-top:2px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer" title="Click to expand">' + esc(e.body) + '</span>' : '')
+    : e.status === 'pending' ? 'pending' : '';
+  var agentLabel = e.agentSlug ? '<span class="timeline-agent">[' + esc(e.agentSlug) + ']</span>' : '';
+  return '<div class="timeline-item ' + statusCls + '" title="' + esc(e.body || e.title) + '">'
+    + '<span class="timeline-msg">'
+      + '<span class="timeline-title">' + esc(e.title) + '</span>'
+      + agentLabel
+      + (e.body ? ' <span class="timeline-body">&middot; ' + esc(e.body) + '</span>' : '')
     + '</span>'
     + '<span class="timeline-time">' + timeAgo(e.timestamp) + '</span>'
     + '</div>';
@@ -18396,13 +18603,17 @@ async function loadProfiles() {
     var d = await r.json();
     var sel = document.getElementById('chat-profile-select');
     sel.innerHTML = '<option value="">Default</option>';
+    var customCount = 0;
     for (var p of (d.profiles || [])) {
       var opt = document.createElement('option');
       opt.value = p.slug;
       opt.textContent = p.name + (p.description ? ' — ' + p.description : '');
       if (p.slug === d.active) opt.selected = true;
       sel.appendChild(opt);
+      customCount++;
     }
+    // Hide the picker entirely if there are no custom profiles — declutters the chat input row.
+    sel.style.display = customCount === 0 ? 'none' : '';
   } catch(e) { /* profiles are optional */ }
 }
 
@@ -19781,6 +19992,134 @@ async function memoryHealthAction(action) {
   }
 }
 
+// ── Vault Files (Brain → Files tab) ──────────────────────────────
+var _vaultFilesCache = null;
+var _vaultFilesFolder = '';   // current folder filter
+
+async function refreshVaultFiles() {
+  var listEl = document.getElementById('vault-files-list');
+  if (!listEl) return;
+  var q = document.getElementById('vault-files-search')?.value || '';
+  var agent = document.getElementById('vault-files-agent-filter')?.value || '';
+  var since = document.getElementById('vault-files-since')?.value || '30';
+  // Show skeleton while loading
+  listEl.innerHTML = '<div class="skel-block"><div class="skel-row med"></div><div class="skel-row"></div><div class="skel-row short"></div></div>';
+  try {
+    var url = '/api/vault-files?sinceDays=' + encodeURIComponent(since)
+      + (q ? '&q=' + encodeURIComponent(q) : '')
+      + (agent ? '&agent=' + encodeURIComponent(agent) : '')
+      + (_vaultFilesFolder ? '&folder=' + encodeURIComponent(_vaultFilesFolder) : '');
+    var r = await apiFetch(url);
+    var d = await r.json();
+    var files = d.files || [];
+    _vaultFilesCache = files;
+    // Populate agent filter from ALL files response (use server's full set, not filtered)
+    var agentSel = document.getElementById('vault-files-agent-filter');
+    if (agentSel && agentSel.options.length <= 2) {
+      var slugs = [...new Set(files.map(function(f) { return f.agentSlug; }).filter(Boolean))].sort();
+      slugs.forEach(function(slug) {
+        var opt = document.createElement('option');
+        opt.value = slug;
+        opt.textContent = slug;
+        agentSel.appendChild(opt);
+      });
+    }
+    // Render folder filter chips (using folderCounts from server)
+    var chipsEl = document.getElementById('vault-files-folder-chips');
+    if (chipsEl && d.folderCounts) {
+      var folders = Object.entries(d.folderCounts).sort(function(a, b) { return b[1] - a[1]; });
+      var totalCount = folders.reduce(function(s, p) { return s + p[1]; }, 0);
+      var chipHtml = '<div class="vault-folder-chip' + (_vaultFilesFolder === '' ? ' active' : '') + '" data-folder="" onclick="setVaultFolderFilter(\\x27\\x27)">All <span style="opacity:0.6">' + totalCount + '</span></div>';
+      folders.forEach(function(p) {
+        var folder = p[0]; var count = p[1];
+        if (!folder) return;
+        chipHtml += '<div class="vault-folder-chip' + (_vaultFilesFolder === folder ? ' active' : '') + '" data-folder="' + esc(folder) + '" onclick="setVaultFolderFilter(\\x27' + esc(folder) + '\\x27)">' + esc(folder) + ' <span style="opacity:0.6">' + count + '</span></div>';
+      });
+      chipsEl.innerHTML = chipHtml;
+    }
+    if (files.length === 0) {
+      listEl.innerHTML = '<div class="empty-cta"><div class="label">No recent files</div><div class="hint">Try a wider time window or different filter.</div></div>';
+      return;
+    }
+    var html = '<div style="font-size:11px;color:var(--text-muted);margin-bottom:10px">Showing ' + files.length + ' of ' + d.total + ' files modified in the last ' + since + ' days.</div>';
+    html += '<div style="display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)">';
+    for (var i = 0; i < files.length; i++) {
+      var f = files[i];
+      var agentBadge = f.agentSlug
+        ? '<span style="font-size:10px;background:var(--clementine-bg);color:var(--clementine);padding:2px 7px;border-radius:var(--radius-xs);font-weight:500">' + esc(f.agentSlug) + '</span>'
+        : '<span style="font-size:10px;background:var(--bg-tertiary);color:var(--text-muted);padding:2px 7px;border-radius:var(--radius-xs)">shared</span>';
+      var typeBadge = f.type ? '<span style="font-size:10px;color:var(--text-muted);margin-right:6px">' + esc(f.type) + '</span>' : '';
+      html += '<div class="vault-file-row clickable-row" data-path="' + esc(f.relPath) + '" style="display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-size:13px">'
+        + '<div style="flex:1;min-width:0">'
+          + '<div style="font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis">' + esc(f.title) + '</div>'
+          + '<div style="font-size:11px;color:var(--text-muted);font-family:\\x27JetBrains Mono\\x27,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px">' + esc(f.relPath) + '</div>'
+        + '</div>'
+        + '<div style="display:flex;align-items:center;gap:8px;flex-shrink:0">'
+          + typeBadge + agentBadge
+          + '<span style="font-size:11px;color:var(--text-muted);min-width:60px;text-align:right">' + esc(timeAgo(f.mtime)) + '</span>'
+        + '</div>'
+        + '</div>';
+    }
+    html += '</div>';
+    listEl.innerHTML = html;
+    // Wire row clicks
+    listEl.querySelectorAll('.vault-file-row').forEach(function(row) {
+      row.onclick = function() { openVaultFile(row.getAttribute('data-path')); };
+    });
+  } catch (err) {
+    listEl.innerHTML = '<div style="padding:24px;color:var(--red);font-size:13px">Failed to load: ' + esc(String(err)) + '</div>';
+  }
+}
+
+async function openVaultFile(relPath) {
+  if (!relPath) return;
+  // Build/reuse a slide-out drawer for content preview
+  var drawer = document.getElementById('vault-file-drawer');
+  if (!drawer) {
+    drawer = document.createElement('div');
+    drawer.id = 'vault-file-drawer';
+    drawer.style.cssText = 'position:fixed;right:0;top:0;bottom:0;width:560px;max-width:92vw;background:var(--bg-secondary);border-left:1px solid var(--border);box-shadow:-8px 0 32px rgba(0,0,0,0.18);z-index:200;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 200ms ease';
+    drawer.innerHTML =
+      '<div style="display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0">'
+        + '<div style="flex:1;min-width:0">'
+          + '<div id="vault-file-drawer-title" style="font-weight:600;font-size:15px;letter-spacing:-0.01em"></div>'
+          + '<div id="vault-file-drawer-path" style="font-size:11px;color:var(--text-muted);font-family:\\x27JetBrains Mono\\x27,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"></div>'
+        + '</div>'
+        + '<button class="btn-icon btn-sm" onclick="closeVaultFileDrawer()" title="Close">' + lucide('x', 'icn-sm') + '</button>'
+      + '</div>'
+      + '<div id="vault-file-drawer-body" style="flex:1;overflow-y:auto;padding:18px 22px;font-size:13px;line-height:1.55"></div>';
+    document.body.appendChild(drawer);
+  }
+  var titleEl = document.getElementById('vault-file-drawer-title');
+  var pathEl = document.getElementById('vault-file-drawer-path');
+  var body = document.getElementById('vault-file-drawer-body');
+  if (titleEl) titleEl.textContent = relPath.split('/').pop().replace(/\\.md$/, '');
+  if (pathEl) pathEl.textContent = relPath;
+  if (body) body.innerHTML = '<div class="skel-block"><div class="skel-row"></div><div class="skel-row med"></div><div class="skel-row short"></div></div>';
+  drawer.style.transform = 'translateX(0)';
+  try {
+    var r = await apiFetch('/api/vault-file?path=' + encodeURIComponent(relPath));
+    var d = await r.json();
+    if (d.error) {
+      body.innerHTML = '<div style="color:var(--red)">' + esc(d.error) + '</div>';
+      return;
+    }
+    body.innerHTML = renderMd(d.content);
+  } catch (err) {
+    body.innerHTML = '<div style="color:var(--red)">Failed: ' + esc(String(err)) + '</div>';
+  }
+}
+
+function closeVaultFileDrawer() {
+  var drawer = document.getElementById('vault-file-drawer');
+  if (drawer) drawer.style.transform = 'translateX(100%)';
+}
+
+function setVaultFolderFilter(folder) {
+  _vaultFilesFolder = folder || '';
+  refreshVaultFiles();
+}
+
 // ── Goals: inline create form ────────────────────────────────────
 function openNewGoalForm() {
   var el = document.getElementById('new-goal-form');
@@ -20561,44 +20900,53 @@ function toggleHomeRail() {
   }
 }
 
+function _railCard(bodyId) {
+  var body = document.getElementById(bodyId);
+  return body ? body.closest('.rail-card') : null;
+}
+function _setRailEmpty(bodyId, isEmpty) {
+  var card = _railCard(bodyId);
+  if (card) card.classList.toggle('empty', !!isEmpty);
+}
+
 async function refreshHomeRail() {
-  // Daemon status
+  // Daemon status — only surface when explicitly stopped. Treat null/undefined
+  // (running-state unknown) as "fine, hide" since the dashboard wouldn't be
+  // serving requests if the daemon were truly down.
   try {
     var rs = await apiFetch('/api/status');
     var ds = await rs.json();
+    var stopped = ds.running === false;
     var pip = document.querySelector('#rail-daemon-body .agent-activity-dot');
     var label = document.querySelector('#rail-daemon-body .agent-activity span:last-child');
-    if (label) label.textContent = ds.running ? 'Daemon running' : 'Daemon stopped';
-    if (pip) pip.style.background = ds.running ? '#22c55e' : '#ef4444';
+    if (label) label.textContent = stopped ? 'Daemon stopped' : 'Running';
+    if (pip) pip.style.background = stopped ? '#ef4444' : '#22c55e';
     var up = document.getElementById('rail-daemon-uptime');
     if (up && ds.uptimeMs) up.textContent = Math.round(ds.uptimeMs / 60000) + 'm';
-  } catch { /* */ }
+    _setRailEmpty('rail-daemon-body', !stopped);
+  } catch { _setRailEmpty('rail-daemon-body', true); }
 
-  // Today's plan (compact)
+  // Today's plan (compact). Hide card if no plan or zero items.
   try {
     var rp = await apiFetch('/api/daily-plan');
     var dp = await rp.json();
     var planEl = document.getElementById('home-plan-content');
+    var items = dp && dp.plan ? (dp.plan.items || []) : [];
     if (planEl) {
-      if (!dp || !dp.plan) {
-        planEl.innerHTML = '<div style="font-size:12px;color:var(--text-muted)">No plan yet today.</div>';
+      if (items.length === 0) {
+        planEl.innerHTML = '<div style="font-size:11px;color:var(--text-muted)">No plan yet today.</div>';
       } else {
-        var items = (dp.plan.items || []).slice(0, 4);
-        if (items.length === 0) {
-          planEl.innerHTML = '<div style="font-size:12px;color:var(--text-muted)">No items in today\\x27s plan.</div>';
-        } else {
-          planEl.innerHTML = items.map(function(it) {
-            return '<div class="rail-row"><span class="label">' + esc(it.title || it.text || '') + '</span><span class="meta">' + esc(it.time || '') + '</span></div>';
-          }).join('');
-        }
+        planEl.innerHTML = items.slice(0, 4).map(function(it) {
+          return '<div class="rail-row"><span class="label">' + esc(it.title || it.text || '') + '</span><span class="meta">' + esc(it.time || '') + '</span></div>';
+        }).join('');
       }
     }
+    _setRailEmpty('home-plan-content', items.length === 0);
   } catch {
-    var pe = document.getElementById('home-plan-content');
-    if (pe) pe.innerHTML = '<div style="font-size:11px;color:var(--text-muted)">No plan available.</div>';
+    _setRailEmpty('home-plan-content', true);
   }
 
-  // Upcoming cron fires (next 3)
+  // Upcoming cron fires (next 3) — hide card if nothing scheduled
   try {
     var rc = await apiFetch('/api/cron');
     var dc = await rc.json();
@@ -20609,13 +20957,14 @@ async function refreshHomeRail() {
     var uc = document.getElementById('rail-upcoming-count');
     if (uc) uc.textContent = String(jobs.length);
     if (ue) {
-      ue.innerHTML = top.length ? top.map(function(j) {
+      ue.innerHTML = top.map(function(j) {
         return '<div class="rail-row clickable-row" onclick="navigateTo(\\x27build\\x27,{tab:\\x27crons\\x27})"><span class="label">' + esc(j.name) + '</span><span class="meta">' + esc(timeUntil(j.nextRun)) + '</span></div>';
-      }).join('') : '<div style="font-size:11px;color:var(--text-muted)">Nothing scheduled soon.</div>';
+      }).join('');
     }
-  } catch { /* */ }
+    _setRailEmpty('rail-upcoming', top.length === 0);
+  } catch { _setRailEmpty('rail-upcoming', true); }
 
-  // Active unleashed runs
+  // Active unleashed runs — hide card unless something running
   try {
     var ru = await apiFetch('/api/unleashed');
     var du = await ru.json();
@@ -20627,25 +20976,27 @@ async function refreshHomeRail() {
       else ac.style.display = 'none';
     }
     if (ae) {
-      ae.innerHTML = active.length ? active.map(function(t) {
+      ae.innerHTML = active.map(function(t) {
         return '<div class="rail-row clickable-row" onclick="navigateTo(\\x27build\\x27,{tab:\\x27workflows\\x27})"><span class="label">' + esc(t.name) + '</span><span class="meta">' + esc(t.phase || '') + '</span></div>';
-      }).join('') : '<div style="font-size:11px;color:var(--text-muted)">Nothing running.</div>';
+      }).join('');
     }
-  } catch { /* */ }
+    _setRailEmpty('rail-active', active.length === 0);
+  } catch { _setRailEmpty('rail-active', true); }
 
-  // Time saved (rough: cron runs * 5min + activity exchanges * 2min, this week)
+  // Time saved (compact). Hide if zero.
   try {
     var rm = await apiFetch('/api/metrics?period=week');
     var dm = await rm.json();
     var minutes = ((dm.cronRuns || 0) * 5) + ((dm.exchanges || 0) * 2);
     var ts = document.getElementById('rail-time-saved');
     if (ts) {
-      if (minutes >= 60) ts.innerHTML = '<div style="font-size:18px;font-weight:600">' + (minutes / 60).toFixed(1) + 'h</div><div style="font-size:11px;color:var(--text-muted)">across ' + (dm.cronRuns || 0) + ' cron runs + ' + (dm.exchanges || 0) + ' chats</div>';
-      else ts.innerHTML = '<div style="font-size:18px;font-weight:600">' + minutes + 'm</div><div style="font-size:11px;color:var(--text-muted)">across ' + (dm.cronRuns || 0) + ' cron runs</div>';
+      if (minutes >= 60) ts.innerHTML = '<div style="font-size:var(--text-md);font-weight:600">' + (minutes / 60).toFixed(1) + 'h</div><div style="font-size:11px;color:var(--text-muted)">' + (dm.cronRuns || 0) + ' runs · ' + (dm.exchanges || 0) + ' chats</div>';
+      else ts.innerHTML = '<div style="font-size:var(--text-md);font-weight:600">' + minutes + 'm</div><div style="font-size:11px;color:var(--text-muted)">' + (dm.cronRuns || 0) + ' runs</div>';
     }
-  } catch { /* */ }
+    _setRailEmpty('rail-time-saved', minutes === 0);
+  } catch { _setRailEmpty('rail-time-saved', true); }
 
-  // Approvals (self-improve proposals + pending skills)
+  // Approvals — hide card unless something pending
   try {
     var rsi = await apiFetch('/api/self-improve');
     var dsi = await rsi.json();
@@ -20657,12 +21008,12 @@ async function refreshHomeRail() {
       else ac2.style.display = 'none';
     }
     if (ae2) {
-      if (pending.length === 0) ae2.innerHTML = '<div style="font-size:11px;color:var(--text-muted)">Nothing pending.</div>';
-      else ae2.innerHTML = pending.slice(0, 3).map(function(p) {
+      ae2.innerHTML = pending.slice(0, 3).map(function(p) {
         return '<div class="rail-row clickable-row" onclick="navigateTo(\\x27brain\\x27,{tab:\\x27learning\\x27})"><span class="label">' + esc(p.area || 'proposal') + ': ' + esc((p.target || '').slice(0, 40)) + '</span><span class="meta">' + esc(((p.score || 0) * 100).toFixed(0)) + '%</span></div>';
       }).join('');
     }
-  } catch { /* */ }
+    _setRailEmpty('rail-approvals', pending.length === 0);
+  } catch { _setRailEmpty('rail-approvals', true); }
 }
 
 function timeUntil(iso) {
@@ -23992,6 +24343,8 @@ async function refreshSalesforce() {
     if (d.status) { try { refreshStatus(d.status); } catch(e) { console.warn('init: status', e); } }
     if (d.activity) { try { refreshActivity(false, d.activity); } catch(e) { console.warn('init: activity', e); } }
     else { try { refreshActivity(); } catch(e) { console.warn('init: activity fallback', e); } }
+    // Populate the home right rail (daemon, plan, runs, time-saved, approvals)
+    if (typeof refreshHomeRail === 'function') { try { refreshHomeRail(); } catch(e) { console.warn('init: rail', e); } }
     if (d.office) { try { refreshTeamNav(d.office); refreshTeamPulse(d.office); } catch(e) { console.warn('init: office', e); } }
     if (d.plan) { try { refreshHomePlan(d.plan); } catch(e) { console.warn('init: plan', e); } }
     if (d.version) { try { _loadedHash = d.version.started; } catch(e) { /* ignore */ } }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clementine-agent",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "Clementine — Personal AI Assistant (TypeScript)",
   "type": "module",
   "main": "dist/index.js",