@beastmode-develeap/beastmode 0.1.276 → 0.1.278

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260516-135653-88d25be";</script>
+<script>window.__BUILD_STAMP__ = "20260516-141637-ce6d7e2";</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">
@@ -1259,6 +1259,11 @@ input[type="range"]::-webkit-slider-thumb {
 .card-status-age.status-age-info { color: var(--accent); background: var(--accent-subtle); }
 .card-status-age.status-age-warn { color: #fb923c; background: rgba(249, 115, 22, 0.15); }
 .card-status-age.status-age-stale { color: #f87171; background: rgba(239, 68, 68, 0.15); }
+.card-badge-wrap {
+  /* Flex child wrapper: blockified by parent flex, but sized to content.
+     The inner .card-badge is NOT a direct flex item, so it keeps display:inline-block. */
+  line-height: 0;
+}
 .card-badge {
   display: inline-block;
   padding: 2px 8px;
@@ -6319,7 +6324,7 @@ function PipelineView({
         ${(() => {
           const cost = costsByItem && costsByItem[String(item.id)];
           const label = cost ? formatCost(cost.total_cost_usd) : null;
-          return label ? html`<span class="card-badge badge-cost" title=${'Total cost: ' + label}>${label}</span>` : null;
+          return label ? html`<span class="card-badge-wrap"><span class="card-badge badge-cost" title=${'Total cost: ' + label}>${label}</span></span>` : null;
         })()}
         ${(() => {
           const env = item.extra && item.extra.current_env;
@@ -6736,8 +6741,7 @@ function BoardPage({ selectedProject }) {
   // append ?board=<proj> here. Errors are swallowed: if the cost
   // batch endpoint is unreachable, cards render without badges.
   const fetchCosts = useCallback(() => {
-    const proj = localStorage.getItem('beastmode-selected-project') || '';
-    const boardParam = (proj && proj !== 'all') ? '?board=' + encodeURIComponent(proj) : '';
+    const boardParam = (selectedProject && selectedProject !== 'all') ? '?board=' + encodeURIComponent(selectedProject) : '';
     fetch('/api/costs/by-items' + boardParam)
       .then(r => r.ok ? r.json() : {})
       .then(data => setCostsByItem(data || {}))
@@ -7531,7 +7535,7 @@ function BoardPage({ selectedProject }) {
                           ${(() => {
                             const cost = costsByItem && costsByItem[String(item.id)];
                             const label = cost ? formatCost(cost.total_cost_usd) : null;
-                            return label ? html`<span class="card-badge badge-cost" title=${'Total cost: ' + label}>${label}</span>` : null;
+                            return label ? html`<span class="card-badge-wrap"><span class="card-badge badge-cost" title=${'Total cost: ' + label}>${label}</span></span>` : null;
                           })()}
                           ${(() => {
                             const env = item.extra && item.extra.current_env;
@@ -11740,6 +11744,24 @@ function App() {
     setSelectedProjectRaw(value);
   }, []);
 
+  // Auto-select the first registered project when localStorage has no prior
+  // choice. Without this, items and costs both route to the default board
+  // (board.db) which doesn't match project board data — no badges render in
+  // a fresh Playwright or incognito session. Multi-project factories default
+  // to the first registered project; users can override via the sidebar.
+  useEffect(() => {
+    if (localStorage.getItem('beastmode-selected-project')) return;
+    fetch('/api/projects')
+      .then(r => r.ok ? r.json() : null)
+      .then(data => {
+        const projects = data && data.projects;
+        if (Array.isArray(projects) && projects.length > 0) {
+          setSelectedProject(projects[0].name);
+        }
+      })
+      .catch(() => {});
+  }, []);
+
   // If ?view=pipeline or ?view=board is in the URL but no hash route is
   // set, the router would default to Dashboard. Redirect to #/board so
   // the board page renders (and BoardPage can read the ?view= param).

package/dist/web/build-commit.txt

@@ -1 +1 @@
-88d25be900a29498978af616d9a62157536b9fd4
+ce6d7e276739e5c17a98d18b9389d76eacab4db0

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260516-135653-88d25be
+20260516-141637-ce6d7e2

package/package.json

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