@phren/cli 0.0.53 → 0.0.55

package/mcp/dist/ui/data.js

@@ -443,6 +443,14 @@ export async function buildGraph(phrenPath, profile, focusProject, existingDb) {
                     .map((ref) => ref.scoreKey)
                     .filter((key) => Boolean(key))
                     .sort();
+                // Only include entities that link to at least one visible project
+                const linkedProjects = new Set();
+                for (const ref of refs) {
+                    if (ref.project && projectSet.has(ref.project))
+                        linkedProjects.add(ref.project);
+                }
+                if (linkedProjects.size === 0)
+                    continue; // skip orphan entities from other profiles/stores
                 const nodeId = `entity:${stableId("entity", type, name)}`;
                 nodes.push({
                     id: nodeId,
@@ -457,12 +465,6 @@ export async function buildGraph(phrenPath, profile, focusProject, existingDb) {
                     entityType: type,
                     refDocs: refs,
                 });
-                // Link fragment to each project it appears in
-                const linkedProjects = new Set();
-                for (const ref of refs) {
-                    if (ref.project && projectSet.has(ref.project))
-                        linkedProjects.add(ref.project);
-                }
                 for (const proj of linkedProjects) {
                     links.push({ source: nodeId, target: proj });
                 }

package/mcp/dist/ui/page.js

@@ -1,7 +1,7 @@
 import { WEB_UI_STYLES, renderWebUiScript } from "./assets.js";
 import { renderGraphScript } from "./graph.js";
 import { PROJECT_REFERENCE_UI_STYLES, REVIEW_UI_STYLES, SETTINGS_TAB_UI_STYLES, TASK_UI_STYLES } from "./styles.js";
-import { renderSharedWebUiHelpers, renderSkillUiEnhancementScript, renderProjectReferenceEnhancementScript, renderTasksAndSettingsScript, renderSearchScript, renderEventWiringScript, renderGraphHostScript, } from "./scripts.js";
+import { renderSharedWebUiHelpers, renderSkillUiEnhancementScript, renderProfileSwitcherScript, renderProjectReferenceEnhancementScript, renderTasksAndSettingsScript, renderReviewQueueKeyboardScript, renderSearchScript, renderEventWiringScript, renderGraphHostScript, } from "./scripts.js";
 function h(s) {
     return s
         .replace(/&/g, "&")
@@ -203,6 +203,7 @@ ${REVIEW_UI_STYLES}
         <button id="graph-zoom-in" title="Zoom in">+</button>
         <button id="graph-zoom-out" title="Zoom out">-</button>
         <button id="graph-reset" title="Reset view">R</button>
+        <button id="graph-reset-layout" title="Re-run layout">L</button>
       </div>
       <div class="graph-filters">
         <div class="graph-filter" id="graph-filter"></div>
@@ -276,6 +277,18 @@ ${REVIEW_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 class="settings-section" style="border-top:3px solid color-mix(in srgb, var(--blue) 45%, var(--border))">
+        <div class="settings-section-header">Profile</div>
+        <div class="settings-section-body">
+          <div style="font-size:var(--text-sm);color:var(--muted);margin-bottom:12px">
+            <label for="profile-select" style="display:block;margin-bottom:6px;color:var(--ink)">Active Profile:</label>
+            <select id="profile-select" 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);font-family:var(--font);width:100%;max-width:200px">
+              <option>Loading profiles...</option>
+            </select>
+          </div>
+          <div id="profile-status" style="font-size:var(--text-sm);color:var(--muted)"></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">
@@ -312,6 +325,12 @@ ${REVIEW_UI_STYLES}
           <div id="settings-integrations" style="color:var(--muted)">Loading...</div>
         </div>
       </section>
+      <section class="settings-section settings-section-stores">
+        <div class="settings-section-header">Stores</div>
+        <div class="settings-section-body">
+          <div id="settings-stores" style="color:var(--muted)">Loading...</div>
+        </div>
+      </section>
     </div>
   </div>
 </div>
@@ -341,12 +360,18 @@ ${renderSharedWebUiHelpers(authToken || "")}
 ${renderSkillUiEnhancementScript(h(authToken || ""))}
 </script>
 <script${nonceAttr}>
+${renderProfileSwitcherScript(h(authToken || ""))}
+</script>
+<script${nonceAttr}>
 ${renderProjectReferenceEnhancementScript(h(authToken || ""))}
 </script>
 <script${nonceAttr}>
 ${renderTasksAndSettingsScript(authToken || "")}
 </script>
 <script${nonceAttr}>
+${renderReviewQueueKeyboardScript(authToken || "")}
+</script>
+<script${nonceAttr}>
 ${renderSearchScript(authToken || "")}
 </script>
 <script${nonceAttr}>

package/mcp/dist/ui/scripts.js

@@ -28,6 +28,62 @@ export function renderSharedWebUiHelpers(authToken) {
   };
 })();`;
 }
+export function renderProfileSwitcherScript(_authToken) {
+    return `(function() {
+  var esc = window._phrenEsc;
+  var authUrl = window._phrenAuthUrl;
+
+  function loadProfiles() {
+    fetch(authUrl('/api/profiles')).then(function(r) { return r.json(); }).then(function(data) {
+      var select = document.getElementById('profile-select');
+      if (!select) return;
+      if (!data.ok || !data.profiles) {
+        select.innerHTML = '<option>Error loading profiles</option>';
+        return;
+      }
+      var html = '';
+      data.profiles.forEach(function(p) {
+        var selected = p.name === data.activeProfile ? ' selected' : '';
+        html += '<option value="' + esc(p.name) + '"' + selected + '>' + esc(p.name) + '</option>';
+      });
+      select.innerHTML = html;
+      select.onchange = function() { switchProfile(this.value); };
+    }).catch(function(err) {
+      var select = document.getElementById('profile-select');
+      if (select) select.innerHTML = '<option>Error loading</option>';
+    });
+  }
+
+  function switchProfile(profileName) {
+    if (!profileName) return;
+    var status = document.getElementById('profile-status');
+    if (status) status.textContent = 'Switching...';
+    fetch(authUrl('/api/profile'), {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: window._phrenAuthBody('profile=' + encodeURIComponent(profileName))
+    }).then(function(r) { return r.json(); }).then(function(data) {
+      if (data.ok) {
+        if (status) status.textContent = 'Reloading...';
+        setTimeout(function() { location.reload(); }, 500);
+      } else {
+        if (status) status.textContent = 'Error: ' + (data.error || 'Unknown');
+      }
+    }).catch(function(err) {
+      if (status) status.textContent = 'Error loading';
+    });
+  }
+
+  window.phrenLoadProfiles = loadProfiles;
+  window.phrenSwitchProfile = switchProfile;
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', loadProfiles);
+  } else {
+    loadProfiles();
+  }
+})();`;
+}
 export function renderSkillUiEnhancementScript(_authToken) {
     return `(function() {
     var _skillCurrent = null;
@@ -879,6 +935,48 @@ export function renderTasksAndSettingsScript(authToken) {
       });
     }
 
