@beastmode-develeap/beastmode 0.1.270 → 0.1.272

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260516-111729-ad84112";</script>
+<script>window.__BUILD_STAMP__ = "20260516-114618-d6ededa";</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">
@@ -8514,6 +8514,18 @@ function ProjectsPage({ selectedProject, onProjectChange }) {
   const [onboardingTier, setOnboardingTier] = useState('standard');
   const [showPicker, setShowPicker] = useState(false);
   const [adding, setAdding] = useState(false);
+  // Per-project analysis state (status pill + last-analyzed timestamp).
+  // Keyed by project name; value is the /analyze/status JSON response.
+  const [analysisStatuses, setAnalysisStatuses] = useState({});
+  // Which project card is currently expanded (only one at a time).
+  const [expandedProject, setExpandedProject] = useState(null);
+  // Cached guide content keyed by project name; each entry holds optional l1/l2 strings.
+  const [guideContent, setGuideContent] = useState({});
+  // Per-project transient errors surfaced inside the card body.
+  const [guideErrors, setGuideErrors] = useState({});
+  // Per-project "show full guide" toggle (l2 visible).
+  const [showFullGuide, setShowFullGuide] = useState({});
+  const pollTimersRef = useRef({});
 
   const fetchProjects = useCallback(() => {
     api('GET', '/api/projects')
@@ -8524,6 +8536,101 @@ function ProjectsPage({ selectedProject, onProjectChange }) {
 
   useEffect(() => { fetchProjects(); }, []);
 
+  const fetchAnalysisStatus = useCallback(async (name) => {
+    try {
+      const status = await api('GET', '/api/projects/' + name + '/analyze/status');
+      setAnalysisStatuses(prev => ({ ...prev, [name]: status }));
+      return status;
+    } catch (e) {
+      setAnalysisStatuses(prev => ({ ...prev, [name]: { status: 'idle', error: e.message } }));
+      return null;
+    }
+  }, []);
+
+  // Refresh per-project analysis status whenever the project list changes.
+  useEffect(() => {
+    projects.forEach(p => { fetchAnalysisStatus(p.name); });
+  }, [projects, fetchAnalysisStatus]);
+
+  // Clean up any running poll intervals on unmount.
+  useEffect(() => () => {
+    Object.values(pollTimersRef.current).forEach(t => clearInterval(t));
+    pollTimersRef.current = {};
+  }, []);
+
+  const fetchGuide = useCallback(async (name, level) => {
+    try {
+      const resp = await api('GET', '/api/projects/' + name + '/codebase-guide?level=' + level);
+      setGuideContent(prev => ({
+        ...prev,
+        [name]: { ...(prev[name] || {}), [level]: resp.content || '' },
+      }));
+      setGuideErrors(prev => ({ ...prev, [name]: null }));
+      return resp;
+    } catch (e) {
+      setGuideErrors(prev => ({ ...prev, [name]: e.message }));
+      return null;
+    }
+  }, []);
+
+  const toggleExpand = useCallback(async (name) => {
+    if (expandedProject === name) {
+      setExpandedProject(null);
+      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)) {
+      await fetchGuide(name, 'l1');
+    }
+  }, [expandedProject, analysisStatuses, guideContent, fetchGuide]);
+
+  const stopPolling = useCallback((name) => {
+    if (pollTimersRef.current[name]) {
+      clearInterval(pollTimersRef.current[name]);
+      delete pollTimersRef.current[name];
+    }
+  }, []);
+
+  const startPolling = useCallback((name) => {
+    stopPolling(name);
+    pollTimersRef.current[name] = setInterval(async () => {
+      const st = await fetchAnalysisStatus(name);
+      if (!st) return;
+      if (st.status === 'complete') {
+        stopPolling(name);
+        // Drop stale L1/L2 caches so the next expand re-fetches them.
+        setGuideContent(prev => { const n = { ...prev }; delete n[name]; return n; });
+        setShowFullGuide(prev => ({ ...prev, [name]: false }));
+        if (expandedProject === name) {
+          await fetchGuide(name, 'l1');
+        }
+      } else if (st.status === 'failed' || st.status === 'idle') {
+        stopPolling(name);
+      }
+    }, 5000);
+  }, [fetchAnalysisStatus, fetchGuide, stopPolling, expandedProject]);
+
+  const reanalyze = useCallback(async (name) => {
+    setGuideErrors(prev => ({ ...prev, [name]: null }));
+    setAnalysisStatuses(prev => ({ ...prev, [name]: { status: 'running' } }));
+    try {
+      await api('POST', '/api/projects/' + name + '/analyze?force=true', {});
+      startPolling(name);
+    } catch (e) {
+      setAnalysisStatuses(prev => ({ ...prev, [name]: { status: 'failed', error: e.message } }));
+    }
+  }, [startPolling]);
+
+  const toggleFullGuide = useCallback(async (name) => {
+    const next = !showFullGuide[name];
+    setShowFullGuide(prev => ({ ...prev, [name]: next }));
+    if (next && !(guideContent[name] && guideContent[name].l2)) {
+      await fetchGuide(name, 'l2');
+    }
+  }, [showFullGuide, guideContent, fetchGuide]);
+
   const addProject = async () => {
     const isGithub = addMode === 'github';
     if (isGithub && !githubUrl.trim()) return;
@@ -8543,19 +8650,26 @@ function ProjectsPage({ selectedProject, onProjectChange }) {
       setSuccess(isGithub ? `Cloned and added: ${registeredPath}` : 'Project added successfully');
 
       if (onboardingTier === 'standard' || onboardingTier === 'full') {
-        setSuccess('Project added — running codebase analysis...');
         try {
-          await api('POST', '/api/projects/' + projName + '/analyze', {});
-          setSuccess('Project added and analyzed');
-        } catch { setSuccess('Project added (analysis failed — can retry later)'); }
+          const analyzeResult = await api('POST', '/api/projects/' + projName + '/analyze', {});
+          if (analyzeResult && analyzeResult.cached) {
+            setSuccess('Project added — codebase already analyzed');
+          } else {
+            setSuccess('Project added — analyzing codebase…');
+            // Begin polling so the operator sees the status pill flip to
+            // "Analyzed" on the new project card in real time. Card may
+            // render slightly later (after fetchProjects), but startPolling
+            // is idempotent and the interval keeps refreshing status.
+            startPolling(projName);
+          }
+        } catch {
+          setSuccess('Project added (analysis failed — can retry later)');
+        }
       }
 
-      if (onboardingTier === 'full') {
-        setTimeout(() => {
-          if (onProjectChange) onProjectChange(projName);
-          navigate('#/new-session');
-        }, 1000);
-      }
+      // Full tier no longer auto-redirects. The operator stays on the
+      // Projects page so they can watch the analysis status flip and
+      // navigate to /new-session manually when ready.
 
       setTimeout(() => setSuccess(null), 5000);
       fetchProjects();
@@ -8649,22 +8763,127 @@ function ProjectsPage({ selectedProject, onProjectChange }) {
                   icon="projects"
                   title="No projects yet"
                   description="Add a project path to start building." />`
-        : projects.map(proj => html`
-          <div class="ext-item" key=${proj.name} style="flex-wrap:wrap;">
-            <div class="ext-info">
-              <div class="ext-name">${proj.name}</div>
-              <div class="ext-meta">
-                ${proj.repo ? proj.repo + ' \u2014 ' : ''}
-                ${proj.stack ? proj.stack.detected || proj.stack.framework || '' : ''}
-                ${proj.path ? ' \u2014 ' + proj.path : ''}
+        : projects.map(proj => {
+          const st = analysisStatuses[proj.name] || { status: 'idle' };
+          const expanded = expandedProject === proj.name;
+          const pillState = st.status === 'complete' ? 'complete'
+            : st.status === 'running' ? 'running'
+            : st.status === 'failed' ? 'failed'
+            : 'none';
+          const pillLabel = pillState === 'complete' ? '\u2713 Analyzed'
+            : pillState === 'running' ? '\u23f3 Analyzing\u2026'
+            : pillState === 'failed' ? '\u2717 Failed'
+            : '\u2014 Not analyzed';
+          const pillColor = pillState === 'complete' ? '#22c55e'
+            : pillState === 'running' ? '#f59e0b'
+            : pillState === 'failed' ? '#ef4444'
+            : '#94a3b8';
+          const tsLabel = pillState === 'complete' && st.analyzed_at
+            ? 'Analyzed ' + timeAgo(st.analyzed_at)
+            : pillState === 'failed' ? 'Analysis failed'
+            : pillState === 'running' ? 'Analyzing\u2026'
+            : 'Not analyzed';
+          const guide = guideContent[proj.name] || {};
+          const guideErr = guideErrors[proj.name];
+          const isBusy = pillState === 'running';
+          return html`
+          <div class="ext-item" key=${proj.name} style="flex-wrap:wrap;flex-direction:column;align-items:stretch;">
+            <div style="display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;"
+                 onClick=${() => toggleExpand(proj.name)}>
+              <div style="flex:1;min-width:0;">
+                <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;">
+                  <div class="ext-name">${proj.name}</div>
+                  <span style="display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;
+                               background:${pillColor};color:#fff;white-space:nowrap;"
+                        title=${st.error || ''}
+                        data-testid="project-status-pill"
+                        data-state=${pillState}>${pillLabel}</span>
+                  ${proj.stack && (proj.stack.detected || proj.stack.framework)
+                    ? html`<span style="display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;
+                                          background:var(--bg-subtle);color:var(--text-secondary);">
+                              ${proj.stack.detected || proj.stack.framework}
+                            </span>`
+                    : null}
+                </div>
+                <div class="ext-meta" style="margin-top:4px;">
+                  ${proj.repo ? proj.repo + ' \u2014 ' : ''}
+                  ${proj.path || ''}
+                </div>
+                <div class="ext-meta" style="margin-top:2px;font-size:11px;color:var(--text-secondary);"
+                     data-testid="project-analyzed-timestamp">${tsLabel}</div>
+              </div>
+              <div class="ext-actions" style="display:flex;gap:6px;flex-wrap:wrap;"
+                   onClick=${(e) => e.stopPropagation()}>
+                <button class="btn btn-sm btn-secondary"
+                        onClick=${() => reanalyze(proj.name)}
+                        disabled=${isBusy}
+                        data-testid="project-reanalyze-btn">
+                  ${isBusy ? 'Analyzing\u2026' : 'Re-analyze'}
+                </button>
+                <button class="btn btn-sm btn-danger" onClick=${() => removeProject(proj.name)}>Remove</button>
+                <button class="btn btn-sm btn-secondary"
+                        onClick=${() => toggleExpand(proj.name)}
+                        data-testid="project-expand-btn">${expanded ? '\u25b4' : '\u25be'}</button>
               </div>
             </div>
-            <div class="ext-actions">
-              <button class="btn btn-sm btn-danger" onClick=${() => removeProject(proj.name)}>Remove</button>
-            </div>
+            ${expanded ? html`
+              <div style="margin-top:12px;padding:12px;border-top:1px solid var(--border);"
+                   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`
+                    <button class="btn btn-sm btn-secondary"
+                            onClick=${() => toggleFullGuide(proj.name)}
+                            data-testid="project-show-full-guide">
+                      ${showFullGuide[proj.name] ? 'Hide full guide' : 'Show full guide'}
+                    </button>
+                  ` : 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>
+                              </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} />
           </div>
-        `)}
+          `;
+        })}
       </div>
       ${showPicker && html`<${DirectoryPicker} initialPath=${newPath || null} onClose=${() => setShowPicker(false)} onSelect=${(p) => { setNewPath(p); setShowPicker(false); }} />`}
     </div>

package/dist/web/build-commit.txt

@@ -1 +1 @@
-ad84112c31bbe8279215f920090b9f6fbb56eaaf
+d6ededab513bbf5d0a90dfb7e86675775d9a9a68

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260516-111729-ad84112
+20260516-114618-d6ededa

package/package.json

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