@beastmode-develeap/beastmode 0.1.159 → 0.1.160

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260502-125142-97d09bd";</script>
+<script>window.__BUILD_STAMP__ = "20260502-170747-d286287";</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">
@@ -1271,6 +1271,24 @@ input[type="range"]::-webkit-slider-thumb {
   color: #38bdf8;
 }
 
+/* Environment status dot inside the badge — Story 7 */
+.badge-env-dot {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  margin-right: 4px;
+  vertical-align: middle;
+  flex-shrink: 0;
+}
+.badge-env-dot-passed { background: #34d399; }
+.badge-env-dot-failed { background: #f87171; }
+.badge-env-dot-running,
+.badge-env-dot-verifying { background: #fbbf24; }
+.badge-env-dot-deploying { background: #60a5fa; }
+.badge-env-dot-awaiting_approval { background: #fbbf24; animation: pulse-dot 1.5s ease-in-out infinite; }
+.badge-env-dot-pending { background: #666666; }
+
 /* Environment Management Panel (Story 9) */
 .env-panel {
   margin-top: 12px;
@@ -5223,6 +5241,7 @@ function PipelineView({
   cycleSort,
   sortColumnItems,
   costsByItem,
+  envVerifyByItem,
 }) {
   const [collapseKey, setCollapseKey] = useState(0);
   const [, setEpicCollapseKey] = useState(0);
@@ -5255,8 +5274,17 @@ function PipelineView({
         ${(() => {
           const env = item.extra && item.extra.current_env;
           if (!env) return null;
-          return html`<span class=${'card-badge badge-env badge-env-' + env}
-                           title=${'Environment: ' + env}>${env}</span>`;
+          const envStatus = envVerifyByItem && envVerifyByItem[String(item.id)];
+          const currentEnvEntry = envStatus && Array.isArray(envStatus.environments)
+            ? envStatus.environments.find(e => e.name === env)
+            : null;
+          const dotStatus = currentEnvEntry ? currentEnvEntry.status : null;
+          const titleText = dotStatus
+            ? 'Environment: ' + env + ' (' + dotStatus + ')'
+            : 'Environment: ' + env;
+          return html`<span class=${'card-badge badge-env badge-env-' + env} title=${titleText}>
+            ${dotStatus ? html`<span class=${'badge-env-dot badge-env-dot-' + dotStatus}></span>` : null}${env}
+          </span>`;
         })()}
         ${(() => {
           const src = item.status_changed_at || item.updated_at || item.created_at;
@@ -5555,6 +5583,7 @@ function BoardPage({ selectedProject }) {
   const [columnSorts, setColumnSorts] = useState({});
   const [epicCollapseKey, setEpicCollapseKey] = useState(0);
   const [costsByItem, setCostsByItem] = useState({});
+  const [envVerifyByItem, setEnvVerifyByItem] = useState({});
   const [viewMode, setViewMode] = useState(() => {
     try {
       const saved = localStorage.getItem('beastmode-view-mode');
@@ -5632,6 +5661,37 @@ function BoardPage({ selectedProject }) {
       .catch(() => {});
   }, [selectedProject]);
 
+  // Story 7: batch-fetch env verify status for items that have a current_env.
+  // The endpoint is per-item, so we issue parallel requests with allSettled
+  // — failed individual fetches don't block the others, and the badge falls
+  // back to "no dot" when data is missing.
+  const fetchEnvStatuses = useCallback((itemList) => {
+    if (!Array.isArray(itemList)) return;
+    const itemsWithEnv = itemList.filter(i => i && i.extra && i.extra.current_env);
+    if (itemsWithEnv.length === 0) {
+      setEnvVerifyByItem({});
+      return;
+    }
+    const proj = localStorage.getItem('beastmode-selected-project') || '';
+    const projParam = (proj && proj !== 'all')
+      ? '&project=' + encodeURIComponent(proj)
+      : '';
+    Promise.allSettled(
+      itemsWithEnv.map(item =>
+        fetch('/api/environments/verify-status?item_id=' + encodeURIComponent(item.id) + projParam)
+          .then(r => r.ok ? r.json() : null)
+      )
+    ).then(results => {
+      const byItem = {};
+      results.forEach((result, idx) => {
+        if (result.status === 'fulfilled' && result.value) {
+          byItem[String(itemsWithEnv[idx].id)] = result.value;
+        }
+      });
+      setEnvVerifyByItem(byItem);
+    }).catch(() => {});
+  }, [selectedProject]);
+
   // Re-fetch whenever the selected project changes — each project
   // has its own SQLite board on the server.
   // Also poll every 10s for live updates from the daemon.
@@ -5648,6 +5708,14 @@ function BoardPage({ selectedProject }) {
     return () => clearInterval(interval);
   }, [selectedProject]);
 
+  // Story 7: refresh env verify status when items change, plus a
+  // 30s background refresh while the page is open.
+  useEffect(() => {
+    fetchEnvStatuses(items);
+    const t = setInterval(() => fetchEnvStatuses(items), 30000);
+    return () => clearInterval(t);
+  }, [items, fetchEnvStatuses]);
+
   // Layout test surface: expose column metrics on window for scenario
   // verification. Guards on !loading and items.length > 0 so metrics are
   // only exposed once the board has actually rendered content.
@@ -6218,6 +6286,7 @@ function BoardPage({ selectedProject }) {
             cycleSort=${cycleSort}
             sortColumnItems=${sortColumnItems}
             costsByItem=${costsByItem}
+            envVerifyByItem=${envVerifyByItem}
           />`
         : html`
       <div class="kanban-wrapper">
@@ -6291,8 +6360,17 @@ function BoardPage({ selectedProject }) {
                           ${(() => {
                             const env = item.extra && item.extra.current_env;
                             if (!env) return null;
-                            return html`<span class=${'card-badge badge-env badge-env-' + env}
-                                             title=${'Environment: ' + env}>${env}</span>`;
+                            const envStatus = envVerifyByItem && envVerifyByItem[String(item.id)];
+                            const currentEnvEntry = envStatus && Array.isArray(envStatus.environments)
+                              ? envStatus.environments.find(e => e.name === env)
+                              : null;
+                            const dotStatus = currentEnvEntry ? currentEnvEntry.status : null;
+                            const titleText = dotStatus
+                              ? 'Environment: ' + env + ' (' + dotStatus + ')'
+                              : 'Environment: ' + env;
+                            return html`<span class=${'card-badge badge-env badge-env-' + env} title=${titleText}>
+                              ${dotStatus ? html`<span class=${'badge-env-dot badge-env-dot-' + dotStatus}></span>` : null}${env}
+                            </span>`;
                           })()}
                           ${(() => {
           const src = item.status_changed_at || item.updated_at || item.created_at;

package/dist/web/build-commit.txt

@@ -1 +1 @@
-97d09bdc40fb20a840f13d4b5bb0364195d6c540
+d28628735a7f09d061b14fb51be8c017eeb56095

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260502-125142-97d09bd
+20260502-170747-d286287

package/package.json

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