+    function postGlobalRetention(field, value, clearField) {
+      var csrfUrl = _tsAuthToken ? tsAuthUrl('/api/csrf-token') : '/api/csrf-token';
+      fetch(csrfUrl).then(function(r) { return r.json(); }).then(function(csrfData) {
+        var payload = { field: field, value: value || '', clear: clearField ? 'true' : 'false', globalUpdate: 'true' };
+        var body = new URLSearchParams(payload);
+        if (csrfData.token) body.set('_csrf', csrfData.token);
+        var url = _tsAuthToken ? tsAuthUrl('/api/settings/project-overrides') : '/api/settings/project-overrides';
+        return fetch(url, { method: 'POST', body: body, headers: { 'content-type': 'application/x-www-form-urlencoded' } });
+      }).then(function(r) { return r.json(); }).then(function(data) {
+        if (!data.ok) {
+          setSettingsStatus(data.error || 'Failed to update retention policy', 'err');
+          return;
+        }
+        _settingsLoaded = false;
+        loadSettings();
+        setSettingsStatus('Retention policy updated', 'ok');
+      }).catch(function(err) {
+        setSettingsStatus('Failed: ' + String(err), 'err');
+      });
+    }
+
+    function postGlobalWorkflow(field, value, clearField) {
+      var csrfUrl = _tsAuthToken ? tsAuthUrl('/api/csrf-token') : '/api/csrf-token';
+      fetch(csrfUrl).then(function(r) { return r.json(); }).then(function(csrfData) {
+        var payload = { field: field, value: value || '', clear: clearField ? 'true' : 'false', globalUpdate: 'true' };
+        var body = new URLSearchParams(payload);
+        if (csrfData.token) body.set('_csrf', csrfData.token);
+        var url = _tsAuthToken ? tsAuthUrl('/api/settings/project-overrides') : '/api/settings/project-overrides';
+        return fetch(url, { method: 'POST', body: body, headers: { 'content-type': 'application/x-www-form-urlencoded' } });
+      }).then(function(r) { return r.json(); }).then(function(data) {
+        if (!data.ok) {
+          setSettingsStatus(data.error || 'Failed to update workflow policy', 'err');
+          return;
+        }
+        _settingsLoaded = false;
+        loadSettings();
+        setSettingsStatus('Workflow policy updated', 'ok');
+      }).catch(function(err) {
+        setSettingsStatus('Failed: ' + String(err), 'err');
+      });
+    }
+
     function loadSettings() {
       var selectedProject = getSettingsProject();
       var baseUrl = '/api/settings';
@@ -1058,12 +1156,11 @@ export function renderTasksAndSettingsScript(authToken) {
             }
             retHtml += '</div>';
             if (note) retHtml += '<div class="settings-control-note">' + esc(note) + '</div>';
-            if (isProject) {
-              retHtml += '<div style="display:flex;gap:8px;align-items:center;margin-top:8px">' +
-                '<input type="number" id="ret-input-' + esc(field) + '" value="' + esc(String(value != null ? value : '')) + '" style="width:100px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-sm);background:var(--surface);color:var(--ink)">' +
-                '<button data-ts-action="setProjectRetention" data-field="' + esc(field) + '" class="settings-chip active" style="font-size:11px">Set</button>' +
-                '</div>';
-            }
+            // Show editable inputs for both global and per-project
+            retHtml += '<div style="display:flex;gap:8px;align-items:center;margin-top:8px">' +
+              '<input type="number" id="ret-input-' + esc(field) + '" value="' + esc(String(value != null ? value : '')) + '" style="width:100px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-sm);background:var(--surface);color:var(--ink)">' +
+              '<button data-ts-action="' + (isProject ? 'setProjectRetention' : 'setGlobalRetention') + '" data-field="' + esc(field) + '" class="settings-chip active" style="font-size:11px">Set</button>' +
+              '</div>';
             retHtml += '</div>';
           }
           retRow('TTL days', 'ttlDays', ret.ttlDays, 'Memories older than this are eligible for pruning.');
