@beastmode-develeap/beastmode 0.1.205 → 0.1.206

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260509-102837-ac9ac7b";</script>
+<script>window.__BUILD_STAMP__ = "20260509-103000-fd3a02c";</script>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
@@ -4260,7 +4260,7 @@ const STATUSES = [
   'Waiting for Infra Approval', 'Provisioning Infra', 'Infra Ready',
   'Approved & Merge to Main', 'Ready For Review',
   'Verifying Prod with Tests', 'Verifying Epic', 'Waiting for Epic Bugs', 'Awaiting Input',
-  'Epic Breakdown Posted', 'Stuck', 'Done',
+  'Epic Breakdown Posted', 'Stuck', 'Done', 'Superseded',
 ];
 
 const KANBAN_COLUMNS = [
@@ -5095,12 +5095,88 @@ function DeployModal({ envName, refs, loading, item, selectedProject, onClose })
   `;
 }
 
+// ── Superseded Modal ──
+
+function SupersededModal({ item, onConfirm, onCancel }) {
+  const [supersededBy, setSupersededBy] = useState('');
+  const [reason, setReason] = useState('');
+  const [error, setError] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  const isEpic = (item.task_type || '').toLowerCase() === 'epic';
+
+  useEffect(() => {
+    const handleEsc = (e) => { if (e.key === 'Escape') onCancel(); };
+    document.addEventListener('keydown', handleEsc);
+    return () => document.removeEventListener('keydown', handleEsc);
+  }, []);
+
+  const handleSubmit = async () => {
+    if (isEpic && !supersededBy.trim()) {
+      setError('Epics require a successor item ID (superseded_by).');
+      return;
+    }
+    if (isEpic && !reason.trim()) {
+      setError('Epics require a supersede reason.');
+      return;
+    }
+    setLoading(true);
+    setError('');
+    try {
+      const payload = { status: 'Superseded' };
+      const extra = {};
+      if (supersededBy.trim()) extra.superseded_by = supersededBy.trim();
+      if (reason.trim()) extra.superseded_reason = reason.trim();
+      if (Object.keys(extra).length > 0) payload.extra_columns = extra;
+      await api('PATCH', '/api/board/items/' + item.id, payload);
+      onConfirm();
+    } catch (err) {
+      setError(err.message || 'Failed to update status');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return html`
+    <div class="deploy-modal-overlay" data-testid="superseded-modal-overlay"
+         onClick=${(e) => { if (e.target === e.currentTarget) onCancel(); }}>
+      <div class="deploy-modal" data-testid="superseded-modal">
+        <h3>Mark as Superseded</h3>
+        <p style="font-size:13px;color:var(--text-muted);margin:0 0 12px;">
+          This action is permanent. Superseded items cannot be reactivated.
+        </p>
+        ${error && html`<div class="error-banner" style="margin-bottom:12px;">${error}</div>`}
+        <label>Successor item ID ${isEpic ? html`<span style="color:var(--danger);">*</span>` : '(optional)'}</label>
+        <input type="text" value=${supersededBy}
+               data-testid="superseded-by-input"
+               placeholder="e.g. 42"
+               onInput=${(e) => setSupersededBy(e.target.value)}
+               style="width:100%;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:13px;box-sizing:border-box;" />
+        <label>Reason ${isEpic ? html`<span style="color:var(--danger);">*</span>` : '(optional)'}</label>
+        <textarea value=${reason}
+                  data-testid="superseded-reason-input"
+                  placeholder="Why is this item being superseded?"
+                  onInput=${(e) => setReason(e.target.value)}
+                  style="width:100%;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:13px;box-sizing:border-box;resize:vertical;min-height:60px;" />
+        <div class="deploy-modal-actions">
+          <button onClick=${onCancel} disabled=${loading}>Cancel</button>
+          <button class="btn-primary" onClick=${handleSubmit} disabled=${loading}
+                  data-testid="superseded-confirm-btn">
+            ${loading ? 'Updating...' : 'Mark Superseded'}
+          </button>
+        </div>
+      </div>
+    </div>
+  `;
+}
+
 // ── Item Detail Sidebar ──
 
 function ItemDetailSidebar({ item, onClose, onStatusChange, selectedProject }) {
   const [updates, setUpdates] = useState([]);
   const [loadingUpdates, setLoadingUpdates] = useState(true);
   const [sortNewest, setSortNewest] = useState(true);
+  const [showSupersededModal, setShowSupersededModal] = useState(false);
   // Attachments (Gap 8a — 2026-04-15): list every attachment the
   // board service has for this item, render image types as thumbnails
   // that open in a new tab when clicked.
@@ -5300,9 +5376,17 @@ function ItemDetailSidebar({ item, onClose, onStatusChange, selectedProject }) {
       </div>
       <div class="detail-fields">
         <label>Status</label>
-        <select value=${item.status || 'New'} onChange=${async (e) => {
+        <select value=${item.status || 'New'}
+                disabled=${item.status === 'Superseded'}
+                onChange=${async (e) => {
+          const newStatus = e.target.value;
+          if (newStatus === 'Superseded') {
+            e.target.value = item.status || 'New';
+            setShowSupersededModal(true);
+            return;
+          }
           try {
-            await api('PATCH', '/api/board/items/' + item.id, { status: e.target.value });
+            await api('PATCH', '/api/board/items/' + item.id, { status: newStatus });
             onStatusChange();
           } catch (err) { /* ignore */ }
         }}>
@@ -5507,6 +5591,11 @@ function ItemDetailSidebar({ item, onClose, onStatusChange, selectedProject }) {
       selectedProject=${selectedProject}
       onClose=${() => setDeployModal(null)}
     />`}
+    ${showSupersededModal && html`<${SupersededModal}
+      item=${item}
+      onConfirm=${() => { setShowSupersededModal(false); onStatusChange(); }}
+      onCancel=${() => setShowSupersededModal(false)}
+    />`}
   `;
 }
 
@@ -6359,6 +6448,7 @@ function BoardPage({ selectedProject }) {
     e.preventDefault();
     e.currentTarget.classList.remove('drag-over', 'drag-over-invalid');
     e.currentTarget.removeAttribute('title');
+    if (status === 'Superseded') return;
     const di = dragInfoRef.current;
     if (!di) return;
     const validStages = (typeof getStagesForType === 'function')

package/dist/web/build-commit.txt

@@ -1 +1 @@
-ac9ac7bd53cf29439c9062ac8b847daa409df1ca
+fd3a02ca51716afc9999e6cc4441295cc82987c0

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260509-102837-ac9ac7b
+20260509-103000-fd3a02c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beastmode-develeap/beastmode",
-  "version": "0.1.205",
+  "version": "0.1.206",
   "description": "BeastMode Dark Factory — turn intent into verified software",
   "type": "module",
   "bin": {