@beastmode-develeap/beastmode 0.1.275 → 0.1.277

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260516-124812-2221634";</script>
+<script>window.__BUILD_STAMP__ = "20260516-140206-eb6aa87";</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;
@@ -8568,7 +8572,21 @@ function ProjectsPage({ selectedProject, onProjectChange }) {
       setGuideErrors(prev => ({ ...prev, [name]: null }));
       return resp;
     } catch (e) {
-      setGuideErrors(prev => ({ ...prev, [name]: e.message }));
+      // 404 means no guide exists yet — treat as empty sentinel so the
+      // render shows the status-based fallback instead of a raw error.
+      const noGuide = e.message && (
+        e.message.includes('No codebase guide') ||
+        e.message.includes('Guide file not found') ||
+        e.message === 'HTTP 404'
+      );
+      if (noGuide) {
+        setGuideContent(prev => ({
+          ...prev,
+          [name]: { ...(prev[name] || {}), [level]: '' },
+        }));
+      } else {
+        setGuideErrors(prev => ({ ...prev, [name]: e.message }));
+      }
       return null;
     }
   }, []);
@@ -8579,12 +8597,14 @@ function ProjectsPage({ selectedProject, onProjectChange }) {
       return;
     }
     setExpandedProject(name);
-    // Fetch L1 content lazily on first expand if analysis is complete.
-    const st = analysisStatuses[name];
-    if (st && st.status === 'complete' && !(guideContent[name] && guideContent[name].l1)) {
+    // Optimistically fetch L1 guide on expand regardless of analysis status.
+    // Guide files exist even when a re-analysis is in progress (previous run's
+    // output persists). fetchGuide silently treats 404 as empty so this is
+    // safe to call unconditionally — it never shows a raw HTTP error.
+    if (!(guideContent[name] && guideContent[name].l1)) {
       await fetchGuide(name, 'l1');
     }
-  }, [expandedProject, analysisStatuses, guideContent, fetchGuide]);
+  }, [expandedProject, guideContent, fetchGuide]);
 
   const stopPolling = useCallback((name) => {
     if (pollTimersRef.current[name]) {
@@ -8831,7 +8851,7 @@ function ProjectsPage({ selectedProject, onProjectChange }) {
                    data-testid="codebase-summary-panel">
                 <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
                   <strong style="font-size:13px;">Codebase summary</strong>
-                  ${pillState === 'complete' && guide.l1 ? html`
+                  ${guide.l1 ? html`
                     <button class="btn btn-sm btn-secondary"
                             onClick=${() => toggleFullGuide(proj.name)}
                             data-testid="project-show-full-guide">
@@ -8840,44 +8860,45 @@ function ProjectsPage({ selectedProject, onProjectChange }) {
                   ` : null}
                 </div>
                 ${guideErr ? html`<div class="error-msg" style="margin-bottom:8px;">${guideErr}</div>` : null}
-                ${pillState === 'complete'
-                  ? (guide.l1 == null
-                      ? html`<div style="color:var(--text-secondary);font-size:12px;">Loading guide\u2026</div>`
-                      : html`
-                        <pre style="white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.5;
-                                     background:var(--bg-subtle);padding:10px;border-radius:6px;margin:0;"
-                             data-testid="codebase-guide-l1">${guide.l1}</pre>
-                        ${showFullGuide[proj.name]
-                          ? (guide.l2 == null
-                              ? html`<div style="margin-top:8px;color:var(--text-secondary);font-size:12px;">Loading full guide\u2026</div>`
-                              : html`
-                                <pre style="white-space:pre-wrap;font-family:inherit;font-size:12px;line-height:1.5;
-                                             background:var(--bg-subtle);padding:10px;border-radius:6px;margin-top:8px;"
-                                     data-testid="codebase-guide-l2">${guide.l2}</pre>
-                              `)
-                          : null}
-                      `)
-                  : pillState === 'running'
-                    ? html`<div style="display:flex;align-items:center;gap:8px;color:var(--text-secondary);">
-                              <span class="spinner" style="display:inline-block;width:12px;height:12px;border:2px solid var(--border);
-                                                            border-top-color:var(--accent);border-radius:50%;
-                                                            animation:spin 0.8s linear infinite;"></span>
-                              Analyzing codebase\u2026
-                            </div>`
-                    : pillState === 'failed'
-                      ? html`<div>
-                                <div class="error-msg" style="margin-bottom:8px;">${st.error || 'Analysis failed'}</div>
-                                <button class="btn btn-sm btn-primary"
-                                        onClick=${() => reanalyze(proj.name)}
-                                        data-testid="project-retry-btn">Retry</button>
+                ${guide.l1 === undefined
+                  ? html`<div style="color:var(--text-secondary);font-size:12px;">Loading guide\u2026</div>`
+                  : guide.l1
+                    ? html`
+                      ${isBusy ? html`<div style="font-size:11px;color:var(--text-secondary);margin-bottom:6px;">Re-analysis in progress\u2026</div>` : null}
+                      <pre style="white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.5;
+                                   background:var(--bg-subtle);padding:10px;border-radius:6px;margin:0;"
+                           data-testid="codebase-guide-l1">${guide.l1}</pre>
+                      ${showFullGuide[proj.name]
+                        ? (guide.l2 === undefined
+                            ? html`<div style="margin-top:8px;color:var(--text-secondary);font-size:12px;">Loading full guide\u2026</div>`
+                            : html`
+                              <pre style="white-space:pre-wrap;font-family:inherit;font-size:12px;line-height:1.5;
+                                           background:var(--bg-subtle);padding:10px;border-radius:6px;margin-top:8px;"
+                                   data-testid="codebase-guide-l2">${guide.l2}</pre>
+                            `)
+                        : null}
+                    `
+                    : pillState === 'running'
+                      ? html`<div style="display:flex;align-items:center;gap:8px;color:var(--text-secondary);">
+                                <span class="spinner" style="display:inline-block;width:12px;height:12px;border:2px solid var(--border);
+                                                              border-top-color:var(--accent);border-radius:50%;
+                                                              animation:spin 0.8s linear infinite;"></span>
+                                Analyzing codebase\u2026
                               </div>`
-                      : html`<div style="color:var(--text-secondary);">
-                                Not analyzed yet \u2014
-                                <button class="btn btn-sm btn-primary"
-                                        style="margin-left:6px;"
-                                        onClick=${() => reanalyze(proj.name)}
-                                        data-testid="project-run-analysis-btn">Run analysis</button>
-                              </div>`}
+                      : pillState === 'failed'
+                        ? html`<div>
+                                  <div class="error-msg" style="margin-bottom:8px;">${st.error || 'Analysis failed'}</div>
+                                  <button class="btn btn-sm btn-primary"
+                                          onClick=${() => reanalyze(proj.name)}
+                                          data-testid="project-retry-btn">Retry</button>
+                                </div>`
+                        : html`<div style="color:var(--text-secondary);">
+                                  Not analyzed yet \u2014
+                                  <button class="btn btn-sm btn-primary"
+                                          style="margin-left:6px;"
+                                          onClick=${() => reanalyze(proj.name)}
+                                          data-testid="project-run-analysis-btn">Run analysis</button>
+                                </div>`}
               </div>
             ` : null}
             <${EnvironmentPanel} projectName=${proj.name} />
@@ -11723,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 @@
-222163459522e6dc1c977285090302e69b524da2
+eb6aa87c2a0979bee58379926ffeb4c8bb6ffa12

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260516-124812-2221634
+20260516-140206-eb6aa87

package/package.json

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