@@ -1085,14 +1182,11 @@ export function renderTasksAndSettingsScript(authToken) {
           if (isProject && lctOverride) {
             wfHtml += '<button data-ts-action="clearProjectOverride" data-field="lowConfidenceThreshold" class="settings-chip" style="font-size:11px">Clear</button>';
           }
-          if (isProject) {
-            wfHtml += '</div><div style="display:flex;gap:8px;align-items:center;margin-top:8px">' +
-              '<input type="number" id="wf-input-lowConfidenceThreshold" min="0" max="1" step="0.05" value="' + esc(String(wf.lowConfidenceThreshold != null ? wf.lowConfidenceThreshold : '')) + '" style="width:100px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-sm);background:var(--surface);color:var(--ink)">' +
-              '<button data-ts-action="setProjectWorkflow" data-field="lowConfidenceThreshold" class="settings-chip active" style="font-size:11px">Set</button>' +
-              '</div>';
-          } else {
-            wfHtml += '</div>';
-          }
+          // Show editable inputs for both global and per-project
+          wfHtml += '</div><div style="display:flex;gap:8px;align-items:center;margin-top:8px">' +
+            '<input type="number" id="wf-input-lowConfidenceThreshold" min="0" max="1" step="0.05" value="' + esc(String(wf.lowConfidenceThreshold != null ? wf.lowConfidenceThreshold : '')) + '" style="width:100px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-sm);background:var(--surface);color:var(--ink)">' +
+            '<button data-ts-action="' + (isProject ? 'setProjectWorkflow' : 'setGlobalWorkflow') + '" data-field="lowConfidenceThreshold" class="settings-chip active" style="font-size:11px">Set</button>' +
+            '</div>';
           wfHtml += '<div class="settings-control-note">Memories below this confidence score are flagged for review.</div></div>';
           wfHtml += '<div class="settings-control">';
           wfHtml += '<div class="settings-control-header"><span class="settings-control-label">Risky sections</span>' + sourceBadge(riskySectionsOverride);
@@ -1123,11 +1217,62 @@ export function renderTasksAndSettingsScript(authToken) {
         } else if (integrationsEl && isProject) {
           integrationsEl.innerHTML = '<div style="color:var(--muted);font-size:var(--text-sm)">Integration settings are global — switch to Global scope to edit them.</div>';
         }
+
+        // Load stores if on global scope
+        if (!isProject) {
+          loadStores();
+        }
       }).catch(function(err) {
         setSettingsStatus('Failed to load settings: ' + String(err), 'err');
       });
     }
 
