feat: Ship button on SHIPPABLE stories; checker report on READY task cards

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 41 insertions, 0 deletions

diff --git a/web/app.js b/web/app.js
index 21c825a..ff8e381 100644
--- a/web/app.js
+++ b/web/app.js
@@ -181,6 +181,20 @@ function createTaskCard(task) {
     card.appendChild(errEl);
   }
 
+  // Checker report for READY tasks where the checker flagged a problem.
+  if (task.state === 'READY' && task.checker_report) {
+    const reportEl = document.createElement('div');
+    reportEl.className = 'task-checker-report';
+    const label = document.createElement('span');
+    label.className = 'task-checker-report-label';
+    label.textContent = '⚠ Checker flagged:';
+    const text = document.createElement('span');
+    text.textContent = task.checker_report;
+    reportEl.appendChild(label);
+    reportEl.appendChild(text);
+    card.appendChild(reportEl);
+  }
+
   // Changestats badge for COMPLETED/READY tasks
   const CHANGESTATS_STATES = new Set(['COMPLETED', 'READY']);
   if (CHANGESTATS_STATES.has(task.state) && task.changestats != null) {
@@ -571,6 +585,33 @@ export function renderStoryCard(story, doc = document) {
 
   card.appendChild(meta);
 
+  // Ship button for SHIPPABLE stories.
+  if (story.status === 'SHIPPABLE') {
+    const shipBtn = doc.createElement('button');
+    shipBtn.className = 'btn-primary story-ship-btn';
+    shipBtn.textContent = 'Ship';
+    shipBtn.addEventListener('click', async (e) => {
+      e.stopPropagation();
+      shipBtn.disabled = true;
+      shipBtn.textContent = 'Shipping…';
+      try {
+        const res = await fetch(`${API_BASE}/api/stories/${story.id}/ship`, { method: 'POST' });
+        if (!res.ok) {
+          const body = await res.json().catch(() => ({}));
+          alert(body.error || `Ship failed (${res.status})`);
+          shipBtn.disabled = false;
+          shipBtn.textContent = 'Ship';
+        } else {
+          renderStoriesPanel();
+        }
+      } catch {
+        shipBtn.disabled = false;
+        shipBtn.textContent = 'Ship';
+      }
+    });
+    card.appendChild(shipBtn);
+  }
+
   return card;
 }