@yemi33/minions 0.1.2158 → 0.1.2159

package/dashboard/js/detail-panel.js

@@ -118,7 +118,7 @@ function renderDetailContent(detail, tab) {
     el.innerHTML =
       '<div style="display:flex;gap:6px;margin-bottom:8px">' +
         '<button class="pr-pager-btn" id="charter-edit-btn" style="font-size:var(--text-sm);padding:2px 10px" onclick="_toggleCharterEdit()">Edit</button>' +
-        '<button class="pr-pager-btn" id="charter-save-btn" style="font-size:var(--text-sm);padding:2px 10px;color:var(--green);border-color:var(--green);display:none" onclick="_saveCharter()">Save</button>' +
+        '<button class="modal-copy is-success" id="charter-save-btn" style="display:none" onclick="_saveCharter()">Save</button>' +
         '<button class="pr-pager-btn" id="charter-cancel-btn" style="font-size:var(--text-sm);padding:2px 10px;display:none" onclick="_cancelCharterEdit()">Cancel</button>' +
       '</div>' +
       '<div id="charter-view" class="section">' + renderMd(charterContent || 'No charter found. Click Edit to create one.') + '</div>' +

package/dashboard/js/fre.js

@@ -120,17 +120,10 @@ function renderFre(statusOrProjects) {
     'flex-shrink:0',
   ].join(';');
 
-  const btnPrimary = [
-    'padding:6px 14px',
-    'background:var(--blue)',
-    'color:#fff',
-    'border:none',
-    'border-radius:var(--radius-sm)',
-    'cursor:pointer',
-    'font-size:var(--text-md)',
-    'font-weight:600',
-    'margin-top:8px',
-  ].join(';');
+  // W-mq57qetc0009ed48: blue-primary CTA inline blob removed; "+ Add Project"
+  // now uses the shared .btn-primary-solid primitive. Only the layout-only
+  // margin-top:8px stays inline.
+  const btnPrimaryMarginTop = 'margin-top:8px';
 
   const btnGhost = [
     'padding:6px 14px',
@@ -187,7 +180,7 @@ function renderFre(statusOrProjects) {
             '<div style="color:var(--muted);font-size:var(--text-md);line-height:1.5">' +
               'Projects map a local git worktree to a remote repo. Without a project, agents have nowhere to run.' +
             '</div>' +
-            '<button onclick="addProject()" style="' + btnPrimary + '">+ Add Project</button>' +
+            '<button onclick="addProject()" class="btn-primary-solid" style="' + btnPrimaryMarginTop + '">+ Add Project</button>' +
           '</div>' +
         '</div>' +
 

package/dashboard/js/qa.js

@@ -229,8 +229,8 @@ async function loadQaRunbooks() {
         '</div>' +
       '</div>' +
       '<div class="qa-runbook-actions" style="display:flex;gap:var(--space-2)">' +
-        '<button class="qa-btn-primary qa-runbook-run-btn" data-runbook-id="' + escHtml(id) + '" onclick="qaRunRunbook(this.dataset.runbookId)">Run</button>' +
-        '<button class="qa-btn-ghost qa-btn-danger qa-runbook-delete-btn" data-runbook-id="' + escHtml(id) + '" onclick="qaDeleteRunbook(this.dataset.runbookId)">Delete</button>' +
+        '<button class="btn-primary-solid qa-runbook-run-btn" data-runbook-id="' + escHtml(id) + '" onclick="qaRunRunbook(this.dataset.runbookId)">Run</button>' +
+        '<button class="btn-ghost qa-btn-danger qa-runbook-delete-btn" data-runbook-id="' + escHtml(id) + '" onclick="qaDeleteRunbook(this.dataset.runbookId)">Delete</button>' +
       '</div>' +
       '</div>';
   }).join('');
@@ -350,7 +350,7 @@ function _qaRenderRunRow(run) {
   // to click.
   let deleteBtn = '';
   if (_qaIsTerminalStatus(status)) {
-    deleteBtn = '<button class="qa-btn-ghost qa-run-delete-btn" ' +
+    deleteBtn = '<button class="btn-ghost qa-run-delete-btn" ' +
       'data-run-id="' + escHtml(id) + '" ' +
       'onclick="qaDeleteRun(this.dataset.runId)">Delete</button>';
   }
@@ -731,14 +731,14 @@ function _qaRenderSessionCard(s) {
   //   - terminal          → no actions
   let actions = '';
   if (state === 'awaiting-approval') {
-    actions += '<button class="qa-btn-ghost" onclick="qaSessionReviewDraft(\'' + escHtml(id) + '\')">Review draft</button>';
-    actions += '<button class="qa-btn-primary" onclick="qaSessionApprove(\'' + escHtml(id) + '\')">Approve &amp; run</button>';
-    actions += '<button class="qa-btn-ghost" onclick="qaSessionEditPrompt(\'' + escHtml(id) + '\')">Edit</button>';
-    actions += '<button class="qa-btn-ghost" onclick="qaSessionCancel(\'' + escHtml(id) + '\')">Cancel</button>';
+    actions += '<button class="btn-ghost" onclick="qaSessionReviewDraft(\'' + escHtml(id) + '\')">Review draft</button>';
+    actions += '<button class="btn-primary-solid" onclick="qaSessionApprove(\'' + escHtml(id) + '\')">Approve &amp; run</button>';
+    actions += '<button class="btn-ghost" onclick="qaSessionEditPrompt(\'' + escHtml(id) + '\')">Edit</button>';
+    actions += '<button class="btn-ghost" onclick="qaSessionCancel(\'' + escHtml(id) + '\')">Cancel</button>';
   }
   if (!isTerminal) {
-    actions += '<button class="qa-btn-ghost" onclick="qaSessionDismiss(\'' + escHtml(id) + '\')">Dismiss</button>';
-    actions += '<button class="qa-btn-ghost qa-btn-danger" onclick="qaSessionKill(\'' + escHtml(id) + '\')">Kill spawn</button>';
+    actions += '<button class="btn-ghost" onclick="qaSessionDismiss(\'' + escHtml(id) + '\')">Dismiss</button>';
+    actions += '<button class="btn-ghost qa-btn-danger" onclick="qaSessionKill(\'' + escHtml(id) + '\')">Kill spawn</button>';
   }
 
   let meta = '';
@@ -976,7 +976,7 @@ function _qaBuildModalShell(sessionId) {
   header.appendChild(title);
   const closeBtn = document.createElement('button');
   closeBtn.type = 'button';
-  closeBtn.className = 'qa-btn-ghost qa-modal-close';
+  closeBtn.className = 'btn-ghost qa-modal-close';
   closeBtn.setAttribute('aria-label', 'Close');
   closeBtn.textContent = '×';
   closeBtn.addEventListener('click', _qaModalClose);
@@ -1080,7 +1080,7 @@ function _qaModalRenderBody(payload) {
     if (!payload.truncated) {
       const approve = document.createElement('button');
       approve.type = 'button';
-      approve.className = 'qa-btn-primary';
+      approve.className = 'btn-primary-solid';
       approve.textContent = 'Approve & run';
       approve.addEventListener('click', () => {
         _qaModalClose();
@@ -1090,7 +1090,7 @@ function _qaModalRenderBody(payload) {
     }
     const editBtn = document.createElement('button');
     editBtn.type = 'button';
-    editBtn.className = 'qa-btn-ghost';
+    editBtn.className = 'btn-ghost';
     editBtn.textContent = 'Request edit';
     editBtn.addEventListener('click', () => {
       _qaModalClose();
@@ -1099,7 +1099,7 @@ function _qaModalRenderBody(payload) {
     footer.appendChild(editBtn);
     const closeBtn = document.createElement('button');
     closeBtn.type = 'button';
-    closeBtn.className = 'qa-btn-ghost';
+    closeBtn.className = 'btn-ghost';
     closeBtn.textContent = 'Close';
     closeBtn.addEventListener('click', _qaModalClose);
     footer.appendChild(closeBtn);

package/dashboard/js/render-agents.js

@@ -143,7 +143,7 @@ async function openAgentDetail(id) {
     document.getElementById('detail-content').innerHTML =
       '<div style="padding:24px;text-align:center">' +
         '<div style="color:var(--red);margin-bottom:12px">Error loading agent detail: ' + escapeHtml(e.message) + '</div>' +
-        '<button data-agent-id="' + escapeHtml(id) + '" onclick="openAgentDetail(this.dataset.agentId)" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-md)">Retry</button>' +
+        '<button data-agent-id="' + escapeHtml(id) + '" onclick="openAgentDetail(this.dataset.agentId)" class="btn-primary-lg">Retry</button>' +
         ' <button onclick="closeDetail()" style="padding:6px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-md);color:var(--text)">Close</button>' +
       '</div>';
   }

package/dashboard/js/render-inbox.js

@@ -270,7 +270,7 @@ function openQuickNoteModal() {
         '<textarea id="note-content" rows="6" style="display:block;width:100%;margin-top:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;font-family:inherit" placeholder="Write your note... Agents will see this after consolidation."></textarea></label>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
-        '<button onclick="submitQuickNote()" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Save Note</button>' +
+        '<button onclick="submitQuickNote()" class="btn-primary-lg">Save Note</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');

package/dashboard/js/render-kb.js

@@ -222,7 +222,7 @@ function openCreateKbModal() {
         '<textarea id="kb-new-content" rows="8" style="display:block;width:100%;margin-top:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;font-family:inherit" placeholder="Write your knowledge entry..."></textarea></label>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
-        '<button onclick="submitKbEntry(event)" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Save</button>' +
+        '<button onclick="submitKbEntry(event)" class="btn-primary-lg">Save</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');

package/dashboard/js/render-meetings.js

@@ -123,7 +123,7 @@ function renderMeetings(meetings, opts) {
           (m.status === 'archived'
             ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px" onclick="event.stopPropagation();_unarchiveMeeting(\'' + escHtml(m.id) + '\')">Unarchive</button>'
             : (m.status === 'completed' ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px" onclick="event.stopPropagation();_archiveMeeting(\'' + escHtml(m.id) + '\')">Archive</button>' : '')) +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--red);border-color:var(--red)" onclick="event.stopPropagation();_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
+          '<button class="btn-destructive" onclick="event.stopPropagation();_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
         '</div>' +
       '</div>' +
       (timeStr ? '<div style="margin-top:4px;font-size:var(--text-sm);color:var(--muted)">' + escHtml(timeStr) + '</div>' : '') +
@@ -246,17 +246,17 @@ function _renderMeetingDetail(m) {
       if (m.status === 'archived') {
         html += '<div style="display:flex;gap:8px;border-top:1px solid var(--border);padding-top:8px">' +
           '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px" onclick="_unarchiveMeeting(\'' + escHtml(m.id) + '\')">Unarchive</button>' +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--red);border-color:var(--red)" onclick="_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
+          '<button class="btn-destructive btn-destructive-md" onclick="_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
         '</div>';
       } else if (m.status === 'completed') {
         const linkedPlan = _findLinkedPlan(m);
         html += '<div style="display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:8px">' +
           (linkedPlan
             ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--blue);border-color:var(--blue)" onclick="_viewPlanWithBack(\'' + escHtml(linkedPlan.file) + '\',\'' + escHtml(m.id) + '\')">View Plan</button>' +
-              '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--green);border-color:var(--green)" onclick="_createPlanFromMeeting(\'' + escHtml(m.id) + '\',this)">New Plan</button>'
-            : '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--green);border-color:var(--green)" onclick="_createPlanFromMeeting(\'' + escHtml(m.id) + '\',this)">Create Plan from Meeting</button>') +
+              '<button class="btn-action btn-action-md" onclick="_createPlanFromMeeting(\'' + escHtml(m.id) + '\',this)">New Plan</button>'
+            : '<button class="btn-action btn-action-md" onclick="_createPlanFromMeeting(\'' + escHtml(m.id) + '\',this)">Create Plan from Meeting</button>') +
           '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px" onclick="_archiveMeeting(\'' + escHtml(m.id) + '\')">Archive</button>' +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--red);border-color:var(--red)" onclick="_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
+          '<button class="btn-destructive btn-destructive-md" onclick="_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
         '</div>' +
         '<div id="meeting-plan-toast" class="cmd-toast cmd-toast-inline" style="margin-top:6px"></div>' +
         '<div style="font-size:var(--text-xs);color:var(--muted);margin-top:4px">Use the Q&amp;A below to discuss action items' + (linkedPlan ? '' : ', then create a plan to execute them') + '.</div>';
@@ -267,8 +267,8 @@ function _renderMeetingDetail(m) {
         '</div>' +
         '<div style="display:flex;gap:8px;margin-top:4px">' +
           '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--yellow);border-color:var(--yellow)" onclick="_advanceMeeting(\'' + escHtml(m.id) + '\',this)">Skip to Next Round</button>' +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--red);border-color:var(--red)" onclick="_endMeeting(\'' + escHtml(m.id) + '\',this)">End Meeting</button>' +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--red);border-color:var(--red)" onclick="_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
+          '<button class="btn-destructive btn-destructive-md" onclick="_endMeeting(\'' + escHtml(m.id) + '\',this)">End Meeting</button>' +
+          '<button class="btn-destructive btn-destructive-md" onclick="_deleteMeeting(\'' + escHtml(m.id) + '\')">Delete</button>' +
         '</div>';
       }
 
@@ -347,7 +347,7 @@ function openCreateMeetingModal() {
       '<div style="color:var(--text);font-size:var(--text-md)">Participants<div style="display:flex;flex-direction:column;gap:4px;margin-top:4px" id="mtg-participants">' + agentOpts + '</div></div>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
-        '<button onclick="_submitCreateMeeting(event)" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Start Meeting</button>' +
+        '<button onclick="_submitCreateMeeting(event)" class="btn-primary-lg">Start Meeting</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');

package/dashboard/js/render-other.js

@@ -5,8 +5,8 @@ function renderProjects(projects) {
   const visible = (projects || []).filter(p => typeof isDeleted === 'function' ? !isDeleted('project:' + p.name) : true);
   if (!visible.length) {
     list.innerHTML = '<span style="color:var(--muted);font-style:italic">No projects linked.</span>' +
-      '<span onclick="addProject()" style="background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:3px 10px;color:var(--green);font-weight:500;cursor:pointer;border-style:dashed;margin-left:8px">+ Add Project</span>' +
-      '<span onclick="openScanProjectsModal()" style="background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:3px 10px;color:var(--blue);font-weight:500;cursor:pointer;border-style:dashed;font-size:var(--text-sm)">Scan</span>';
+      '<span onclick="addProject()" class="empty-state-add" style="margin-left:8px">+ Add Project</span>' +
+      '<span onclick="openScanProjectsModal()" class="empty-state-add empty-state-add-blue">Scan</span>';
     return;
   }
   // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escHtml() (fields: project name, path, branch metadata)
@@ -17,8 +17,8 @@ function renderProjects(projects) {
       '<span onclick="event.stopPropagation();projectChipRemove(\'' + escHtml(p.name) + '\')" title="Remove project (cancels pending work, archives data dir)" style="color:var(--muted);font-weight:600;cursor:pointer;padding:0 2px;line-height:1" onmouseover="this.style.color=\'var(--red)\'" onmouseout="this.style.color=\'var(--muted)\'">&times;</span>' +
     '</span>'
   ).join('') +
-  '<span onclick="addProject()" style="background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:3px 10px;color:var(--muted);font-weight:500;cursor:pointer;border-style:dashed">+ Add</span>' +
-  '<span onclick="openScanProjectsModal()" style="background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:3px 10px;color:var(--blue);font-weight:500;cursor:pointer;border-style:dashed;font-size:var(--text-sm)">Scan</span>';
+  '<span onclick="addProject()" class="empty-state-add empty-state-add-muted">+ Add</span>' +
+  '<span onclick="openScanProjectsModal()" class="empty-state-add empty-state-add-blue">Scan</span>';
 
 }
 
@@ -422,7 +422,7 @@ async function openScanProjectsModal() {
         '<label style="width:60px;color:var(--text);font-size:var(--text-md)">Depth' +
           '<input id="scan-depth" type="number" value="3" min="1" max="6" style="display:block;width:100%;margin-top:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-md)">' +
         '</label>' +
-        '<button onclick="_runProjectScan()" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap">Scan</button>' +
+        '<button onclick="_runProjectScan()" class="btn-primary-lg" style="white-space:nowrap">Scan</button>' +
       '</div>' +
       '<div id="scan-results" style="color:var(--muted);font-size:var(--text-md)">Click Scan to find git repos in the directory.</div>' +
       '<div class="cmd-toast" id="scan-toast" style="margin-top:0"></div>' +

package/dashboard/js/render-pinned.js

@@ -17,7 +17,7 @@ function renderPinned(entries) {
       ';border-radius:4px;cursor:pointer" onclick="if(shouldIgnoreSelectionClick(event))return;openPinnedView(' + i + ')">' +
       '<div style="display:flex;justify-content:space-between;align-items:center">' +
         '<strong style="font-size:var(--text-md)">' + escHtml(e.title) + '</strong>' +
-        '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--red);border-color:var(--red)" data-pin-title="' + escHtml(e.title) + '" onclick="event.stopPropagation();removePinnedNote(this.dataset.pinTitle)">Unpin</button>' +
+        '<button class="btn-destructive" data-pin-title="' + escHtml(e.title) + '" onclick="event.stopPropagation();removePinnedNote(this.dataset.pinTitle)">Unpin</button>' +
       '</div>' +
       '<div style="font-size:var(--text-sm);color:var(--muted);margin-top:4px">' + renderMd(e.content.slice(0, 200)) + (e.content.length > 200 ? '...' : '') + '</div>' +
     '</div>'
@@ -44,7 +44,7 @@ function openPinNoteModal() {
       '<label style="color:var(--text);font-size:var(--text-md)">Title<input id="pin-title" style="display:block;width:100%;margin-top:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)" placeholder="e.g. API freeze until Friday"></label>' +
       '<label style="color:var(--text);font-size:var(--text-md)">Content<textarea id="pin-content" rows="4" style="display:block;width:100%;margin-top:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;font-family:inherit" placeholder="Context all agents should see..."></textarea></label>' +
       '<label style="color:var(--text);font-size:var(--text-md)">Level<select id="pin-level" style="display:block;width:100%;margin-top:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)"><option value="info">Info</option><option value="warning">Warning</option><option value="critical">Critical</option></select></label>' +
-      '<div style="display:flex;justify-content:flex-end;gap:8px"><button onclick="closeModal()" class="pr-pager-btn">Cancel</button><button onclick="submitPinnedNote(event)" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Pin</button></div>' +
+      '<div style="display:flex;justify-content:flex-end;gap:8px"><button onclick="closeModal()" class="pr-pager-btn">Cancel</button><button onclick="submitPinnedNote(event)" class="btn-primary-lg">Pin</button></div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');
 }
@@ -194,7 +194,7 @@ function openPinnedEdit(idx) {
   cancelBtn.textContent = 'Cancel';
   cancelBtn.onclick = function() { openPinnedView(idx); };
   const saveBtn = document.createElement('button');
-  saveBtn.style.cssText = 'padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer';
+  saveBtn.className = 'btn-primary-lg';
   saveBtn.textContent = 'Save';
   saveBtn.onclick = function(ev) { submitPinnedEdit(originalTitle, ev); };
   actions.appendChild(cancelBtn);

package/dashboard/js/render-pipelines.js

@@ -399,12 +399,12 @@ function openPipelineDetail(id) {
     '<span style="font-size:var(--text-sm);color:var(--muted)">' + _renderPipelineTriggerLabel(p.trigger?.cron) + ' · ' + escHtml(_getPipelineStageLabel(p)) + '</span>' +
     '<div style="display:flex;gap:6px">' +
       (activeRun
-        ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--red);border-color:var(--red)" onclick="_abortPipeline(\'' + escHtml(id) + '\',this)">Abort</button>' +
+        ? '<button class="btn-destructive btn-destructive-md" onclick="_abortPipeline(\'' + escHtml(id) + '\',this)">Abort</button>' +
           '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--yellow);border-color:var(--yellow)" onclick="_retriggerPipeline(\'' + escHtml(id) + '\',this)">Retrigger</button>'
-        : '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--green);border-color:var(--green)" onclick="_triggerPipeline(\'' + escHtml(id) + '\',this)">Run Now</button>') +
+        : '<button class="btn-action btn-action-md" onclick="_triggerPipeline(\'' + escHtml(id) + '\',this)">Run Now</button>') +
       '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--blue);border-color:var(--blue)" onclick="openEditPipelineModal(\'' + escHtml(id) + '\')">Edit</button>' +
       '<button class="pr-pager-btn' + (_pipelineToggleInFlight.has(id) ? ' disabled' : '') + '" style="font-size:var(--text-xs);padding:2px 8px" onclick="_togglePipelineEnabled(\'' + escHtml(id) + '\',' + !p.enabled + ',this)">' + (p.enabled !== false ? 'Disable' : 'Enable') + '</button>' +
-      '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--red);border-color:var(--red)" onclick="_deletePipelineConfirm(\'' + escHtml(id) + '\')">Delete</button>' +
+      '<button class="btn-destructive btn-destructive-md" onclick="_deletePipelineConfirm(\'' + escHtml(id) + '\')">Delete</button>' +
     '</div>' +
   '</div>';
 
@@ -454,7 +454,7 @@ function openPipelineDetail(id) {
       _renderMonitoredResources(s.monitoredResources || []) +
       _renderArtifactLinks(stageRun.artifacts, id) +
       (stageRun.output ? '<div class="pipeline-stage-output" style="margin-top:6px;font-size:var(--text-base);max-height:150px;overflow-y:auto">' + renderMd(stageRun.output.slice(0, 500)) + '</div>' : '') +
-      (stageStatus === 'waiting-human' ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;color:var(--green);border-color:var(--green);margin-top:6px" onclick="_continuePipeline(\'' + escHtml(id) + '\',\'' + escHtml(s.id) + '\',this)">Continue</button>' : '') +
+      (stageStatus === 'waiting-human' ? '<button class="btn-action btn-action-md" style="margin-top:6px" onclick="_continuePipeline(\'' + escHtml(id) + '\',\'' + escHtml(s.id) + '\',this)">Continue</button>' : '') +
     '</div>';
   });
 
@@ -726,7 +726,7 @@ function openCreatePipelineModal() {
       '<label style="color:var(--text);font-size:var(--text-md)">Stages (JSON array)<textarea id="pl-stages" rows="10" style="' + inputStyle + ';resize:vertical;font-family:Consolas,monospace" placeholder=\'[{"id":"audit","type":"task","title":"Audit codebase","taskType":"explore"},{"id":"discuss","type":"meeting","title":"Discuss findings","dependsOn":["audit"],"participants":["all"]}]\'></textarea></label>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
-        '<button onclick="_submitCreatePipeline()" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Create Pipeline</button>' +
+        '<button onclick="_submitCreatePipeline()" class="btn-primary-lg">Create Pipeline</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');
@@ -828,7 +828,7 @@ function openEditPipelineModal(id) {
       '<label style="color:var(--text);font-size:var(--text-md)">Stages (JSON array)<textarea id="pl-stages" rows="10" style="' + inputStyle + ';resize:vertical;font-family:Consolas,monospace">' + escHtml(JSON.stringify(p.stages || [], null, 2)) + '</textarea></label>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
-        '<button onclick="_submitEditPipeline()" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Save</button>' +
+        '<button onclick="_submitEditPipeline()" class="btn-primary-lg">Save</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal-body').style.whiteSpace = 'normal';

package/dashboard/js/render-plans.js

@@ -22,7 +22,7 @@ function openCreatePlanModal() {
       '<div style="font-size:var(--text-base);color:var(--muted)">After creating, click Execute on the plan card to have an agent convert it into a PRD with work items.</div>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
-        '<button onclick="_submitCreatePlan(event)" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Create Plan</button>' +
+        '<button onclick="_submitCreatePlan(event)" class="btn-primary-lg">Create Plan</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');
@@ -468,7 +468,7 @@ function planReexecuteModal(file, project) {
       '<div style="font-size:var(--text-base);color:var(--muted)">Leave blank to re-run without steering. The agent will read the existing PRD and rewrite it.</div>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
-        '<button onclick="planReexecuteSubmit(\'' + escapeHtml(file) + '\',\'' + escapeHtml(project || '') + '\')" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Re-execute</button>' +
+        '<button onclick="planReexecuteSubmit(\'' + escapeHtml(file) + '\',\'' + escapeHtml(project || '') + '\')" class="btn-primary-lg">Re-execute</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');

package/dashboard/js/render-prd.js

@@ -105,15 +105,15 @@ function renderPrd(prd, prog) {
     let actions = '';
     if (prdFile && !headerStale) {
       if (effectiveStatus === 'awaiting-approval') {
-        actions = ' <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--green);border-color:var(--green);margin-left:4px" onclick="planApprove(\'' + escHtml(prdFile) + '\',this)">Approve</button>';
+        actions = ' <button class="btn-action" style="margin-left:4px" onclick="planApprove(\'' + escHtml(prdFile) + '\',this)">Approve</button>';
       } else if (effectiveStatus === 'completed') {
         const hasVerifyWi = allWi.some(w => w.itemType === 'verify' && w.sourcePlan === prdFile);
-        actions = (hasVerifyWi ? '' : ' <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--green);border-color:var(--green);margin-left:4px" onclick="triggerVerify(\'' + escHtml(prdFile) + '\',this)">Verify</button>') +
+        actions = (hasVerifyWi ? '' : ' <button class="btn-action" style="margin-left:4px" onclick="triggerVerify(\'' + escHtml(prdFile) + '\',this)">Verify</button>') +
           ' <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;margin-left:4px" onclick="planArchive(\'' + escHtml(prdFile) + '\',this)">Archive</button>';
       } else if (effectiveStatus === 'dispatched') {
         actions = ' <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--yellow);border-color:var(--yellow);margin-left:4px" onclick="planPause(\'' + escHtml(prdFile) + '\',this)">Pause</button>';
       } else if (effectiveStatus === 'paused') {
-        actions = ' <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--green);border-color:var(--green);margin-left:4px" onclick="planApprove(\'' + escHtml(prdFile) + '\',this)">Resume</button>' +
+        actions = ' <button class="btn-action" style="margin-left:4px" onclick="planApprove(\'' + escHtml(prdFile) + '\',this)">Resume</button>' +
           ' <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;margin-left:4px" onclick="planArchive(\'' + escHtml(prdFile) + '\',this)">Archive</button>';
       }
     }
@@ -823,7 +823,7 @@ async function prdItemEdit(source, itemId) {
       '<label style="font-size:var(--text-base);color:var(--muted)">Description</label>' +
       '<div style="display:flex;gap:6px">' +
         '<button id="prd-desc-edit-btn" type="button" class="pr-pager-btn" aria-label="Edit description" style="font-size:var(--text-sm);padding:2px 10px" onclick="_togglePrdDescEdit()">Edit</button>' +
-        '<button id="prd-desc-save-btn" type="button" class="pr-pager-btn" aria-label="Save description" style="font-size:var(--text-sm);padding:2px 10px;color:var(--green);border-color:var(--green);display:none" onclick="_savePrdDesc(\'' + escHtml(source) + '\',\'' + escHtml(itemId) + '\')">Save</button>' +
+        '<button id="prd-desc-save-btn" type="button" class="btn-action btn-action-lg" aria-label="Save description" style="display:none" onclick="_savePrdDesc(\'' + escHtml(source) + '\',\'' + escHtml(itemId) + '\')">Save</button>' +
         '<button id="prd-desc-cancel-btn" type="button" class="pr-pager-btn" aria-label="Cancel description edit" style="font-size:var(--text-sm);padding:2px 10px;display:none" onclick="_cancelPrdDescEdit()">Cancel</button>' +
       '</div>' +
     '</div>' +

package/dashboard/js/render-prs.js

@@ -204,7 +204,7 @@ function prRow(pr) {
     '<td><span class="pr-badge ' + statusClass + '" title="' + escapeHtml(statusLabel) + '">' + escapeHtml(statusLabel) + '</span></td>' +
     '<td>' + (observeBtn || '<span style="color:var(--muted);font-size:var(--text-base)">—</span>') + '</td>' +
     '<td><span class="pr-date" title="' + escapeHtml(createdLabel) + '">' + escapeHtml(createdLabel) + '</span></td>' +
-    '<td><button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 5px;color:var(--red);border-color:var(--red)" data-pr-id="' + escapeHtml(String(prId)) + '" onclick="event.stopPropagation();unlinkPr(this.dataset.prId)" title="Remove from tracking">x</button></td>' +
+    '<td><button class="btn-destructive" style="padding:1px 5px" data-pr-id="' + escapeHtml(String(prId)) + '" onclick="event.stopPropagation();unlinkPr(this.dataset.prId)" title="Remove from tracking">x</button></td>' +
     '</tr>';
 }
 
@@ -350,7 +350,7 @@ function openAddPrModal() {
       '<div style="font-size:var(--text-base);color:var(--muted);margin-top:-4px;padding-left:24px">Off = context only (e.g. teammate\'s PR). On = agents actively monitor and fix issues.</div>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:8px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
-        '<button onclick="_submitLinkPr(event)" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Link PR</button>' +
+        '<button onclick="_submitLinkPr(event)" class="btn-primary-lg">Link PR</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');

package/dashboard/js/render-schedules.js

@@ -352,10 +352,10 @@ function renderSchedules(schedules, opts) {
         '<td>' + enabledBadge + '</td>' +
         '<td><span class="pr-date">' + escHtml(lastRun) + '</span></td>' +
         '<td style="white-space:nowrap">' +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--green);border-color:var(--green);margin-right:4px" onclick="event.stopPropagation();runScheduleNow(\'' + escHtml(s.id) + '\',this)" title="Run now">Run now</button>' +
+          '<button class="btn-action" style="margin-right:4px" onclick="event.stopPropagation();runScheduleNow(\'' + escHtml(s.id) + '\',this)" title="Run now">Run now</button>' +
           '<button class="pr-pager-btn' + (_schedToggleInFlight.has(s.id) ? ' disabled' : '') + '" style="font-size:var(--text-xs);padding:1px 6px;color:' + (s.enabled ? 'var(--yellow)' : 'var(--green)') + ';border-color:' + (s.enabled ? 'var(--yellow)' : 'var(--green)') + ';margin-right:4px" onclick="event.stopPropagation();toggleScheduleEnabled(\'' + escHtml(s.id) + '\',' + !s.enabled + ')" title="' + (s.enabled ? 'Disable' : 'Enable') + '">' + (s.enabled ? '&#x23F8;' : '&#x25B6;') + '</button>' +
           '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--blue);border-color:var(--blue);margin-right:4px" onclick="event.stopPropagation();openEditScheduleModal(\'' + escHtml(s.id) + '\')" title="Edit">&#x270E;</button>' +
-          '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--red);border-color:var(--red)" onclick="event.stopPropagation();deleteSchedule(\'' + escHtml(s.id) + '\')" title="Delete">&#x2715;</button>' +
+          '<button class="btn-destructive" onclick="event.stopPropagation();deleteSchedule(\'' + escHtml(s.id) + '\')" title="Delete">&#x2715;</button>' +
         '</td>' +
       '</tr>';
     }
@@ -515,7 +515,7 @@ function _scheduleFormHtml(sched, isEdit) {
     '</label>' +
     '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:8px">' +
       '<button onclick="closeModal()" class="pr-pager-btn" style="padding:6px 16px;font-size:var(--text-md)">Cancel</button>' +
-      '<button onclick="submitSchedule(' + isEdit + ',event)" style="padding:6px 16px;font-size:var(--text-md);background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">' + (isEdit ? 'Save' : 'Create') + '</button>' +
+      '<button onclick="submitSchedule(' + isEdit + ',event)" class="btn-primary-lg">' + (isEdit ? 'Save' : 'Create') + '</button>' +
     '</div>' +
   '</div>';
 }

package/dashboard/js/render-watches.js

@@ -216,11 +216,11 @@ function renderWatches(watchesData, opts) {
     if (w.status === 'active') {
       html += '<button class="pr-pager-btn' + pauseBusyCls + '" style="font-size:var(--text-xs);padding:1px 6px;color:var(--yellow);border-color:var(--yellow);margin-right:4px" onclick="event.stopPropagation();toggleWatchPause(\'' + escHtml(w.id) + '\',true)" title="Pause">&#x23F8;</button>';
     } else if (w.status === 'paused') {
-      html += '<button class="pr-pager-btn' + pauseBusyCls + '" style="font-size:var(--text-xs);padding:1px 6px;color:var(--green);border-color:var(--green);margin-right:4px" onclick="event.stopPropagation();toggleWatchPause(\'' + escHtml(w.id) + '\',false)" title="Resume">&#x25B6;</button>';
+      html += '<button class="btn-action' + pauseBusyCls + '" style="margin-right:4px" onclick="event.stopPropagation();toggleWatchPause(\'' + escHtml(w.id) + '\',false)" title="Resume">&#x25B6;</button>';
     }
 
     // Delete button
-    html += '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--red);border-color:var(--red)" onclick="event.stopPropagation();deleteWatch(\'' + escHtml(w.id) + '\')" title="Delete">&#x2715;</button>';
+    html += '<button class="btn-destructive" onclick="event.stopPropagation();deleteWatch(\'' + escHtml(w.id) + '\')" title="Delete">&#x2715;</button>';
     html += '</td></tr>';
   }
 
@@ -548,7 +548,7 @@ function _addWatchStepRow(initial) {
   row.innerHTML =
     '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px">' +
       '<select id="watch-step-' + idx + '-type" style="' + inputStyle + ';margin-top:0;flex:1" onchange="_updateWatchStepParamsHint(' + idx + ')">' + actionOpts + '</select>' +
-      '<button type="button" class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 8px;color:var(--red);border-color:var(--red)" onclick="_removeWatchStepRow(' + idx + ')">Remove</button>' +
+      '<button type="button" class="btn-destructive btn-destructive-lg" onclick="_removeWatchStepRow(' + idx + ')">Remove</button>' +
     '</div>' +
     '<label style="color:var(--text);font-size:var(--text-base)">Params (JSON) <span style="font-size:var(--text-sm);color:var(--muted)" id="watch-step-' + idx + '-params-hint"></span>' +
       '<textarea id="watch-step-' + idx + '-params" rows="3" placeholder=\'{"title": "Re-check {{target}} after merge"}\' style="' + inputStyle + ';font-family:monospace"></textarea>' +
@@ -612,7 +612,7 @@ function _addRequireRow(initial) {
     '<label style="color:var(--text);font-size:var(--text-base);margin:0">Target<input id="watch-require-' + idx + '-target" placeholder="e.g. PR-123, pipeline-X" style="' + inputStyle + '"></label>' +
     '<label style="color:var(--text);font-size:var(--text-base);margin:0">Target Type<select id="watch-require-' + idx + '-target-type" style="' + inputStyle + '" onchange="_updateRequireConditionOptions(' + idx + ')">' + ttOpts + '</select></label>' +
     '<label style="color:var(--text);font-size:var(--text-base);margin:0">Condition<select id="watch-require-' + idx + '-condition" style="' + inputStyle + '"></select></label>' +
-    '<button type="button" class="pr-pager-btn" style="font-size:var(--text-sm);padding:6px 8px;color:var(--red);border-color:var(--red)" onclick="_removeRequireRow(' + idx + ')">Remove</button>';
+    '<button type="button" class="btn-destructive btn-destructive-lg" style="padding:6px 8px" onclick="_removeRequireRow(' + idx + ')">Remove</button>';
   container.appendChild(row);
   if (initTarget) document.getElementById('watch-require-' + idx + '-target').value = initTarget;
   if (initTT) document.getElementById('watch-require-' + idx + '-target-type').value = initTT;
@@ -655,7 +655,7 @@ function _updateWatchConditionOptions() {
 
 function _renderCreateWatchModal() {
   document.getElementById('modal-title').innerHTML = 'Create Watch' +
-    ' <button class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 12px;color:var(--green);border-color:var(--green);margin-left:8px" onclick="submitWatch()">Create</button>';
+    ' <button class="btn-action btn-action-lg" style="padding:2px 12px;margin-left:8px" onclick="submitWatch()">Create</button>';
   // eslint-disable-next-line no-unsanitized/property -- reason: structural HTML is a string literal; all user data wrapped in escHtml() by _watchFormHtml() (fields: target/action registries, project names, agent ids/names)
   document.getElementById('modal-body').innerHTML = _watchFormHtml();
   document.getElementById('modal-body').style.whiteSpace = 'normal';

package/dashboard/js/render-work-items.js

@@ -246,9 +246,9 @@ function wiRow(item) {
     '<td style="white-space:nowrap">' +
       ((item.status === 'pending' || item.status === 'failed') ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--blue);border-color:var(--blue);margin-right:4px" onclick="event.stopPropagation();editWorkItem(\'' + escapeHtml(item.id) + '\',\'' + escapeHtml(item._source || '') + '\')" title="Edit work item">&#x270E;</button>' : '') +
       ((item.status === 'done' || item.status === 'failed') ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--muted);border-color:var(--border);margin-right:4px" onclick="event.stopPropagation();archiveWorkItem(\'' + escapeHtml(item.id) + '\',\'' + escapeHtml(item._source || '') + '\')" title="Archive work item">&#x1F4E6;</button>' : '') +
-      ((item.status === 'done' || item.status === 'failed') && !item._humanFeedback ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--green);border-color:var(--green);margin-right:4px" onclick="event.stopPropagation();feedbackWorkItem(\'' + escapeHtml(item.id) + '\',\'' + escapeHtml(item._source || '') + '\')" title="Give feedback">&#x1F44D;&#x1F44E;</button>' : (item._humanFeedback ? '<span style="font-size:var(--text-xs)" title="Feedback given">' + (item._humanFeedback.rating === 'up' ? '&#x1F44D;' : '&#x1F44E;') + '</span> ' : '')) +
+      ((item.status === 'done' || item.status === 'failed') && !item._humanFeedback ? '<button class="btn-action" style="margin-right:4px" onclick="event.stopPropagation();feedbackWorkItem(\'' + escapeHtml(item.id) + '\',\'' + escapeHtml(item._source || '') + '\')" title="Give feedback">&#x1F44D;&#x1F44E;</button>' : (item._humanFeedback ? '<span style="font-size:var(--text-xs)" title="Feedback given">' + (item._humanFeedback.rating === 'up' ? '&#x1F44D;' : '&#x1F44E;') + '</span> ' : '')) +
       ((item.status === 'pending' || item.status === 'dispatched' || item.status === 'queued' || item.status === 'failed') ? '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--orange);border-color:var(--orange);margin-right:4px" onclick="event.stopPropagation();cancelWorkItem(\'' + escapeHtml(item.id) + '\',\'' + escapeHtml(item._source || '') + '\')" title="Cancel work item and kill agent">&#x1F6AB;</button>' : '') +
-      '<button class="pr-pager-btn" style="font-size:var(--text-xs);padding:1px 6px;color:var(--red);border-color:var(--red)" onclick="event.stopPropagation();deleteWorkItem(\'' + escapeHtml(item.id) + '\',\'' + escapeHtml(item._source || '') + '\')" title="Delete work item and kill agent">&#x2715;</button>' +
+      '<button class="btn-destructive" onclick="event.stopPropagation();deleteWorkItem(\'' + escapeHtml(item.id) + '\',\'' + escapeHtml(item._source || '') + '\')" title="Delete work item and kill agent">&#x2715;</button>' +
     '</td>' +
   '</tr>';
 }
@@ -380,7 +380,7 @@ async function editWorkItem(id, source) {
       '</label>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:8px">' +
         '<button onclick="closeModal()" class="pr-pager-btn" style="padding:6px 16px;font-size:var(--text-md)">Cancel</button>' +
-        '<button onclick="submitWorkItemEdit(\'' + escapeHtml(id) + '\',\'' + escapeHtml(source || '') + '\',event)" style="padding:6px 16px;font-size:var(--text-md);background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Save</button>' +
+        '<button onclick="submitWorkItemEdit(\'' + escapeHtml(id) + '\',\'' + escapeHtml(source || '') + '\',event)" class="btn-primary-lg">Save</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');
@@ -601,7 +601,7 @@ function openCreateWorkItemModal() {
       '<label id="wi-new-skippr-row" style="color:var(--text);font-size:var(--text-md);display:flex;gap:8px;align-items:center;cursor:pointer"><input type="checkbox" id="wi-new-skippr"> Skip PR creation (push branch only)</label>' +
       '<div style="display:flex;justify-content:flex-end;gap:8px;margin-top:4px">' +
         '<button onclick="closeModal()" class="pr-pager-btn">Cancel</button>' +
-        '<button onclick="_submitCreateWorkItem(event)" style="padding:6px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer">Create</button>' +
+        '<button onclick="_submitCreateWorkItem(event)" class="btn-primary-lg">Create</button>' +
       '</div>' +
     '</div>';
   document.getElementById('modal').classList.add('open');

package/dashboard/js/settings.js

@@ -488,8 +488,7 @@ async function openSettings() {
   if (!document.getElementById('modal-settings-reset')) {
     const resetBtn = document.createElement('button');
     resetBtn.id = 'modal-settings-reset';
-    resetBtn.className = 'modal-copy';
-    resetBtn.style.cssText = 'color:var(--red);border-color:var(--red)';
+    resetBtn.className = 'modal-copy is-danger';
     resetBtn.textContent = 'Reset';
     resetBtn.onclick = resetSettingsToDefaults;
     actions.insertBefore(resetBtn, actions.lastElementChild);
@@ -497,8 +496,7 @@ async function openSettings() {
   if (!document.getElementById('modal-settings-save')) {
     const saveBtn = document.createElement('button');
     saveBtn.id = 'modal-settings-save';
-    saveBtn.className = 'modal-copy';
-    saveBtn.style.cssText = 'color:var(--green);border-color:var(--green)';
+    saveBtn.className = 'modal-copy is-success';
     saveBtn.innerHTML = '<svg width="12" height="12" viewBox="0 0 16 16" fill="currentColor"><path d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"/></svg> Save';
     saveBtn.onclick = saveSettings;
     actions.insertBefore(saveBtn, actions.lastElementChild);

package/dashboard/layout.html

@@ -122,7 +122,7 @@
       <h3 id="modal-title">—</h3>
       <div class="modal-header-actions">
         <button class="modal-copy" id="modal-edit-btn" onclick="modalToggleEdit()" title="Edit" style="display:none"><svg width="12" height="12" viewBox="0 0 16 16" fill="currentColor"><path d="M11.013 1.427a1.75 1.75 0 012.474 0l1.086 1.086a1.75 1.75 0 010 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 01-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.61zM12.9 2.97L4.288 11.58l-.537 1.878 1.878-.537L14.242 4.31 12.9 2.97z"/></svg> Edit</button>
-        <button class="modal-copy" id="modal-save-btn" onclick="modalSaveEdit()" title="Save" style="display:none;color:var(--green);border-color:var(--green)"><svg width="12" height="12" viewBox="0 0 16 16" fill="currentColor"><path d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"/></svg> Save</button>
+        <button class="modal-copy is-success" id="modal-save-btn" onclick="modalSaveEdit()" title="Save" style="display:none"><svg width="12" height="12" viewBox="0 0 16 16" fill="currentColor"><path d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"/></svg> Save</button>
         <button class="modal-copy" id="modal-cancel-edit-btn" onclick="modalCancelEdit()" title="Cancel edit" style="display:none">Cancel</button>
         <button class="modal-copy pin-btn" id="modal-pin-btn" onclick="toggleModalPin()" title="Pin to top" style="display:none">Pin</button>
         <button class="modal-copy" id="modal-copy-btn" onclick="copyModalContent()" title="Copy to clipboard"><svg width="12" height="12" viewBox="0 0 16 16" fill="currentColor"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25z"/><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25z"/></svg> Copy</button>

package/dashboard/pages/qa.html

@@ -15,7 +15,7 @@
             </ul>
           </div>
           <div style="display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-2)">
-            <button type="button" id="qa-cc-pitch-open" class="qa-btn-primary" onclick="qaFocusCommandCenter()">Open Command Center →</button>
+            <button type="button" id="qa-cc-pitch-open" class="btn-primary-solid" onclick="qaFocusCommandCenter()">Open Command Center →</button>
             <a href="/state/docs/qa-runbook-lifecycle.md" target="_blank" rel="noopener" class="qa-cc-pitch-docs" style="color:var(--blue);font-size:var(--text-base)">Docs →</a>
           </div>
         </div>

package/dashboard/styles.css

@@ -488,6 +488,170 @@
   .btn-add.disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
   .btn-add.btn-add-lg { font-size: var(--text-sm); padding: 2px 8px; }
 
+  /* W-mq57qetc0009ed48 — green-bordered action button family WITHOUT a
+     leading "+" glyph (Approve / Verify / Resume / Save / Run Now /
+     Continue / Create / New Plan / Trigger Verify / etc). Sibling to
+     .btn-add — same green/surface2 visual identity, but semantically a
+     verb-action rather than a creator. Three padding+size variants cover
+     every callsite that was previously inline `style="font-size:…;
+     padding:…;color:var(--green);border-color:var(--green)"` on top of
+     .pr-pager-btn:
+       .btn-action            — compact text-xs / 1px 6px (inline PRD
+                                 chips, work-item feedback)
+       .btn-action.btn-action-md — text-xs / 2px 8px (meetings, pipelines,
+                                 watches resume, schedule run-now chip)
+       .btn-action.btn-action-lg — text-sm / 2px 10px (modal Save, watch
+                                 Create, charter Save, schedule modal Run
+                                 now)
+     Positional/layout-only inline styles (e.g. margin-left:8px, margin-
+     right:4px, margin-top:6px) stay at the callsite. Do NOT re-create the
+     green inline blob — extend this primitive instead. */
+  .btn-action {
+    background: var(--surface2);
+    border: 1px solid var(--green);
+    color: var(--green);
+    font-size: var(--text-xs);
+    padding: 1px 6px;
+    border-radius: var(--radius-sm);
+    cursor: pointer;
+    transition: background var(--transition-base);
+  }
+  .btn-action:hover { background: rgba(63,185,80,0.1); }
+  .btn-action:focus-visible { outline: 2px solid var(--green); outline-offset: 1px; }
+  .btn-action:disabled,
+  .btn-action.disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
+  .btn-action.btn-action-md { padding: 2px 8px; }
+  .btn-action.btn-action-lg { font-size: var(--text-sm); padding: 2px 10px; }
+
+  /* W-mq57qetc0009ed48 — red-bordered destructive button family (Delete /
+     Abort / Remove / Unpin / unlink-x). Visual sibling to .btn-action —
+     same surface2 background, same padding scale, same hover-tint pattern,
+     just swapped to var(--red). Three size variants:
+       .btn-destructive            — compact text-xs / 1px 6px (work-item
+                                     delete, watch delete, schedule delete,
+                                     unpin, unlink-x in PR row)
+       .btn-destructive.btn-destructive-md — text-xs / 2px 8px (pipelines
+                                     Abort + Delete)
+       .btn-destructive.btn-destructive-lg — text-sm / 2px 10px (watch
+                                     builder Remove step / Remove
+                                     requirement)
+     Positional / outlier inline overrides (padding:1px 5px on the PR
+     unlink-x chip, padding:6px 8px on the requirement-row Remove) stay
+     at the callsite. Do NOT re-create the red inline blob — extend this
+     primitive instead. */
+  .btn-destructive {
+    background: var(--surface2);
+    border: 1px solid var(--red);
+    color: var(--red);
+    font-size: var(--text-xs);
+    padding: 1px 6px;
+    border-radius: var(--radius-sm);
+    cursor: pointer;
+    transition: background var(--transition-base);
+  }
+  .btn-destructive:hover { background: rgba(248,81,73,0.1); }
+  .btn-destructive:focus-visible { outline: 2px solid var(--red); outline-offset: 1px; }
+  .btn-destructive:disabled,
+  .btn-destructive.disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
+  .btn-destructive.btn-destructive-md { padding: 2px 8px; }
+  .btn-destructive.btn-destructive-lg { font-size: var(--text-sm); padding: 2px 10px; }
+
+  /* W-mq57qetc0009ed48 — solid-blue primary CTA. Single source of truth
+     for the filled-blue rectangle that gates submission flows (QA "Start
+     QA Session", "+ New runbook", "Save" in the QA runbook editor, FRE
+     "+ Add Project"). Replaces the standalone .qa-btn-primary (now
+     removed — all callsites migrated) and the ad-hoc
+     `background:var(--blue);color:#fff;border:none;…` style blob in
+     fre.js. */
+  .btn-primary-solid {
+    background: var(--blue);
+    color: #fff;
+    border: none;
+    border-radius: var(--radius-sm);
+    padding: var(--space-3) var(--space-7);
+    font-size: var(--text-md);
+    font-weight: 600;
+    cursor: pointer;
+    transition: opacity var(--transition-base);
+  }
+  .btn-primary-solid:hover { opacity: 0.9; }
+  .btn-primary-solid:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
+  .btn-primary-solid:disabled,
+  .btn-primary-solid.disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
+
+  /* W-mq57qetc0009ed48 — solid-blue modal CTA. Lighter-weight sibling to
+     .btn-primary-solid: same filled-blue rectangle, padding:6px 16px, but
+     without the font-weight:600 used by qa/fre primary CTAs. Used for the
+     "Save" / "Create Plan" / "Re-execute" / "Save Note" buttons inside
+     dashboard modals (render-inbox, render-kb, render-plans) and the
+     "Retry" button in the agent-detail error state. Replaces the ad-hoc
+     `background:var(--blue);color:#fff;border:none;border-radius:sm;
+     padding:6px 16px` blob that was duplicated across five callsites. */
+  .btn-primary-lg {
+    background: var(--blue);
+    color: #fff;
+    border: none;
+    border-radius: var(--radius-sm);
+    padding: 6px 16px;
+    font-size: var(--text-md);
+    cursor: pointer;
+    transition: opacity var(--transition-base);
+  }
+  .btn-primary-lg:hover { opacity: 0.9; }
+  .btn-primary-lg:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
+  .btn-primary-lg:disabled,
+  .btn-primary-lg.disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
+
+  /* W-mq57qetc0009ed48 — muted ghost button. Transparent background,
+     bordered, muted text. Used for secondary actions next to a primary
+     CTA (QA Cancel / Edit / Dismiss / "− remove artifact row" / "+ Add
+     artifact"). Replaces the standalone .qa-btn-ghost (now removed —
+     all callsites migrated). */
+  .btn-ghost {
+    background: transparent;
+    color: var(--muted);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: var(--space-2) var(--space-5);
+    font-size: var(--text-base);
+    cursor: pointer;
+    transition: color var(--transition-base), background var(--transition-base);
+  }
+  .btn-ghost:hover { color: var(--text); background: var(--surface); }
+  .btn-ghost:focus-visible { outline: 2px solid var(--blue); outline-offset: 1px; }
+  .btn-ghost:disabled,
+  .btn-ghost.disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
+
+  /* W-mq57qetc0009ed48 — dashed empty-state chip ("+ Add Project" in
+     the projects empty-state). Same chip footprint as the project chips
+     in render-other.js, but with a dashed border + green text to read as
+     a placeholder/call-to-action. */
+  .empty-state-add {
+    display: inline-block;
+    background: var(--surface2);
+    border: 1px dashed var(--border);
+    color: var(--green);
+    font-weight: 500;
+    padding: 3px 10px;
+    border-radius: var(--radius-sm);
+    cursor: pointer;
+    transition: background var(--transition-base);
+  }
+  .empty-state-add:hover { background: rgba(63,185,80,0.1); }
+  .empty-state-add:focus-visible { outline: 2px solid var(--green); outline-offset: 1px; }
+  .empty-state-add:disabled,
+  .empty-state-add.disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
+  /* Muted variant used when the chip sits next to existing project chips
+     (so it reads as a secondary "add another" affordance rather than the
+     primary empty-state CTA). */
+  .empty-state-add.empty-state-add-muted { color: var(--muted); }
+  .empty-state-add.empty-state-add-muted:hover { background: var(--surface); }
+  /* Blue variant used for the "Scan" affordance that sits next to "+ Add
+     Project" in the projects empty-state — same dashed chip, but text-sm and
+     blue text instead of green. */
+  .empty-state-add.empty-state-add-blue { color: var(--blue); font-size: var(--text-sm); }
+  .empty-state-add.empty-state-add-blue:hover { background: rgba(88,166,255,0.1); }
+
   /* Badge — unified badge/pill base */
   .badge {
     font-size: var(--text-sm); font-weight: 600;
@@ -796,6 +960,8 @@
   .modal-copy { background: var(--surface2); border: 1px solid var(--border); color: var(--muted); font-size: var(--text-base); cursor: pointer; padding: var(--space-2) var(--space-5); border-radius: var(--radius-sm); display: flex; align-items: center; gap: var(--space-2); transition: all var(--transition-base); }
   .modal-copy:hover { color: var(--text); border-color: var(--text); }
   .modal-copy.copied { color: var(--green); border-color: var(--green); }
+  .modal-copy.is-success { color: var(--green); border-color: var(--green); }
+  .modal-copy.is-danger { color: var(--red); border-color: var(--red); }
   .modal-close { background: none; border: none; color: var(--muted); font-size: var(--text-2xl); cursor: pointer; padding: var(--space-2) var(--space-4); }
   .modal-close:hover { color: var(--text); }
 
@@ -1019,20 +1185,10 @@
   .qa-add-artifact-btn { align-self: flex-start; margin-top: var(--space-2); }
   .qa-form-actions { flex-direction: row; align-items: center; gap: var(--space-4); }
   .qa-form-msg { font-size: var(--text-base); margin-left: var(--space-3); }
-  .qa-btn-primary {
-    background: var(--blue); color: #fff; border: none;
-    border-radius: var(--radius-sm); padding: var(--space-3) var(--space-7);
-    font-size: var(--text-md); font-weight: 600; cursor: pointer;
-  }
-  .qa-btn-primary:hover { opacity: 0.9; }
-  .qa-btn-primary:disabled { opacity: 0.4; cursor: not-allowed; }
-  .qa-btn-ghost {
-    background: transparent; color: var(--muted);
-    border: 1px solid var(--border); border-radius: var(--radius-sm);
-    padding: var(--space-2) var(--space-5); font-size: var(--text-base);
-    cursor: pointer;
-  }
-  .qa-btn-ghost:hover { color: var(--text); background: var(--surface); }
+  /* .qa-btn-primary and .qa-btn-ghost were removed in W-mq57qetc0009ed48
+     (PR #80 follow-up). All callsites migrated to the shared .btn-primary-solid
+     and .btn-ghost primitives defined near .btn-add. .qa-btn-danger is kept
+     as a color-only modifier composable with .btn-ghost. */
 
   .qa-runbooks-list { display: flex; flex-direction: column; gap: var(--space-3); }
   .qa-runbook-row {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yemi33/minions",
-  "version": "0.1.2158",
+  "version": "0.1.2159",
   "description": "Multi-agent AI dev team that runs from ~/.minions/ — five autonomous agents share a single engine, dashboard, and knowledge base",
   "bin": {
     "minions": "bin/minions.js"