@beastmode-develeap/beastmode 0.1.212 → 0.1.213

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260509-145929-6395b56";</script>
+<script>window.__BUILD_STAMP__ = "20260509-151332-bb5cfbc";</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">
@@ -1688,6 +1688,29 @@ input[type="range"]::-webkit-slider-thumb {
   color: #f97316;
   border: 1px solid rgba(249, 115, 22, 0.4);
 }
+.badge-superseded {
+  background: rgba(100, 116, 139, 0.2);
+  color: #94a3b8;
+  border: 1px solid rgba(100, 116, 139, 0.4);
+  text-decoration: line-through;
+}
+.kanban-card[data-overlay="superseded"] {
+  opacity: 0.6;
+}
+.kanban-card[data-overlay="superseded"] .card-title {
+  text-decoration: line-through;
+  color: var(--text-muted);
+}
+.badge-successor {
+  background: rgba(100, 116, 139, 0.15);
+  color: #94a3b8;
+  cursor: pointer;
+  text-decoration: none;
+}
+.badge-successor:hover {
+  background: rgba(100, 116, 139, 0.3);
+  color: #cbd5e1;
+}
 
 /* Card-level visual treatment for overlay statuses */
 .kanban-card[data-overlay="stuck"] {
@@ -4382,7 +4405,9 @@ function isOverlayStatus(status) {
   const overlays = (typeof PIPELINE_CONFIG !== 'undefined' && PIPELINE_CONFIG && PIPELINE_CONFIG.overlay_statuses)
     ? PIPELINE_CONFIG.overlay_statuses
     : ['Stuck', 'Awaiting Input'];
-  return overlays.includes(status);
+  if (overlays.includes(status)) return true;
+  if (status === 'Superseded') return true;
+  return false;
 }
 
 function overlayBadgeClass(status) {
@@ -4390,6 +4415,7 @@ function overlayBadgeClass(status) {
   const s = status.toLowerCase();
   if (s === 'stuck') return 'badge-overlay-stuck';
   if (s === 'awaiting input') return 'badge-overlay-awaiting';
+  if (s === 'superseded') return 'badge-superseded';
   return '';
 }
 
@@ -4398,6 +4424,7 @@ function overlayBadgeLabel(status) {
   const s = status.toLowerCase();
   if (s === 'stuck') return '\u26A0 Stuck';
   if (s === 'awaiting input') return '\u23F3 Awaiting Input';
+  if (s === 'superseded') return 'Superseded';
   return status;
 }
 
@@ -4406,6 +4433,7 @@ function overlayKey(status) {
   const s = status.toLowerCase();
   if (s === 'stuck') return 'stuck';
   if (s === 'awaiting input') return 'awaiting-input';
+  if (s === 'superseded') return 'superseded';
   return null;
 }
 
@@ -4414,6 +4442,7 @@ function overlayTooltip(status) {
   const s = status.toLowerCase();
   if (s === 'stuck') return 'Task is stuck after max retries. Comment \'reset\' to restart or investigate the failure.';
   if (s === 'awaiting input') return 'BeastMode needs your answer to a question before continuing. Check the task updates.';
+  if (s === 'superseded') return 'This item has been superseded by another item. It is terminal and cannot be reactivated.';
   return '';
 }
 
@@ -4566,6 +4595,32 @@ function partitionByEpic(columnItems, allItems) {
       groups[epicId].epicName = groups[epicId].epic.name;
       groups[epicId].epicStatus = groups[epicId].epic.status;
     }
+    const allChildren = allItems.filter(i => String(i.parent_epic) === String(epicId));
+    let doneCount = 0;
+    let supersededCount = 0;
+    let activeCount = 0;
+    let mostCommonSuccessor = null;
+    const successorCounts = {};
+    for (const child of allChildren) {
+      if (child.status === 'Done') {
+        doneCount++;
+      } else if (child.status === 'Superseded') {
+        supersededCount++;
+        const sby = child.extra && child.extra.superseded_by;
+        if (sby) {
+          successorCounts[sby] = (successorCounts[sby] || 0) + 1;
+        }
+      } else {
+        activeCount++;
+      }
+    }
+    if (supersededCount > 0) {
+      let maxCount = 0;
+      for (const [id, count] of Object.entries(successorCounts)) {
+        if (count > maxCount) { maxCount = count; mostCommonSuccessor = id; }
+      }
+    }
+    groups[epicId].breakdown = { doneCount, supersededCount, activeCount, mostCommonSuccessor };
   }
 
   const sortedGroupKeys = Object.keys(groups).sort((a, b) => {
@@ -5419,7 +5474,23 @@ function ItemDetailSidebar({ item, onClose, onStatusChange, selectedProject, all
     <aside class="detail-sidebar open" ref=${sidebarRef}>
       <div class="detail-resize-handle" onMouseDown=${onResizeStart}></div>
       <div class="detail-header">
-        <h3>${item.name || item.title}</h3>
+        <h3 style=${item.status === 'Superseded' ? 'text-decoration:line-through;color:var(--text-muted);' : ''}>${item.name || item.title}</h3>
+        ${item.status === 'Superseded' && html`
+          <div class="detail-superseded-info" data-testid="sidebar-superseded-info"
+               style="display:flex;align-items:center;gap:8px;padding:4px 0 8px;font-size:13px;color:var(--text-muted);">
+            <span class="badge-superseded" style="font-size:11px;padding:2px 8px;border-radius:4px;">Superseded</span>
+            ${item.extra && item.extra.superseded_by && html`
+              <span>\u2192</span>
+              <a href="#" data-testid="sidebar-successor-link"
+                 style="color:var(--accent);text-decoration:none;font-family:var(--font-mono);font-size:12px;"
+                 onClick=${(e) => {
+                   e.preventDefault();
+                   const target = allItems && allItems.find ? allItems.find(i => String(i.id) === String(item.extra.superseded_by)) : null;
+                   if (target && onSelectItem) onSelectItem(target);
+                 }}>#${item.extra.superseded_by}</a>
+            `}
+          </div>
+        `}
         <button class="detail-close" onClick=${onClose}>\u00d7</button>
       </div>
       <div class="detail-meta">
@@ -5849,6 +5920,15 @@ function PipelineView({
       <div class="card-title" style="cursor:pointer;" onClick=${() => setSelectedItem(item)} title=${item.name || item.title}>${item.name || item.title}</div>
       <div class="card-footer">
         ${isOverlayStatus(item.status) && html`<span class=${'card-badge badge-overlay ' + overlayBadgeClass(item.status)} title=${overlayTooltip(item.status)}>${overlayBadgeLabel(item.status)}</span>`}
+        ${item.extra && item.extra.superseded_by && html`<a class="card-badge badge-successor"
+          href="#" data-testid="card-successor-link"
+          title=${'Superseded by #' + item.extra.superseded_by}
+          onClick=${(e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            const target = filteredItems.find(i => String(i.id) === String(item.extra.superseded_by));
+            if (target) setSelectedItem(target);
+          }}>→ #${item.extra.superseded_by}</a>`}
         ${!isParentEpic && item.parent_epic && html`<span class="card-badge badge-epic">epic:${item.parent_epic}</span>`}
         ${item.priority && html`<span class=${'card-badge ' + priorityBadgeClass(item.priority)}>${item.priority}</span>`}
         ${item.task_type && html`<span class="card-badge badge-type">${item.task_type}</span>`}
@@ -5957,6 +6037,19 @@ function PipelineView({
                                     <span class="epic-group-color" style="background: var(--accent)"></span>
                                     <span class="epic-group-name">${group.epicName}</span>
                                     <span class="epic-group-count">${totalCount}</span>
+                                    ${(() => {
+                                      const bd = group.breakdown;
+                                      if (!bd || (bd.doneCount === 0 && bd.supersededCount === 0)) return null;
+                                      const parts = [];
+                                      if (bd.doneCount > 0) parts.push(bd.doneCount + ' Done');
+                                      if (bd.supersededCount > 0) parts.push(bd.supersededCount + ' Superseded');
+                                      if (bd.activeCount > 0) parts.push(bd.activeCount + ' Active');
+                                      return html`<span class="epic-group-breakdown" data-testid="epic-group-breakdown"
+                                        style="font-size:10px;color:var(--text-muted);margin-left:4px;">(${parts.join(', ')}${bd.mostCommonSuccessor ? html` → <a href="#" data-testid="epic-breakdown-successor-link" style="color:var(--accent);text-decoration:none;" onClick=${(e) => {
+                                          e.preventDefault();
+                                          e.stopPropagation();
+                                        }}>#${bd.mostCommonSuccessor}</a>` : ''})</span>`;
+                                    })()}
                                   </div>
                                   <div class="epic-group-body" id=${egBodyId}>
                                     ${group.epic && renderCard(group.epic, meta.status, true)}
@@ -6957,6 +7050,15 @@ function BoardPage({ selectedProject }) {
                         <div class="card-title" style="cursor:pointer;" onClick=${() => setSelectedItem(item)} title=${item.name || item.title}>${item.name || item.title}</div>
                         <div class="card-footer">
                           ${isOverlayStatus(item.status) && html`<span class=${'card-badge badge-overlay ' + overlayBadgeClass(item.status)} title=${overlayTooltip(item.status)}>${overlayBadgeLabel(item.status)}</span>`}
+                          ${item.extra && item.extra.superseded_by && html`<a class="card-badge badge-successor"
+                            href="#" data-testid="card-successor-link"
+                            title=${'Superseded by #' + item.extra.superseded_by}
+                            onClick=${(e) => {
+                              e.preventDefault();
+                              e.stopPropagation();
+                              const target = swimlaneFilteredItems.find(i => String(i.id) === String(item.extra.superseded_by));
+                              if (target) setSelectedItem(target);
+                            }}>→ #${item.extra.superseded_by}</a>`}
                           ${!isParentEpic && item.parent_epic && html`<span class="card-badge badge-epic">epic:${item.parent_epic}</span>`}
                           ${item.priority && html`<span class=${'card-badge ' + priorityBadgeClass(item.priority)}>${item.priority}</span>`}
                           ${item.task_type && html`<span class="card-badge badge-type">${item.task_type}</span>`}
@@ -7006,6 +7108,19 @@ function BoardPage({ selectedProject }) {
                               <span class="epic-group-color" style="background: var(--accent)"></span>
                               <span class="epic-group-name">${group.epicName}</span>
                               <span class="epic-group-count">${totalCount}</span>
+                              ${(() => {
+                                const bd = group.breakdown;
+                                if (!bd || (bd.doneCount === 0 && bd.supersededCount === 0)) return null;
+                                const parts = [];
+                                if (bd.doneCount > 0) parts.push(bd.doneCount + ' Done');
+                                if (bd.supersededCount > 0) parts.push(bd.supersededCount + ' Superseded');
+                                if (bd.activeCount > 0) parts.push(bd.activeCount + ' Active');
+                                return html`<span class="epic-group-breakdown" data-testid="epic-group-breakdown"
+                                  style="font-size:10px;color:var(--text-muted);margin-left:4px;">(${parts.join(', ')}${bd.mostCommonSuccessor ? html` → <a href="#" data-testid="epic-breakdown-successor-link" style="color:var(--accent);text-decoration:none;" onClick=${(e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                  }}>#${bd.mostCommonSuccessor}</a>` : ''})</span>`;
+                              })()}
                             </div>
                             <div class="epic-group-body" id=${bodyId}>
                               ${group.epic && renderCard(group.epic, true)}

package/dist/web/build-commit.txt

@@ -1 +1 @@
-6395b562346253985efd5667de1e2809baa36bf0
+bb5cfbcb14116ecf6845a1f8dd4282def11ac1a5

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260509-145929-6395b56
+20260509-151332-bb5cfbc

package/package.json

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