+    function loadStores() {
+      var storesEl = document.getElementById('settings-stores');
+      if (!storesEl) return;
+      var url = _tsAuthToken ? tsAuthUrl('/api/stores') : '/api/stores';
+      fetch(url).then(function(r) { return r.json(); }).then(function(data) {
+        if (!data.ok || !Array.isArray(data.stores)) {
+          storesEl.innerHTML = '<div style="color:var(--muted);font-size:var(--text-sm)">No team stores configured.</div>';
+          return;
+        }
+        if (data.stores.length === 0) {
+          storesEl.innerHTML = '<div style="color:var(--muted);font-size:var(--text-sm)">No team stores configured.</div>';
+          return;
+        }
+        var html = '';
+        data.stores.forEach(function(store) {
+          html += '<div class="settings-control" style="border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:12px">';
+          html += '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px">';
+          html += '<div>';
+          html += '<div style="font-weight:600;color:var(--ink)">' + esc(store.name) + '</div>';
+          html += '<div style="font-size:var(--text-sm);color:var(--muted)">Role: ' + esc(store.role) + '</div>';
+          html += '</div>';
+          html += '</div>';
+          html += '<div style="font-size:var(--text-xs);color:var(--muted);margin-bottom:10px;font-family:var(--mono);word-break:break-all">' + esc(store.path) + '</div>';
+          html += '<div style="font-size:var(--text-sm);color:var(--ink);margin-bottom:6px;font-weight:500">Projects</div>';
+          if (Array.isArray(store.availableProjects) && store.availableProjects.length > 0) {
+            var subscribed = Array.isArray(store.subscribedProjects) ? store.subscribedProjects : [];
+            html += '<div style="display:flex;flex-direction:column;gap:6px">';
+            store.availableProjects.forEach(function(proj) {
+              var isSubscribed = subscribed.indexOf(proj) !== -1;
+              html += '<label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-sm)">';
+              html += '<input type="checkbox" class="store-project-checkbox" data-store="' + esc(store.name) + '" data-project="' + esc(proj) + '" ' + (isSubscribed ? 'checked' : '') + ' style="cursor:pointer;width:16px;height:16px">';
+              html += '<span>' + esc(proj) + '</span>';
+              html += '</label>';
+            });
+            html += '</div>';
+          } else {
+            html += '<div style="color:var(--muted);font-size:var(--text-sm)">No projects available</div>';
+          }
+          html += '</div>';
+        });
+        storesEl.innerHTML = html;
+      }).catch(function(err) {
+        storesEl.innerHTML = '<div style="color:var(--error);font-size:var(--text-sm)">Failed to load stores: ' + esc(String(err)) + '</div>';
+      });
+    }
+
     // Hook into switchTab to lazy-load
     var _origSwitchTab = window.switchTab;
     var _tasksLoaded = false;
@@ -1138,6 +1283,43 @@ export function renderTasksAndSettingsScript(authToken) {
       if (tab === 'settings' && !_settingsLoaded) { _settingsLoaded = true; loadSettings(); }
     };
 
