@phren/cli 0.0.17 → 0.0.19

package/mcp/dist/memory-ui-graph.js

@@ -257,8 +257,8 @@ export function renderGraphScript() {
         /* ease-in-out via sine curve over the full trip distance */
         var t = phren.tripDist > 0 ? Math.min(1, phren.tripProgress / phren.tripDist) : 1;
         var easeInOut = 0.5 - 0.5 * Math.cos(Math.PI * t);
-        var baseSpeed = Math.max(3, phren.tripDist * 0.12);
-        var speed = Math.max(1.5, baseSpeed * (0.15 + 0.85 * easeInOut));
+        var baseSpeed = Math.max(0.8, phren.tripDist * 0.03);
+        var speed = Math.max(0.4, baseSpeed * (0.15 + 0.85 * easeInOut));
         /* clamp speed to remaining distance — prevents overshoot oscillation */
         if (speed >= dist) {
           phren.x = wx;
@@ -338,10 +338,10 @@ export function renderGraphScript() {
     /* sprite rendering */
     if (phrenImgReady) {
       ctx.save();
-      /* fixed 48px size in screen pixels, scale up to 56px on arrival flash */
-      var spriteScreenSize = 48;
+      /* scale-aware sprite: 32px at default zoom, shrinks when zoomed out, caps at 40px */
+      var spriteScreenSize = Math.min(40, Math.max(16, 32 * Math.sqrt(scale)));
       if (phren.arriving && phren.arriveTimer < 0.4) {
-        spriteScreenSize = 48 + 8 * (1 - phren.arriveTimer / 0.4);
+        spriteScreenSize += 6 * (1 - phren.arriveTimer / 0.4);
       }
       var spriteSize = spriteScreenSize * s; /* convert to graph coords */
       /* bob up/down when walking — sine wave synced to walk progress */
@@ -366,18 +366,7 @@ export function renderGraphScript() {
         ctx.translate(-px, -py);
       }
       ctx.drawImage(phrenImg, px - spriteSize / 2, py - spriteSize / 2 + totalYOffset, spriteSize, spriteSize);
-      /* arrival flash: cyan glow ring */
-      if (phren.arriving && phren.arriveTimer < 0.6) {
-        var ringAlpha = 0.6 * (1 - phren.arriveTimer / 0.6);
-        ctx.beginPath();
-        ctx.arc(px, py + totalYOffset, spriteSize * 0.55, 0, Math.PI * 2);
-        ctx.strokeStyle = 'rgba(0,229,255,' + ringAlpha + ')';
-        ctx.lineWidth = 2 * s;
-        ctx.shadowColor = 'rgba(0,229,255,' + (ringAlpha * 0.5) + ')';
-        ctx.shadowBlur = 8;
-        ctx.stroke();
-        ctx.shadowBlur = 0;
-      }
+      /* no glow ring — phren stands clean next to the node */
       ctx.restore();
     }
   }
@@ -1362,9 +1351,10 @@ export function renderGraphScript() {
   /* ── detail panel ───────────────────────────────────────────────────── */
   function renderGraphDetails(node) {
     selectedNode = node;
-    /* phren moves toward the selected node, following graph edges when possible */
+    /* phren moves toward the selected node, stopping just beside it (not on top) */
     if (node && typeof node.x === 'number' && typeof node.y === 'number') {
-      phrenMoveTo(node.x, node.y, node);
+      var nr = nodeRadius(node) + 12; /* offset by node radius + margin */
+      phrenMoveTo(node.x + nr, node.y - nr * 0.5, node);
     }
     /* fire external callback so VS Code extension can react to selection */
     if (_nodeSelectCb && node) {

package/mcp/dist/memory-ui-page.js

@@ -86,53 +86,29 @@ ${TASK_UI_STYLES}
 
   <!-- ── Review Tab ────────────────────────────────────────── -->
   <div id="tab-review" class="tab-content">
-    <div class="card" style="margin-bottom:16px">
-      <div class="card-header"><h2>Sync State</h2></div>
-      <div class="card-body">
-        <div id="sync-state-summary" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;font-size:var(--text-base)">
-          <div><strong>Auto-save</strong><div class="text-muted">${h(sync.autoSaveStatus || "n/a")}</div></div>
-          <div><strong>Last pull</strong><div class="text-muted">${h(sync.lastPullStatus || "n/a")} ${h(sync.lastPullAt || "")}</div></div>
-          <div><strong>Last push</strong><div class="text-muted">${h(sync.lastPushStatus || "n/a")} ${h(sync.lastPushAt || "")}</div></div>
-          <div><strong>Unsynced commits</strong><div class="text-muted">${h(String(sync.unsyncedCommits || 0))}</div></div>
-        </div>
-      </div>
-    </div>
-    <details class="review-help" style="margin-bottom:16px">
-      <summary>How review works</summary>
-      <p style="margin-top:8px;font-size:var(--text-sm);color:var(--muted)">Items waiting for your review. Approve to keep, reject to remove. You can also edit the text before approving, or use the checkboxes to bulk approve or reject multiple items at once.</p>
-    </details>
-
-    <p style="font-size:var(--text-sm);color:var(--muted);margin-bottom:12px;letter-spacing:-0.01em">Items waiting for your review. Approve to keep, reject to remove.</p>
-
-    <div id="review-summary-banner" style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center"></div>
-
-    <div class="review-filters" id="review-filters" style="display:none">
+    <div class="review-toolbar" id="review-filters" style="display:none">
       <select id="review-filter-project">
         <option value="">All projects</option>
       </select>
-      <select id="review-filter-machine">
-        <option value="">All machines</option>
-      </select>
-      <select id="review-filter-model">
-        <option value="">All models</option>
-      </select>
-      <span id="review-filter-count" class="text-muted" style="font-size:var(--text-sm);margin-left:8px"></span>
-      <label id="review-select-all" style="display:none;margin-left:auto;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--muted);cursor:pointer;user-select:none">
-        <input type="checkbox" onchange="toggleSelectAll(this.checked)" style="width:14px;height:14px;cursor:pointer;accent-color:var(--accent)" />
+      <label class="review-flagged-toggle" id="review-flagged-toggle">
+        <input type="checkbox" id="highlight-only-btn" />
+        <span>Flagged only</span>
+      </label>
+      <span id="review-filter-count" class="text-muted" style="font-size:var(--text-sm);margin-left:auto"></span>
+      <label id="review-select-all" style="display:none;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--muted);cursor:pointer;user-select:none">
+        <input type="checkbox" id="review-select-all-cb" style="width:14px;height:14px;cursor:pointer;accent-color:var(--accent)" />
         Select all
       </label>
-      <button class="btn btn-sm" id="highlight-only-btn">Flagged only</button>
+      <span id="review-sync-status" class="review-sync-dot" title="Sync status">
+        <span class="review-sync-indicator" id="review-sync-indicator"></span>
+      </span>
     </div>
 
     <div id="batch-bar" class="batch-bar">
       <span id="batch-count" class="batch-bar-count"></span>
-      <button class="btn btn-sm btn-approve" onclick="batchAction('approve')">Approve selected</button>
-      <button class="btn btn-sm btn-reject" onclick="batchAction('reject')">Reject selected</button>
-      <button class="btn btn-sm" onclick="clearBatchSelection()">Clear</button>
-    </div>
-
-    <div id="review-kbd-hints" style="font-size:var(--text-xs);color:var(--muted);margin-bottom:12px;display:none;gap:16px;flex-wrap:wrap">
-      <span><kbd>j</kbd>/<kbd>k</kbd> navigate</span>
+      <button class="btn btn-sm btn-approve" data-batch-action="approve">Approve selected</button>
+      <button class="btn btn-sm btn-reject" data-batch-action="reject">Reject selected</button>
+      <button class="btn btn-sm" data-batch-action="clear">Clear</button>
     </div>
 
     <div class="review-cards" id="review-cards-list">
@@ -156,9 +132,10 @@ ${TASK_UI_STYLES}
     <div style="max-width:720px;margin:0 auto">
       <div style="display:flex;gap:8px;margin-bottom:16px">
         <input type="text" id="search-query" placeholder="Search fragments, findings, tasks..." style="flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;background:var(--surface);color:var(--ink);font-size:var(--text-base);font-family:var(--font);outline:none" />
-        <select id="search-project-filter" style="border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--surface);color:var(--ink);font-size:var(--text-sm)">
-          <option value="">All projects</option>
-        </select>
+        <div id="search-project-wrap" style="position:relative">
+          <button id="search-project-btn" type="button" onclick="window._phrenToggleProjectDropdown()" style="border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--surface);color:var(--ink);font-size:var(--text-sm);cursor:pointer;font-family:var(--font);min-width:120px;text-align:left;white-space:nowrap">All projects</button>
+          <div id="search-project-dropdown" style="display:none;position:absolute;top:100%;left:0;z-index:50;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:240px;overflow-y:auto;min-width:160px"></div>
+        </div>
         <select id="search-type-filter" style="border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--surface);color:var(--ink);font-size:var(--text-sm)">
           <option value="">All types</option>
           <option value="finding">Findings</option>
@@ -275,6 +252,12 @@ ${TASK_UI_STYLES}
           <div id="settings-scope-note" style="font-size:var(--text-sm);color:var(--muted)">Showing global settings. Select a project to view and edit per-project overrides.</div>
         </div>
       </section>
+      <section id="settings-project-info-section" class="settings-section" style="display:none;border-top:3px solid color-mix(in srgb, var(--accent) 45%, var(--border))">
+        <div class="settings-section-header">Project Info</div>
+        <div class="settings-section-body">
+          <div id="settings-project-info" style="color:var(--muted)"></div>
+        </div>
+      </section>
       <section class="settings-section settings-section-findings">
         <div class="settings-section-header">Findings</div>
         <div class="settings-section-body">
@@ -337,10 +320,10 @@ ${renderSkillUiEnhancementScript(h(authToken || ""))}
 ${renderProjectReferenceEnhancementScript(h(authToken || ""))}
 </script>
 <script${nonceAttr}>
-${renderTasksAndSettingsScript(h(authToken || ""))}
+${renderTasksAndSettingsScript(authToken || "")}
 </script>
 <script${nonceAttr}>
-${renderSearchScript(h(authToken || ""))}
+${renderSearchScript(authToken || "")}
 </script>
 <script${nonceAttr}>
 ${renderEventWiringScript()}

package/mcp/dist/memory-ui-scripts.js

@@ -592,8 +592,9 @@ export function renderReviewQueueEditSyncScript() {
     return "";
 }
 export function renderTasksAndSettingsScript(authToken) {
+    const safeToken = JSON.stringify(authToken).slice(1, -1);
     return `(function() {
-    var _tsAuthToken = '${authToken}';
+    var _tsAuthToken = '${safeToken}';
     var _allTasks = [];
     var esc = window._phrenEsc;
 
@@ -974,6 +975,35 @@ export function renderTasksAndSettingsScript(authToken) {
 
         var isProject = Boolean(selectedProject);
 
+        // Render project info section
+        var infoSection = document.getElementById('settings-project-info-section');
+        var infoEl = document.getElementById('settings-project-info');
+        if (infoSection && infoEl) {
+          if (isProject && data.projectInfo) {
+            var pi = data.projectInfo;
+            infoSection.style.display = '';
+            var infoHtml = '<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;font-size:var(--text-sm)">';
+            infoHtml += '<div><strong style="color:var(--ink)">Disk path</strong><div class="text-muted" style="font-family:var(--mono);font-size:var(--text-xs);word-break:break-all">' + esc(pi.diskPath) + '</div></div>';
+            infoHtml += '<div><strong style="color:var(--ink)">Ownership</strong><div class="text-muted">' + esc(pi.ownership) + '</div></div>';
+            infoHtml += '<div><strong style="color:var(--ink)">Config file</strong><div class="text-muted" style="font-family:var(--mono);font-size:var(--text-xs);word-break:break-all">' + esc(pi.configFile) + '</div>' + (pi.configExists ? '<span style="color:var(--green);font-size:var(--text-xs)">exists</span>' : '<span style="color:var(--muted);font-size:var(--text-xs)">not created</span>') + '</div>';
+            infoHtml += '<div><strong style="color:var(--ink)">Findings</strong><div class="text-muted">' + pi.findingCount + ' entries</div></div>';
+            infoHtml += '<div><strong style="color:var(--ink)">Tasks</strong><div class="text-muted">' + pi.taskCount + ' in queue</div></div>';
+            infoHtml += '</div>';
+            var files = [];
+            if (pi.hasFindings) files.push('FINDINGS.md');
+            if (pi.hasTasks) files.push('tasks.md');
+            if (pi.hasSummary) files.push('summary.md');
+            if (pi.hasClaudeMd) files.push('CLAUDE.md');
+            if (files.length) {
+              infoHtml += '<div style="margin-top:10px;font-size:var(--text-xs);color:var(--muted)">Files: ' + files.map(function(f) { return '<span class="badge" style="margin-right:4px">' + esc(f) + '</span>'; }).join('') + '</div>';
+            }
+            infoEl.innerHTML = infoHtml;
+          } else {
+            infoSection.style.display = 'none';
+            infoEl.innerHTML = '';
+          }
+        }
+
         function sourceBadge(isOverride) {
           if (!isProject) return '';
           return isOverride
@@ -1189,21 +1219,21 @@ export function renderTasksAndSettingsScript(authToken) {
       }
       list.innerHTML = '<table style="width:100%;border-collapse:collapse;font-size:var(--text-sm)">' +
         '<thead><tr style="border-bottom:1px solid var(--border);text-align:left">' +
-        '<th style="padding:8px">Session</th><th style="padding:8px">Project</th><th style="padding:8px">Date</th>' +
-        '<th style="padding:8px">Duration</th><th style="padding:8px">Findings</th><th style="padding:8px">Status</th></tr></thead><tbody>' +
+        '<th style="padding:8px">Session</th><th style="padding:8px">Project</th><th style="padding:8px">Started</th>' +
+        '<th style="padding:8px">Ended</th><th style="padding:8px">Duration</th><th style="padding:8px">Findings</th></tr></thead><tbody>' +
         sessions.map(function(s) {
           var id = s.sessionId.slice(0, 8);
-          var date = (s.startedAt || '').slice(0, 16).replace('T', ' ');
+          var startDate = (s.startedAt || '').slice(0, 16).replace('T', ' ');
+          var endDate = s.endedAt ? (s.endedAt || '').slice(0, 16).replace('T', ' ') : '<span style="color:var(--green)">active</span>';
           var dur = s.durationMins != null ? s.durationMins + 'm' : '—';
-          var status = s.status === 'active' ? '<span style="color:var(--green)">● active</span>' : 'ended';
           var summarySnip = s.summary ? '<div class="text-muted" style="font-size:var(--text-xs);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc(s.summary.slice(0, 80)) + '</div>' : '';
           return '<tr style="border-bottom:1px solid var(--border);cursor:pointer" data-ts-action="showSessionDetail" data-session-id="' + esc(s.sessionId) + '">' +
             '<td style="padding:8px;font-family:monospace">' + esc(id) + summarySnip + '</td>' +
             '<td style="padding:8px">' + esc(s.project || '—') + '</td>' +
-            '<td style="padding:8px">' + esc(date) + '</td>' +
+            '<td style="padding:8px">' + esc(startDate) + '</td>' +
+            '<td style="padding:8px">' + endDate + '</td>' +
             '<td style="padding:8px">' + esc(dur) + '</td>' +
-            '<td style="padding:8px">' + (s.findingsAdded || 0) + '</td>' +
-            '<td style="padding:8px">' + status + '</td></tr>';
+            '<td style="padding:8px">' + (s.findingsAdded || 0) + '</td></tr>';
         }).join('') + '</tbody></table>';
     }
 
@@ -1359,94 +1389,161 @@ export function renderSearchScript(authToken) {
 
   var esc = window._phrenEsc;
 
+  function relativeDate(iso) {
+    if (!iso) return '';
+    var d = new Date(iso);
+    var now = new Date();
+    var diff = now.getTime() - d.getTime();
+    var days = Math.floor(diff / 86400000);
+    if (days < 1) return 'today';
+    if (days === 1) return '1d ago';
+    if (days < 7) return days + 'd ago';
+    if (days < 30) return Math.floor(days / 7) + 'w ago';
+    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
+    return months[d.getMonth()] + ' ' + d.getDate();
+  }
+
+  // Multi-select project filter
+  var _selectedProjects = [];
+  function getSelectedProjects() { return _selectedProjects.slice(); }
+  function toggleProjectFilter(name) {
+    var idx = _selectedProjects.indexOf(name);
+    if (idx === -1) _selectedProjects.push(name);
+    else _selectedProjects.splice(idx, 1);
+    renderProjectFilterLabel();
+    renderProjectFilterChecks();
+  }
+  function renderProjectFilterLabel() {
+    var btn = document.getElementById('search-project-btn');
+    if (!btn) return;
+    if (!_selectedProjects.length) btn.textContent = 'All projects';
+    else if (_selectedProjects.length === 1) btn.textContent = _selectedProjects[0];
+    else btn.textContent = _selectedProjects.length + ' projects';
+  }
+  function renderProjectFilterChecks() {
+    var items = document.querySelectorAll('#search-project-dropdown input[type=checkbox]');
+    for (var i = 0; i < items.length; i++) {
+      items[i].checked = _selectedProjects.indexOf(items[i].value) !== -1;
+    }
+  }
+  window._phrenToggleProjectDropdown = function() {
+    var dd = document.getElementById('search-project-dropdown');
+    if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';
+  };
+  document.addEventListener('click', function(e) {
+    var wrap = document.getElementById('search-project-wrap');
+    var dd = document.getElementById('search-project-dropdown');
+    if (wrap && dd && !wrap.contains(e.target)) dd.style.display = 'none';
+  });
+
+  function parseResults(lines) {
+    var cards = [];
+    var current = null;
+    for (var i = 0; i < lines.length; i++) {
+      var line = lines[i];
+      if (!line.trim()) continue;
+      if (line.startsWith('[') && line.indexOf(']') > 0) {
+        if (current) cards.push(current);
+        var bracket = line.indexOf(']');
+        var source = line.slice(1, bracket);
+        var meta = line.slice(bracket + 1).trim();
+        current = { source: source, meta: meta, snippets: [] };
+      } else if (line === '(keyword fallback)') {
+        // skip
+      } else if (current) {
+        current.snippets.push(line);
+      } else {
+        cards.push({ source: '', meta: '', snippets: [line] });
+      }
+    }
+    if (current) cards.push(current);
+    return cards;
+  }
+  function renderCards(cards) {
+    var html = '';
+    for (var c = 0; c < cards.length; c++) {
+      var card = cards[c];
+      html += '<div class="card" style="margin-bottom:8px">';
+      html += '<div class="card-header" style="padding:10px 14px;display:flex;align-items:center">';
+      if (card.source) {
+        html += '<span style="font-weight:500;font-size:var(--text-sm)">' + esc(card.source) + '</span>';
+      }
+      if (card.meta) {
+        html += '<span class="text-muted" style="font-size:var(--text-xs);margin-left:8px">' + esc(card.meta) + '</span>';
+      }
+      html += '</div>';
+      if (card.snippets.length) {
+        html += '<div class="card-body" style="padding:10px 14px;font-size:var(--text-sm);white-space:pre-wrap;color:var(--ink-secondary)">';
+        html += esc(card.snippets.join('\\n'));
+        html += '</div>';
+      }
+      html += '</div>';
+    }
+    return html;
+  }
+
   function doSearch() {
     var q = document.getElementById('search-query').value.trim();
     if (!q) return;
-    var project = document.getElementById('search-project-filter').value;
+    var projects = getSelectedProjects();
     var type = document.getElementById('search-type-filter').value;
     var statusEl = document.getElementById('search-status');
     var resultsEl = document.getElementById('search-results');
     statusEl.textContent = 'Searching...';
     resultsEl.innerHTML = '';
 
-    var url = '/api/search?q=' + encodeURIComponent(q) + '&limit=20';
-    if (project) url += '&project=' + encodeURIComponent(project);
-    if (type) url += '&type=' + encodeURIComponent(type);
-
-    fetch(searchAuthUrl(url)).then(function(r) { return r.json(); }).then(function(data) {
-      if (!data.ok) {
-        statusEl.textContent = '';
-        resultsEl.innerHTML = '<div style="padding:24px;color:var(--muted);text-align:center">' + esc(data.error || 'Search failed') + '</div>';
-        return;
-      }
-      var lines = data.results || [];
-      if (!lines.length) {
-        statusEl.textContent = 'No results.';
-        resultsEl.innerHTML = '<div style="padding:40px;color:var(--muted);text-align:center">No results for \\u201c' + esc(q) + '\\u201d</div>';
-        return;
+    var fetches = [];
+    if (projects.length <= 1) {
+      var url = '/api/search?q=' + encodeURIComponent(q) + '&limit=20';
+      if (projects.length === 1) url += '&project=' + encodeURIComponent(projects[0]);
+      if (type) url += '&type=' + encodeURIComponent(type);
+      fetches.push(fetch(searchAuthUrl(url)).then(function(r) { return r.json(); }));
+    } else {
+      for (var pi = 0; pi < projects.length; pi++) {
+        (function(proj) {
+          var purl = '/api/search?q=' + encodeURIComponent(q) + '&limit=20&project=' + encodeURIComponent(proj);
+          if (type) purl += '&type=' + encodeURIComponent(type);
+          fetches.push(fetch(searchAuthUrl(purl)).then(function(r) { return r.json(); }));
+        })(projects[pi]);
       }
+    }
 
-      // Parse lines into result cards: lines starting with [ are headers, others are content
-      var cards = [];
-      var current = null;
-      for (var i = 0; i < lines.length; i++) {
-        var line = lines[i];
-        if (!line.trim()) continue;
-        if (line.startsWith('[') && line.indexOf(']') > 0) {
-          if (current) cards.push(current);
-          var bracket = line.indexOf(']');
-          var source = line.slice(1, bracket);
-          var meta = line.slice(bracket + 1).trim();
-          current = { source: source, meta: meta, snippets: [] };
-        } else if (line === '(keyword fallback)') {
-          // skip
-        } else if (current) {
-          current.snippets.push(line);
-        } else {
-          // orphan line, show as standalone
-          cards.push({ source: '', meta: '', snippets: [line] });
-        }
+    Promise.all(fetches).then(function(results) {
+      var allCards = [];
+      var hasError = false;
+      for (var ri = 0; ri < results.length; ri++) {
+        if (!results[ri].ok) { hasError = true; continue; }
+        var parsed = parseResults(results[ri].results || []);
+        allCards = allCards.concat(parsed);
       }
-      if (current) cards.push(current);
-
-      statusEl.textContent = cards.length + ' result(s)';
-      var html = '';
-      for (var c = 0; c < cards.length; c++) {
-        var card = cards[c];
-        html += '<div class="card" style="margin-bottom:8px">';
-        html += '<div class="card-header" style="padding:10px 14px">';
-        if (card.source) {
-          html += '<span style="font-weight:500;font-size:var(--text-sm)">' + esc(card.source) + '</span>';
-        }
-        if (card.meta) {
-          html += '<span class="text-muted" style="font-size:var(--text-xs);margin-left:8px">' + esc(card.meta) + '</span>';
-        }
-        html += '</div>';
-        if (card.snippets.length) {
-          html += '<div class="card-body" style="padding:10px 14px;font-size:var(--text-sm);white-space:pre-wrap;color:var(--ink-secondary)">';
-          html += esc(card.snippets.join('\\n'));
-          html += '</div>';
-        }
-        html += '</div>';
+      if (!allCards.length) {
+        statusEl.textContent = hasError ? 'Search error.' : 'No results.';
+        resultsEl.innerHTML = '<div style="padding:40px;color:var(--muted);text-align:center">' + (hasError ? 'Search failed' : 'No results for \\u201c' + esc(q) + '\\u201d') + '</div>';
+        return;
       }
-      resultsEl.innerHTML = html;
+      statusEl.textContent = allCards.length + ' result(s)';
+      resultsEl.innerHTML = renderCards(allCards);
     }).catch(function(err) {
       statusEl.textContent = '';
       resultsEl.innerHTML = '<div style="padding:24px;color:var(--muted);text-align:center">Search error: ' + esc(String(err)) + '</div>';
     });
   }
 
-  // Populate project filter
+  // Populate project filter dropdown
   function loadSearchProjects() {
     if (_searchProjectsLoaded) return;
     _searchProjectsLoaded = true;
     fetch(searchAuthUrl('/api/projects')).then(function(r) { return r.json(); }).then(function(data) {
       if (!data.ok) return;
-      var sel = document.getElementById('search-project-filter');
+      var dd = document.getElementById('search-project-dropdown');
+      if (!dd) return;
+      var html = '';
       (data.projects || []).forEach(function(p) {
-        var opt = document.createElement('option');
-        opt.value = p.name; opt.textContent = p.name;
-        sel.appendChild(opt);
+        html += '<label class="search-ms-item" style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:var(--text-sm);white-space:nowrap"><input type="checkbox" value="' + esc(p.name) + '" style="accent-color:var(--accent);cursor:pointer" /><span>' + esc(p.name) + '</span></label>';
+      });
+      dd.innerHTML = html;
+      dd.querySelectorAll('input[type=checkbox]').forEach(function(cb) {
+        cb.addEventListener('change', function() { toggleProjectFilter(cb.value); });
       });
     }).catch(function() {});
   }
@@ -1495,13 +1592,24 @@ export function renderEventWiringScript() {
   // --- Review filters ---
   var reviewFilterProject = document.getElementById('review-filter-project');
   if (reviewFilterProject) reviewFilterProject.addEventListener('change', function() { filterReviewCards(); });
-  var reviewFilterMachine = document.getElementById('review-filter-machine');
-  if (reviewFilterMachine) reviewFilterMachine.addEventListener('change', function() { filterReviewCards(); });
-  var reviewFilterModel = document.getElementById('review-filter-model');
-  if (reviewFilterModel) reviewFilterModel.addEventListener('change', function() { filterReviewCards(); });
 
   var highlightBtn = document.getElementById('highlight-only-btn');
-  if (highlightBtn) highlightBtn.addEventListener('click', function() { toggleHighlightOnly(this); });
+  if (highlightBtn) highlightBtn.addEventListener('change', function() { filterReviewCards(); });
+
+  var selectAllCb = document.getElementById('review-select-all-cb');
+  if (selectAllCb) selectAllCb.addEventListener('change', function() { toggleSelectAll(this.checked); });
+
+  // Batch bar buttons
+  document.addEventListener('click', function(e) {
+    var target = e.target;
+    if (!target || typeof target.closest !== 'function') return;
+    var actionEl = target.closest('[data-batch-action]');
+    if (!actionEl) return;
+    var action = actionEl.getAttribute('data-batch-action');
+    if (action === 'approve') { batchAction('approve'); }
+    else if (action === 'reject') { batchAction('reject'); }
+    else if (action === 'clear') { clearBatchSelection(); }
+  });
 
   // --- Graph controls ---
   var graphZoomIn = document.getElementById('graph-zoom-in');
@@ -1521,6 +1629,20 @@ export function renderEventWiringScript() {
   var sessionsFilterProject = document.getElementById('sessions-filter-project');
   if (sessionsFilterProject) sessionsFilterProject.addEventListener('change', function() { loadSessions(); });
 
+  // --- Mascot click animation ---
+  var mascotSvg = document.querySelector('.header-brand svg');
+  if (mascotSvg) {
+    mascotSvg.addEventListener('click', function() {
+      mascotSvg.classList.remove('popped');
+      void mascotSvg.offsetWidth;
+      mascotSvg.classList.add('popped');
+      mascotSvg.addEventListener('animationend', function handler() {
+        mascotSvg.classList.remove('popped');
+        mascotSvg.removeEventListener('animationend', handler);
+      });
+    });
+  }
+
   // --- Command palette ---
   var cmdpal = document.getElementById('cmdpal');
   if (cmdpal) cmdpal.addEventListener('click', function(e) { closeCmdPal(e); });

package/mcp/dist/memory-ui-server.js

@@ -13,7 +13,7 @@ import { buildGraph, collectProjectsForUI, collectSkillsForUI, getHooksData, isA
 import { CONSOLIDATION_ENTRY_THRESHOLD } from "./content-validate.js";
 import { ensureTopicReferenceDoc, getProjectTopicsResponse, listProjectReferenceDocs, pinProjectTopicSuggestion, readReferenceContent, reclassifyLegacyTopicDocs, unpinProjectTopicSuggestion, writeProjectTopics, } from "./project-topics.js";
 import { getWorkflowPolicy, updateWorkflowPolicy, mergeConfig, getRetentionPolicy, getProjectConfigOverrides, VALID_TASK_MODES } from "./governance-policy.js";
-import { updateProjectConfigOverrides } from "./project-config.js";
+import { readProjectConfig, updateProjectConfigOverrides } from "./project-config.js";
 import { findSkill } from "./skill-registry.js";
 import { setSkillEnabledAndSync } from "./skill-files.js";
 import { listAllSessions, getSessionArtifacts } from "./mcp-session.js";
@@ -803,8 +803,31 @@ export function createWebUiHttpServer(phrenPath, renderPage, profile, opts) {
             try {
                 const { runSearch } = await import("./cli-search.js");
                 const result = await runSearch({ query, limit: Math.min(searchLimit, 50), project: searchProject, type: searchType }, phrenPath, profile || "");
+                // Build file date map from source headers like [project/filename]
+                const fileDates = {};
+                for (const line of result.lines) {
+                    const srcMatch = line.match(/^\[([^\]]+)\]\s/);
+                    if (srcMatch) {
+                        const sourceKey = srcMatch[1];
+                        if (fileDates[sourceKey])
+                            continue;
+                        const slashIdx = sourceKey.indexOf("/");
+                        if (slashIdx > 0) {
+                            const proj = sourceKey.slice(0, slashIdx);
+                            const file = sourceKey.slice(slashIdx + 1);
+                            try {
+                                const filePath = path.join(phrenPath, proj, file);
+                                if (fs.existsSync(filePath)) {
+                                    const stat = fs.statSync(filePath);
+                                    fileDates[sourceKey] = stat.mtime.toISOString();
+                                }
+                            }
+                            catch { /* skip */ }
+                        }
+                    }
+                }
                 res.writeHead(200, { "content-type": "application/json; charset=utf-8" });
-                res.end(JSON.stringify({ ok: true, query, results: result.lines }));
+                res.end(JSON.stringify({ ok: true, query, results: result.lines, fileDates }));
             }
             catch (err) {
                 res.writeHead(200, { "content-type": "application/json; charset=utf-8" });
@@ -977,6 +1000,37 @@ export function createWebUiHttpServer(phrenPath, renderPage, profile, opts) {
                 const settingsProject = String(qs.project || "");
                 const merged = settingsProject && isValidProjectName(settingsProject) ? mergeConfig(phrenPath, settingsProject) : null;
                 const overrides = settingsProject && isValidProjectName(settingsProject) ? getProjectConfigOverrides(phrenPath, settingsProject) : null;
+                // Build project info when a specific project is selected
+                let projectInfo = null;
+                if (settingsProject && isValidProjectName(settingsProject)) {
+                    const projectDir = path.join(phrenPath, settingsProject);
+                    const configFile = path.join(projectDir, "phren.project.yaml");
+                    const projConfig = readProjectConfig(phrenPath, settingsProject);
+                    const findingsPath = path.join(projectDir, "FINDINGS.md");
+                    const taskPath = path.join(projectDir, "tasks.md");
+                    let findingCount = 0;
+                    if (fs.existsSync(findingsPath)) {
+                        findingCount = (fs.readFileSync(findingsPath, "utf8").match(/^- /gm) || []).length;
+                    }
+                    let taskCount = 0;
+                    if (fs.existsSync(taskPath)) {
+                        const queueMatch = fs.readFileSync(taskPath, "utf8").match(/## Queue[\s\S]*?(?=## |$)/);
+                        if (queueMatch)
+                            taskCount = (queueMatch[0].match(/^- /gm) || []).length;
+                    }
+                    projectInfo = {
+                        diskPath: projConfig.sourcePath || projectDir,
+                        ownership: projConfig.ownership || "default",
+                        configFile,
+                        configExists: fs.existsSync(configFile),
+                        hasFindings: fs.existsSync(findingsPath),
+                        hasTasks: fs.existsSync(taskPath),
+                        hasSummary: fs.existsSync(path.join(projectDir, "summary.md")),
+                        hasClaudeMd: fs.existsSync(path.join(projectDir, "CLAUDE.md")),
+                        findingCount,
+                        taskCount,
+                    };
+                }
                 res.writeHead(200, { "content-type": "application/json; charset=utf-8" });
                 res.end(JSON.stringify({
                     ok: true,
@@ -994,6 +1048,7 @@ export function createWebUiHttpServer(phrenPath, renderPage, profile, opts) {
                     workflowPolicy,
                     merged,
                     overrides,
+                    projectInfo,
                 }));
             }
             catch (err) {

package/mcp/dist/phren-core.js

@@ -25,7 +25,7 @@ export const EXTRA_ENTITY_PATTERNS = [
     { re: /\b\d{4}[-/]\d{2}[-/]\d{2}\b/g, label: "date" },
 ];
 /** Union of all directory names reserved by phren infrastructure — not valid project names. */
-export const RESERVED_PROJECT_DIR_NAMES = new Set(["global", ".runtime", ".sessions", ".governance", "profiles", "templates"]);
+export const RESERVED_PROJECT_DIR_NAMES = new Set(["global", ".runtime", ".sessions", ".config", "profiles", "templates"]);
 // Default timeout for execFileSync calls (30s for most operations, 10s for quick probes like `which`)
 export const EXEC_TIMEOUT_MS = 30_000;
 export const EXEC_TIMEOUT_QUICK_MS = 10_000;