+    // Handle store project checkbox changes
+    document.addEventListener('change', function(e) {
+      var target = e.target;
+      if (target && target.classList && target.classList.contains('store-project-checkbox')) {
+        var storeName = target.getAttribute('data-store');
+        var projectName = target.getAttribute('data-project');
+        var isChecked = target.checked;
+        if (storeName && projectName) {
+          handleStoreProjectToggle(storeName, projectName, isChecked);
+        }
+      }
+    });
+
+    function handleStoreProjectToggle(storeName, projectName, isSubscribing) {
+      var endpoint = isSubscribing ? '/api/stores/subscribe' : '/api/stores/unsubscribe';
+      var csrfUrl = _tsAuthToken ? tsAuthUrl('/api/csrf-token') : '/api/csrf-token';
+      fetch(csrfUrl).then(function(r) { return r.json(); }).then(function(csrfData) {
+        var payload = { store: storeName, projects: [projectName] };
+        var body = new URLSearchParams();
+        body.set('store', storeName);
+        body.set('projects', JSON.stringify([projectName]));
+        if (csrfData.token) body.set('_csrf', csrfData.token);
+        var url = _tsAuthToken ? tsAuthUrl(endpoint) : endpoint;
+        return fetch(url, { method: 'POST', body: body, headers: { 'content-type': 'application/x-www-form-urlencoded' } });
+      }).then(function(r) { return r.json(); }).then(function(data) {
+        if (!data.ok) {
+          setSettingsStatus((isSubscribing ? 'Subscribe' : 'Unsubscribe') + ' failed: ' + (data.error || ''), 'err');
+          loadStores();
+          return;
+        }
+        setSettingsStatus((isSubscribing ? 'Subscribed to' : 'Unsubscribed from') + ' ' + projectName, 'ok');
+        loadStores();
+      }).catch(function(err) {
+        setSettingsStatus('Request failed: ' + String(err), 'err');
+      });
+    }
+
     // Event delegation for dynamically generated tasks/settings UI
     document.addEventListener('click', function(e) {
       var target = e.target;
@@ -1175,6 +1357,25 @@ export function renderTasksAndSettingsScript(authToken) {
         var val = inputEl ? inputEl.value : '';
         postProjectOverride(proj, field, val, false);
       }
+      else if (action === 'setGlobalRetention') {
+        var field = actionEl.getAttribute('data-field') || '';
+        var inputEl = document.getElementById('ret-input-' + field);
+        var val = inputEl ? inputEl.value : '';
+        postGlobalRetention(field, val);
+      }
+      else if (action === 'setProjectRetention') {
+        var proj = getSettingsProject();
+        var field = actionEl.getAttribute('data-field') || '';
+        var inputEl = document.getElementById('ret-input-' + field);
+        var val = inputEl ? inputEl.value : '';
+        postProjectOverride(proj, field, val, false);
+      }
+      else if (action === 'setGlobalWorkflow') {
+        var field = actionEl.getAttribute('data-field') || '';
+        var inputEl = document.getElementById('wf-input-' + field);
+        var val = inputEl ? inputEl.value : '';
+        postGlobalWorkflow(field, val);
+      }
       else if (action === 'setProjectWorkflow') {
         var proj = getSettingsProject();
         var field = actionEl.getAttribute('data-field') || '';
@@ -1466,6 +1667,8 @@ export function renderEventWiringScript() {
   if (graphZoomOut) graphZoomOut.addEventListener('click', function() { graphZoom(0.8); });
   var graphResetBtn = document.getElementById('graph-reset');
   if (graphResetBtn) graphResetBtn.addEventListener('click', function() { graphReset(); });
+  var graphResetLayoutBtn = document.getElementById('graph-reset-layout');
+  if (graphResetLayoutBtn) graphResetLayoutBtn.addEventListener('click', function() { if (typeof graphResetLayout === 'function') graphResetLayout(); });
 
   // --- Tasks filters ---
   var tasksFilterProject = document.getElementById('tasks-filter-project');
@@ -1830,7 +2033,7 @@ export function renderGraphHostScript() {
     if (priorityEl) updates.priority = priorityEl.value;
     graphRequest('/api/tasks/update', 'POST', {
       project: currentNode.projectName,
-      item: currentNode.tooltipLabel || currentNode.fullLabel || currentNode.displayLabel || '',
+      item: currentNode.stableId || currentNode.id || currentNode.tooltipLabel || currentNode.fullLabel || currentNode.displayLabel || '',
       text: updates.text,
       section: updates.section || '',
       priority: updates.priority || ''
@@ -1867,7 +2070,7 @@ export function renderGraphHostScript() {
     if (currentNode.kind === 'task') {
       graphRequest('/api/tasks/remove', 'POST', {
         project: currentNode.projectName,
-        item: currentNode.tooltipLabel || currentNode.fullLabel || currentNode.displayLabel || ''
+        item: currentNode.stableId || currentNode.id || currentNode.tooltipLabel || currentNode.fullLabel || currentNode.displayLabel || ''
       }).then(function(result) {
         if (!result || !result.ok) throw new Error(result && result.error ? result.error : 'Delete failed');
         graphToast('Task removed', 'ok');
@@ -1882,7 +2085,7 @@ export function renderGraphHostScript() {
     if (!currentNode) return;
     graphRequest('/api/tasks/complete', 'POST', {
       project: currentNode.projectName,
-      item: currentNode.tooltipLabel || currentNode.fullLabel || currentNode.displayLabel || ''
+      item: currentNode.stableId || currentNode.id || currentNode.tooltipLabel || currentNode.fullLabel || currentNode.displayLabel || ''
     }).then(function(result) {
       if (!result || !result.ok) throw new Error(result && result.error ? result.error : 'Update failed');
       graphToast('Task completed', 'ok');
@@ -1896,7 +2099,7 @@ export function renderGraphHostScript() {
     if (!currentNode) return;
     graphRequest('/api/tasks/update', 'POST', {
       project: currentNode.projectName,
-      item: currentNode.tooltipLabel || currentNode.fullLabel || currentNode.displayLabel || '',
+      item: currentNode.stableId || currentNode.id || currentNode.tooltipLabel || currentNode.fullLabel || currentNode.displayLabel || '',
       section: section
     }).then(function(result) {
       if (!result || !result.ok) throw new Error(result && result.error ? result.error : 'Update failed');
@@ -2007,3 +2210,87 @@ export function renderGraphHostScript() {
   }
 })();`;
 }
+export function renderReviewQueueKeyboardScript(_authToken) {
+    return `(function() {
+    var _reviewHighlightIndex = -1;
+    var _currentTab = '';
+    var esc = window._phrenEsc;
+    var authUrl = window._phrenAuthUrl;
+    var authBody = window._phrenAuthBody;
+    var fetchCsrfToken = window._phrenFetchCsrfToken;
+
+    function updateReviewHighlight() {
+      var cards = document.querySelectorAll('#review-cards-list [data-review-card]');
+      cards.forEach(function(card, i) {
+        if (i === _reviewHighlightIndex) {
+          card.classList.add('review-card-highlight');
+          card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+        } else {
+          card.classList.remove('review-card-highlight');
+        }
+      });
+    }
+
+    function getApproveButton(card) {
+      return card ? card.querySelector('[data-review-type="approve"]') : null;
+    }
+
+    function getRejectButton(card) {
+      return card ? card.querySelector('[data-review-type="reject"]') : null;
+    }
+
+    function triggerCardAction(card, action) {
+      if (!card) return;
+      if (action === 'approve') {
+        var approveBtn = getApproveButton(card);
+        if (approveBtn) approveBtn.click();
+      } else if (action === 'reject') {
+        var rejectBtn = getRejectButton(card);
+        if (rejectBtn) rejectBtn.click();
+      }
+    }
+
+    var baseWindowSwitchTab = window.switchTab;
+    if (typeof baseWindowSwitchTab === 'function') {
+      window.switchTab = function(tab) {
+        baseWindowSwitchTab(tab);
+        _currentTab = tab;
+        if (tab === 'review') {
+          _reviewHighlightIndex = -1;
+          setTimeout(function() { updateReviewHighlight(); }, 100);
+        }
+      };
+    }
+
+    document.addEventListener('keydown', function(e) {
+      if (_currentTab !== 'review') return;
+      var cards = document.querySelectorAll('#review-cards-list [data-review-card]');
+      if (cards.length === 0) return;
+
+      if (e.key === 'j' || e.key === 'ArrowDown') {
+        e.preventDefault();
+        _reviewHighlightIndex = Math.min(_reviewHighlightIndex + 1, cards.length - 1);
+        updateReviewHighlight();
+      } else if (e.key === 'k' || e.key === 'ArrowUp') {
+        e.preventDefault();
+        _reviewHighlightIndex = Math.max(_reviewHighlightIndex - 1, -1);
+        updateReviewHighlight();
+      } else if (e.key === 'a') {
+        e.preventDefault();
+        if (_reviewHighlightIndex >= 0) {
+          triggerCardAction(cards[_reviewHighlightIndex], 'approve');
+        }
+      } else if (e.key === 'd') {
+        e.preventDefault();
+        if (_reviewHighlightIndex >= 0) {
+          triggerCardAction(cards[_reviewHighlightIndex], 'reject');
+        }
+      } else if (e.key === 'Enter') {
+        e.preventDefault();
+        if (_reviewHighlightIndex >= 0) {
+          cards[_reviewHighlightIndex].click();
+        }
+      }
+    });
+  })();`;
+}